@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-size: 16px;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  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;
  border-radius: 50px;
  transition: all 0.4s ease;
}

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

.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;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  max-width: 100%;
  border-radius: 30px;
  text-decoration: none;
}

.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 {
  text-decoration: none;
  position: relative;
  margin-right: 45px;
  padding-left: 40px;
  color: #2776c7;
  font-family: 'ROBOTO';
  font-size: 30px;
  font-weight: 700;
  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;
  padding-right: 26px;
  color: #2776c7;
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  line-height: 2;
}

.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;
}

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


@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;
  transform: translateY(-42%);
  color: #2776c7;
  font-size: 11px;
}

.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: 30px;
  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 {
  max-width: 440px;
  padding: 1.17em;
}

.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%;
  max-width: 340px;
  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;
  -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-repeat: no-repeat;
  background-size: contain;
  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-weight: 500;
  font-family: 'DMSansMedium', sans-serif;
}

@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 {
    max-width: 30.91vw;
    margin: 4.18vw auto 0;
    padding: 1.36vw 3.27vw;
    border: 0.18vw solid #2776c7;
    font-size: 1.45vw;
  }
  
  .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 {
    max-width: 72vw;
    margin: 12.27vw auto 0;
    padding: 3.2vw 9.6vw;
    font-size: 3.13vw;
    border: 0.26vw solid #2776c7;
  }

  .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 {
    width: 4.27vw;
    height: 4.27vw;
    top: 0px;
  }

  .radio-text:after {
    width: 2.67vw;
    height: 2.67vw;
    top: 1.07vw;
  }
}


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: 139.06vw;
  }

  .mainVisual-img-items {
    height: 139.06vw;
  }

  .mainVisual-img {
    height: 139.06vw;
  }

  .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;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: #a1a1a1;  
}

.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 {
    font-size: 1.27vw;
    top: -1.36vw;
  }
}

@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-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
  }
}

.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) {
  /*.inner {
        width: 100%;
    }*/

  /*.front .inner {
        width: 100%;
        padding-right: 5.333vw;
        padding-left: 5.333vw;
    }*/

  .arrow-blue::after {
    width: 4.667vw;
    height: 1.867vw;
    background-size: 100%;
  }

  .arrow-white::after {
    width: 4.667vw;
    height: 1.867vw;
    background-size: 100%;
  }
}

/*.js-menu-open #main-menu {
    visibility: hidden;
    transition: visibility 0.5s ease;
    opacity: 0 !important;
}*/

#main-menu {
  /*visibility: hidden;
    transition: opacity 1.1s ease, visibility 1.1s ease;
    opacity: 0;*/
  position: relative;
  z-index: -1;
}

/*#main-menu .globalHeader-logo {
    display: none;
}*/

/*@media (max-width:68.75em) {
    #main-menu {
        visibility: visible;
        opacity: 1;
    }

    #main-menu .globalHeader-logo {
        display: block;
    }
}*/




#sub-menu {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  /*visibility: hidden;*/
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  transition: transform 1.1s ease;
  /*opacity: 0;*/
}

#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;
  }

  /*#sub-menu .globalNav>ul>li>a {
    padding: 10px 10px;
    font-size: 12px;
  }*/

  /*#sub-pg-menu .globalNav>ul>li>a {
    padding: 10px 22px;
    font-size: 12px;
  }*/

  .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;
  }

  /*.frontEvent .eventList.primary-eventList .next {
    font-size: 1.09vw;
  }*/

  .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 .date {
    font-size: 25px;
  }*/

  .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;
  }

  /*.frontEvent .time {
    font-size: 14px;
  }*/

  .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;
  }

  /*#sub-menu .globalNav>ul>li>a {
    padding: 20px 10px;
    font-size: 15px;
  }*/

  /*#sub-pg-menu .globalNav>ul>li>a {
    padding: 20px 25px;
    font-size: 15px;
  }*/

  .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: 10px 35px;
  border: 1px 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: 30px;
}


.cmn-btn::after {
  position: absolute;
  top: 50%;
  right: 40px;
  width: 36px;
  height: 15px;
  background: url("../../assets/img/common/ico-btn-arr.svg") no-repeat center/cover;
  content: "";
  transform: translateY(-50%);
}

.cmn-btn:hover {
  background: #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 {
  text-align: left;
  line-height: 1.7;
}

.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: 10px 35px;
  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;
}


@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;
  }
}



@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: 0.91vw 3.18vw;
    border: 0.09vw solid #2776c7;
    font-size: 1.45vw;
    letter-spacing: 0.18vw;
    border-radius: 2.73vw;
  }

  .cmn-btn::after {
    right: 3.64vw;
    width: 3.27vw;
    height: 1.36vw;
  }

  .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: 0.91vw 3.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;
  }

}

@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 {
    padding-right: 3.52vw;
    font-size: 3.13vw;
    font-weight: 700;
    line-height: unset;
  }

  .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.99vw 7.29vw;
    border: 0.52vw solid #2776c7;
    font-size: 3.13vw;
    letter-spacing: 0.26vw;
    border-radius: 7.81vw;
  }

  .cmn-btn::after {
    right: 7.55vw;
    width: 4.69vw;
    height: 1.95vw;
  }

  .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;
  }

  .job-btn-blk .cmn-btn,
  .job-btn-blk .button {
    width: 100%;
  }

  .job-btn-blk .button {
    margin: 3.21vw 0 0 0;
    padding: 2.99vw 7.29vw;
    border: 0.52vw solid #2776c7;
    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;
  }
}