@charset "UTF-8";
input, textarea {
  font-family: Verdana, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

article p.p-md {
  font-size: 15px;
}

.about article > h2 > span.container-hsk,
.attention article > h2 > span.container-hsk,
.schedule article > h2 > span.container-hsk,
.privacy article > h2 > span.container-hsk,
.group_exam article > h2 > span.container-hsk,
.tokuteishoutorihikihou article > h2 > span.container-hsk,
.personal_exam article > h2 > span.container-hsk,
.links article > h2 > span.container-hsk,
.cefr article > h2 > span.container-hsk,
.learning article > h2 > span.container-hsk,
.form_company article > h2 > span.container-hsk,
.post-type-archive-faq   article > h2 > span.container-hsk,
.level article > h2 > span.container-hsk,
.charge article > h2 > span.container-hsk,
.category article > h2 > span.container-hsk,
.kyozai article > h2 > span.container-hsk,
.interview_advance article > h2 > span.container-hsk,
.interview_company article > h2 > span.container-hsk,
.study-abroad article > h2 > span.container-hsk,
.shushoku article > h2 > span.container-hsk,
.record_inquiry article > h2 > span.container-hsk,
.ryugaku article > h2 > span.container-hsk,
.koryu article > h2 > span.container-hsk {
  min-height: auto;
  padding-top: 20px;
  padding-bottom: 26px;
  margin: 20px auto;
  font: normal normal bold 33px/41px 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-weight: bold;
  background-image: none;
  color: #0F0F0F;
  text-align: center;
}

.about article > h2, .attention article > h2, .schedule article > h2, .privacy article > h2, .group_exam article > h2, .tokuteishoutorihikihou article > h2, .personal_exam article > h2, .links article > h2, .cefr article > h2, .learning article > h2, .form_company article > h2, .post-type-archive-faq   article > h2, .level article > h2, .charge article > h2, .record_inquiry article > h2 {
  font-size: 33px;
}

.container-hsk.breadcrumb {
  margin-top: 5px;
  background-color: #ffffff;
}

@media only screen and (max-width: 480px) {
  .about article > h2 > span.container-hsk,
  .attention article > h2 > span.container-hsk,
  .schedule article > h2 > span.container-hsk,
  .privacy article > h2 > span.container-hsk,
  .group_exam article > h2 > span.container-hsk,
  .tokuteishoutorihikihou article > h2 > span.container-hsk,
  .personal_exam article > h2 > span.container-hsk,
  .links article > h2 > span.container-hsk,
  .cefr article > h2 > span.container-hsk,
  .learning article > h2 > span.container-hsk,
  .form_company article > h2 > span.container-hsk,
  .post-type-archive-faq   article > h2 > span.container-hsk,
  .level article > h2 > span.container-hsk,
  .charge article > h2 > span.container-hsk,
  .category article > h2 > span.container-hsk,
  .kyozai article > h2 > span.container-hsk,
  .interview_advance article > h2 > span.container-hsk,
  .interview_company article > h2 > span.container-hsk,
  .shushoku article > h2 > span.container-hsk,
  .record_inquiry article > h2 > span.container-hsk,
  .ryugaku article > h2 > span.container-hsk,
  .koryu article > h2 > span.container-hsk {
    min-height: auto;
    padding: 0;
    padding-top: 24px;
    margin: 0 auto;
    font: normal normal bold 26px/35px 'Yogothic-bold', 'Segoe UI', sans-serif;
    font-weight: bold;
  }
}

.row:before {
  display: none;
}

.row.overflow-y-hd {
  margin-right: 0;
  margin-left: 0;
}

.momo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: .4s ease-in-out;
}

.momo.active {
  opacity: 1;
  visibility: visible;
  z-index: 3;
}

br.no-br {
  display: none;
}

.no-br br {
  display: none;
}

.text-center {
  text-align: center;
}

.box-spacing {
  padding: 30px 40px;
  margin: 20px 0px 23px 0px;
}

.bg-soft, #rejection .reject-options .reject-option-item .option-item-content .option-item-content__case .content__case_id {
  background: #F4F8FD;
}

/*--------------------------------
+: START CSS for HEADING
--------------------------------*/
.heading-title {
  color: #004B9E;
  padding: 9px 10px;
  display: inline;
  border-bottom: 2px solid #004B9E;
  font-size: 29px;
  margin: 20px 0px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
}

.heading-title-1 {
  padding: 17px;
  text-align: center;
  color: #004B9E;
  background-color: #FEEC00;
  font-size: 34px;
  margin: 40px 0px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
}

.heading-title-2 {
  padding: 20px 0px 16px 0px;
  position: relative;
  position: sticky;
  position: -webkit-sticky;
  color: #004B9E;
  margin: 20px 0px;
  font: normal normal bold 28px/36px 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-weight: bold;
}

.heading-title-2.first-top {
  margin-top: 0;
  padding-top: 0;
}

.heading-title-2.first-top + p {
  font-size: 19px;
}

.heading-title-2:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #004B9E;
  z-index: 1;
  bottom: 1.5px;
  left: 0;
}

.heading-title-2:after {
  content: "";
  position: absolute;
  width: 200px;
  height: 5px;
  background-color: #004B9E;
  z-index: 2;
  bottom: 0;
  left: 0;
}

.heading-title-3 {
  color: #004B9E;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-size: 14px;
  padding: 20px 0px;
}

.heading-title-4 {
  color: #004B9E;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-size: 25px;
  padding: 10px 0px;
}

.heading-title-5 {
  color: #000;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-size: 20px;
  padding: 10px 0px;
}

.heading-title-6 {
  color: #004B9E;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-size: 22px;
  padding: 10px 0px;
  line-height: 30px;
}

.heading-title-6:before {
  margin-right: 20px;
  content: " ";
  width: 5px;
  height: 26px;
  background-color: #0054b4;
  display: inline-block;
  vertical-align: text-bottom;
}

/*--------------------------------
+: END CSS for HEADING
--------------------------------*/
/*--------------------------------
+: START CSS for NOTICE
--------------------------------*/
.notice {
  padding: 16px 22px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: #F5F5F5;
  margin: 20px 0px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  color: #0F0F0F;
}

.notice.notice-danger {
  background: #FFEC00;
  color: #D30101;
  max-width: 522px;
}

.notice .notice-icon {
  flex: 0 0 25%;
  max-width: 25%;
  font-size: 19px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.notice .notice-icon img {
  margin-right: 5px;
  max-height: 100%;
}

.notice .notice-message {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  white-space: nowrap;
  flex: 0 0 75%;
  max-width: 75%;
  font-size: 16px;
}

.notice .notice-message span {
  display: inline-flex;
  display: -ms-flex;
}

/*--------------------------------
+: START CSS for NOTICE
--------------------------------*/
.border-important {
  position: relative;
  display: inline-block;
}

.border-important:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 8px;
  bottom: 3px;
  background: #FFEC00;
}

.border-important span {
  position: relative;
  z-index: 9;
}

.btn-default {
  background-color: #427FC3;
  color: #fff;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  padding: 13px 14px;
  font-size: 19px;
  margin: 20px 0px;
  display: inline-block;
  text-decoration: none;
}

.btn-space {
  padding: 8.5px 20px;
  width: fit-content;
  background-color: #004B9E;
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 10px;
}

.btn-space-small {
  padding: 8px 18px;
}

.btn-space-text {
  color: #fff;
  font-size: 17px;
  margin-right: 20px;
  line-height: 30px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
}

.btn-space-icon {
  flex: 0 0 15px;
  max-width: 15px;
}

.btn-space:hover {
  text-decoration: none;
  color: #fff;
}

.btn-post-action {
  width: 100%;
  margin: auto;
  padding: 13px;
  text-align: center;
  background: #004B9E;
  border-radius: 6px;
  color: #fff;
}

.btn-post-action .fa {
  font-size: 16px;
  vertical-align: middle;
}

.btn-post-action:hover {
  text-decoration: none;
  color: #fff;
}

.hsk-about-banner {
  padding: 90px 0px;
  margin-bottom: 30px;
  background: url("/images/about/index/bg.png") no-repeat;
  background-size: cover;
  background-position: bottom;
}

@media only screen and (max-width: 767px) {
  .hsk-about-banner {
    padding: 30px 0px;
    background: url("/images/about/index/bg-mb.png") no-repeat;
    background-size: cover;
  }

  .hsk-about-banner .row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }

  .hsk-about-banner .row .col-sm-6:nth-child(2) {
    flex: 0 0 70%;
    max-width: 70%;
  }
}

/*--------------------------------
+: START CSS for /about
--------------------------------*/
.about-body-title {
  padding: 10px 0 40px 0;
  color: #004B9E;
}

.about a:focus {
  color: white;
  text-decoration: none;
}

.post-related {
  background-color: #F5F5F5;
  padding: 40px 0px 72px;
}

.about .row.overflow-y-hd {
  padding-bottom: 13px;
}

.about .heading-title-1 {
  padding: 16px;
  margin: 63px 0 30px 0;
  font-weight: 600;
}

.about .cefr {
  margin-top: 25px;
}

.post-related h5 {
  color: #004B9E;
  text-align: center;
  font-size: 29px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  padding: 20px 0px;
}

.post-related .list-post-related {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}

.post-related .list-post-related .post-item {
  border-right: 1px solid #000;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 10px 20px;
}

.post-related .list-post-related .post-item:nth-child(2) .post-title-text:first-child {
  width: 100%;
}

.post-related .list-post-related .post-item:first-child {
  border-left: 1px solid #000;
}

.post-related .list-post-related .post-item .post-title {
  font-size: 26px;
  color: #000;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  margin-bottom: 33px;
}

.post-related .list-post-related .post-item .post-title .post-title-text {
  display: inline-block;
}

.no-list-style {
  list-style: none;
}

.no-list-style li {
  padding: 5px 0px;
  margin: 10px 0px;
}

.no-list-style li ul {
  list-style: none;
  padding-left: 20px;
}

.no-list-style li p a {
  text-decoration: underline;
}

.post-related .list-post-related .post-item .post-title .post-title-text.post-title__important {
  position: relative;
}

.post-related .list-post-related .post-item .post-title .post-title-text.post-title__important span {
  position: relative;
  z-index: 9;
}

.post-related .list-post-related .post-item .post-title .post-title-text.post-title__important:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 8px;
  bottom: 3px;
  background: #FFEC00;
}

.post-related .list-post-related .post-item .post-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.post-related .list-post-related .post-item .post-content .post-thumbnail {
  flex: 1 0 35%;
  max-width: 35%;
  padding-right: 5px;
}

.post-related .list-post-related .post-item .post-content .post-description {
  flex: 1 0 65%;
  max-width: 65%;
  padding-left: 5px;
}

.post-related .list-post-related .post-item .post-action {
  clear: both;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px auto;
  text-align: center;
}

.about .post-related .list-post-related .post-item {
  border-right: 1px solid #707070;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 10px 20px;
  height: 274px;
}

article p.pb-70 {
  padding-bottom: 70px;
}

.about h2.text-center {
  font-size: 34px;
}

.post-related .list-post-related .post-item:first-child {
  border-left: 1px solid #707070;
}

.post-related .list-post-related .post-item .post-title {
  font-size: 26px;
  color: #1C1C1C;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-weight: bold;
  margin-bottom: 33px;
}

.post-related .list-post-related .post-item .post-title .post-title-text {
  display: inline-block;
}

.post-related .list-post-related .post-item .post-title .post-title-text.post-title__important {
  position: relative;
}

.post-related .list-post-related .post-item .post-title .post-title-text.post-title__important span {
  position: relative;
  z-index: 9;
}

.post-related .list-post-related .post-item .post-title .post-title-text.post-title__important:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 8px;
  bottom: 3px;
  background: #FFEC00;
}

.post-related .list-post-related .post-item .post-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.post-related .list-post-related .post-item .post-content .post-thumbnail {
  flex: 1 0 35%;
  max-width: 35%;
  padding-right: 5px;
}

.post-related .list-post-related .post-item .post-content .post-description {
  flex: 1 0 65%;
  max-width: 65%;
  padding-left: 5px;
}

.post-related .list-post-related .post-item .post-action {
  clear: both;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px auto;
  text-align: center;
}

.pd-60 {
  padding-left: 50px;
  padding-right: 50px;
}

.content-shift {
  margin-top: 20px;
}

.post-interview {
  margin-top: 50px;
  margin-bottom: 50px;
  box-shadow: 0 5px 10px #d1cfcf;
  -webkit-box-shadow: 0 5px 10px #d1cfcf;
  padding: 55px 0px 20px 0px;
}

.post-interview img {
  width: 100%;
}

.post-interview img.fluid-img {
  width: auto;
}

.post-interview .interview-heading-title {
  padding: 14px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #004B9E;
  font-size: 21px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  color: #fff;
}

.post-interview .interview-heading-title img {
  margin-right: 20px;
}

.post-interview .interview-body-title {
  padding: 55px 0px;
  font-size: 34px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  color: #004B9E;
}

.post-interview .row {
  margin-bottom: 30px;
}

.post-interview hr {
  margin-top: 20px;
}

.interview-person-name .ft-13 {
  font-size: 13px;
  line-height: 19px;
}

.interview-person-name .ft-13 br {
  display: none;
}


.interview-person-name .ft-16 {
  margin: 0;
}

.interview-person-content p {
  font-size: 13px;
}

.about .btn-space {
  width: 227px;
}

@media (max-width: 767px) {
  .about p {
    font-size: 16px;
    line-height: 27px;
  }

  .about .btn-space {
    width: 212px;
  }

  .heading-title {
    font-size: 24px;
  }

  .heading-title-1 {
    font-size: 22px;
    padding: 12px;
    margin: 20px 0px;
  }

  .heading-title-2 {
    font-size: 22px;
  }

  .heading-title-2.has-icon {
    font-size: 22px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding-bottom: 13px;
  }

  .heading-title-2.has-icon span {
    text-indent: -12px;
  }

  .heading-title-2.has-icon img {
    width: 53px;
    margin: 20px auto -15px;
  }

  .content-shift {
    margin-top: 20px;
  }

  .post-related h5 {
    font-size: 22px;
  }

  .post-related .list-post-related {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .post-related .list-post-related .post-item {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .post-related .list-post-related .post-item .post-content .post-thumbnail {
    flex: 0 0 40%;
    max-width: 40%;
    margin-top: 4px;
  }

  .post-related .list-post-related .post-item .post-content .post-thumbnail img {
    width: 100%;
  }

  .post-related .list-post-related .post-item .post-content .post-description {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .post-related .list-post-related .post-item {
    padding: 20px;
    border-bottom: 1px solid #000;
    border-right: none;
  }

  .btn-post-action {
    background: transparent;
    text-align: right;
    color: #004B9E;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  }

  .btn-post-action .btn-post-action {
    padding: 5px;
  }

  .btn-post-action .fa {
    font-size: 10px;
    vertical-align: unset;
    padding: 2px 4px;
    border-radius: 50%;
    background: #004b9e;
    color: #fff;
  }

  .post-interview {
    margin-top: 0;
    padding: 25px 10px 25px 10px;
  }

  .post-interview .interview-body-title {
    padding: 0px 40px;
  }

  .post-interview .interview-body-title span {
    font-size: 23px;
    line-height: 30px;
    display: block;
  }

  .post-interview .interview-body-title span:nth-child(1) {
    text-align: left;
  }

  .post-interview .interview-body-title span:nth-child(2) {
    text-align: right;
  }

  .post-interview .heading-title-4 {
    font-size: 22px;
    line-height: 32px;
  }

  .post-interview .heading-title-5 {
    font-size: 17px;
    line-height: 27px;
    padding: 3px 0px 18px 0px;
  }

  .post-interview .interview-heading-title {
    font-size: 17px;
  }

  .pd-60 {
    padding: 20px;
  }

  .underline-large {
    background-image: linear-gradient(to bottom, transparent 70%, #FFEC00 30%);
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
  }

  .interview-person {
    padding: 30px 10px 10px 10px;
    background: #F5F5F5;
    text-align: center;
  }

  .interview-person .interview-person-content {
    text-align: left;
  }

  .interview-person .flex-reverse-mobile {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-direction: reverse;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .interview-person .interview-person-name {
    padding: 14px 0px;
    word-break: keep-all;
  }

  .about .row .col-sm-5, .about .row .col-sm-7 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 480px) {
  .about-text-center {
    margin: 30px 0;
  }

  .interview-person-name .ft-13 br {
    display: block;
  }

  .heading-title-1 {
    padding: 10px;
  }

  .about .post-related .list-post-related .post-item:first-child {
    border-left: none;
  }

  .about .post-related .list-post-related .post-item {
    border-right: none;
    flex: 0 0 33.33%;
    max-width: 100%;
    padding: 10px 20px;
    height: 240px;
  }

  .about .post-related .list-post-related .post-item .post-title {
    font-size: 20px;
  }

  .about .post-related .list-post-related .post-item .post-title .post-title-text {
    display: inline;
  }
}

/*--------------------------------
+: END CSS for /about
--------------------------------*/
.no-list-style {
  list-style: none;
}

.no-list-style li {
  padding: 5px 0px;
  margin: 10px 0px;
}

.no-list-style li ul {
  list-style: none;
  padding-left: 20px;
}

.no-list-style li p a {
  text-decoration: underline;
}

.no-list-style li {
  padding: 5px 0px;
}

.no-list-style li ul {
  list-style: none;
  padding-left: 20px;
}

/*--------------------------------
+: START CSS for /personal_exam
--------------------------------*/
.personal_exam article section.container {
  margin-bottom: 40px;
}

.type-register {
  margin: 30px 0px;
}

.type-register .row .col-xs-6:nth-child(1) {
  padding-right: 27px;
}

.type-register .row .col-xs-6:nth-child(2) {
  padding-left: 26px;
}

.type-register .type-register-item {
  padding: 15px 36px;
  height: 100%;
  border: 2.5px solid #004b9e;
  border-radius: 15px;
  box-shadow: 3px 3px 5px #00000022;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.type-register .type-register-item .register-item__head {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 5px 0px 20px 0px;
}

.type-register .type-register-item .register-item__head__icon {
  height: 45px;
}

.type-register .type-register-item .register-item__head__icon img {
  width: auto;
  height: 100%;
}

.type-register .type-register-item .register-item__head__text {
  font-size: 24px;
  text-align: right;
  margin-left: 15px;
  color: #004b9e;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
}

.type-register .type-register-item .register-item__payment {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  padding-bottom: 8px;
  height: 100%;
}

.type-register .type-register-item .register-item__payment .register-item__payment__title {
  padding: 12px 28px;
  font-size: 16px;
  line-height: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #FFF66E;
  color: #004B9E;
}

.type-register .type-register-item .register-item__payment .register-item__payment__type {
  padding-left: 13px;
  color: #004B9E;
  font-size: 16px;
  line-height: 21px;
}

.type-register .type-register-item .register-item__payment .register-item__payment__type ul li {
  padding: 0;
}

.type-register .type-register-item .type-register-icon-drop {
  position: absolute;
  left: 50%;
  margin-left: -16.5px;
  bottom: -20px;
}

.personal_exam ul li a img {
  vertical-align: text-bottom;
}

#net .box-device {
  margin-top: 27px;
}

#net > ul {
  margin: 0;
}

#net > ul > li {
  font-size: 14px;
  line-height: 26px;
  padding: 0;
}

.box-device {
  margin-top: 24px;
  padding: 27px 27px 17px 27px;
}

.box-device > p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}

.box-device .heading-title-3 {
  padding: 0px;
  margin: 0;
}

.box-device h4 {
  font-size: 23px;
}

.box-device .box-device-child {
  padding: 14px 50px 5px 21px;
  background: #fff;
  /*margin-bottom: 15px;*/
  /*margin-top: 15px;*/
  font-size: 14px;
}

.personal_exam .box-device .box-device-child {
  margin-bottom: 15px;
  margin-top: 15px;
}

.personal_exam .box-device .box-device-child p {
  font-size: 15px;
}

span.personal-mail {
  margin-left: 50px;
}

.box-device .box-device-child h5 {
  font-size: 17px;
}

.box-device .box-device-child li {
  padding: 5px 0px;
}

.box-device .box-device-child h5 {
  font-size: 17px;
  margin-bottom: 3px;
}

.box-device .box-device-child li {
  padding: 5px 0px;
  margin: 0;
}

.heading-title-personal_exam {
  font-size: 22px;
  line-height: 25px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  padding-bottom: 5px;
  margin: 0 0 12px 0px;
  color: #004B9E;
  border-bottom: 1px solid #427FC3;
}

.heading-title-personal_exam .number-counter {
  font-size: 50px;
}

.heading-title-personal_exam .number-counter {
  font-size: 50px;
}

.list-payment-gateway {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
}

.list-payment-gateway h6 {
  width: 100%;
  text-align: center;
  font-size: 16px;
  padding: 13px 10px;
  background: #EDF2F8;
  color: #004B9E;
}

.list-payment-gateway .payment-gateway-item {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 0 15px;
}

.list-payment-gateway .payment-gateway-item:first-child {
  padding-left: 0;
}

.list-payment-gateway .payment-gateway-item:last-child {
  padding-right: 0;
}

.list-payment-gateway .payment-gateway-item:last-child img {
  width: auto;
  height: auto !important;
}

.list-payment-gateway .payment-gateway-item__img {
  padding: 0px 10px 20px 10px;
  height: 105px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.list-payment-gateway .payment-gateway-item__img img {
  width: auto;
  height: 100%;
}

.list-payment-gateway .payment-gateway-item p {
  font-size: 13px;
  line-height: 21px;
}

#post ul.no-list-style.mb-20.bold.color-main li {
  font-size: 14px;
  line-height: 26px;
  padding: 0;
}

.personal_exam #post .heading-title-2.has-icon {
  margin-top: 85px;
  margin-bottom: 35px;
}

.personal_exam #post .heading-title-2.has-icon > img {
  width: 34px;
}

.personal_exam #post ul.no-list-style li {
  margin: 0;
  font-size: 15px;
}

.personal_exam #post .list-unstyled .heading-title-personal_exam {
  margin-bottom: 0;
}

.personal_exam #post .list-unstyled .btn-default {
  padding: 8px 14px;
  margin-bottom: 12px;
}

.personal_exam .no-list-style.bold.color-main {
  margin-top: 8px;
}

.personal_exam .document > div,
.personal_exam .price > div {
  margin-top: 17px;
}

.personal_exam .document > div > p {
  font-size: 15px;
  line-height: 29px;
}

.personal_exam .document > div > p.color-main {
  font-size: 14px;
  line-height: 29px;
}

.personal_exam .price > div .text-red {
  font-size: 15px;
  line-height: 26px;
}

.dropdown-triangle {
  position: relative;
  height: 20px;
  margin: 35px 0 10px;
}

.dropdown-triangle:nth-child(1) .heading-title-personal_exam {
  margin-top: 0;
}

.dropdown-triangle:after {
  content: '';
  position: absolute;
  bottom: 0;
  margin-left: 0;
  left: calc(50% - 14px);
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 20px solid #004b9e;
}

.list-inline-desktop li {
  display: inline-block;
  margin-right: 20px;
}

.personal_exam .list-unstyled li {
  display: inline-block;
  width: 100%;
}

.personal_exam #net .box-device {
  margin-top: 20px;
}

.personal_exam #net {
  margin-bottom: 5px;
}

#payment .register > p {
  font-size: 15px;
  line-height: 29px;
  margin-bottom: 7px;
}

section#post ol.list-unstyled div.btn-default a {
  color: #fff;
}

.personal_exam .btn-space-icon {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .dropdown-triangle {
    margin: 23px 0 15px;
  }

  .personal_exam article p {
    font-size: 14px;
  }

  .personal_exam .box-device p.bold.text-red {
    font-size: 15px;
  }

  .personal_exam .box-device p.bold.text-red br {
    display: none;
  }

  .type-register {
    margin-top: 19px;
  }

  .heading-title-2.first-top + p {
    margin-bottom: 20px;
  }

  .type-register .row .col-xs-6:nth-child(1) {
    padding-right: 12px;
  }

  .type-register .row .col-xs-6:nth-child(2) {
    padding-left: 12px;
  }

  .type-register .type-register-item {
    padding: 0;
  }

  .type-register .type-register-item .type-register-icon-drop {
    bottom: -15px;
  }

  .type-register-icon-drop img {
    width: 27px;
  }

  .type-register .type-register-item .register-item__head {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 13px 0px 7px 0px;
  }

  .type-register .type-register-item .register-item__head .register-item__head__icon {
    text-align: center;
    height: 30px;
  }

  .type-register .type-register-item .register-item__head .register-item__head__text {
    margin-left: 0;
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
  }

  .type-register .type-register-item .register-item__payment {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .type-register .type-register-item .register-item__payment .register-item__payment__title {
    display: inline-block;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    width: 117px;
    margin: 0 auto;
    padding: 4px 15px;
  }

  .type-register .type-register-item .register-item__payment .register-item__payment__type {
    padding-left: 0;
    font-size: 13px;
    margin-top: 8px;
    width: 125px;
    margin: 0 auto;
  }

  .type-register .type-register-item .register-item__payment .register-item__payment__type ul li {
    padding: 5px 0;
  }

  .list-payment-gateway .payment-gateway-item {
    margin-bottom: 20px;
  }

  .type-register .type-register-item .register-item__payment .register-item__payment__type ul li {
    padding: 0;
    margin: 0;
  }

  .list-payment-gateway .payment-gateway-item {
    margin-bottom: 20px;
  }

  #net ul li {
    font-size: 14px;
    line-height: 23px;
    margin: 0;
  }

  .personal_exam .dropdown-triangle .pull-left + p {
    margin-bottom: 16px !important;
  }

  .box-device .box-device-child li {
    margin: 0;
    padding: 1px 0;
  }

  .personal_exam .btn-default {
    margin-top: 0;
  }

  .personal_exam #post ul.color-main.bold.no-list-style {
    margin: 10px 0 0 !important;
  }

  .personal_exam #post ul.color-main.bold.no-list-style li {
    margin: 0;
  }

  .personal_exam #post .no-list-style {
    margin-top: 10px !important;
  }

  .personal_exam #post .no-list-style li {
    margin: 5px 0;
  }

  .list-payment-gateway .payment-gateway-item__img + p {
    margin-top: 10px;
  }

  .personal_exam article section.container #main-content {
    margin-bottom: 0;
  }

  .personal_exam article section.container #main-content #post {
    margin-bottom: 0;
  }

  .personal_exam article section.container #side-content ul.text-center.banner-exam li {
    margin-top: 0;
    padding-top: 0;
  }

  .personal_exam .pull-left img {
    width: 100%;
  }

  span.personal-mail {
    margin-left: 0;
  }

  .personal_exam .heading-title-2.has-icon {
    padding-bottom: 6px;
    margin-bottom: 8px;
  }

  .personal_exam .heading-title-2.has-icon span {
    text-align: left;
    text-indent: 0px;
  }

  .personal_exam #net .box-device.bg-dark {
    margin-top: 7px
  }

  .personal_exam .box-device .box-device-child {
    margin: 17px 0 13px;
    padding: 15px;
  }

  .personal_exam .box-device .box-device-child p span {
    display: inline-block;
    width: 100%;
    margin: 0;
  }

  .personal_exam .box-device .heading-title-3 {
    font-size: 17px
  }

  .personal_exam #post .heading-title-2.has-icon {
    margin-top: 0px;
  }

  .personal_exam #post .list-unstyled .heading-title-personal_exam {
    margin-bottom: 15px;
  }

  .personal_exam #post .heading-title-2.has-icon > img {
    margin: 0px auto;
    margin-top: 28px;
    margin-bottom: 15px;
  }

  .personal_exam #post .heading-title-2.has-icon {
    margin-bottom: 20px;
  }

}

@media only screen and (max-width: 480px) {
  .banner-exam li img {
    width: 100%;
  }

  .banner-exam li:nth-child(odd) {
    padding-left: 0 !important;
  }

  .banner-exam li:nth-child(even) {
    padding-right: 0 !important;
  }

  .list-payment-gateway h6 {
    font-size: 16px;
  }

  .btn-space .btn-space-text {
    font-size: 15px;
  }

  .heading-title-personal_exam {
    font-size: 18px;
    line-height: 29px;
  }

  .heading-title-personal_exam .number-counter {
    font-size: 40px;
  }

  .personal_exam .heading-title-2.has-icon span {
    font-size: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .type-register .type-register-item .register-item__payment .register-item__payment__type {
    font-size: 12px;
  }

  .type-register .type-register-item .register-item__payment .register-item__payment__type ul li {
    padding: 3px 0px;
    margin: 0;
  }

  .btn-space .btn-space-text {
    font-size: 13px;
    margin-right: 10px;
  }

  .btn-space .btn-space-text {
    font-size: 17px;
  }

  .heading-title-personal_exam {
    font-size: 18px;
    line-height: 29px;
  }

  .heading-title-personal_exam .number-counter {
    font-size: 40px;
  }

  .box-device {
    padding: 20px 17px;
  }

  .personal_exam article > section.container > section, .personal_exam article > section.container > #main-content > section {
    margin-bottom: 20px;
  }

  .personal_exam .dropdown-triangle .pull-left img {
    width: 100%;
    height: 124px;
  }
}

@media only screen and (max-width: 362px) {
  .type-register .col-xs-6:first-child {
    padding-right: 5px;
  }

  .type-register .col-xs-6:nth-child(2) {
    padding-left: 5px;
  }

  .type-register .type-register-item .register-item__head .register-item__head__text {
    font-size: 16px;
  }

  .type-register .type-register-item .register-item__payment .register-item__payment__title {
    padding: 8px 10px;
  }

  .btn-space .btn-space-text {
    font-size: 12px;
  }
}

@media only screen and (min-width: 768px) {
  .personal_exam article section.container #main-content section .type-register {
    margin-bottom: 76px;
  }

  .personal_exam .heading-title-2.has-icon {
    padding-bottom: 10px;
  }
}

/*--------------------------------
+: END CSS for /personal_exam
--------------------------------*/
/*--------------------------------
+: START CSS for /privacy
--------------------------------*/
.privacy-excerpt {
  font-size: 19px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
}

.privacy-excerpt p:first-child {
  margin-bottom: 50px;
}

.privacy-excerpt, .privacy-excerpt p {
  font: normal normal bold 19px/36px 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-weight: bold;
}

.privacy-excerpt p:first-child {
  margin: 0;
}

.privacy-excerpt .list-inline-desktop li {
  margin: 0;
  padding: 0;
}

.privacy-item {
  margin-bottom: 13px !important;
  font: normal normal normal 16px/31px 'Yogothic', 'Segoe UI', sans-serif;
}

.privacy-item .heading-title-4, .privacy-box .heading-title-4 {
  font: normal normal bold 22px/38px 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-weight: bold;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 10px;
}

.privacy-box .heading-title-4 {
  text-indent: -12px;
}

.privacy-item li {
  padding: 0px 0px;
}

.privacy article > section.container > section > div:last-child.privacy-box {
  margin: 73px 0px 0px 0px;
  padding: 22px 60px;
  background-color: #F0F6FC;
  display: block;
}

.privacy-box > ul {
  font-size: 16px;
  margin: 3px 0px;
}

.privacy-box > ul li {
  padding: 2px 0px;
}

.privacy .privacy-excerpt {
  margin-bottom: 40px;
}

.list-inline-desktop {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 0 !important;
}

@media only screen and (max-width: 480px) {
  .privacy-box {
    padding: 20px;
    margin: 40px 0 0 0;
  }

  .privacy .privacy-excerpt {
    margin-bottom: 5px;
  }

  .privacy-item .heading-title-4 {
    margin-top: 10px;
  }

  .privacy-item {
    margin-bottom: 3px !important;
    font: normal normal normal 15px/23px 'Yogothic', 'Segoe UI', sans-serif;
  }

  .privacy-item ul {
    margin: 0;
  }

  .list-inline-desktop {
    display: block;
  }

  .privacy-excerpt, .privacy-excerpt p {
    font: normal normal bold 15px/24px 'Yogothic-bold', 'Segoe UI', sans-serif;
    font-weight: bold;
  }

  .privacy-excerpt p:first-child {
    padding: 0;
  }

  .privacy-box .heading-title-4 {
    font: normal normal bold 18px/38px 'Yogothic-bold', 'Segoe UI', sans-serif;
    font-weight: bold;
    text-indent: -10px;
  }

  .privacy-box > ul {
    font: normal normal normal 15px/27px 'Yogothic', 'Segoe UI', sans-serif;
  }

  .privacy-box > ul li {
    padding: 0;

  }
}

/*--------------------------------
+: END CSS for /privacy
--------------------------------*/
/*--------------------------------
+: START CSS for /links
--------------------------------*/
#page-links .links-item {
  padding: 20px;
  background-color: #F5F5F5;
  margin-bottom: 32px;
  padding-bottom: 40px;
  height: 100%;
}

#page-links .links-item h3 {
  font-size: 20px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  margin-bottom: 10px;
}

#page-links .links-item .links-item-action {
  position: absolute;
  bottom: 54px;
  right: 40px;
}

#page-links .links-item ul li {
  list-style: none;
  padding: 6px 0px;
  font-size: 17px;
}

#page-links .links-item ul li a {
  color: #004B9E;
}

#page-links .row .col-sm-6:nth-child(odd) {
  padding-right: 24px;
}

#page-links .row .col-sm-6:nth-child(even) {
  padding-left: 24px;
}

@media only screen and (max-width: 767px) {
  #page-links .col-sm-6 {
    width: 100%;
  }

  #page-links .row .col-sm-6:nth-child(odd) {
    padding-right: 15px;
  }

  #page-links .row .col-sm-6:nth-child(even) {
    padding-left: 15px;
  }

  #page-links .links-item {
    padding-bottom: 0;
    margin-bottom: 12px;
  }

  #page-links .links-item ul {
    padding-right: 40px;
  }

  #page-links .links-item .links-item-action {
    bottom: 40px;
  }

  #page-links .links-item .col-xs-3 {
    width: 90px;
    padding-right: 0;
  }
}

@media only screen and (max-width: 480px) {
  .mb-left {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
  }

  #page-links .col-sm-6 {
    width: 100%;
  }

  #page-links .links-item {
    padding-bottom: 0;
  }

  #page-links .links-item h3 {
    font-size: 17px;
  }

  #page-links .links-item ul {
    padding-right: 20px;
  }

  #page-links .links-item ul li {
    font-size: 15px;
  }

  #page-links .links-item .links-item-action {
    bottom: 27px;
    right: 30px;
  }

  #page-links .links-item .links-item-action img {
    width: 23px;
  }
}

@media only screen and (max-width: 420px) {
  #page-links .links-item h3 {
    font-size: 17px;
  }
}

@media only screen and (min-width: 768px) {
  #page-links .row .col-sm-6:nth-child(odd) {
    padding-right: 25px;
  }

  #page-links .row .col-sm-6:nth-child(even) {
    padding-left: 25px;
  }

  #page-links .row .col-sm-6:nth-child(odd) .links-item .links-item-action {
    right: 50px;
  }

  #page-links .links-item {
    padding: 15px 15px 15px 35px;
  }

  @media only screen and (min-width: 810px) {
    #page-links .links-item {
      height: 150px;
    }
  }
}

/*--------------------------------
+: END CSS for /links
--------------------------------*/
/*--------------------------------
+: START CSS for /tokuteishoutorihikihou
--------------------------------*/
#tokuteishoutorihikihou {
  font-size: 16px;
  margin-bottom: 35px;
  margin-top: 10px;
}

#tokuteishoutorihikihou table td, #tokuteishoutorihikihou table th {
  padding: 13px 10px;
}

#tokuteishoutorihikihou table tr td br {
  display: block;
}

#tokuteishoutorihikihou .btn {
  font-size: 13px;
  background: #004B9E;
  border-color: #004B9E;
  margin-left: 30px;
}

#tokuteishoutorihikihou .btn i {
  margin-left: 10px;
  margin-right: 0;
}

@media only screen and (max-width: 420px) {
  #tokuteishoutorihikihou {
    font-size: 14px;
    margin-bottom: 10px;
  }

  #tokuteishoutorihikihou table {
    max-width: 100%;
  }

  #tokuteishoutorihikihou .btn {
    margin-left: 0;
  }

  #tokuteishoutorihikihou table th {
    min-width: 100px;
  }

  #tokuteishoutorihikihou table td, #tokuteishoutorihikihou table th {
    white-space: inherit;
    padding: 8px 13px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 360px) {
  #tokuteishoutorihikihou .btn {
    padding: 5px 8px;
    font-size: 12px;
  }
}

/*--------------------------------
+: END CSS for /tokuteishoutorihikihou
--------------------------------*/
@media only screen and (max-width: 767px) {
  .sidebar-double nav {
    display: inline-block;
    width: 100%;
  }

  .sidebar-double nav ul {
    width: 50%;
    float: left;
  }

  .sidebar-double nav ul:last-child {
    padding-left: 20px;
  }

  .post-related .list-post-related .post-item .post-title {
    font-size: 22px;
  }

  article section.container #side-content ul li {
    flex: 0 0 auto;
  }
}

@media only screen and (max-width: 640px) {
  .list-payment-gateway {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .list-payment-gateway .payment-gateway-item__img {
    height: auto;
    padding-bottom: 5px;
  }

  .list-payment-gateway .payment-gateway-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0;
  }
}

/*--------------------------------
+: START CSS for /charge
--------------------------------*/
.charge th {
  border-top: none !important;
}

.charge #main-content p, .charge #main-content .no-list-style {
  font-size: 14px;
}

.table-charge-full {
  font-size: 17px;
}

.table-charge-full thead {
  text-align: left;
  background: #F5F5F5;
  padding: 15px 10px;
}

.table-charge-full thead th {
  font-size: 18px;
  border-bottom: none !important;
}

.table-charge-full tbody tr td {
  border-bottom: 1px dotted #afabab;
}

/*.table-charge-full tbody tr:last-child {*/
/*  border-bottom: 1px dotted #afabab;*/
/*}*/

.table-charge-full tbody tr td {
  border-top: none !important;
  vertical-align: middle;
}

.table-charge-full tbody tr td:nth-child(3) {
  padding: 20px 0px 0px 0px;
  border-bottom: none;
}

.table-charge-full .charge-full {
  font-size: 15px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.table-charge-full .charge-full.text-center {
  display: grid;
}

.table-charge-full .charge-full.text-center span, .table-charge-full .charge-full.text-center img {
  align-self: center;
  justify-self: center;
}

.table-charge-full .charge-full span {
  padding: 5px 0px;
}

.table-charge-full-2 {
  border-spacing: 4px 35px;
  border-collapse: separate;
  margin-bottom: 40px;
}

.table-charge-full-2 thead th {
  border-bottom: none !important;
  padding: 5px;
  font-size: 16px;
  background: #F5F5F5;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
}

.table-charge-full-2 tbody tr {
  padding: 10px;
  margin: 10px 15px;
  border-bottom: 1px solid #F5F5F5;
}

.table-charge-full-2 tbody tr td {
  border-top: none !important;
}

.table-charge-full-2 tbody tr td:first-child {
  background: #689AD3;
  font-size: 17px;
  color: #fff;
}

.table-charge-full-2 tbody tr.border-tr td {
  height: 1px;
  background: #707070;
  padding: 0;
}

.table-charge-full-2 tbody tr td.step span {
  display: block;
  padding: 5px 0px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.4);
}

.table-charge-full-2 tbody tr td.step span:last-child {
  border-bottom: none;
}

.table-charge-full {
  margin-bottom: 20px;
}

/*.table-charge-full-2 {*/
/*  border-spacing: 5px 5px;*/
/*  font-size: 16px;*/
/*}*/

.table-charge-full-2 thead th {
  padding: 5px;
}

.table-charge-full-2 thead th:nth-child(3) {
  padding: 0px 15px;
}

.table-charge-full-2 thead th:nth-child(4) {
  min-width: 68px;
}

@media only screen and (max-width: 767px) {
  .charge .table-charge-full {
    margin-bottom: 15px;
    margin-top: 30px;
  }

  .charge div.col-sm-6 p {
    height: 0px;
  }

  .charge article section.container #side-content ul.text-center banner-exam li {
    flex: 0 0 50%;
  }

  .charge .heading-title-2 {
    padding: 0px 0px 16px 0px;
    margin: 0px 0px 20px 0px;
  }
}

@media only screen and (max-width: 480px) {
  .table-charge-full-2 {
    border-spacing: 4px 23px;
    margin-bottom: 0px;
  }

  .table.table-charge-full-2 > thead > tr > th {
    padding: 3px;
  }

  .table-charge-full-2 thead th:nth-child(1) {
    width: 57px;
  }

  .table-charge-full-2 thead th:nth-child(2) {
    width: 75px;
  }

  .table-charge-full-2 thead th:nth-child(3) {
    min-width: 37px;
  }

  .table-charge-full-2 thead th:nth-child(5),
  .table-charge-full-2 thead th:nth-child(6) {
    width: 58px;
  }

  .table-charge-full-2 tr th {
    font-size: 13px;
    line-height: 20px;
  }

  .table-charge-full-2 tr td {
    font-size: 14px;
    line-height: 21px;
  }

  .table-charge-full-2 tbody tr td {
    padding: 0;
  }

  .table-charge-full tbody tr td {
    font-size: 16px;
  }

  .table-charge-full tbody tr td {
    height: 48px !important;
  }

  .table-charge-full tbody tr td:nth-child(1) {
    width: 50px;
  }

  .table-charge-full tbody tr td:nth-child(2) {
    width: 100px;
  }

  .charge article > section.container > #main-content {
    margin: 0 0 0px;
  }

  .charge article > section.container > #side-content > ul > li {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 10px;
    margin: 0 0 40px;
  }

  .charge ul {
    margin-bottom: 0;
  }

  .table-charge-full .charge-full span {
    font-size: 13px;
  }

  .table-charge-full tbody tr td:nth-child(3) {
    padding: 0;
  }

  .table tbody tr td.step span {
    font-size: 13px;
  }

  .charge #main-content .tbl02 .charge-full img {
    height: 87px;
  }

  .charge #main-content .tbl01 .charge-full img {
    height: 228px;
  }

  .charge article > section.container > #main-content > section > div:last-child {
    margin-top: 35px;
  }
}

@media only screen and (max-width: 350px) {
  .table-charge-full-2 {
    border-spacing: 0 0;
    border-collapse: collapse;
  }

  .pd-60 {
    padding: 0px;
  }

  .post-interview .row {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) {
  .charge #main-content .row.mb-10 .col-sm-6:first-child {
    padding-right: 25px;
  }

  .charge #main-content .row.mb-10 .col-sm-6:nth-child(2) {
    padding-left: 25px;
  }
}

@media only screen and (min-width: 481px) {
  .table tbody tr td br {
    display: none;
  }
}

/*--------------------------------
+: END CSS for /charge
--------------------------------*/
@media only screen and (max-width: 767px) {
  .heading-title-2 {
    font-size: 22px;
  }

  .heading-title-2:before {
    margin-right: 10px;
  }

  .heading-title-6 {
    font-size: 20px;
  }

  .notice {
    padding: 12px 18px;
  }

  .notice .notice-icon {
    font-size: 18px;
  }

  .notice .notice-message {
    font-size: 15px;
  }
}

@media only screen and (max-width: 550px) {
  .notice {
    padding: 10px 15px;
  }

  .notice .notice-icon {
    font-size: 16px;
  }

  .notice .notice-message {
    font-size: 14px;
  }

  .heading-title-6 {
    font-size: 18px;
  }

  .heading-title {
    font-size: 26px;
  }
}

@media only screen and (max-width: 480px) {
  .heading-title-2 {
    font-size: 22px;
    line-height: 27px;
  }

  .heading-title-2:after {
    width: 124px;
  }

  .heading-title-2:before {
    bottom: 2.5px;
  }

  .heading-title-6 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 420px) {
  .heading-title-6 {
    font-size: 14px;
  }

  .btn-space {
    padding: 8.5px 25px;
  }

  .dropdown-triangle:after {
  }

  .list-inline-desktop li {
    display: block;
    margin-right: 0;
  }
}

@media only screen and (max-width: 375px) {
  .heading-title-1 {
    font-size: 22px;
  }

  .btn-default {
    font-size: 15px;
    padding: 10px;
  }

  .personal_exam ul li a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 340px) {
  .heading-title-2 {
    font-size: 18px;
  }

  .heading-title-personal_exam {
    font-size: 14px;
  }

  .heading-title-personal_exam .number-counter {
    font-size: 25px;
  }
}

/*--------------------------------
+: START CSS for /schedule
--------------------------------*/
.underline {
  text-decoration: underline;
}

.schedule article p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}

.schedule .heading-title-2 {
  margin-top: 0;
}

.schedule .list-exam-status {
  padding: 7px 0px;
}

.schedule-exam {
  padding: 55px 42px;
  border-radius: 0 13px 13px 13px;
  position: relative;
  margin-bottom: 40px;
  box-shadow: 10px 10px 10px #00000029;
}

.schedule-exam .schedule-exam-status {
  padding: 5px 10px;
  color: #fff;
  position: absolute;
  left: -3px;
  top: -3px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-size: 19px;
}

.schedule-exam .schedule-start_at {
  font-size: 33px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
}

.schedule-exam .schedule-start_at .schedule-number {
  font-size: 45px;
}

.schedule-exam .schedule-start_at .schedule-text-notice {
  margin-left: -15px;
  margin-right: -10px;
}

.schedule-exam .schedule-timesheet {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  font-weight: bold;
}

.schedule-exam .schedule-timesheet .schedule-timesheet-label {
  flex: 0 0 100px;
  max-width: 75px;
  font-size: 16px;
  padding: 3px 5px;
  border-radius: 4px;
  background: #427FC3;
  color: #fff;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  text-align: center;
}

.schedule-exam .schedule-timesheet .schedule-timesheet-label.end {
  flex: 0 0 auto;
  max-width: fit-content;
}

.schedule-exam .schedule-timesheet .schedule-timesheet-time {
  margin-left: 20px;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
}

.schedule-exam hr {
  margin-bottom: 22px;
  background: #797979;
}

.schedule-exam .exam-require {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 20px;
  font-weight: bold;
}

.schedule-exam .exam-require .exam-require-label {
  flex: 0 0 200px;
  max-width: 200px;
  font-size: 14px;
  padding: 3px 5px;
  border-radius: 4px;
  background: #EDEDED;
  color: #0F0F0F;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  text-align: center;
}

.schedule-exam .exam-require .exam-require-time {
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-size: 15px;
  margin-left: 20px;
}

.schedule-exam .schedule-action {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 10px;
  font-weight: bold;
}

.schedule-exam .schedule-action .schedule-action-link {
  padding: 5px 0px 0 0;
  font-size: 15px;
}

.schedule-exam .schedule-action .schedule-action-link li {
  padding: 5px 0px;
}

.schedule-exam .schedule-action .schedule-action-link li a {
  text-decoration: underline;
  color: #000;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.schedule-exam .schedule-action .schedule-action-link li a img {
  margin-top: 3px;
  margin-right: 5px;
}

.schedule-exam .schedule-action .schedule-action-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.schedule-exam .schedule-action .schedule-action-button .exam-welcome {
  margin-right: 30px;
}

.schedule-exam .schedule-action .schedule-action-button .exam-welcome-sp {
  display: none;
}

.schedule-exam .schedule-action .schedule-action-button a {
  width: 140px;
  height: 87px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 13px;
  text-align: center;
}

.schedule-exam .schedule-action .schedule-action-button a[disabled='disabled'] {
  pointer-events: none;
  cursor: not-allowed;
}

.schedule-exam.before {
  border: 3px solid #004B9E;
}

.schedule-exam.before .schedule-exam-status {
  background: #004B9E;
  font-weight: bold;
}

.schedule-exam.before .schedule-action .schedule-action-button {
  text-align: center;
}

.schedule-exam.before .schedule-action .schedule-action-button a {
  background: #87A2CC;
}

.schedule-exam.open {
  background: #FDF4F4;
  border: 3px solid #D30101;
}

.schedule-exam.open .schedule-exam-status {
  background: #D30101;
}

.schedule-exam.open .exam-require .exam-require-label {
  background: #fff;
}

.schedule-exam.open .schedule-action .schedule-action-button a {
  background: #D30101;
  position: relative;
  text-decoration: none;
}

.schedule-exam.open .schedule-action .schedule-action-button a:after {
  content: "";
  background: url(../bg/next.svg);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  position: absolute;
  background-size: unset;
  background-position: 120px 50%;
}

.schedule-exam.end, .schedule-exam.finished {
  border: 3px solid #CBCBCB;
}

.schedule-exam.end .schedule-exam-status, .schedule-exam.finished .schedule-exam-status {
  background: #004B9E;
}

.schedule-exam.end .schedule-action .schedule-action-button a, .schedule-exam.finished .schedule-action .schedule-action-button a {
  background: #CCCCCC;
}

.schedule-exam.finished hr {
  margin-top: 22px;
}

.schedule-exam.finished .finished-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.schedule-exam .schedule-action .schedule-action-link li a img {
  margin-top: 3px;
  margin-right: 5px;
}

.schedule-exam .schedule-action .schedule-action-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.schedule-exam .schedule-action .schedule-action-button a {
  width: 140px;
  height: 87px;
  color: #fff;
  font-size: 18px;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-weight: bold;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 13px;
  text-align: center;
}

.schedule-exam .schedule-action .schedule-action-button a[disabled='disabled'] {
  pointer-events: none;
  cursor: not-allowed;
}

.schedule-exam.before {
  border: 3px solid #004B9E;
}

.schedule-exam.before .schedule-exam-status {
  background: #004B9E;
}

.schedule-exam.before .schedule-action .schedule-action-button {
  text-align: center;
}

.schedule-exam.before .schedule-action .schedule-action-button a {
  background: #87A2CC;
}

.schedule-exam.open {
  background: #FDF4F4;
  border: 3px solid #D30101;
}

.schedule-exam.open .schedule-exam-status {
  background: #D30101;
}

.schedule-exam.open .exam-require .exam-require-label {
  background: #fff;
}

.schedule-exam.open .schedule-action .schedule-action-button a {
  background: #D30101;
  position: relative;
  text-decoration: none;
}

.schedule-exam.open .schedule-action .schedule-action-button a:after {
  content: "";
  background: url(../bg/next.svg);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  position: absolute;
  background-size: unset;
  background-position: 120px 50%;
}

.schedule-exam.end, .schedule-exam.finished {
  border: 2px solid #CBCBCB;
}

.schedule-exam.end .schedule-exam-status, .schedule-exam.finished .schedule-exam-status {
  background: #004B9E;
}

.schedule-exam.end .schedule-action .schedule-action-button a, .schedule-exam.finished .schedule-action .schedule-action-button a {
  background: #CCCCCC;
}

.schedule-exam.finished hr {
  margin-top: 22px;
}

.schedule-exam.finished .finished-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.schedule-exam.finished .finished-row .finished-exam {
  width: 100%;
}

.schedule-exam.finished .schedule-action {
  margin-top: 0;
}

.schedule-exam.finished .schedule-action .schedule-action-button a {
  background: #898989;
}

.schedule-exam .schedule-places {
  padding: 20px 0px;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
}

.schedule .open {
  display: block;
}

.col-sm-3.tablinks {
  padding: 0 0 0 10px;
}

.cursor-pointer {
  cursor: pointer;
}

.slide-exam .item .slide-exam-item .exam-actions .exam-welcome {
  position: relative;
  font-weight: bold;
  background-image: url(../bg/button.svg);
  background-repeat: no-repeat;
  background-size: 154px;
  width: 154px;
  height: 48px;
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .list-exam-status .col-sm-3 {
    width: 50%;
    float: left;
    text-align: center;
  }
}

@media only screen and (max-width: 640px) {
  .schedule-exam .schedule-action .schedule-action-button .exam-welcome {
    width: 140px;
    margin-right: 15px;
  }

  .schedule-exam.finished .finished-row {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .schedule-exam.finished .schedule-action {
    width: 100%;
  }

  .schedule-exam.finished .schedule-action .schedule-action-button {
    width: 100%;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }

  .schedule-exam.open .schedule-action {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .schedule-exam.open .schedule-action .schedule-action-button {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 550px) {
  .schedule-exam.open .schedule-action .schedule-action-button a:after {
    background-size: 6px;
  }

  .schedule-exam .schedule-action .schedule-action-button a {
    padding: 10px 5px;
    font-size: 16px;
  }

  .schedule-exam .schedule-action .schedule-action-button .exam-welcome {
    width: 140px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 480px) {
  .schedule-exam .schedule-action .schedule-action-button .exam-welcome {
    display: none;
  }

  .schedule-exam .schedule-action .schedule-action-button .exam-welcome-sp {
    display: block;
  }

  .schedule-exam .schedule-action .schedule-action-button .exam-welcome-sp img {
    width: 134px;
    height: 65px;
  }

  .schedule-exam .exam-require .exam-require-label {
    width: 190px;
  }

  .col-sm-3.tablinks {
    padding: 0 0 0 5px;
  }

  .schedule-exam {
    padding: 40px 20px;
  }

  .schedule-exam .schedule-start_at {
    font-size: 28px;
  }

  .schedule-exam .schedule-start_at .schedule-number {
    font-size: 40px;
  }

  .schedule-exam .schedule-timesheet .schedule-timesheet-label {
    font-size: 18px;
  }

  .schedule-exam .schedule-timesheet .schedule-timesheet-time {
    font-size: 16px;
  }

  .schedule-exam .schedule-action {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .schedule-exam .schedule-action .schedule-action-link {
    margin-bottom: 20px;
  }

  .schedule-exam .schedule-action .schedule-action-button {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}

@media only screen and (max-width: 420px) {
  .schedule-exam .schedule-timesheet {
    margin-bottom: 10px;
  }

  .schedule-exam .schedule-timesheet .schedule-timesheet-label {
    font-size: 14px;
  }

  .schedule-exam .schedule-timesheet .schedule-timesheet-time {
    font-size: 15px;
  }

  .schedule-exam hr {
    margin-top: 5px;
    margin-bottom: 15px;
  }

  .schedule-exam .schedule-places {
    font-size: 14px;
    padding: 10px 0px;
  }

  .schedule-exam .exam-require {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .schedule-exam .exam-require .exam-require-label {
    flex: auto;
    max-width: inherit;
    padding: 6px 16px;
    margin-bottom: 5px;
  }

  .schedule-exam .exam-require .exam-require-time {
    margin-left: 0;
    font-size: 14px;
  }

  .schedule-exam .schedule-action .schedule-action-link li {
    font-size: 15px;
  }

  .schedule-exam.open .schedule-action .schedule-action-button {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .schedule-exam.open .schedule-action .schedule-action-button .exam-welcome {
    width: 134px;
    height: 65px;
  }
}

@media only screen and (max-width: 374px) {
  .list-exam-status .col-sm-3 {
    width: 50%;
  }

  .schedule-exam .schedule-timesheet {
    margin-bottom: 10px;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .schedule-exam .schedule-timesheet .schedule-timesheet-label {
    flex: 0 0 100%;
  }

  .schedule-exam .schedule-timesheet .schedule-timesheet-time {
    margin-left: 0;
    margin-top: 10px;
  }

  .schedule-exam .exam-require {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
  }

  .schedule-exam .exam-require .exam-require-label {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .schedule-exam .exam-require .exam-require-time {
    margin-left: 0;
    margin-top: 10px;
  }

  .schedule-exam .schedule-places {
    padding: 10px 0px;
  }

  .schedule-exam .schedule-action .schedule-action-link li {
    font-size: 14px;
  }
}

@media only screen and (max-width: 342px) {
  .schedule-exam .schedule-start_at {
    font-size: 24px;
  }

  .schedule-exam .schedule-start_at .schedule-number {
    font-size: 30px;
  }

  .schedule-exam.open .schedule-action .schedule-action-button a:after {
    background-position: 110px 48%;
    background-size: 4px;
  }
}

/*--------------------------------
+: END CSS for /schedule
--------------------------------*/
/*--------------------------------
+: START CSS for /attention
--------------------------------*/
.attention-title {
  padding: 12px;
  text-align: center;
  border-radius: 13px;
  position: relative;
  background: #FFEC00;
  margin-bottom: 24px !important;
}

.attention .image {
  width: 286px;
  height: 182px;
}

.attention .title-image-pc {
  display: block;
}

.attention .title-image-sp {
  display: none;
}

.attention-title:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -14px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 14px solid #FFEC00;
}

.attention-title h3 {
  color: #004B9E;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-size: 22px;
  line-height: 29px;
  margin: 0;
  padding: 0;
}

.attention-nav .col-sm-4:nth-child(1), .attention-nav .col-sm-4:nth-child(4), .attention-nav .col-sm-4:nth-child(7), .attention-nav .col-sm-4:nth-child(10) {
  padding-right: 10px;
}

.attention-nav .col-sm-4:nth-child(2), .attention-nav .col-sm-4:nth-child(5), .attention-nav .col-sm-4:nth-child(8), .attention-nav .col-sm-4:nth-child(11) {
  padding-right: 10px;
  padding-left: 10px;
}

.attention-nav .col-sm-4 > p {
  display: none;
}

.attention-nav .col-sm-4:nth-child(3), .attention-nav .col-sm-4:nth-child(6), .attention-nav .col-sm-4:nth-child(9), .attention-nav .col-sm-4:nth-child(12) {
  padding-left: 10px;
}

.attention-menu-item {
  height: 100%;
  cursor: pointer;
  border-radius: 8px;
  border: 1.5px solid #004B9E;
  margin-bottom: 15px;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-height: 63px;
}

.attention-menu-item > p {
  display: none;
}

.attention-menu-item .nav-item__text {
  font-size: 16px;
  line-height: 21px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  color: #004B9E;
  word-break: keep-all;
  /*flex: 0 0 calc(100% - 30px);*/
  /*max-width: calc(100% - 30px);*/
}

.attention-menu-item:hover {
  text-decoration: none;
}

.attention-menu-item .nav-item__icon {
  flex: 0 0 30px;
  max-width: 30px;
  text-align: right;
}

.attention-menu-item .nav-item__icon img {
  width: 15px;
}

#policy-corona h4 {
  font-size: 19px;
  line-height: 36px;
  padding: 10px 0px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  color: #0F0F0F;
}

.no-p > p {
  display: none;
}

.attention-action {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 5px 0px;
  color: #0F0F0F;
  font-size: 17px;
}

.attention-action img {
  width: 18px;
  margin-top: 6px;
}

.attention-action span {
  margin-left: 10px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
}

.btn-title {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 14px 30px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #427FC3;
  border-radius: 30px;
  margin: 10px 0px 20px 0px;
  color: #fff;
}

.btn-title img {
  width: auto;
}

.btn-title span {
  margin-left: 10px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-size: 22px;
}

#exam-write > div {
  margin-bottom: 15px !important;
}

.attention p {
  font-size: 15px;
  line-height: 28px;
}

.attention .box-spacing.bg-soft .heading-title-5, .attention #rejection .reject-options .reject-option-item .option-item-content .option-item-content__case .box-spacing.content__case_id .heading-title-5, #rejection .reject-options .reject-option-item .option-item-content .option-item-content__case .attention .box-spacing.content__case_id .heading-title-5 {
  margin: 0;
  padding-top: 2px;
}

.attention .heading-title-personal_exam {
  padding-top: 4px;
  font-size: 21px;
  line-height: 21px;
}

.attention section li {
  list-style: none;
  padding: 0;
  font-size: 15px;
  line-height: 28px;
}

.attention section#belongs .ticket li {
  padding: 0;
}

.attention section#belongs .ticket ul.no-p li:nth-child(2) ul {
  margin-bottom: 25px;
}

.attention section ul.no-list-style li.text-red {
  font-size: 15px;
}

#belongs belongs-box-body ul.no-list-style li {
  font-size: 17px !important;
}

.attention section li ul li {
  font-size: 15px;
}

#card-issue {
  margin-top: 50px;
}

#belongs > div {
  margin-bottom: 32px;
}

#belongs table {
  margin-bottom: 30px;
}

#belongs table tr td {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 15px 25px;
}

#belongs table tr td:first-child {
  vertical-align: middle;
  text-align: center;
  padding: 10px;
  min-width: 120px;
}

#belongs .belongs-navs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 32px;
}

#belongs .belongs-navs.is-mobile {
  display: none;
}

#belongs .belongs-navs br {
  display: none;
}

#belongs .belongs-navs a {
  flex: 0 0 20%;
  max-width: 20%;
  text-align: center;
}

#belongs .belongs-pc.is-desktop {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}

#belongs .belongs-pc.is-desktop a:first-child {
  margin-left: 0;
}

#belongs > #examination {
  margin-bottom: 11px;
}

#belongs .belongs-pc.is-desktop a {
  border: 1px solid;
  padding: 10px 5px 0;
  width: calc(100% / 5 - 16px);
  margin-left: 19px;
  float: left;
  height: 148px;
  border: 2px solid #ACBCD1;
  border-radius: 22px;
  position: relative;
}

#belongs .belongs-pc.is-desktop a span.attention-number {
  font-size: 33px;
  font-weight: bold;
  color: #427FC3;
}

#belongs .belongs-pc.is-desktop a span.attention-text-action {
  font-size: 19px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 13px;
}


#belongs .belongs-pc.is-desktop a span {
  display: inline-block;
  width: 100%;
  text-align: center;
}

#belongs .belongs-pc.is-desktop a span.attention-icon-down {
  width: 15px;
  border: solid #1A4C99;
  border-width: 0px 2px 2px 0;
  display: inline-block;
  padding: 7px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#belongs .belongs-box .belongs-box-head {
  padding: 2.5px;
  background: #DAE7F5;
  text-align: left;
  padding-left: 45px;
}

#belongs .belongs-box .belongs-box-head h4 {
  color: #004B9E;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-size: 22px;
  letter-spacing: -1px;
}

#belongs .belongs-box .belongs-box-body {
  padding: 22px 40px;
  margin-bottom: 40px;
}

#belongs .belongs-box .belongs-box-body .belongs-box-pag {
  margin-bottom: 31px;
}

#belongs .attention-box1 li {
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 7px;
  padding: 0;
}

#belongs .attention-box1 li small {
  font-size: 15px;
  line-height: 27px;
}

#belongs .belongs-box .belongs-box-body .belongs-box-pag .belongs-box-req {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#belongs .belongs-box .belongs-box-body .belongs-box-pag .belongs-box-req .req-item {
  flex: 0 0 25%;
  max-width: 25%;
}

#belongs .belongs-box .belongs-box-body .belongs-box-pag .belongs-box-req .req-item .req-item__text {
  padding: 7px 10px;
  text-align: center;
  margin-bottom: 10px;
  background-color: #fff;
  color: #0F0F0F;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  margin-right: 10px;
  font-size: 14px;
}

#belongs .belongs-box p {
  margin: 0 0 10px;
}

#belongs .belongs-box p.ft-20 {
  font-size: 20px;
}

#rejection .reject-options {
  margin: 20px 0px;
}

#rejection .reject-options .reject-option-item .rejection-pop {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 75px;
  border-radius: 17px;
  box-shadow: 3px 3px 6px #ededed;
  cursor: pointer;
  margin-bottom: 30px;
}

#rejection .reject-options .reject-option-item .rejection-pop .option-item-case {
  flex: 0 0 123px;
  max-width: 123px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  font-size: 19px;
  background: #EFF3F8;
  color: #0F0F0F;
  border-radius: 17px;
}

#rejection .reject-options .reject-option-item .rejection-pop .option-item-info {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0px 30px;
  flex: 0 0 calc(100% - 123px);
  max-width: calc(100% - 123px);
  position: relative;
}

#rejection .reject-options .reject-option-item .rejection-pop .option-item-info .btn-space-icon {
  max-width: 18px;
  height: 18px;
}

#rejection .reject-options .reject-option-item .rejection-pop .option-item-info .btn-space-icon img {
  width: 18px;
  max-width: 18px;
}

#rejection .reject-options .reject-option-item .rejection-pop .option-item-info .option-item-title {
  font-size: 22px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  color: #004B9E;
}

#rejection .reject-options .reject-option-item .option-item-content {
  padding: 60px 81px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5);
  z-index: -1;
  transition: .3s ease-in-out;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 720px;
  min-height: 620px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 3px 10px #e4e4e4;
  margin-top: -310px;
  margin-left: -350px;
}

#rejection .reject-options .reject-option-item .option-item-content .content__case_close {
  position: absolute;
  top: -60px;
  right: 0px;
  font-size: 50px;
  color: #fff;
  transition: .2s ease-in-out;
  cursor: pointer;
}

#rejection .reject-options .reject-option-item .option-item-content .content__case_close:hover {
  transform: rotate(90deg);
}

#rejection .reject-options .reject-option-item .option-item-content.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  z-index: 9;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__icon {
  text-align: center;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__case {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 20px 0px;
  font-size: 19px;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__case .content__case_id {
  text-align: center;
  flex: 0 0 123px;
  max-width: 123px;
  padding: 10px;
  border-radius: 17px;
  margin-right: 20px;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__case .content__case_name {
  font-size: 22px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  color: #004B9E;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__text p:nth-child(1) {
  font-family: 'Yogothic', 'Segoe UI', sans-serif;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__text ul li {
  list-style: none;
  padding: 0;
  font: normal normal normal 15px/30px 'Yogothic', 'Segoe UI', sans-serif;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__box {
  padding: 30px;
  background: #EFF3F8;
  margin-top: 30px;
  border-radius: 17px;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__box.bg-warning {
  background: #FAF0F0;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__box .text-right {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__box p {
  font-size: 18px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__box p.head {
  color: #D30101;
}

#rejection .reject-options .reject-option-item .option-item-content .content__case_close {
  position: absolute;
  top: -60px;
  right: 0px;
  font-size: 50px;
  color: #fff;
  transition: .2s ease-in-out;
  cursor: pointer;
}

#rejection .reject-options .reject-option-item .option-item-content .content__case_close:hover {
  transform: rotate(90deg);
}

#rejection .reject-options .reject-option-item .option-item-content.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  z-index: 9;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__icon {
  text-align: center;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__icon img {
  width: 79px;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__case {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 20px 0px;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__case .content__case_id {
  text-align: center;
  flex: 0 0 123px;
  max-width: 123px;
  padding: 10px;
  border-radius: 17px;
  margin-right: 20px;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__case .content__case_name {
  font-size: 22px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  color: #004B9E;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__text {
  font-size: 19px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  line-height: 36px;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__text p:nth-child(1) {
  font-family: 'Yogothic', 'Segoe UI', sans-serif;
  font-size: 17px;
  line-height: 25px;
  font-weight: normal;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__text ul li {
  list-style: none;
  font-family: 'Yogothic', 'Segoe UI', sans-serif;
  padding: 0;
  line-height: 30px;
  font-size: 17px;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__box {
  padding: 30px;
  background: #EFF3F8;
  margin-top: 30px;
  border-radius: 17px;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__box.bg-warning {
  background: #FAF0F0;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__box .text-right {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__box p {
  font: normal normal bold 18px/34px 'Yogothic-bold', 'Segoe UI', sans-serif;
}

#rejection .reject-options .reject-option-item .option-item-content .option-item-content__box p.head {
  color: #D30101;
  font-size: 19px;
}

#rejection .reject-options .reject-option-item .option-item-content.case1 .btn-space,
#rejection .reject-options .reject-option-item .option-item-content.case5 .btn-space {
  width: 257px;
}

#exam-start-time table {
  text-align: center;
  letter-spacing: 2px;
}

#exam-start-time table th, #exam-start-time table td {
  padding: 12px;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  font-size: 14px;
}

#exam-start-time table th {
  text-align: center;
  border-top: 1px solid #dddddd;
  background: #F5F5F5;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
}

#exam-start-time table tr td:nth-child(2) {
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
}

#exam-start-time table tr td:nth-child(2) {
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  text-align: left;
  padding-left: 20px;
}

#exam-score h4 {
  padding: 15px 20px;
  background: #EDF2F8;
  color: #004B9E;
  font-size: 20px;
}

.attention #exam-start-time .notice .notice-icon {
  justify-content: center;
  -webkit-justify-content: center;
  line-height: 27px;
  font-size: 16px;
  align-items: center;
  text-align: -webkit-center;
  justify-items: center;
}

.attention #exam-start-time .notice-icon img {
  width: 27px;
  height: 24px;
}

.attention #exam-start-time .notice-danger {
  width: 100%;
}

.attention .btn-space {
  margin: 15px 5px;
  width: 227px;
}

.attention .btn-space .btn-space-text {
  margin-right: 0;
}

.attention #exam-score div:last-child .btn-space:last-child {
  width: 291px;
}

.attention .btn-space-icon {
  display: flex;
}

#attention2 .step, #card-id .step {
  font-size: 17px;
  line-height: 24px;
}

.btn-title {
  padding: 15px 20px;
  border-radius: 30px;
}

.attention .size-14 {
  font-size: 14px;
}

.attention .size-16 {
  font-size: 16px !important;
}

.attention .size-17 {
  font-size: 17px !important;
  text-decoration: underline;
}

.attention .heading-title-personal_exam {
  border-bottom: 1px solid #1A4C99;
}

.attention #exam-oral .heading-title-personal_exam {
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 30px;
}

.attention #exam-oral .heading-title-2 + div .heading-title-personal_exam {
  margin-top: 0;
}

.attention .pt-15 {
  padding-top: 15px;
}

.attention-extend {
  width: calc(100% - 28px);
}
.attention-extend span {
  display: block;
  width: calc(100% - 30px);
  word-wrap: break-word;
}

@media only screen and (max-width: 767px) {
  #belongs .belongs-pc.is-desktop {
    display: none;
  }

  #belongs .belongs-navs.is-mobile {
    display: flex;
  }

  .attention-nav .col-sm-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .attention-nav .col-sm-4:nth-child(odd) {
    padding-left: 15px;
    padding-right: 0px;
  }

  .attention-nav .col-sm-4:nth-child(even) {
    padding-right: 10px;
    padding-left: 13px;
  }

  #rejection .reject-options .reject-option-item .option-item-content {
    width: 620px;
    height: 450px;
    padding: 30px 40px;
    margin-left: -310px;
    margin-top: -225px;
  }

  .attention .btn-space {
    width: 212px;
  }

  .attention #exam-score div:last-child .btn-space:last-child {
    width: 270px;
  }
}

@media only screen and (max-width: 640px) {
  .attention-title h3 {
    font-size: 20px;
    line-height: 26px;
  }

  #exam-score h4 {
    font-size: 18px;
  }

  .attention-menu-item .nav-item__text {
    font-size: 15px;
  }

  #policy-corona h4 {
    font-size: 17px;
    line-height: 24px;
    padding: 0;
    margin-bottom: 0;
  }

  .attention-action {
    font-size: 15px;
  }

  .btn-title span {
    font-size: 20px;
  }

  #belongs .belongs-box .belongs-box-head h4 {
    font-size: 20px;
  }

  #belongs .belongs-box .belongs-box-body .belongs-box-pag .belongs-box-req .req-item {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }

  #rejection .reject-options .reject-option-item {
    position: relative;
  }

  #rejection .reject-options .reject-option-item .rejection-pop {
    height: 65px;
  }

  #rejection .reject-options .reject-option-item .rejection-pop .option-item-case {
    font-size: 17px;
  }

  #rejection .reject-options .reject-option-item .rejection-pop .option-item-info .option-item-title {
    font-size: 20px;
  }

  #rejection .reject-options .reject-option-item .option-item-content {
    width: 520px;
    height: 400px;
    padding: 20px 30px;
    margin-left: -260px;
    margin-top: -200px;
  }
}

@media only screen and (max-width: 550px) {
  #belongs .belongs-box .belongs-box-body .belongs-box-pag .belongs-box-req .req-item {
    flex: 0 0 50%;
    max-width: 50%;
  }

  #belongs table {
    font-size: 14px;
  }

  #belongs table tr td:first-child {
    min-width: 80px;
  }

  #rejection .reject-options .reject-option-item .rejection-pop .option-item-case {
    font-size: 16px;
  }

  #rejection .reject-options .reject-option-item .rejection-pop .option-item-info .option-item-title {
    font-size: 17px;
  }

  #rejection .reject-options .reject-option-item .option-item-content {
    width: 460px;
    height: 70vh;
    padding: 20px 30px;
    margin-left: -230px;
    margin-top: -35vh;
  }

  #exam-start-time table th, #exam-start-time table td {
    font-size: 14px;
    padding: 8px 5px;
    vertical-align: middle;
    letter-spacing: 0;
  }

  #exam-start-time table td {
    line-height: 21px;
    padding: 13px;
    vertical-align: baseline;
  }
}

@media only screen and (max-width: 480px) {
  .attention .title-image-pc {
    display: none;
  }

  .attention .title-image-sp {
    display: block;
  }

  #rejection .reject-options .reject-option-item .option-item-content .option-item-content__icon img {
    width: 58px;
  }

  .attention .size-17 {
    font-size: 16px !important;
    text-decoration: underline;
  }

  .attention .btn-space-icon {
    max-width: 14px;
  }

  .attention #main-content > section:nth-child(1) {
    margin-bottom: 0;
  }

  #exam-score h4 {
    font-size: 16px;
  }

  #attention2 .col-sm-6 > p, #card-issue .col-sm-6 > p {
    text-align: center;
  }

  #belongs .belongs-navs {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  #belongs .belongs-navs a {
    flex: 0 0 33%;
    max-width: 33%;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  #belongs .belongs-navs a:nth-child(1) {
    padding-right: 10px;
  }

  .notice .notice-message {
    max-width: 100%;
    white-space: inherit;
  }

  #rejection .reject-options .reject-option-item .option-item-content {
    position: absolute;
    top: inherit;
    left: inherit;
    margin-left: 8px;
    margin-bottom: inherit;
    width: calc(100% - 20px);
    height: inherit;
  }

  #rejection .reject-options .reject-option-item .rejection-pop .option-item-info {
    padding: 0 15px;
    position: initial;
  }

  #rejection .reject-options .reject-option-item .option-item-content .btn-space {
    width: 100% !important;
    height: 39px;
  }

  #belongs .belongs-box p.bold {
    font-size: 16px;
    line-height: 22px;
  }

  #belongs .attention-box1 li {
    font-size: 15px;
    line-height: 22px;
  }

  #belongs .belongs-box p {
    font-size: 15px;
    line-height: 21px;
  }

  #belongs .belongs-box .belongs-box-body .belongs-box-pag {
    margin-bottom: 15px;
  }

  .attention-menu-item {
    min-height: 50px;
  }

  .attention .heading-title-2 {
    margin-top: 0;
  }

  #policy-corona {
    margin-bottom: 13px;
  }

  .attention section#belongs .ticket li {
    font-size: 15px;
    line-height: 24px;
  }

  #belongs .belongs-box .belongs-box-head {
    display: flex;
    justify-content: center;
    padding: 0;
  }

  #belongs .belongs-box .belongs-box-head h4 {
    text-indent: 0;
    text-align: center;
    font-size: 18px;
    line-height: 23px;
  }

  .attention .btn-space .btn-space-text {
    font-size: 15px;
    line-height: 26px;
  }

  .attention .heading-title-personal_exam {
    font-size: 16px;
    line-height: 16px;
  }

  .attention section li {
    font-size: 15px;
    line-height: 21px;
    padding: 0;
  }

  #belongs .belongs-box .belongs-box-body {
    margin-bottom: 0;
    padding: 20px 10px 3px;
  }

  #belongs > div#card-id {
    margin-bottom: 18px;
  }

  .attention .heading-title-6 {
    font-size: 18px;
    display: flex;
    align-items: center;
  }

  #belongs .table tbody tr:nth-child(1) > td img {
    width: 37px;
    height: auto;
  }

  #belongs .table tbody tr:nth-child(2) > td img {
    width: 33px;
    height: auto;
  }

  #belongs > h3.heading-title-2 {
    padding-top: 10px;
  }

  #belongs .table td p {
    font-size: 13px;
    line-height: 19px;
  }

  #belongs table tr td {
    padding: 15px 10px;
  }

  #attention2 small, #card-issue small {
    font-size: 13px;
    line-height: 18px;
  }

  #attention2.belongs-box p.step,
  #card-issue.belongs-box p.step {
    font-size: 15px;
    line-height: 22px;
    text-align: left;
  }

  #attention2.belongs-box .belongs-box-body {
    padding: 20px 23px 3px;
  }

  .attention .image {
    width: 230px;
    height: 155px;
  }

  #belongs #attention2 {
    margin-bottom: 0;
  }

  #card-issue {
    margin-top: 40px;
  }

  #card-issue ul li p.text-left {
    text-align: center;
  }

  #rejection .reject-options .reject-option-item .rejection-pop .option-item-case {
    font-size: 19px;
    max-width: 88px;
  }

  #rejection .reject-options .reject-option-item .rejection-pop .option-item-info .option-item-title {
    font-size: 18px;
    line-height: 22px;
  }

  #rejection {
    margin-bottom: 10px;
  }


  .notice {
    width: 100%;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .notice .notice-icon {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .attention .notice {
    padding: 10px 8px;
  }

  .attention #exam-start-time table tr th {
    min-width: 110px;
  }

  .attention #exam-start-time .box-spacing > h4 {
    font-size: 19px;
  }

  .attention #exam-start-time .box-spacing > p {
    font-size: 14px;
    line-height: 22px;
  }

  .attention #exam-write ul {
    margin-top: 10px;
  }

  .attention #exam-write ul {
    font-size: 15px;
    line-height: 22px;
    margin-top: 10px;
  }

  .attention #exam-write .heading-title-personal_exam {
    font-size: 17px;
    line-height: 29px;
  }

  #exam-score h4 {
    font-size: 17px;
  }

  #rejection .reject-options .reject-option-item .option-item-content .option-item-content__box p {
    font-size: 15px;
    line-height: 25px;
  }

  .option-item-content .option-item-content__box .btn-space .btn-space-text {
    font-size: 14px;
    line-height: 25px;
  }

  #rejection .reject-options .reject-option-item .option-item-content .option-item-content__case .content__case_id {
    flex: 0 0 100px;
    max-width: 123px;
    height: auto;
    margin-left: 0;
    font-size: 19px;
  }

  #rejection .reject-options .reject-option-item .option-item-content .option-item-content__box p.head {
    font-size: 19px;
    line-height: 36px;
  }

  #rejection .reject-options .reject-option-item .rejection-pop .option-item-info .btn-space-icon {
    margin-left: 20px;
  }

  #rejection .reject-options .reject-option-item .rejection-pop .option-item-info {
    flex: auto;
    max-width: none;
  }
}

@media only screen and (max-width: 420px) {
  #belongs .belongs-box .belongs-box-head h4 span {
    display: block;
  }

  .attention-title h3 {
    font-size: 17px;
  }

  .attention-menu-item {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 3px 9px;
  }

  .attention-menu-item > p {
    display: none;
  }

  .attention-menu-item .nav-item__text {
    font-size: 13px;
    word-break: break-all;
    line-height: 17px;
    flex: 0 0 calc(100% - 15px);
    max-width: calc(100% - 15px);
  }

  .attention-menu-item .nav-item__icon {
    flex: 0 0 15px;
    max-width: 15px;
  }

  #rejection .reject-options .reject-option-item .option-item-content {
    padding: 25px;
  }

  #rejection .reject-options .reject-option-item .option-item-content .option-item-content__text ul li {
    line-height: 25px;
  }

  #rejection .reject-options .reject-option-item .option-item-content .option-item-content__case {
    font-size: 16px;
    display: block;
  }

  #rejection .reject-options .reject-option-item .option-item-content .option-item-content__case .content__case_name {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 10px 0;
  }

  #rejection .reject-options .reject-option-item .option-item-content .option-item-content__text {
    font-size: 16px;
  }

  .attention #exam-start-time .notice .notice-icon {
    margin: 5px auto;
  }

  .notice .notice-message {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
    float: left;
  }

  #exam-start-time table tr td:nth-child(2) {
    padding-left: 8px;
  }
}

@media only screen and (max-width: 374px) {
  .box-spacing {
    padding: 20px 15px;
  }

  #exam-score h4 {
    font-size: 13px;
  }

  .attention-nav .col-sm-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .attention-nav .col-sm-4:nth-child(1), .attention-nav .col-sm-4:nth-child(3), .attention-nav .col-sm-4:nth-child(5), .attention-nav .col-sm-4:nth-child(2), .attention-nav .col-sm-4:nth-child(4), .attention-nav .col-sm-4:nth-child(6) {
    padding-right: 15px;
    padding-left: 15px;
  }

  #rejection .reject-options .reject-option-item .option-item-content {
    width: 96%;
    margin-left: 2%;
  }

  #rejection .reject-options .reject-option-item .option-item-content .option-item-content__icon img {
    width: 50px;
  }
}

/*--------------------------------
+: END CSS for /attention
--------------------------------*/
/*--------------------------------
+: START CSS for /group_exam
--------------------------------*/
#group-exam-navigation {
  padding: 0px 50px 11px 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.exam-navigation-item {
  flex: 0 0 260px;
  max-width: 260px;
}

.exam-navigation-item a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 20px;
  text-align: center;
  border-radius: 15px;
  border: 2.5px solid #004B9E;
  box-shadow: 3px 3px 6px #00000022;
  color: #004B9E;
  padding: 13.5px 10px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  text-decoration: none;
}

.exam-navigation-item a img {
  margin-left: 20px;
  vertical-align: text-bottom;
}

.group_exam .box-device .box-device-child {
  margin-bottom: 0;
}

#type-group-exam table {
  margin: 32px 0;
}

#type-group-exam table th {
  vertical-align: middle;
  text-align: center;
}

#type-group-exam table td, #type-group-exam table th {
  padding: 15px;
}

.group_exam .box-device {
  margin-top: 25px;
  max-width: 698px;
}

.exam-navigation-bottom {
  width: 570px;
  margin: 57px auto 70px auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#register-group-exam {
  font-size: 16px;
}

.mr-20 {
  margin-right: 20px;
}

.list-mb-50 > li {
  padding: 20px 0;
}

.group_exam .list-mb-50 > li {
  padding: 0;
}

.group_exam #type-group-exam .text-sp {
  display: none;
}

.group_exam a.text-underline {
  text-decoration: underline;
}

.group_exam #place-group-exam p.text-red, .group_exam #register-group-exam p.text-red {
  padding-top: 15px;
  font-size: 16px;
}

.group_exam .pl-15 {
  padding-left: 15px;
}

#group-exam-navigation.navigation-bottom {
  padding: 27px 30px;
  justify-content: center;
}

#group-exam-navigation.navigation-bottom .exam-navigation-item {
  margin: 0 23px;
}

@media only screen and (max-width: 1100px) {
  #type-group-exam table th {
    text-align: center;
    vertical-align: middle;
  }

  #type-group-exam table th, #type-group-exam table td {
    padding: 10px;
    white-space: inherit;
    border: 1px solid #DDDDDD;
  }

  #type-group-exam table tbody th {
    min-width: 60px;
  }
}

@media only screen and (max-width: 991px) {
  #group-exam-navigation {
    padding: 20px;
  }

  .exam-navigation-item a {
    padding: 10px;
    font-size: 18px;
  }

  .exam-navigation-item a img {
    width: 21px;
    height: 21px;
  }
}

@media only screen and (max-width: 870px) {
  #group-exam-navigation {
    padding: 10px;
  }

  .exam-navigation-item a {
    font-size: 16px;
  }

  .exam-navigation-item a img {
    margin-left: 10px;
  }

  .exam-navigation-item:nth-child(2) {
    padding: 0;
  }

  .exam-navigation-item {
    flex: 0 0 200px;
    max-width: 200px;
  }

  .exam-navigation-bottom {
    width: 430px;
  }
}

@media only screen and (max-width: 650px) {
  .exam-navigation-bottom {
    width: 230px;
  }

  .exam-navigation-item {
    position: relative;
    flex: 0 0 100px;
    height: 78px;
    max-height: 78px;
    max-width: 100px;
  }

  .exam-navigation-item a img {
    position: absolute;
    bottom: -8px;
    margin-left: -8px;
    left: 50%;
  }

  #place-group-exam .btn-space, #register-group-exam .btn-space {
    width: 100%;
  }

  #register-group-exam .is-flex, #place-group-exam .is-flex {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  #register-group-exam .is-flex .mr-20, #place-group-exam .is-flex .mr-20 {
    margin-right: 0;
  }

  #register-group-exam .is-flex .btn-space, #place-group-exam .is-flex .btn-space {
    width: 230px;
  }
}

@media only screen and (max-width: 480px) {
  #group-exam-navigation {
    padding: 0;
  }

  .group_exam .btn-space-text {
    margin-right: 0;
  }

  #group-exam-navigation .exam-navigation-item {
    flex: 0 0 33.33%;
    max-width: 32.33%;
    width: 105px;
    height: 80px;
  }

  .exam-navigation-item {
    max-height: 65px;
    flex: 0 0 41%;
    max-width: 41%;
  }

  .group_exam article p {
    font-size: 14px;
    line-height: 23px;
  }

  .exam-navigation-item a {
    height: 80px;
    font-size: 17px;
    align-items: center;
    padding: 12px 5px;
  }

  .exam-navigation-bottom {
    margin: 52px auto 0px auto;
  }

  #group-exam-navigation.navigation-bottom .exam-navigation-item {
    flex: 0 0 37%;
    max-width: 37%;
    width: 112px;
    height: 80px;
  }

  #group-exam-navigation.navigation-bottom {
    padding: 0 30px;
    justify-content: center;
  }

  .navigation-bottom .exam-navigation-item {
    margin: 0 5px;
  }

  .group_exam .list-mb-50 > li {
    margin-bottom: 25px !important;
  }

  #register-group-exam .is-flex .btn-space.btn-long, #place-group-exam .is-flex .btn-space.btn-long {
    width: 100%;
  }

  #register-group-exam .is-flex .btn-space.btn-short, #place-group-exam .is-flex .btn-space.btn-short {
    width: 280px;
    padding: 8.5px 23px;
  }

  #type-group-exam .table-responsive table .td-first {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .group_exam .btn-space .btn-space-text {
    font-size: 17px;
  }

  .group_exam #type-group-exam .text-pc {
    display: none;
  }

  .group_exam #type-group-exam .text-sp {
    display: block;
  }

  .group_exam .pl-15 {
    padding-left: 0;
  }


  #type-group-exam table th.padding-8 {
    padding: 2px;
  }
}

@media only screen and (max-width: 420px) {
  #type-group-exam table th, #type-group-exam table td {
    font-size: 14px;
  }
}

@media only screen and (max-width: 374px) {
  #type-group-exam table th, #type-group-exam table td {
    padding: 5px;
  }

  .exam-navigation-item a img {
    width: 18px;
    height: 18px;
  }

  .exam-navigation-item a {
    font-size: 14px;
    width: 85px;
  }


  .exam-navigation-item:nth-child(1) {
    padding-right: 5px;
  }

  .exam-navigation-item:nth-child(2) {
    padding: 0 2.5px;
  }

  .exam-navigation-item:nth-child(3) {
    padding-left: 5px;
  }
}

/*--------------------------------
+: END CSS for /group_exam
--------------------------------*/
/*--------------------------------
+: START CSS for /record_inquiry
--------------------------------*/
.record_inquiry .blue {
  color: #004B9E;
}
.pd-20 {
  padding: 20px;
}

.record_inquiry article p {
  font-size: 16px;
  line-height: 29px;
  margin-bottom: 0;
}

.record_inquiry .container-hsk section a {
  text-decoration: underline;
}

.record_inquiry article p.p-md {
  font-size: 15px;
  line-height: 23px;
}

.record_inquiry article > section.container > section > div.bg-dark {
  margin-top: 20px;
  margin-bottom: 38px;
  display: block;
}

.record_inquiry .color-main {
  font-size: 20px;
}

.record_inquiry article > section.container > section:last-child {
  margin-bottom: 132px;
}

.text-indent {
  text-indent: 10px;
}

.record_inquiry .heading-title-2 {
  padding-top: 25px;
  margin-bottom: 22px;
}

.record_inquiry .heading-title-2.record-inquiry__title {
  margin-bottom: 20px;
}

.record_inquiry article > section.container > section > div {
  margin-bottom: 5px;
}

.record_inquiry article > section.container > section > div.form-record {
  margin-bottom: 102px;
}

.record_inquiry .form-record > p {
  font: normal normal normal 15px/25px 'Yogothic', 'Segoe UI', sans-serif;
}

.record_inquiry .form-record > p.bold {
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-weight: bold;
  text-indent: 16px;
  margin-bottom: 3px;
}

.record_inquiry .form-record > p.text-indent {
  text-indent: 24px;
}

.record_inquiry .form-record > p.text-indent small {
  font: normal normal normal 13px/29px 'Yogothic', 'Segoe UI', sans-serif;
}

.record_inquiry ul {
  margin-bottom: 0;
}

.record_inquiry ul li, .record_inquiry ol li {
  list-style: none;
  padding: 2px 0px;
}

.record_inquiry .form-record {
  width: 750px;
  margin: 40px auto 30px auto;
}

.record_inquiry .form-record .form-label {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.record_inquiry .form-record .form-label label {
  background: none;
  font: normal normal bold 16px/32px 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-weight: bold;
}

.record_inquiry .form-record form {
  background: #F5F5F5;
  padding: 39px 39px 42px;
  margin-bottom: 30px;
}

.record_inquiry .form-record .form-record-input {
  padding: 38px 46px;
  background: #fff;
  margin-bottom: 45px;
}

.record_inquiry .form-record .form-record-input .row.same-height > .col-sm-2 {
  padding-right: 0px;
}

.record_inquiry .form-record .form-record-input .form-group:nth-child(1) {
  margin-bottom: 31px;
}

.record_inquiry .form-record .form-record-input .form-group:nth-child(2) {
  margin-bottom: 0;
}

.record_inquiry .form-record form > .form-group {
  margin-bottom: 0;
}

.record_inquiry .btn-record-submit {
  min-width: 227px;
  min-height: 47px;
  background: #004B9E;
  color: #fff;
  position: relative;
  padding: 10px;
  border: none;
  outline: none;
  border-radius: 8px;
}

.record_inquiry .btn-record-submit span {
  font-size: 17px;
}

.record_inquiry .btn-record-submit img {
  position: absolute;
  top: 50%;
  margin-top: -7.5px;
  right: 30px;
}

.record_inquiry .heading-title-personal_exam {
  padding-top: 45px;
  line-height: 13px;
  padding-bottom: 10px;
}

.record_inquiry .heading-title-2.first-header {
  margin-bottom: 5px;
  padding-top: 5px;
}

@media only screen and (max-width: 767px) {
  .record_inquiry .form-record {
    width: 100%;
  }

  .record_inquiry .form-record .col-sm-10 {
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .record_inquiry article p {
    font-size: 14px;
    line-height: 23px;
  }

  .record_inquiry .heading-title-2 {
    margin-bottom: 17px;
    padding-top: 16px;
  }

  .record_inquiry article > section.container > section > div.form-record {
    margin-bottom: 27px;
  }

  .record_inquiry .heading-title-2.first-header {
    padding-top: 0;
    margin: 0 0 5px;
  }

  .record_inquiry .heading-title-personal_exam {
    padding-top: 38px;
  }

  .record_inquiry .heading-title-personal_exam {
    padding-top: 38px;
    line-height: 24px;
    display: inline-flex;
  }

  .heading-title-personal_exam .number-counter__content {
    margin-top: -17px;
    margin-left: 6px;
  }

  .record_inquiry .form-record {
    margin-top: 20px;
  }

  .record_inquiry .form-record form {
    padding: 17px;
    margin-bottom: 25px;
  }

  .record_inquiry .form-record .form-record-input {
    margin-bottom: 30px;
    padding: 12px 21px;
  }

  .record_inquiry .form-record .form-label label {
    margin: 0;
    padding: 10px 0 0;
    font-size: 15px;
    line-height: 23px;
  }

  .record_inquiry .form-record form > .form-group {
    margin-bottom: 13px;
  }

  .record_inquiry .form-record .form-record-input .form-group:nth-child(1) {
    margin-bottom: 0;
  }

  .record_inquiry .hsk-input {
    height: 48px;
    font-size: 15px;
  }

  .record_inquiry .hsk-input:nth-child(1) {
    margin-bottom: 10px;
  }

  .record_inquiry .form-record > p {
    font-size: 14px;
    line-height: 23px;
  }

  .record_inquiry .form-record > p.text-indent {
    line-height: 22px;
    text-indent: 0;
  }

  .record_inquiry ul li, .record_inquiry ol li {
    font-size: 14px;
    line-height: 23px;
  }

  .record_inquiry ul li:not(:last-child) {
    margin-bottom: 8px;
  }

  .record_inquiry article p.p-md {
    font-size: 14px;
    line-height: 22px;
  }

  .record_inquiry article > section.container > section:last-child {
    margin-bottom: 20px;
  }

  .record_inquiry article > section.container > section:last-child ul li {
    margin-bottom: 5px;
  }

  .record_inquiry .color-main {
    font-size: 19px;
  }
}

@media only screen and (max-width: 375px) {
  .record_inquiry .btn-record-submit span {
    font-size: 14px;
  }
}

@media only screen and (max-width: 320px) {
  .heading-title-personal_exam .number-counter__content {
    margin-top: 0;
    margin-left: 0;
  }
}

/*--------------------------------
+: END CSS for /record_inquiry
--------------------------------*/
/*--------------------------------
+: START CSS for /confucius
--------------------------------*/
.dashed {
  border-bottom: 1px dashed #9D9D9D;
}

.confucius article > h2 > span.container-hsk {
  min-height: auto;
  margin: 20px auto;
  font: normal normal bold 33px/41px 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-weight: bold;
  color: #0F0F0F;
  padding-top: 170px;
  padding-bottom: 5px;
  background-position: center top;
  text-align: center;
}

.confucius area {
  display: block;
}

.confucius area:hover {
  background: rgba(0, 0, 0, 0.4);
}

.confucius p {
  margin-bottom: 10px;
}

.confucius p.with-logo {
  display: flex;
}

.confucius article > h2 > span.container-hsk {
  padding-top: 160px;
  padding-bottom: 13px;
  background-position: center top;
  text-align: center;
}

.confucius .with-logo img {
  width: 60px;
  margin-right: 10px;
}

.confucius .confucius-navs table {
  width: 100%;
}

.confucius .confucius-navs table td {
  border: 1px solid #004B9E;
  vertical-align: middle;
  text-align: center;
}

.confucius .confucius-navs table td a {
  display: block;
  padding: 11px 27px;
  font-size: 15px;
  line-height: 22px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  position: relative;
}

.confucius .confucius-navs table td:last-child a {
  width: 164px;
}

.confucius .confucius-navs table td:first-child a {
  width: 167px;
}

.confucius p.with-logo span {
  line-height: 20px;
}

.confucius .confucius-navs table td a:after {
  content: "\f078";
  font-family: FontAwesome;
  position: absolute;
  right: 20%;
  font-size: 10px;
}

.confucius .confucius-university .confucius-place {
  padding: 1px 20px;
  background: #427FC3;
}

.confucius .confucius-university .confucius-place h4 {
  font-size: 15px;
  color: #fff;
  line-height: 26px;
  margin: 8.5px 0;
}

.confucius .confucius-university .confucius-province {
  padding: 15px 0px 0px 0px;
}

.confucius .confucius-university .confucius-province:last-child {
  border-bottom: none;
}

.confucius .confucius-university .confucius-province img {
  margin-top: 25px;
  width: 37px;
}

.confucius .confucius-university .confucius-province h5 {
  font-size: 15px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  color: #004B9E;
}

.confucius .confucius-university .confucius-province .university-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 15px;
  line-height: 25px;
}

.confucius .confucius-university .confucius-province .university-item:not(:first-child) {
  margin-bottom: 22px;
}

.confucius .confucius-university .confucius-province .university-item .university-item-link {
  flex: 0 0 50%;
  max-width: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 15px;
}

.confucius .confucius-university .confucius-province .university-item .university-item-link a {
  text-decoration: underline;
}

.confucius .confucius-university .confucius-province .university-item .university-item-link br {
  display: none;
}

.confucius .confucius-university .confucius-province .university-item .university-item-name {
  text-align: left;
  flex: 0 0 50%;
  max-width: 50%;
}

.confucius article > section.container > section > div.hidden-xs {
  display: block;
}

.confucius .heading-title-2 {
  padding-top: 30px;
}

@media only screen and (max-width: 767px) {
  .confucius .hidden-sm.hidden-md.hidden-lg {
    display: block;
  }

  .confucius article > h2 > span.container-hsk {
    background-size: 103px;
    padding-top: 125px;
    font: normal normal bold 26px/35px 'Yogothic-bold', 'Segoe UI', sans-serif;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 30px;
    padding-bottom: 7px;
  }

  .confucius .confucius-university .confucius-province .university-item .university-item-link {
    flex: 0 0 50%;
    max-width: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 19px;
  }

  .confucius .with-logo img {
    width: 80px;
    margin-right: 20px;
    height: 38px;
  }

  .confucius > article > h2 {
    margin-bottom: 7px;
    padding: 0;
  }

  .confucius p {
    margin-bottom: 0;
  }

  .confucius .confucius-university .confucius-province img {
    margin-top: 0;
  }
}

.confucius .heading-title-2 {
  padding-top: 5px;
}

.confucius .with-logo {
  display: inline-flex;
  margin-top: 25px;
}

.confucius .hidden-sm .confucius-navs {
  margin-top: 37px;
}

.confucius .hidden-sm > .confucius-university {
  margin-top: 35px;
}

.confucius .confucius-university .confucius-province {
  padding-top: 15px;
}

.confucius .confucius-university .confucius-place {
  padding: 1px 20px;
}

.confucius .confucius-university .confucius-place h4 {
  line-height: 24px;
}

.confucius .confucius-university .confucius-province .university-item .university-item-name {
  font-size: 14px;
  line-height: 19px;
}

.confucius .confucius-university .confucius-province .university-item:not(:first-child) {
  margin-bottom: 18px;
}

.confucius .hidden-sm .confucius-university:not(#address1) {
  margin-top: 46px;
}

@media only screen and (max-width: 480px) {
  .confucius .confucius-navs table td a:after {
    right: 15%;
  }
}

@media only screen and (max-width: 480px) {
  .confucius .confucius-navs table td a:after {
    right: 10%;
  }
}

/*--------------------------------
+: END CSS for /confucius
--------------------------------*/
/*--------------------------------
+: START CSS for /cefr
--------------------------------*/
.heading-title-7 {
  font-size: 29px;
  text-align: center;
  color: #004B9E;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 40px;
  line-height: 40px;
}

.heading-title-7:before {
  content: '';
  width: 240px;
  height: 2.5px;
  background: #004B9E;
  bottom: 0;
  left: 50%;
  margin-left: -120px;
  position: absolute;
}

.cefr .heading-title-7 {
  margin-top: 8px;
}

.cefr .ft-19 {
  font-size: 19px;
}

.cefr-map {
  margin: 20px 0px;
}

.cefr-map .row {
  margin-bottom: 20px;
}

.cefr-map .table {
  font-size: 16px;
}

.cefr-map .table th {
  white-space: nowrap;
  border: 1px solid #707070;
  background: #f2f6fa;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
}

.cefr-map .table th.bg-blue {
  vertical-align: middle;
  text-align: center;
  font-size: 22px;
}

.cefr-map .table th .text-dark {
  font-size: 16px;
}

.cefr-map .table tr td {
  border: 1px solid #707070;
  padding: 20px;
  vertical-align: middle;
}

.cefr-map .table tr td .text-blue {
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-size: 17px;
  margin-right: 12px;
}

.cefr-map .row {
  margin-bottom: 20px;
}

.cefr-map .table {
  font-size: 16px;
}

.cefr-map .table th {
  white-space: nowrap;
  border: 1px solid #707070;
  background: #f2f6fa;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
}

.cefr-map .table th.bg-blue {
  vertical-align: middle;
  text-align: center;
  font-size: 22px;
}

.cefr-map .table th .text-dark {
  font-size: 16px;
}

.cefr-map .table tr td {
  border: 1px solid #707070;
  padding: 20px;
  vertical-align: middle;
}

.cefr-map .table tr td .text-blue {
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-size: 17px;
  margin-right: 12px;
}

.underline-sub {
  background-image: linear-gradient(to bottom, transparent 80%, #FFEC00 20%);
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}

.cefr .cefr-rank {
  display: inline-block;
  margin: 30px 0px 40px 0px;
  width: 100%;
}

.cefr-rank .cefr-rank-item {
  margin-left: 34px;
  width: calc(100% / 3 - 23px);
  border-radius: 10px;
  background: #F5F5F5;
  float: left;
  padding: 10px 20px;
  min-height: 298px;
}

.cefr-rank .cefr-rank-item p {
  font-size: 15px;
  line-height: 26px;
}

.cefr-rank .cefr-rank-item:nth-child(1) {
}

.cefr-rank .cefr-rank-item:nth-child(2) {
}

.cefr-rank .cefr-rank-item:nth-child(3) {
}

.cefr-rank .cefr-rank-item .rank-item__note {
  font-size: 16px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  padding: 5px 0px;
}

.cefr-rank .cefr-rank-item .rank-item__title .heading-title-3 {
  font-size: 28px;
  line-height: 33px;
  padding: 10px 0px;
  min-height: 86px;
}

.cefr-rank .cefr-rank-item .rank-item__title .heading-title-3 > span {
  display: inline-block;
}

.cefr-rank .cefr-rank-item .rank-item__title .heading-title-3 .title-small {
  font-size: 22px;
}

.cefr-rank .cefr-rank-item:first-child .heading-title-3 span {
  display: inline;
}

.cefr-rank .cefr-rank-item:nth-child(1) {
  margin-left: 0;
}

.cefr-rank .cefr-rank-item:nth-child(2) {
}

.cefr-rank .cefr-rank-item:nth-child(3) {
}

.cefr-rank .cefr-rank-item .rank-item__note {
  font-size: 16px;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-weight: bold;
  padding: 5px 0px;
  color: #004B9E;
}

.cefr-rank .cefr-rank-item .rank-item__title .heading-title-3 {
  font-size: 30px;
  line-height: 33px;
  padding: 10px 0px;
  min-height: 86px;
}

.cefr-rank .cefr-rank-item .rank-item__title .heading-title-3 > span {
  display: inline-block;
}

.cefr-rank .cefr-rank-item .rank-item__title .heading-title-3 .title-small {
  font-size: 22px;
}

.cefr-rank .cefr-rank-item:first-child .heading-title-3 span {
  display: inline;
}

.breakline * {
  display: block;
  text-align: center;
}

.cefr-large {
  font-size: 17px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
}

.btn-cefr {
  width: 200px;
  text-align: center;
  padding: 5px;
  background: #FFEC00;
  border: none;
  outline: none;
  word-break: keep-all;
}

.btn-cefr-disable-pointer {
  cursor: auto;
}

.btn-cefr span {
  display: contents !important;
}

.table-cefr th {
  background: #f2f6fa !important;
  text-align: center;
  padding: 20px !important;
}

.table-cefr tbody tr td {
  padding: 20px;
}

.table-cefr tbody tr td:nth-child(2) {
  font-size: 16px;
  white-space: nowrap;
}

.table-cefr tbody tr td:nth-child(3) .phar-mb {
  display: none;
}

.table-cefr tbody tr td:nth-child(3) br {
  display: none;
}

.table-cefr tbody tr td:nth-child(3) span {
  display: block;
  margin-bottom: 10px;
}

.table-cefr tbody tr td:nth-child(4) {
  font-size: 13px;
}

.cefr .cefr-language {
  display: inline-block;
  width: 100%;
  margin: 20px 0px 60px 0px;
}

.cefr-language .cefr-language-image {
  max-width: 433px;
  margin-top: 7px;
  margin-right: 32px;
  float: left;
}

.cefr-language .cefr-language-text {
  width: calc(100% - 465px);
  float: left;
}

.cefr .cefr-image {
  display: inline-block;
  width: 100%;
}

.cefr-image .cefr-image-item {
  margin-left: 38px;
  width: calc(100% / 4 - 29px);
  float: left;
}

.cefr-image .cefr-image-item:nth-child(1) {
  margin-left: 0;
}

.cefr-banner-large {
  max-width: 720px;
  margin: 20px auto;
}

.cefr-banner-small {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 60px auto;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-content: center;
  flex: 0 0 520px;
  max-width: 520px;
  cursor: pointer;
}

@media only screen and (max-width: 991px) {
  .cefr-rank .cefr-rank-item .rank-item__title .heading-title-3 {
    font-size: 26px;
  }

  .cefr-rank .cefr-rank-item .rank-item__title .heading-title-3 .title-small {
    font-size: 20px;
  }
}

@media only screen and (max-width: 850px) {
  .cefr-rank .cefr-rank-item .rank-item__note {
    font-size: 15px;
  }

  .cefr-rank .cefr-rank-item .rank-item__title .heading-title-3 {
    font-size: 24px;
  }

  .cefr-rank .cefr-rank-item .rank-item__title .heading-title-3 .title-small {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  table.table.table-cefr.table-bordered tr td {
    vertical-align: middle;
  }

  .cefr .cefr-rank {
    margin-bottom: 0;
  }

  .cefr-map .col-sm-5 {
    margin-bottom: 40px;
    text-align: center;
  }

  .cefr-map .col-sm-5 img:first-child {
    width: 100%;
  }

  .cefr-map .col-sm-5 img:last-child {
    width: 80%;
    margin-top: -50px;
  }

  .cefr-rank {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cefr-rank .cefr-rank-item {
    margin-bottom: 16px;
    width: 100%;
    min-height: auto;
    margin-left: 0;
  }

  .cefr-rank .cefr-rank-item:nth-child(1), .cefr-rank .cefr-rank-item:nth-child(2), .cefr-rank .cefr-rank-item:nth-child(3) {
  }

  .cefr-rank .cefr-rank-item .rank-item__title .heading-title-3 {
    min-height: inherit;
  }

  .cefr .ft-19 {
    font-size: 17px;
  }

  .cefr .heading-title-2 {
    padding-top: 0;
  }

  .cefr-map .table th .text-dark {
    font-size: 13px;
  }

  .cefr-map .table {
    font-size: 13px;
  }

  .cefr-image .cefr-image-item {
    margin-left: 27px;
    margin-bottom: 21px;
    width: calc(100% / 2 - 14px);
  }

  .cefr-image .cefr-image-item:nth-child(3) {
    margin-left: 0;
  }

  .cefr .cefr-language {
    margin-bottom: 21px !important;
  }

  .cefr-language .cefr-language-image {
    max-width: 100%;
    margin: 0 0 23px;
  }

  .cefr-language .cefr-language-text {
    width: 100%;
  }
}

@media only screen and (max-width: 640px) {
  .table-cefr tbody tr td:nth-child(4) {
    display: none;
  }

  .table-cefr tbody tr td:nth-child(3) .phar-mb {
    display: block;
  }

  .cefr-language {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cefr-language .cefr-language-image, .cefr-language .cefr-language-text {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
    padding-left: 0;
  }

  .cefr .mb-60 table.table.table-cefr.table-bordered th {
    white-space: unset;
    vertical-align: middle !important;
  }

  .cefr-image .cefr-image-item:nth-child(even) {
    padding-right: 0;
  }
}

@media only screen and (max-width: 480px) {

  .cefr-image .cefr-image-item:nth-child(2) {
    padding-left: 8px;
    padding-bottom: 8px;
  }

  .cefr-image .cefr-image-item:nth-child(4) {
    padding-top: 8px;
    padding-left: 8px;
  }

  .cefr-image .cefr-image-item img {
    height: 100%;
    width: 100%;
    object-fit: fill;
  }

  .table-cefr th {
    padding: 5px !important;
  }

  .table-cefr th:nth-child(3) {
    white-space: inherit;
  }

  .table-cefr tbody tr td {
    padding: 20px 8px;
  }

  .table-cefr tbody tr td:nth-child(2) {
    white-space: inherit;
    font-size: 14px;
  }

  .cefr-large {
    font-size: 15px;
  }

  .btn-cefr {
    width: auto;
    padding: 5px 10px;
  }

  .cefr-banner-small {
    margin: 38px auto;
  }

  .cefr-map .table th .text-dark span {
    display: block;
  }

  .cefr-map .table th.bg-blue {
    width: 115px;
  }

  .cefr-map .table th.bg-blue .bg-lue_left {
    float: left;
  }
}

@media only screen and (max-width: 420px) {
  .cefr-image .cefr-image-item {
    height: 195px;
  }

  .cefr-map .table th .text-dark span {
    display: block;
  }

  .cefr-map .table tr td {
    padding: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-left: 0;
    border-bottom: 0;
  }

  .cefr-map .table tr:last-child {
    border-bottom: 1px solid #707070;
  }

  .cefr-map .table tr td .text-blue {
    font-size: 15px;
  }

  .cefr .heading-title-7 {
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 375px) {
  .cefr-image .cefr-image-item {
    height: 172px;
  }
}

@media only screen and (max-width: 360px) {
  .cefr-image .cefr-image-item {
    flex: 0 0 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
  }

  .cefr-image .cefr-image-item:nth-child(1), .cefr-image .cefr-image-item:nth-child(2), .cefr-image .cefr-image-item:nth-child(3), .cefr-image .cefr-image-item:nth-child(4) {
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0;
  }
}

/*--------------------------------
+: END CSS for /cefr
--------------------------------*/
/*--------------------------------
+: START CSS for /form_company
--------------------------------*/
.form_company .btn-submit-form {
  margin-bottom: 0;
  width: 245px;
  padding: 20px 25px 20px 40px;
}

.form_company .btn-submit-form img {
  width: 19px;
}

.form_company section.container-hsk > section {
  margin-bottom: 0;
  margin-top: 10px;
}

.form_company .box-form-company .box-item p {
  font-size: 16px;
  line-height: 29px;
}

.form_company article p {
  font-size: 13px;
  line-height: 29px;
  padding: 0;
  margin-bottom: 0;
}

.form_company article p.form-excerpt {
  font-size: 16px;
  line-height: 29px;
}

.form_company .form-group {
  margin-bottom: 39px;
}

.form_company article > h2 > span.container-hsk {
  padding-bottom: 10px;
}

.form_company .box-form-company {
  margin-top: 30px;
  margin-bottom: 0;
  display: flex;
}

.form_company .form-excerpt span {
  display: block;
}

.form_company .heading-title-2 {
  margin-bottom: 40px;
}

.form_company .company-form-contact p {
  margin: 0;
}

.box-form-company {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 20px 0px;
}

.box-form-company:before, .box-form-company:after {
  display: none !important;
}

.box-form-company .box-item {
  flex: 0 0 48%;
  max-width: 48%;
  background: #F5F5F5;
  padding: 50px 40px 35px;
  text-align: center;
}

.box-form-company .box-item .box-item__head {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.box-form-company .box-item .box-item__head .item__head_title span {
  font-size: 20px;
  display: block;
  margin-left: 12px;
  line-height: 29px;
}

.box-form-company .box-item .box-item-content {
  padding: 5px 0 10px;
}

.box-form-company .box-item .btn-space {
  width: 227px;
  margin: 5px auto;
  padding: 9px 25px;
}

.company-form-contact .hsk-textarea {
  font: normal normal normal 15px/25px 'Yogothic', 'Segoe UI', sans-serif;
}

.company-form-contact p.form-company__note {
  font: normal normal normal 14px/22px 'Yogothic', 'Segoe UI', sans-serif;
  margin-top: 5px;
}

.company-form-contact .select-form-hsk .text-parent {
  color: #888888;
  font-size: 15px;
}

.company-form-contact .form-group:last-child {
  margin-bottom: 60px;
}

.recaptcha.text-center {
  display: flex;
  justify-content: center;
}

.form_company .row .col-sm-8 {
  padding-right: 60px;
}

.form_company .note-box-item span {
  font-size: 13px;
}

.note-box-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding: 10px 0px;
  margin-bottom: 30px;
  text-align: center;
}

.note-box-item span {
  flex: 0 0 48%;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.hsk-input {
  height: 55px;
  border-radius: 5px;
  outline: none;
  border: 1px solid #707070;
  font-size: 15px;
  width: 100%;
  padding: 0px 17px;
  font-family: 'Yogothic', 'Segoe UI', sans-serif;
}

.hsk-textarea {
  width: 100%;
  border-radius: 5px;
  outline: none;
  border: 1px solid #707070;
  padding: 10px;
}

.company-form-contact .form-label {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.company-form-contact .form-label label {
  font: normal normal bold 16px/32px 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-weight: bold;
}

.company-form-contact .form-label label.label-require:after {
  content: "必須";
  border-radius: 5px;
  background: #D30101;
  color: #fff;
  margin-left: 10px;
  font-size: 14px;
  line-height: 41px;
  display: inline;
  padding: 3px 10px;
}

.company-form-contact select {
  height: 55px;
  padding: 0px 10px;
  border-radius: 5px;
  outline: none;
  background: #fff;
}

.form-address {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row !important;
}

.form-address br {
  display: none;
}

.form-address .label-text-input {
  flex: 0 0 40px;
  max-width: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
}

.form-address .wpcf7-form-control-wrap {
  flex: 0 0 90px;
  max-width: 90px;
  margin-right: 20px;
}

.form-address .wpcf7-form-control-wrap:last-child {
  flex: 0 0 160px;
  max-width: 160px;
}

.btn-submit-form {
  padding: 20px 40px;
  background: #004B9E;
  font-size: 21px;
  font-weight: bold;
  font-family: 'Yogothic-bold', 'Segoe UI', sans-serif;
  line-height: 37px;
  border-radius: 10px;
  color: #fff;
  border: none;
  outline: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 50px;
}

.btn-submit-form span {
  margin-right: 30px;
}

.btn-submit-form br {
  display: none;
}

.btn-submit-form span {
  margin-right: 30px;
}

.btn-submit-form br {
  display: none;
}

.select-contact-form-7 select {
  visibility: hidden;
  position: absolute;
  z-index: -9;
}

.select-form-hsk {
  max-width: 322px;
  position: relative;
}

.select-form-hsk .text-parent {
  height: 55px;
  padding: 0 20px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #707070;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.select-form-hsk .text-parent .fa {
  font-size: 26px;
  color: #707070;
  margin-top: -10px;
  transition: .4s ease-in-out;
}

.select-form-hsk .text-parent.dropdown .fa {
  transform: rotate(-180deg);
  margin-top: 10px;
}

.select-form-hsk ul {
  display: none;
  background: #F7F7F7;
  box-shadow: 0 3px 6px #00000029;
  padding: 10px 0px;
  position: absolute;
  width: 100%;
  z-index: 99;
}

.select-form-hsk ul li {
  list-style: none;
  cursor: pointer;
  padding: 10px 20px;
  font-size: 15px;
}

.select-form-hsk ul li:hover {
  background: #DBDBDB;
}

@media only screen and (max-width: 1100px) {
  .box-form-company .box-item .box-item__head .item__head_title span {
    font-size: 18px;
  }

  .box-form-company .box-item .btn-space {
    width: 210px;
    padding: 10px;
  }
}

@media only screen and (max-width: 880px) {
  .box-form-company .box-item .box-item__head .item__head_title span {
    font-size: 16px;
  }

  .box-form-company .box-item .box-item-content p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .form_company .form-excerpt span {
    display: contents;
  }

  .form_company .col-sm-6 {
    width: 100%;
  }

  .box-form-company {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .box-form-company .box-item {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .note-box-item {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .note-box-item span {
    flex: 0 0 100%;
  }

  .company-form-contact .form-label label {
    background: none;
    margin-bottom: 10px;
  }

  .hsk-input {
    margin-bottom: 16px;
    width: 100%;
  }

  .form-group .row .col-sm-3, .form-group .row .col-sm-7 {
    width: 100%;
  }

  .form_company .row .col-sm-8 {
    width: 100%;
  }
}

.btn-ct7-hsk {
  margin-top: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}

@media only screen and (max-width: 480px) {
  .box-form-company .box-item {
    padding: 10px;
  }

  .btn-ct7-hsk {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 37px;
    margin-bottom: 30px;
  }

  .form_company .btn-submit-form {
    width: 227px;
    font-size: 17px;
    height: 47px;
    padding: 0 25px;
  }

  .form_company .btn-submit-form img {
    width: 15px;
  }

  .no-list-style li ul {
    padding-left: 0;
  }

  .form_company article p.form-excerpt {
    font-size: 15px;
    line-height: 23px;
  }

  .box-form-company .box-item .box-item__head .item__head_title span {
    font-size: 15px;
    line-height: 22px;
  }

  .form_company .box-form-company {
    margin-top: 20px;
  }

  .box-form-company .box-item:nth-child(1) .box-item__head > .item__head__icon > img {
    width: 57px;
  }

  .box-form-company .box-item .box-item-content p {
    font-size: 13px;
    line-height: 27px;
  }

  .form_company .note-box-item span {
    font-size: 12px;
    line-height: 24px;
    text-indent: -2px;
  }

  .company-form-contact .form-label label {
    font-size: 15px;
    margin-bottom: 0;
    padding: 0;
  }

  .company-form-contact .form-label label.label-require:after {
    font-size: 13px;
    padding: 3px 8px;
  }

  .company-form-contact p.form-company__note {
    font-size: 12px;
    line-height: 19px;
    margin-top: 0;
  }

  .company-form-contact input[name=person-phone] {
    margin-bottom: 0;
  }

  .box-form-company .box-item .box-item-content {
    padding-top: 5px;
    padding-bottom: 0;
  }

  .box-form-company .box-item .btn-space {
    margin-bottom: 10px;
    padding: 4px 12px 4px 20px;
    width: 179px;
  }

  .box-form-company .box-item .btn-space img {
    width: 12px;
  }

  .box-form-company .box-item:nth-child(2) {
    margin-bottom: 5px;
  }

  .form_company article p.note-box-item {
    margin-bottom: 10px;
  }

  .form_company .heading-title-2 {
    margin-bottom: 22px;
    margin-top: 25px;
  }

  .company-form-contact .row .col-sm-8 {
    padding-right: 15px;
    max-width: 100%;
    width: 100%;
  }

  .company-form-contact .row .col-sm-8 .select-form-hsk {
    max-width: 100%;
  }

  .form_company .form-group {
    margin-bottom: 4px;
  }

  .form_company article > h2 > span.container-hsk {
    word-break: keep-all;
    padding-top: 27px;
  }

  .form_company article > h2 {
    margin-bottom: 0;
  }

  .form_company section.container-hsk > section {
    margin-top: 5px;
  }

  .form-address .hsk-input[name=postcode1] {
    max-width: 195px;
  }

  .form-address .wpcf7-form-control-wrap.postcode1 {
    margin-right: 12px;
  }

  .form-address .wpcf7-form-control-wrap:last-child {
    flex: 100%;
    max-width: 100%;
    margin-right: 0;
  }

  .form-address .label-text-input {
    flex: 0 0 26px;
    font-size: 14px;
  }

  .company-form-contact .row .col-sm-8.form-address {
    padding-bottom: 3px;
  }

  .company-form-contact .row .col-sm-8 .select-form-hsk {
    padding-bottom: 20px;
  }

  .company-form-contact .form-group:last-child {
    margin-bottom: 40px;
  }

  .company-form-contact .hsk-input,
  .select-form-hsk .text-parent {
    padding: 0 24px;
  }

  .company-form-contact .hsk-textarea {
    padding: 22px 18px;
  }

  .form_company .btn-space .btn-space-text {
    font-size: 13px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 375px) {
  .form-address .hsk-input {
    margin-bottom: 0;
  }

}

@media (max-width: 350px) {
  .box-form-company .box-item .box-item__head .item__head_title span {
    font-size: 14px;
  }

  .form-address .wpcf7-form-control-wrap:last-child {
    flex: 0 0 140px;
    max-width: 140px;
  }
}

/*--------------------------------
+: END CSS for /form_company
--------------------------------*/

/*--------------------------------
+: Start CSS for /record_inquiry
--------------------------------*/
@media only screen and (max-width: 991px) {
  .record_inquiry ul li, .record_inquiry ol li {
    list-style: none;
    padding: 2px 0px;
  }

  .record_inquiry .form-record {
    width: 760px;
    margin: 40px auto 30px auto;
  }

  .record_inquiry .form-record .form-label {
    display: flex;
    justify-content: center;
  }

  .record_inquiry .form-record .form-label label {
    background: none;
  }

  .record_inquiry .form-record form {
    background: #F5F5F5;
    padding: 40px 40px 25px 40px;
    margin-bottom: 20px;
  }

  .record_inquiry .form-record .form-record-input {
    padding: 25px 45px;
    background: #fff;
    margin-bottom: 40px;
  }

  .record_inquiry .form-record .form-record-input input.hsk-input {
    font-size: 15px;
  }

  .record_inquiry .form-record .form-record-input .form-group {
    padding-top: 15px;
  }

  .record_inquiry .form-record p {
    font-size: 15px;
  }

  .record_inquiry p.text-red {
    color: #D30814 !important;
  }

  .record_inquiry .btn-record-submit {
    min-width: 227px;
    min-height: 47px;
    background: #004B9E;
    color: #fff;
    position: relative;
    padding: 10px;
    border: none;
    outline: none;
    border-radius: 8px;
  }

  .record_inquiry .btn-record-submit span {
    font-size: 17px;
  }

  .record_inquiry .btn-record-submit img {
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    right: 30px;
  }

  .record_inquiry .heading-title-personal_exam .number-counter {
    font-size: 40px;
  }

  .record_inquiry a {
    text-decoration: underline;
  }

  .record_inquiry span.container {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  @media only screen and (max-width: 767px) {
    .record_inquiry .form-record {
      width: 100%;
    }

    .record_inquiry .form-record .col-sm-9 {
      width: 100%;
    }

    .record_inquiry .form-record label {
      padding: 0
    }

    .record_inquiry h2 span.container {
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 30px;
      padding-bottom: 10px;
    }

    .record_inquiry .form-record .form-record-input {
      padding: 15px 20px;
    }

    .record_inquiry .heading-title-2 {
      padding: 0 0 20px 0;
    }

    .record_inquiry .form-record .form-record-input .form-group {
      padding-top: 10px;
      margin-bottom: 0px;
    }
  }
  @media only screen and (max-width: 375px) {
    .record_inquiry .form-record form {
      padding: 15px;
    }

    .record_inquiry .btn-record-submit span {
      font-size: 14px;
    }
  }
  /*--------------------------------
  +: END CSS for /record_inquiry
  --------------------------------*/
  /*--------------------------------
  +: START CSS for slide lp_data
  --------------------------------*/
  #carousel-transfer .carousel-control {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  #carousel-transfer .carousel-control.left {
    left: -60px !important;
  }

  #carousel-transfer .carousel-control.right {
    right: -60px !important;
  }

  #carousel-transfer .carousel-control.left, #carousel-transfer .carousel-control.right {
    background: none;
    width: auto;
  }

  #carousel-transfer .carousel-item-news {
    padding: 37px 33px;
    background: #f5f5f5;
  }

  #carousel-transfer .carousel-item-news .is-flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #carousel-transfer .carousel-item-news .item-news__poster {
    flex: 0 0 272px;
    max-width: 272px;
  }

  #carousel-transfer .carousel-item-news .item-news__poster .item-news__title {
    display: none;
  }

  #carousel-transfer .carousel-item-news .item-news__content {
    flex: 0 0 calc(100% - 272px);
    max-width: calc(100% - 272px);
    padding-left: 30px;
  }

  #carousel-transfer .carousel-item-news .item-news__content .item-news__title h3 {
    font-size: 27px;
    border-inline-end: 34px;
    margin-top: 5px;
    margin-bottom: 15px;
  }

  #carousel-transfer .carousel-item-news .item-news__readmore {
    position: absolute;
    right: 0;
    bottom: -5px;
  }

  @media only screen and (max-width: 1120px) {
    #carousel-transfer .carousel-control.left {
      left: -18px !important;
    }

    #carousel-transfer .carousel-control.right {
      right: -18px !important;
    }
  }

  @media only screen and (max-width: 640px) {
    #carousel-transfer .carousel-control.left {
      left: -12px !important;
    }

    #carousel-transfer .carousel-control.right {
      right: -12px !important;
    }

    #carousel-transfer .carousel-item-news .is-flex {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -moz-box-direction: normal;
      -moz-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    #carousel-transfer .carousel-item-news .item-news__poster {
      flex: 0 0 100%;
      max-width: 100%;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }

    #carousel-transfer .carousel-item-news .item-news__poster .item-news__title, #carousel-transfer .carousel-item-news .item-news__poster img {
      display: block;
      flex: 0 0 50%;
      max-width: 50%;
      text-align: center;
    }

    #carousel-transfer .carousel-item-news .item-news__poster .item-news__title {
      padding: 0px 12px;
    }

    #carousel-transfer .carousel-item-news .item-news__content {
      padding-left: 0;
      margin-top: 20px;
      flex: 0 0 100%;
      max-width: 100%;
    }

    #carousel-transfer .carousel-item-news .item-news__content .item-news__title {
      display: none;
    }

    #carousel-transfer .carousel-item-news .item-news__readmore {
      bottom: -15px;
    }
  }

  @media only screen and (max-width: 480px) {
    #carousel-transfer .carousel-item-news .item-news__content .item-news__title h3 {
      font-size: 17px;
      line-height: 24px;
    }

    #carousel-transfer .carousel-item-news .item-news__content .item-news__description > p {
      font-size: 13px;
      line-height: 20px;
    }
  }
}

/*--------------------------------
 +: END CSS for slide lp_data
--------------------------------*/

/*# sourceMappingURL=single.css.map */

/*		Css using for pages /study-abroad/*	*/

.study-abroad article > h2 > span.container-hsk {
  padding-bottom: 20px;
}

.study-abroad .btn-redirect {
  margin-top: 31px;
  text-decoration: none;
}

.study-abroad .btn-redirect2 {
  margin-top: 20px;
  text-decoration: none;
}

.study-abroad .heading-title-2 {
  padding-top: 90px;
}

.study-abroad .heading-title-2.first {
  display: flex;
  padding-top: 28px;
}

.study-abroad .heading-title-2.first p {
  font: normal normal bold 28px/36px 'Yogothic-bold', 'Segoe UI', sans-serif;
  font-weight: bold;
}

.study-abroad .heading-title-2 span {
  font-size: 18px;
  padding-left: 24px;
}

.study-abroad .after-title {
  display: none;
}

.study-abroad .container-hsk {
  padding-left: 11px;
  padding-right: 11px;
}

@media only screen and (max-width: 480px) {
  .study-abroad .heading-title-2 span {
    display: none;
  }

  .study-abroad .heading-title-2 {
    padding-top: 55px;
  }

  .study-abroad .heading-title-2 p {
    font-size: 22px;
  }

  .study-abroad .hsk-jobs .col-sm-6 .btn-space {
    margin-top: 27px;
  }

  .study-abroad .heading-title-2.first {
    padding-top: 5px;
  }

  .study-abroad article > h2 > span.container-hsk {
    font-size: 26px;
    max-width: 275px;
  }

  .study-abroad article .after-title {
    margin-bottom: 19px;
    margin-top: -10px;
    color: #004B9E;
    font-size: 16px;
    display: block;
  }

  .study-abroad .hsk-jobs .col-sm-6 p:first-child {
    font-size: 18px;
    font-weight: bold;
    padding-top: 25px;
  }

  .study-abroad .button-link {
    text-align: -webkit-center;
  }
}

/*		end using for pages /study-abroad/*	*/

/*  Start css exam_place  */
.exam_place .exam_place__detail {
  display: block;
}