@charset "utf-8";

.wrapper main {
  display: block;
  padding-top: 2rem;
}

.conts_in4.dlk-conts_in4 {
  padding-bottom: 0;
  margin-bottom: 4rem;
}

.conts_in4.dlk-conts_in4-remb {
  padding-bottom: 0;
  margin-bottom: 1rem;
}

.dk-style .wrapper .conts_in {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  box-sizing: border-box;
  max-width: calc(960px + 3rem);
  width: 100%;
  margin: 0px auto;
}

.wrapper .form-padding {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  box-sizing: border-box;
  max-width: calc(960px + 3rem);
  width: 100%;
}

.dk-style {
  color: #1e1e1e;
}

.dk-style .breadcrumbs li:last-of-type {
  position: relative;
  font-size: 1.2rem;
}

.print-header_current {
  border-bottom: 3px solid #1069c4;
}

header.dk-header {
  color: #1e1e1e;
}

header.dk-header.dk-header-login {
  color: #1e1e1e;
}

header.dk-header.general-top {
  padding-top: 0.1rem;
  padding-bottom: 3.125rem;
  color: #1e1e1e;
  border-bottom: 0.3rem solid #7dcdf4;
}

header.general-top-bb {
  padding-top: 0;
  padding-bottom: 3.125rem;
  color: #1e1e1e;
  border-bottom: 0.3rem solid #7dcdf4;
}

header.general-top-bb .headertop {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  box-sizing: border-box;
  max-width: calc(960px + 3rem);
  width: 100%;
  margin: 0 auto;
}

.general-top-lead .fc-bl {
  color: #1069c4;
}

.general-top-lead .fc-pu {
  color: #6667ab;
}

.general-top-ttl {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4666666666;
  text-align: center;
  margin: 3.5rem 0 5rem;
}

.general-top-ttl::before {
  content: "";
  display: inline-block;
  background-image: url(../img/general-top-ttl-left.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 2.05rem;
  height: 3.2rem;
  margin: 0 1.25rem -1.5rem 0;
}

.general-top-ttl::after {
  content: "";
  display: inline-block;
  background-image: url(../img/general-top-ttl-right.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 2.05rem;
  height: 3.2rem;
  margin: 0 0 -1.5rem 1.25rem;
}

.site-entrance {
  display: flex;
  justify-content: space-between;
}

.site-entrance a:hover {
  opacity: .7;
}

.site-entrance-kp-wrap {
  max-width: 47.97%;
  width: 100%;
  border: .5rem solid #6667ab;
  box-sizing: border-box;
  display: block;
}

.site-entrance-dk-wrap {
  max-width: 47.97%;
  width: 100%;
  border: .5rem solid #1069c4;
  box-sizing: border-box;
  display: block;
}

.site-entrance-dk {
  height: 0;
  padding-top: 47.72475027746947%;
  background-image: url(../img/general-top-dk-mv-pc.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: -.1rem;
}

.site-entrance-kp {
  height: 0;
  padding-top: 47.72475027746947%;
  background-image: url(../img/general-top-kp-mv-pc.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: -.1rem;
}

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

.subject-sp {
  display: flex;
  flex-direction: row;
}

.subject-item {
  width: 30%;
  height: 42px;
  margin-top: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  display: block;
}

.subject-sp .subject-item+.subject-item {
  margin-left: 20px;
}

.subject-math {
  background-image: url(../img/math_tag.png);
}

.subject-en {
  background-image: url(../img/en_tag.png);
}

.subject-ja {
  background-image: url(../img/ja_tag.png);
}

.site-entrance-inner {
  padding: 0 1.5rem 0;
}

.site-entrance-ttl {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  display: block;
  padding: 1.6rem 0 0;
}

.site-entrance-ttl::after {
  content: "";
  display: inline-block;
  background-image: url(../img/site_entrance_arrow.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: .85rem;
  height: 1.35rem;
  padding-left: 3.75rem;
}

.site-entrance-txt {
  font-size: 1.5rem;
  line-height: 1.6;
  display: block;
  padding: .7rem 0 1.6rem;
}

.dk-header .header_nav {
  max-width: calc(960px + 3rem);
  margin: 0 auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  position: relative;
}

.dk-header .header_nav li {
  display: inline-block;
  margin: 0;
}

/* デフォルトはPC表示 */
.sp-only {
  display: none;
}

.dk-header .header_nav .dk-header_nav-ul-login li a {
  padding: 1.1rem 0.7rem 1.5rem; /* ログイン時のナビバー調整 */
}
.dk-header .header_nav .dk-header_nav-ul-logout li a {
  padding: 1.1rem 1.4rem 1.5rem; /* 非ログイン時のナビバー調整 */
}
.dk-header .header_nav .dk-header_nav-ul-login li a .pc-text-center {
  display: block;
  text-align: center;
}

.dk-header .header_nav li a {
  display: block;
  font-size: 1.5rem;
  height: 100%;
  line-height: calc(46 / 30);
  font-weight: bold;
  background-color: rgba(102, 103, 171, 0);
  border-top: 2px solid rgba(102, 103, 171, 0);
  border-left: 2px solid rgba(102, 103, 171, 0);
  border-right: 2px solid rgba(102, 103, 171, 0);
  border-radius: 5px 5px 0 0;
  transition: border .3s, background-color .3s, color .3s;
  position: relative;
  bottom: -1px;
}

.dk-header .header_nav li a:hover {
  color: #fff;
  background-color: rgba(102, 103, 171, 1);
  border-top: 2px solid rgba(102, 103, 171, 1);
  border-left: 2px solid rgba(102, 103, 171, 1);
  border-right: 2px solid rgba(102, 103, 171, 1);
}

.header_nav li a {
  padding: 1rem 0 .5rem 0;
  font-size: 1.5rem;
}

.dk-header.dk-header-login .header_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}

header.dk-header .headertop {
  /* width: 960px; */
  /* margin: 0 auto; */
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  box-sizing: border-box;
  max-width: calc(960px + 3rem);
  width: 100%;
  margin: 0 auto;
}

header.dk-header .headerbtm {
  width: 100%;
  background-color: #dedffb;
  overflow: hidden;
}

.dk-header-app-mypage-sp {
  display: none;
}

.dk-header-app-mypage-pc {
  margin: 0 0 0;
  display: block;
}

.dk-header-app-mypage-pc .dk-header-app-mypage-inner {
  width: 100%;
  max-width: 19.1rem;
  border-top: .25rem solid #faaf18;
  padding: 10px 16px;
  background-color: #fff9d8;
  height: 82px;
}

.dk-header-app-mypage-pc .dk-header-app-mypage-inner a:hover {
  opacity: .7;
}

.dk-header-app-mypage-pc .dk-header-app-mypage-inner-l {
  width: auto;
}

.dk-header-app-mypage-pc .dk-welcome {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: calc(32 / 24);
}

.dk-header:not(.dk-header-login) .header_nav li:last-of-type a,
.dk-header-app-mypage-pc .dk-logout,
.header-button .dk-login-out {
  width: 100%;
  max-width: 12.3995rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 12px;
  background-color: #fff;
  border: 1px solid #6667ab;
  border-radius: .5rem;
  color: #6667ab;
  text-align: center;
  margin: 0 0 0 1rem;
  font-size: 1.4rem;
  line-height: calc(46 / 28);
  transition: background-color .3s, color .3s;
}

.header-button .dk-login-out {
  display: none;
}

.header-button .dk-nyukai {
  display: inline-block;
  padding: 5px 15px;
  background-color: orange;
  color: white;
  border: 2px solid orange;
  border-radius: 4px;
  text-decoration: none;
  position: absolute;
  top: 10px;
  right: 126px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  font-size: 1rem;
}

.header-button .dk-nyukai {
  display: none;
}

.header-button .dk-mypage {
  display: inline-block;
  padding: 5px 15px;
  background-color: white;
  color: black;
  border: 2px solid black;
  border-radius: 4px;
  text-decoration: none;
  position: absolute;
  top: 10px;
  right: 58px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  font-size: 1rem;
}

.header-button .dk-mypage {
  display: none;
}

.dk-header:not(.dk-header-login) .header_nav li:last-of-type a:hover,
.dk-header-app-mypage-pc .dk-logout:hover,
.header-button .dk-login-out:hover {
  background-color: #6667ab;
  color: #fff;
}

.dk-header:not(.dk-header-login) .header_nav li:last-of-type a::before,
.dk-header-app-mypage-pc .dk-logout::before,
.header-button .dk-login-out::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 16.5px;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22xFF11_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260.76%22%20height%3D%2260.18%22%20viewBox%3D%220%200%2060.76%2060.18%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%236667ab%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M23%2C35.46h20.64l-.05%2C7.4c.02.63.71%2C1.01%2C1.25.68l15.53-13.35c.54-.33.52-1.12-.04-1.42l-15.53-12.15c-.56-.3-1.23.11-1.21.75v6.54s-20.59%2C0-20.59%2C0v11.55Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1.5%2C60.18h47.44c.83%2C0%2C1.5-.67%2C1.5-1.5v-10.23c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5%2C1.5v8.73H3V3h44.44v8.6c0%2C.83.67%2C1.5%2C1.5%2C1.5s1.5-.67%2C1.5-1.5V1.5C50.44.67%2C49.77%2C0%2C48.94%2C0H1.5C.67%2C0%2C0%2C.67%2C0%2C1.5v57.18c0%2C.83.67%2C1.5%2C1.5%2C1.5Z%22%2F%3E%3C%2Fsvg%3E');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 1.1rem;
  transition: background-image .3s;
}

.dk-header:not(.dk-header-login) .header_nav li:last-of-type a:hover::before,
.dk-header-app-mypage-pc .dk-logout:hover::before,
.header-button .dk-login-out:hover::before {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22xFF11_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260.76%22%20height%3D%2260.18%22%20viewBox%3D%220%200%2060.76%2060.18%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M23%2C35.46h20.64l-.05%2C7.4c.02.63.71%2C1.01%2C1.25.68l15.53-13.35c.54-.33.52-1.12-.04-1.42l-15.53-12.15c-.56-.3-1.23.11-1.21.75v6.54s-20.59%2C0-20.59%2C0v11.55Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1.5%2C60.18h47.44c.83%2C0%2C1.5-.67%2C1.5-1.5v-10.23c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5%2C1.5v8.73H3V3h44.44v8.6c0%2C.83.67%2C1.5%2C1.5%2C1.5s1.5-.67%2C1.5-1.5V1.5C50.44.67%2C49.77%2C0%2C48.94%2C0H1.5C.67%2C0%2C0%2C.67%2C0%2C1.5v57.18c0%2C.83.67%2C1.5%2C1.5%2C1.5Z%22%2F%3E%3C%2Fsvg%3E');
}

.dk-header-login .header-button .dk-login-out {
  width: 125px;
}

.dk-header-app-mypage-pc .dk-member-name {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: calc(46 / 30);
}

.dk-header-app-mypage-pc .dk-member-name span {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.8333333333;
}

.dk-style footer .footertop,
.dk-style footer .footerbtm {
  /* width: 960px; */
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  box-sizing: border-box;
  max-width: calc(960px + 3rem);
  width: 100%;
  margin: auto;
}

.dk-style .footertop.general-footertop {
  padding-bottom: 7.5rem;
}

.dk-style .footerbtm.general-footerbtm small {
  color: #fff;
}

.dk-style .general-footer-left {
  width: 23.5%;
}

.dk-style footer .logoarea p:last-child {
  padding-top: 1.5rem;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
}

.dk-style footer.general-footer .logoarea p:last-child {
  font-size: 1.7rem;
  font-weight: normal;
}

.dk-style .general-footer-right {
  width: 76.5%;
  padding-top: 1.85rem;
}

.dk-style .general-footer-nav ul {
  list-style: none;
  padding: 0;
}

.dk-style .general-footer-nav li {
  display: inline-block;
  border-right: 1px solid #abadae;
}

.dk-style .general-footer-nav li:first-child {
  border-left: 1px solid #abadae;
}

.dk-style .general-footer-nav li a {
  padding: 0.5rem 1.776rem;
  font-size: 1.4rem;
  line-height: 1.4285714285;
}

.dk-main {
  display: block;
  margin: 0;
}

.dk-main .breadcrumbs li:last-child a {
  color: #1e1e1e;
}

.dk-main .gray-box.dk-mb-add {
  padding: 2rem 3.5rem 2rem;
}

.dk-main .procedure_wrap {
  padding-top: 0;
}

.dk-main .procedure_item_contents {
  background-color: #eeeffd;
}

.dk-main .procedure_item_title {
  background-color: #6667ab;
}

.dk-main .procedure_item_btn::after {
  content: "";
  display: inline-block;
  background-image: url(../img/dk-teaching-materials-list-link.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0 0 0 0;
}

.header_nav li.dk-header_current::after {
  content: "";
  display: inline-block;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 2px solid #6667ab;
}

.header_nav li.dk-header_current a {
  border-top: 2px solid #6667ab;
  border-left: 2px solid #6667ab;
  border-right: 2px solid #6667ab;
  border-bottom: 2px solid transparent;
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.header_nav li.dk-header_current a:hover {
  background-color: #6667ab;
  color: #fff;
}

.wrapper .breadcrumbs.dk-breadcrumbs {
  padding: 1.5rem 1.5rem 1.5rem;
  box-sizing: border-box;
  max-width: calc(960px + 3rem);
  width: 100%;
  margin: 0 auto;
}

.btn-group {
  display: flex;
  align-items: center;
}

.toggle-btn-wrap {
  border-radius: 2.15rem;
  border: .3rem solid #f3f3f3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .4rem .45rem;
  min-width: 28.6rem;
  height: 4.9rem;
  box-sizing: border-box;
  text-align: center;
  margin: 0 2rem 0 0;
}

.toggle-btn-wrap a:hover {
  opacity: .7;
}

.white-learning {
  width: 13.05rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.6428571428;
  color: #1e1e1e;
  padding: 0.6rem 1.625rem;
  box-sizing: border-box;
}

.blue-learning {
  width: 13.05rem;
  font-size: 1.4rem;
  line-height: 1.6428571428;
  color: #fff;
  border-radius: 1.75rem;
  background-color: #81d5fa;
  padding: 0.6rem 1.625rem;
  box-sizing: border-box;
}

.sp-toggle-btn-wrap {
  display: none;
}

.sp-white-learning {
  display: none;
}

.sp-blue-learning {
  display: none;
}

.dk-style .headerbtm_app {
  display: none;
}

main.dk-main .dk-wrap {
  margin: 5rem auto;
}

main.dk-main .dk-wrap.admissionprocedure-wrap {
  margin: 5rem auto 5rem;
}

main.dk-main .dk-wrap.general-wrap {
  margin: 5rem auto 8rem;
}

main.dk-main .dk-wrap.dk-top-wrap {
  margin: 5rem auto 7.5rem;
}

main.dk-main .dk-wrap.dk-faq-wrap {
  margin: 5rem auto 11rem;
}

main.dk-main .dk-wrap.dk-faq-wrap .faq .faq_tab .tab-container .tab {
  color: #1e1e1e;
}

main.dk-main .dk-wrap.dk-faq-wrap .faq .faq_tab .tab-container .tab.current {
  color: #fff;
  background-color: #6667ab;
}

main.dk-main .dk-wrap.dk-terms-wrap {
  margin: 5rem auto 8rem;
}

main.dk-main .dk-wrap.dk-fld-wrap {
  margin: 5rem auto 10rem;
}

main.dk-main .dk-wrap.dk-wrap-bg-pp {
  padding: 5rem 0;
  background-color: #eeeffd;
  margin: 7rem auto 0;
}

main.dk-main .dk-wrap.dk-wrap-bg-pp-faq {
  padding: 5rem 0;
  background-color: #eeeffd;
  margin: 7rem auto 0;
}

main.dk-main .dk-wrap.dk-wrap-bg-gr {
  padding: 5rem 0;
  background-color: #f5f5f5;
  margin: 6rem auto 0;
}

main.dk-main .dk-wrap.dk-wrap-bg-wh {
  padding: 5rem 0;
  background-color: #fff;
  margin: 0 auto 0;
}

main.dk-main .dk-wrap.dk-wrap-bg-wh .dk-news-box {
  background-color: #f5f5f5;
  padding: 3rem 6rem;
}

.main_ttl_wrap.dk-main_ttl_wrap {
  background-color: #dedffb;
}

.dk-tac-wrap .form-checkbox-inner.dk-tac {
  text-align: center;
  margin-right: 0;
}

.form-content-area.dk-form-content-area:not(:last-of-type) {
  margin-bottom: 1rem;
}

.form-content-area.dk-form-content-area:nth-of-type(n + 2) {
  margin-top: 3rem;
  margin-bottom: 1rem;
}

.form-content.dk-form-content .btn-form-more-app,
.form-content.dk-form-content .btn-form-remove-app {
  margin: 1rem 0 0 auto;
}

.dk-img {
  width: 15.55rem;
  height: 15.55rem;
  margin: 4.5rem auto .275rem;
}

.dk-img img {
  max-width: 100%;
  height: auto;
}

.appliinfo-btn-wrap.dk-appliinfo-btn-wrap {
  margin: 7rem 0 2.8rem;
}

.general-top-lead {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.25;
  padding: 0.25rem 0 1rem;
  text-align: center;
}

.dk-txt {
  font-size: 1.7rem;
  line-height: 1.7647058823;
}

.mt100 {
  margin-top: 1rem;
}

.dk-txt.dk-txt-tac {
  text-align: center;
}

.dk-main .dk-txt-tac {
  text-align: center;
}

.dk-main .creca-btn-wrap {
  margin: 2rem 0 0;
}

.dk-main .input-style-04.dk-input-style-04 {
  margin: 2.5rem 0 0;
}

.dk-txt.mb530 {
  margin-bottom: 5.3rem;
}

.dk-txt.mb100 {
  margin-bottom: 1rem;
}

.dk-txt.dk-lead {
  margin-top: 5rem;
  margin-bottom: 3rem;
}

.dk-txt.dk-lead.dk-fw {
  font-weight: bold;
}

.dk-txt.dk-lead.dk-lead-mb {
  margin-bottom: 5rem;
}

.dk-txt.dk-lead.dk-fs {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.dk-font-bold {
  font-weight: bold;
}

.dk-admis-anno-txt {
  font-size: 1.3rem;
  display: block;
}

.emphasis {
  color: #f00;
}

.under-line {
  text-decoration: underline;
}

.sidebar-ttl.dk-bl {
  border-left: 0.5rem solid #6667ab;
}

.step-nav.dk-bg ol li.step-nav-current.dk-bg {
  background-color: #6667ab;
  color: #fff;
}

.step-nav ol li.step-nav-current.dk-bg::after {
  border-left: 1.4rem solid #6667ab;
}

.step-nav.dk-bg ol li.step-nav-while-current.dk-bg {
  background-color: #6667ab;
  color: #fff;
}

.step-nav.dk-bg ol li.step-nav-while-current.gk-bg::before {
  border-left: 1.4rem solid #6667ab;
}

.step-nav.dk-bg ol li.step-nav-while-current.dk-bg::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: -4rem;
  border-top: 2.6rem solid transparent;
  border-right: 2.6rem solid transparent;
  border-bottom: 2.6rem solid transparent;
  z-index: 1;
  border-left: 1.4rem solid #6667ab;
}

.step-nav ol li.step-nav-comp-current.dk-bg {
  background-color: #6667ab;
  color: #fff;
}

.step-nav ol li.step-nav-comp-current.dk-bg::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 2.6rem solid transparent;
  border-right: 2.6rem solid transparent;
  border-bottom: 2.6rem solid transparent;
  z-index: 1;
  border-left: 1.4rem solid #eff1f1;
}

.seco_ttl_left.dk-bb {
  border-bottom: solid .4rem #6667ab;
}

.seco_ttl_left.mb225 {
  margin-bottom: 2.25rem;
}

.seco_ttl_left.mb200 {
  margin-bottom: 2rem;
}

.seco_ttl_left.mb3 {
  margin-bottom: 3rem;
}

.contact-table td .td-item.dk-width-middle {
  width: 64%;
}

.contact-table.dk-bg th {
  background-color: #eeeffd;
  line-height: 1.7647058823;
}

.contact-table td .td-item.dk-width-small {
  width: 32.1%;
  position: relative;
}

.confirm-table.dk-bg th {
  background-color: #eeeffd;
  padding: 1rem 3.3rem 1rem 3.3rem;
  line-height: 1.5714285714;
}

.confirm-table.dk-table-style {
  width: 60%;
  margin: 2rem auto;
}

.confirm-table.dk-table-style th {
  width: 30%;
  padding: 1rem 2rem 1rem 2rem;
  word-break: break-word;
}

.confirm-table.dk-table-style td {
  width: 70%;
  padding: 1rem 2rem 1rem 2rem;
  word-break: break-word;
}

.dk-main .form-btn-yellow a {
  width: auto;
  height: auto;
  padding: 0.975rem 3.3rem;
  min-width: 25rem;
  width: 100%;
}

.dk-main .form-btn-blue a {}

.dk-main .form-btn-yellow a::after {
  top: 50%;
  transform: translateY(-50%);
}

.form-checkbox-inner.gk-checkbox {
  display: inline-block;
  height: auto;
  margin: 1.3875rem 0;
}

.form-checkbox-flex.gk-checkbox .form-checkbox-inner {
  margin: 1.25rem 2.85rem 1.25rem 0;
}

.form-checkbox-inner.gk-checkbox .checkbox.disa,
.form-checkbox-inner.gk-checkbox .checkbox-small.disa {
  color: #b2b2b2;
  pointer-events: none;
}

.form-checkbox-inner.gk-checkbox .checkbox.disa::before,
.form-checkbox-inner.gk-checkbox .checkbox-small.disa::before {
  background: #fcfcfc;
  border: 0.1rem solid #ebebeb;
}

.contact-table td span.dk-annotation,
.contact-table-02 td span.dk-annotation {
  display: block;
  font-size: 1.3rem;
  line-height: 1.6923076923;
  color: #1e1e1e;
  margin: 1rem 0 0;
}

.dk-main .contact-table td span,
.dk-main .contact-table-02 td span {
  display: block;
  font-size: 1.3rem;
  line-height: 1;
  color: #1e1e1e;
  margin: 0.75rem 0 0.25rem;
}

.dk-main .sidebar-ttl {
  color: #1e1e1e;
}

.contact-table td span.dk-annotation:nth-of-type(n + 2),
.contact-table-02 td span.dk-annotation:nth-of-type(n + 2) {
  margin: .5rem 0 0;
}

.input-width-04.dk-width-middle {
  width: 34.1%;
}

.em-wrap-01.dk-em {
  width: 34.1%;
  margin: 0 auto;
}

.alarm-box .dk-annotation {
  display: block;
  font-size: 1.3rem;
  line-height: 1.6923076923;
  color: #333;
  width: 34.1%;
  margin: 1.75rem auto 0;
  text-align: left;
}

.dk-annotation-txt {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  color: #eb3c3c;
  margin: 0 0 1.5rem 0;
}

.dk-mb2 {
  margin-bottom: 2rem;
}

.contact-table.dk-bg td .td-item.dk-width-small {
  width: 32%;
  min-width: 20.142rem;
}

.contact-table.dk-bg td .td-item.dk-width-small .dk-width-small {
  width: 100%;
}

.contact-table.dk-bg td .dk-input-small,
.contact-table-02.dk-bg td .dk-input-small {
  width: 32%;
}

.contact-table.dk-bg td .td-item.td-width-small,
.contact-table.dk-bg td .td-item-select.td-width-small {
  width: 32%;
}

.contact-table.dk-bg td .td-item.td-width-small:not(:last-of-type) {
  margin-right: 3rem;
}

.contact-table.dk-bg td .td-item:not(:last-of-type) {
  margin-right: 2rem;
}

.contact-table.dk-bg td .td-item.td-width-lower-middle {
  width: 63.5%;
}

.contact-table.dk-bg td .td-item.td-width-lower-middle .td-item-select-inner::before {
  left: 93.7%;
}

.confirm-table.dk-pass th {
  padding: 0.5rem 1rem 0.5rem 3.3rem;
}

.confirm-table.dk-pass td {
  padding: 2rem 3.2rem 2rem 3.45rem;
}

.form-text-blue.dk-blue span {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5333333333;
  color: #1e1e1e;
  margin-bottom: 1.25rem;
}

.dk-main .p-lh-24 {
  color: #1e1e1e;
}

.form-radio-wrapper.dk-radio .radio-item:not(:last-of-type) {
  margin-right: .1rem;
}

.dk-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dk-pass-btn a {
  background-color: #fff;
  border-radius: 5rem;
  border: 1px solid #0e69c4;
  color: #0e69c4;
  overflow: hidden;
  position: relative;
  padding: .5rem 1.5rem;
  font-size: 1.3rem;
  line-height: 2.1907692307;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.01em;
}

.dk-pass-btn a:hover {
  opacity: .7;
}

.dk-gray-box-01-top {
  border-top: solid 0.3rem #d9d9d9;
  border-right: solid 0.3rem #d9d9d9;
  border-bottom: none;
  border-left: solid 0.3rem #d9d9d9;
  border-radius: 2rem 2rem 0 0;
  border-spacing: 0;
  table-layout: auto;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  justify-content: space-between;
  padding: 2.1rem 3.2rem 2.6rem;
  background-color: #eeeffd;
}

.dk-gray-box-01-top-l {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 10.787%;
}

.dk-gray-box-01-top-r {
  display: flex;
  align-items: center;
  width: calc(100% - (10.787% + 5%));
  margin-left: 5%;
  justify-content: flex-end;
}

.dk-gray-box-01-top-r-inline {
  border-radius: .5rem;
  border: .1rem solid #6667ab;
  background-color: #fff;
  margin: 0 0 0 0;
  padding: 0.25rem 1.5rem;
}

.dk-span-wrap {
  display: flex;
}

.dk-gray-box-01-top-r-inline .shidoubi {
  font-size: 1.3rem;
  line-height: 2;
  color: #6667ab;
}

.dk-gray-box-01-top-r-inline .youbi {
  font-size: 1.3rem;
  line-height: 2;
  color: #000;
}

.dk-gray-box-01-top-bottom {
  border-top: solid 0.15rem #ececec;
  border-right: solid 0.3rem #d9d9d9;
  border-bottom: solid 0.3rem #d9d9d9;
  border-left: solid 0.3rem #d9d9d9;
  border-radius: 0 0 2rem 2rem;
  padding: 2.1rem 3.2rem 2.1rem;
}

.dk-gray-box-01-top-bottom.dk-gb-container-pa {
  padding: 0 3.2rem 0;
}

.dk-gb-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 2.8rem 0;
}

.dk-gb-container:nth-of-type(n + 2) {
  border-top: .1rem dotted #e7e7e7;
}

.dk-bg-l {
  display: flex;
  align-self: center;
  width: 50%;
}

.dk-gb-ttl {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.7333333333;
  width: 45%;
}

.dk-gb-txt {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.7333333333;
  width: calc(100% - (45% + 3%));
  padding: 0 0 0 3%;
}

.dk-bg-r {
  display: inline-block;
  width: calc(47% + 3%);
  padding: 0 0 0 3%;
}

.dk-bg-annno {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 2;
  text-align: right;
}

.dk-bg-annno a {
  color: #0e69c4;
  text-decoration: underline;
}

.dk-span-inline {
  display: inline-block;
}

.dk-span-inline-sansuu {
  background-color: #3cb9e2;
  color: #ffffff;
  font-size: 1.3rem;
  line-height: 1.7692307692;
  letter-spacing: 0.05em;
  border-radius: 0.5rem;
  padding: 0.8rem 1.3885rem;
  display: inline-block;
  min-width: 9.6rem;
}

.dk-span-inline-sansuu.gray-out {
  background-color: #d9d9d9;
}

.dk-span-inline-eigo {
  background-color: #f7c02e;
  color: #ffffff;
  font-size: 1.3rem;
  line-height: 1.7692307692;
  letter-spacing: 0.05em;
  border-radius: 0.5rem;
  padding: 0.8rem 3.435rem;
  display: inline-block;
  min-width: 9.6rem;
}

.dk-span-inline-eigo.gray-out {
  background-color: #d9d9d9;
}

.dk-span-inline-kokugo {
  background-color: #8cd377;
  color: #ffffff;
  font-size: 1.3rem;
  line-height: 1.7692307692;
  letter-spacing: 0.05em;
  border-radius: 0.5rem;
  padding: 0.8rem 3.435rem;
  display: inline-block;
  min-width: 9.6rem;
}

.dk-span-inline-kokugo.gray-out {
  background-color: #d9d9d9;
}

.henkou-kiboubi {
  display: flex;
  margin: .45rem 0;
}

.henkou-kiboubi dt {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  color: #6667ab;
}

.henkou-kiboubi dd {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  color: #333;
  margin: 0;
}

.dk-b-border {
  font-size: 2.6rem;
  line-height: 0.8846153846;
  text-align: center;
  padding-top: 1.5rem;
  padding-bottom: 2rem;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}

.dk-b-border::after {
  content: "";
  margin: 0 auto;
  display: block;
  height: .4rem;
  border-radius: 0;
  background-color: #f7c02e;
  position: relative;
  top: 1.2rem;
}

.dk-contact-checkbox {
  padding: 2rem 0;
  position: relative;
}

.dk-contact-checkbox:nth-of-type(n + 2)::before {
  background-image: url(../img/contact_experience_dotline.png);
  background-repeat: repeat-x;
  background-size: 100%;
  content: "";
  display: inline-block;
  width: 100%;
  height: 0.1rem;
  position: absolute;
  top: 0;
  right: 0;
  vertical-align: middle;
  border-bottom: none;
}

.dk-contact-checkbox .checkbox {
  margin: 0;
  box-sizing: border-box;
  cursor: pointer;
  padding-top: 0;
  padding-left: 3.4rem;
  position: relative;
  width: auto;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.15;
  color: #000000;
}

.dk-contact-checkbox input[type=checkbox] {
  display: none;
}

.dk-contact-checkbox input[type=checkbox]:checked+.checkbox::before {
  border-color: #dddddd;
}

.dk-contact-checkbox input[type=checkbox]:checked+.checkbox::after {
  opacity: 1;
}

.dk-contact-checkbox .checkbox::before {
  background: #f1f1f1;
  border: 0.1rem solid #d1d1d1;
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  top: 0.35rem;
  left: 0;
  position: absolute;
  display: inline-block;
}

.dk-contact-checkbox .checkbox::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-image: url(../img/checkbox_check_pc.png);
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center right 0.3rem;
  width: 2.4rem;
  height: 2.4rem;
  top: 0.35rem;
  left: 0;
  background-color: #0e69c4;
  border-radius: 0.25rem;
  opacity: 0;
}

.dk-box-01 {
  margin: 0 0 0;
  border: solid 0.3rem #6667ab;
  border-radius: 2rem;
  border-spacing: 0;
  table-layout: auto;
  box-sizing: border-box;
  text-align: center;
  padding: 2rem 3.3rem 2rem;
}

.dk-tal {
  text-align-last: left;
}

.dk-subject-box {
  display: flex;
  align-items: center;
  padding: 2rem 0;
}

.dk-subject-box-fl {
  display: flex;
  align-items: center;
  width: 22.524%;
}

.dk-subject-box-fr {
  width: calc(100% - 22.524%);
}

.dk-additional-subject {
  font-size: 1.3rem;
  line-height: 2;
  color: #fff;
  border-radius: .4rem;
  background-color: #6667ab;
  padding: .45rem 1.625rem;
  display: inline-block;
  margin: 0 1.55rem 0 0;
}

.dk-withdrawal-subject {
  font-size: 1.3rem;
  line-height: 2;
  color: #fff;
  border-radius: .4rem;
  background-color: #eb3c3c;
  padding: .45rem 1.625rem;
  display: inline-block;
  margin: 0 1.55rem 0 0;
}

.dk-subject {
  font-size: 2rem;
  line-height: 1.15;
  color: #000;
  font-weight: bold;
  display: inline-block;
}

.dk-taikai-txt {
  position: absolute;
  padding: .25rem 0 .25rem 2rem;
  font-size: 1.3rem;
  line-height: 1.7647058823;
  color: #333;
}

.dk-taikai-txt-db {
  padding: .35rem 0 .15rem 2rem;
  font-size: 1.3rem;
  line-height: 1.7647058823;
  color: #333;
}

.dk-csf-wrap {
  margin-top: 2rem;
}

.contact-select-flex.dk-contact-select-flex {
  padding-bottom: 0;
}

.contact-table.dk-cb-pa td {
  padding: 2rem 3.2rem 3.4rem 3.45rem;
}

.dk-main .form-btn-skyblue-arrow a {
  height: auto;
  padding: .9735rem 3.3rem;
  min-width: 25rem;
  width: 100%;
}

.dk-main .form-btn-skyblue-arrow a::after {
  top: 50%;
  transform: translateY(-50%);
}

.dk-main .form-btn-skyblue a {
  height: auto;
  padding: .9735rem 3.3rem;
  min-width: 25rem;
  width: 100%;
  text-align: center;
}

.dk-main .form-lead-02 h2 {
  color: #1e1e1e;
  line-height: 1.7647058823;
}

.dk-main .form-lead-04 p {
  color: #1e1e1e;
}

.dk-main .p-link {
  color: #1e1e1e;
}

.dk-main .form-p {
  color: #1e1e1e;
}

.dk-main .step-nav ol {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  justify-content: center;
}

.dk-main .step-nav ol li {
  color: #1e1e1e;
  width: 19.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dk-main .contact-table td span.dk-annotation,
.dk-main .contact-table-02 td span.dk-annotation {
  color: #1e1e1e;
}

.form-lead-02.dk-form-lead h2 {
  color: #1e1e1e;
  line-height: 1.7647058823;
}

.dk-main .txt-cr {
  color: #e6201a;
}

.dk-main .thir_ttl {
  font-size: 2rem;
  line-height: 1.15;
  border-left: solid .5rem #6667ab;
  padding-left: 1.4rem;
  margin: 1.5rem 0;
}

.dk-main .dues {
  margin: 2.25rem auto 0 auto;
}

.dk-main .dues thead {
  background-color: #6667ab;
  color: #fff;
}

.dk-main .dues th {
  border: 1px solid #d9d9d9;
  padding: 1.25rem 0;
  font-size: 1.5rem;
  font-weight: 500;
}

.dk-main .dues td {
  border: 1px solid #d9d9d9;
  padding: 1.35rem 0;
  font-size: 1.5rem;
  font-weight: 500;
}

.dk-main .dues.dues-distance-learning-sp {
  display: none;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:first-of-type th {
  background-color: #eeeffd;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:nth-of-type(2) td:first-child {
  background-color: #eeeffd;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:first-of-type th:first-child {
  border-right: 1px solid #eeeffd;
  border-bottom: 1px solid #eeeffd;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:first-of-type th:nth-child(2) {
  text-align: left;
}

.dk-main .dues.dues-distance-learning-pc tbody tr th {
  padding: .9rem 0;
}

.dk-main .dues.dues-distance-learning-pc tbody tr td {
  padding: .75rem 0;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:nth-of-type(2) td:nth-child(2) {
  font-size: 1.7rem;
  line-height: 1.7647058823;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:nth-of-type(2) td:nth-child(n + 3) {
  font-size: 1.5rem;
  line-height: 1.7333333333;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:nth-of-type(3) td {
  font-size: 1.5rem;
  line-height: 1.7333333333;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:nth-of-type(5) td:nth-child(2) {
  font-size: 1.7rem;
  line-height: 1.7647058823;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:nth-of-type(5) td:nth-child(n + 3) {
  font-size: 1.5rem;
  line-height: 1.7333333333;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:nth-of-type(6) td:first-child {
  font-size: 1.7rem;
  line-height: 1.7647058823;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:nth-of-type(6) td:nth-child(n + 2) {
  font-size: 1.5rem;
  line-height: 1.7333333333;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:nth-of-type(7) td {
  font-size: 1.5rem;
  line-height: 1.7333333333;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:nth-of-type(4) th {
  background-color: #fff9d8;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:nth-of-type(5) td:first-child {
  background-color: #fff9d8;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:nth-of-type(4) th:nth-child(2) {
  text-align: left;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:nth-of-type(4) th:first-child {
  border-right: 1px solid #fff9d8;
  border-bottom: 1px solid #fff9d8;
}

.dk-main .dues.dues-distance-learning-pc tbody tr:nth-of-type(5) th {
  background-color: #fff9d8;
}

.dk-conf-anno-ol-wrap {
  margin: 1.5rem 0 0;
}

.dk-conf-anno-ol-txt {
  font-size: 1.3rem;
  line-height: 1.8461538461;
}

.dk-conf-anno-ol {
  padding: 0;
  margin: 0 0 0 0;
}

.dk-conf-anno-ol li {
  list-style-type: none;
  font-size: 1.3rem;
  line-height: 1.8461538461;
}

.dk-conf-anno-ol.dk-add-ti li {
  padding-left: 1.3rem;
  text-indent: -1.3rem;
}

.dk-main .annotation_bk_wrap {
  margin-top: 1.25rem;
  margin-bottom: 2rem;
}

.dk-main .annotation_bk {
  text-indent: 0;
  padding-left: 0;
  font-size: 1.3rem;
  line-height: 2;
}

.annotation-span {
  display: inline-block;
  padding-left: .5rem;
}

.dk-main .annotation_bk:first-child {
  margin-top: 0;
  padding-top: 0;
}

.dk-annotation-bg {
  background-color: #eeeffd;
  padding: 1.5rem 2rem;
  display: inline-block;
  margin: .5rem 0 1rem;
}

.dk-txt-creca {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.6923076923;
  color: #6667ab;
}

.dk-txt-creca-fwb {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.4666666666;
  letter-spacing: 0.02em;
  padding: 0.25rem 0 0;
}

.step-image-01 {
  width: 22rem;
  margin: 6.25rem auto 3.75rem;
}

.step-image-01 img {
  max-width: 100%;
}

.step-image-02 {
  width: 11.4rem;
  margin: 3.5rem auto 3.75rem;
}

.step-image-02 img {
  max-width: 100%;
}

.dk-step-flow {
  padding: 0;
}

.dk-feature-list-wrap {
  padding: 0;
}

.dk-teaching-materials-wrap {
  padding: 0;
}

.dk-teaching-materials-list {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: .1rem dotted #e7e7e7;
  border-bottom: .1rem dotted #e7e7e7;
  padding: 2.75rem 1.9rem 2.75rem 0;
}

.dk-teaching-materials-list:nth-of-type(n + 2) {
  border-top: none;
  border-bottom: 0.1rem dotted #e7e7e7;
}

.dk-teaching-materials-list-l {
  display: flex;
  align-items: center;
  width: 10.202%;
}

.dk-teaching-materials-list-txt {
  font-size: 1.7rem;
  line-height: 1.7647058823;
}

.dk-teaching-materials-list-link {
  font-size: 1.5rem;
  line-height: 2.2666666666;
}

.dk-teaching-materials-list-link::before {
  content: "";
  display: inline-block;
  background-image: url(../img/dk-teaching-materials-list-link.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.4rem;
  height: 1.4rem;
  padding: 0 0 0 1.7rem;
}

.dk-teaching-materials-list-r {
  display: flex;
  width: calc(100% - (.775% + 10.202%));
  padding: 0 0 0 .775%;
  box-sizing: border-box;
  justify-content: space-between;
}

.dk-step-flow-content {
  list-style-type: none;
}

.dk-step-flow-content:nth-of-type(n + 2) {
  position: relative;
  margin: 6.4rem 0 0;
}

.dk-step-flow-content:nth-of-type(n + 2)::before {
  position: absolute;
  content: '';
  background: url(../img/dk-flow_arrow.png) no-repeat;
  background-size: contain;
  display: block;
  top: -4.5rem;
  left: 50%;
  width: 4.7rem;
  height: 2.5rem;
  transform: translateX(-50%);
}

.dk-adl-flow-content {
  list-style-type: none;
}

.dk-adl-flow-content:nth-of-type(n + 2) {
  margin: 3rem 0 0;
}

.dk-feature-list {
  list-style-type: none;
  border-radius: .5rem;
  border: .3rem solid #6667ab;
  padding: 3.2rem 2rem 3.2rem 8.25rem;
  display: flex;
}

.dk-feature-list:nth-of-type(n + 2) {
  margin: 3rem 0 0;
}

.dk-feature-list-l {
  width: 81.42%;
  padding: 0 5.725% 0 0;
  box-sizing: border-box;
}

.dk-feature-list-ttl {
  font-size: 2rem;
  line-height: 1.5;
  position: relative;
  margin: 0 0;
}

.dk-feature-list-ttl.no-01::before {
  content: "";
  display: inline-block;
  background-image: url(../img/adl-feature-01.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 4rem;
  height: 4rem;
  left: -5.5rem;
  top: -0.3rem;
}

.dk-feature-list-ttl.no-02::before {
  content: "";
  display: inline-block;
  background-image: url(../img/adl-feature-02.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 4rem;
  height: 4rem;
  left: -5.5rem;
  top: -0.3rem;
}

.dk-feature-list-ttl.no-03::before {
  content: "";
  display: inline-block;
  background-image: url(../img/adl-feature-03.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 4rem;
  height: 4rem;
  left: -5.5rem;
  top: -0.3rem;
}

.dk-feature-list-txt {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  margin: 1rem 0 0;
}

.dk-feature-list-txt-anno {
  font-size: 1.3rem;
  line-height: 1.8461538461;
  margin: 0.75rem 0 0;
}

.dk-feature-list-r.no-01 {
  width: 16.275%;
  padding: 0 .675rem 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.dk-feature-list-r.no-01 .dk-feature-list-r-img {
  content: "";
  display: inline-block;
  background-image: url(../img/adl-feature-img-01.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 12.1rem;
  height: 8rem;
}

.dk-feature-list-r.no-02 {
  width: 13.45rem;
  display: flex;
  align-items: center;
}

.dk-feature-list-r.no-02 .dk-feature-list-r-img {
  content: "";
  display: inline-block;
  background-image: url(../img/adl-feature-img-02.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 13.45rem;
  height: 7.05rem;
}

.dk-feature-list-r.no-03 {
  width: 16.275%;
  padding: 0 .675rem 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.dk-feature-list-r.no-03 .dk-feature-list-r-img {
  content: "";
  display: inline-block;
  background-image: url(../img/adl-feature-img-03.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 12.1rem;
  height: 12.3rem;
}

.htpf-number {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.7647058823;
  color: #fff;
  background-color: #6667ab;
  margin: 0 auto;
  padding: .254rem 1rem;
  text-align: center;
  border-radius: 0.5rem 0.5rem 0 0;
  letter-spacing: 0.02em;
}

.htpf-detail {
  background-color: #eeeffd;
  padding: 2.65rem 3rem;
  border-radius: 0 0 0.5rem 0.5rem;
}

.adl-number {
  font-size: 2.2rem;
  line-height: 1.2727272727;
  color: #fff;
  background-color: #6667ab;
  margin: 0 auto;
  padding: 1.7rem 3rem;
  text-align: left;
  border-radius: 0.5rem 0.5rem 0 0;
  letter-spacing: 0.02em;
}

.adl-detail {
  background-color: #eeeffd;
  padding: 2.65rem 3rem;
  border-radius: 0 0 0.5rem 0.5rem;
}

.adl-txt {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  margin: 1rem 0 0;
}

.first-learning-detail-flow {
  padding: 0;
}

.first-learning-detail-flow.flgf-mt {
  margin: 6rem 0 0;
}

.first-learning-detail-flow-list {
  list-style-type: none;
}

.first-learning-detail-flow-list:nth-of-type(n + 2) {
  position: relative;
  margin: 6.4rem 0 0;
}

.first-learning-detail-flow-list:nth-of-type(n + 2)::before {
  position: absolute;
  content: '';
  background: url(../img/dk-flow_arrow.png) no-repeat;
  background-size: contain;
  display: block;
  top: -4.5rem;
  left: 50%;
  width: 4.7rem;
  height: 2.5rem;
  transform: translateX(-50%);
}

.first-learning-detail-wrap {
  margin: 6.5rem 0 6.5rem;
}

.about-distance-learning-wrap {
  margin: 6.5rem 0 6.5rem;
}

.first-learning-detail {
  background-color: #eeeffd;
  padding: 2.65rem 3rem;
  border-radius: .5rem .5rem .5rem .5rem;
}

.first-learning-detail:nth-of-type(n + 2) {
  margin: 2rem 0 0 0;
}

.movie-txt {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  margin: 1.1rem 0 0;
}

.first-learning-detail-wrap .movie-txt {
  margin-bottom: 20px;
}

.fld-txt {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  margin: 1.1rem 0 0;
}

.fld-txt:nth-of-type(n + 2) {
  margin: 2.5rem 0 0 0;
}

.fld-txt-margin-unnecessary {
  font-size: 1.5rem;
  line-height: 1.7333333333;
}

.fid-indentation {
  padding-left: 3rem;
}

.fld-flow-txt {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  margin: 0 0 0;
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}

.dk-fld-annotation-txt-wrap {
  margin: 0 0 4rem 0;
}

.dk-fld-annotation-txt {
  font-size: 1.3rem;
  line-height: 1.8461538461;
  margin: 1rem 0 0 0;
}

.fld-flow-txt-anno {
  font-size: 1.3rem;
  line-height: 1.8461538461;
  margin: 1.25rem 0 0 0;
}

.fld-flow-txt-anno.ffta-ti {
  padding-left: 1.5rem;
  text-indent: -1.5rem;
  margin-left: 1.5rem;
}

.menu-container.dk-fldf-menu-container {
  margin: 6.4rem 0 0;
}

.menu-container.dk-fldf-menu-container .menu-box {
  list-style-type: none;
}

.dk-fld-flow-annotation-txt-wrap {
  margin: 2rem 0 0;
}

.dk-fld-flow-annotation-txt {
  font-size: 1.3em;
  line-height: 1.8461538461;
}

.htpf-detail-pa-re-wrap {
  background-color: #eeeffd;
  padding: 0 3rem;
}

.htpf-detail-pa-re {
  background-color: #eeeffd;
  padding: 2.65rem 0;
}

.htpf-detail-pa-re-wrap:first-of-type {
  border-radius: .5rem .5rem 0 0;
}

.htpf-detail-pa-re-wrap:nth-of-type(n + 2) .htpf-detail-pa-re {
  border-top: .1rem solid #d8d9e5;
}

.htpf-detail-pa-re-wrap:last-of-type {
  border-radius: 0 0 .5rem .5rem;
}

.dk-note-wrap {
  display: flex;
  margin: .5rem 0 0;
}

.dk-note-wrap-rei {
  font-size: 1.3rem;
  line-height: 2;
  color: #6667ab;
}

.dk-note-wrap-ul {
  padding: 0 0 0 0;
}

.dk-note-wrap-ul li {
  font-size: 1.3rem;
  line-height: 2;
  list-style-type: none;
}

.dk-note-wrap-ul li::marker {
  color: #6667ab;
}

.dk-distance-learning-wrap-ul {
  padding: 0 0 0 2rem;
}

.dk-distance-learning-wrap-ul li {
  font-size: 1.5rem;
  line-height: 2;
}

.dk-distance-learning-wrap-ul li span {
  color: #6667ab;
}

.dk-distance-learning-wrap-ul li::marker {
  color: #6667ab;
}

.dk-inner-wrap {
  margin: 3.5rem 0 3.5rem;
}

.dk-anno-txt-wrap {
  margin: 1rem 0 0;
}

.dk-anno-txt {
  font-size: 1.3rem;
  line-height: 1.8461538461;
  padding: 0 0 0 2rem;
}

.dk-anchor {
  color: #0e69c4;
  text-decoration: underline;
}

.dk-anchor-red {
  color: #f00;
  text-decoration: underline;
}

.htpf-detail-container {
  display: flex;
}

.htpf-detail-container-txt {
  width: calc(100% - (30rem + 3.5rem));
}

.htpf-detail-container-img {
  width: calc(30rem + 3.5rem);
  padding: 0 0 0 3.5rem;
}

.htpf-detail-container-img img {
  max-width: 100%;
  height: auto;
}

.dk-wrap.dk-wrap-bg-pp .htpf-detail {
  background-color: #fff;
  padding: 2.65rem 3rem;
  border-radius: 0 0 0.5rem 0.5rem;
}

.htpf_ttl {
  font-size: 2rem;
  line-height: 1.3;
  border-left: solid 0.5rem #6667ab;
  padding-left: 1.2rem;
  margin: 0 0 0;
}

.htpf_ttl.dk-bw {
  word-break: break-all;
}

.htpf-txt-wrap {
  margin: 0 0 1rem 0;
}

.br-htpf-txt {
  display: block;
}

.htpf-txt {
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 1.1rem 0 0;
}

.htpf-annotation {
  font-size: 1.3rem;
  line-height: 1.8461538461;
  margin: 1.3rem 0 0;
}

.dk-ttl-center {
  font-size: 3.8rem;
  line-height: 1.3157894736;
  text-align: center;
  margin: 1rem 0;
}

.dk-ttl-news-center {
  font-size: 3.8rem;
  font-weight: bold;
  line-height: 1.3157894736;
  text-align: center;
  margin: 1rem 0 3.5rem;
}

.dk-lead-box {
  border-radius: .5rem;
  border: solid .3rem #6667ab;
  font-size: 1.5rem;
  line-height: 1.6;
  background-color: #fff;
  padding: 2.25rem 2.7rem;
  margin: 0 0 4rem;
}

.dk-br {
  display: none;
}

.general-top-txt.dk-br {
  display: block;
}

.general-top-ttl.dk-br {
  display: none;
}

.dk-tb-br {
  display: none;
}

.dk-btn-br {
  display: none;
}

.dk-main .mv_wrap {
  max-width: 125rem;
  margin: auto;
}

.dk-main .mv_wrap h1 {
  font-size: 2em;
  margin: 0 0 0.67em;
}

.dk-main .mv {
  width: 100%;
  height: 0;
  padding-top: 36%;
  background: url(../img/dk-mv-pc-demo.jpg?rev=2);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.dk-main .htp-anchor-01 {
  padding-top: 15rem;
  margin-top: -15rem;
}

.dk-main .htp-anchor-02 {
  padding-top: 14rem;
  margin-top: -14rem;
}

.dk-top-ttl {
  font-size: 3rem;
  line-height: 1.4666666666;
  text-align: center;
  margin-top: .5rem;
}

.dk-top-ttl-2 {
  font-size: 2.5rem;
  line-height: 1.4666666666;
  text-align: center;
  margin-bottom: 2.75rem;
}

.dk-top-span {
  color: #6667ab;
  font-weight: bold;
}

.dk-top-lead-txt {
  font-size: 1.8rem;
  line-height: 2.4444444444;
  text-align: center;
}

.dk-main .confirm-table th {
  background-color: #eeeffd;
  line-height: 1.7647058823;
  width: 22%;
}

.dk-main .confirm-table:nth-of-type(n + 2) {
  margin: 2rem 0 0;
}

.dk-main .sidebar-ttl {
  border-left: 0.5rem solid #6667ab;
  color: #1e1e1e;
}

.dk-main .dk-explanatory-text-box {
  border: .3rem solid #eb3c3c;
  border-radius: .8rem;
}

.dk-main .dk-explanatory-ttl {
  background-color: #fff8f8;
  border-radius: .8rem .8rem 0 0;
  color: #eb3c3c;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 1.25rem 1.75rem;
}

.dk-main .dk-explanatory-txt {
  background-color: #fff;
  border-radius: 0 0 .8rem .8rem;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.7333333333;
  padding: 1.5rem 1.75rem;
}

.dk-news-box {
  background-color: #fff;
  padding: 3rem 6rem;
}

.dk-news-img {
  width: 4.8rem;
  height: 3.1rem;
  margin: 0 auto;
}

.dk-news-img img {
  max-width: 100%;
  height: auto;
}

.dk-news-list a {
  display: flex;
  flex-wrap: wrap;
}

.dk-news-list a time:nth-of-type(n + 2),
.dk-news-list a span:nth-of-type(n + 2) {
  border-top: dotted .1rem #e7e7e7;
}

.dk-news-list a time:last-of-type,
.dk-news-list a span:last-of-type {
  border-bottom: dotted .1rem #e7e7e7;
}

.dk-news-list {
  margin: 2rem 0 0;
}

.dk-news-list a time {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5333333333;
  width: 8.924%;
  max-width: 100%;
  padding: 2.5rem 0;
}

.dk-news-list a span {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5333333333;
  padding: 2.5rem 0 2.5rem 3.335%;
  margin: 0 0 0 0;
  width: calc(100% - (8.924% + 3.335%));
  letter-spacing: 0.03em;
}

.dk-btn-wrap {
  margin: 4rem 0 0;
}

.dk-main .form-btn-skyblue-arrow-addwidth a {
  background-color: #7dcdf4;
  border-radius: 5rem;
  border: 1px solid #7dcdf4;
  color: #fff;
  overflow: hidden;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.784375;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 0.9735rem 3.3rem;
  min-width: 28.2rem;
  width: 100%;
}

.dk-main .form-btn-skyblue-arrow-addwidth a:hover {
  opacity: .7;
}

.dk-main .form-btn-skyblue-arrow-addwidth a::after {
  content: "";
  display: inline-block;
  background-image: url(../img/form_right_arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.85rem;
  height: 1.45rem;
  position: absolute;
  top: 35%;
  right: 5.5%;
}

.dk-main .pagination li.pager_on a {
  background-color: #6667ab;
}

.dk-main .block-articles-list__title {
  margin-top: 1rem;
  display: block;
  font-size: 1.5rem;
  margin: 0 0 1rem 0;
  font-weight: bold;
}

.dk-main .current {
  color: #fff;
  background-color: #6667ab;
}

.dk-main .current::before {
  content: "";
  position: absolute;
  border-left: 6px dashed transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #6667ab;
  left: 50%;
  margin-left: -6px;
  bottom: -6px;
}

.dk-main .accArea-tab {
  border-top: .1rem dotted #e7e7e7;
  border-bottom: .1rem dotted #e7e7e7;
  border-radius: 0;
  transition: all .2s;
  cursor: pointer;
  background-color: #fff;
  padding: 0 0;
  margin-bottom: 0;
}

.dk-main .accArea-tab:nth-of-type(n + 2) {
  border-top: none;
  border-bottom: .1rem dotted #e7e7e7;
}

.dk-main .accIn {
  border-top: 1px dotted #d9d9d9;
  background-color: #f6f7fe;
}

.dk-main .accBtn {
  display: block;
  padding: 3.4rem 11rem 3.4rem 8.5rem;
  font-size: 18px;
  position: relative;
  font-weight: bold;
  line-height: 1.4;
}

.dk-main .accBtn:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  background-image: url(../img/dk-plus.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.1rem;
  height: 2.1rem;
  right: 3.5rem;
  margin-top: -1.1rem;
}

.dk-main .open.accBtn:after {
  background-image: url(../img/dk-minus.png);
  margin-top: 0;
}

.dk-main .txtA {
  position: relative;
  padding: 3.4rem 11rem 3.4rem 8.5rem;
}

.dk-main .qaArea .txtQ::before {
  position: absolute;
  content: '';
  background: url(../img/dk-faq.png) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 3.5rem;
  height: 3.5rem;
  left: 3.5rem;
  top: 3.2rem;
}

.dk-main .txtA::before {
  position: absolute;
  content: '';
  background: url(../img/dk-fqa_a.png) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 3.5rem;
  height: 3.5rem;
  left: 3.5rem;
  top: 3.2rem;
}

.dk-terms-wrap {
  margin: 5rem 0 0 0;
}

.dk-list-txt {
  font-size: 1.5rem;
  line-height: 1.5333333333;
  margin: 0 0 1.75rem 0;
}

.dk-list-txt-ttl {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  margin: 0 0 .3rem 0;
}

.dk-terms-wrap-type-a {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.dk-terms-wrap-type-a li {
  list-style-type: none;
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 1.25rem 0 0 0;
  padding-left: 1.75rem;
  text-indent: -1.75rem;
}

.dk-terms-wrap-type-a li span {
  padding: 0 .5rem 0 0;
  color: #6667ab;
}

.dk-terms-wrap-type-b {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.dk-terms-wrap-type-b li {
  list-style-type: none;
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 1rem 0 0 0;
  padding-left: 2.75rem;
  text-indent: -2.75rem;
}

.dk-terms-wrap-type-b li span {
  padding: 0 .9rem 0 0;
  color: #1e1e1e;
}

.dk-terms-wrap-type-c {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.dk-terms-wrap-type-c li {
  list-style-type: none;
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 1rem 0 0 0;
  padding-left: 2.5rem;
  text-indent: -2.5rem;
}

.dk-terms-wrap-type-c li span {
  padding: 0 .9rem 0 0;
  color: #1e1e1e;
}

.dk-terms-wrap-type-d {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.dk-terms-wrap-type-d li {
  list-style-type: none;
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 1rem 0 0 0;
  padding-left: 2.5rem;
  text-indent: -2.5rem;
}

.dk-terms-wrap-type-e {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.dk-terms-wrap-type-e li {
  list-style-type: none;
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 1rem 0 0 0;
  padding-left: 0;
  text-indent: 0;
}

.dk-terms-wrap-type-d li span {
  padding: 0 .9rem 0 0;
  color: #1e1e1e;
}

.dk-main .terms {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.dk-main .terms th,
.dk-main .terms td {
  line-height: 1.6;
}

.dk-main .terms th {
  width: 25%;
  background-color: #eeeffd;
}

.dk-main .terms td {
  padding: 1rem 2rem;
}

.dk-terms-list-box-wrap {
  background-color: #eeeffd;
  padding: 2rem;
  margin: 1.75rem 0;
}

.dk-terms-list-box {
  padding: 0 0 0 3rem;
  margin: 0 0 0 0;
}

.dk-terms-list-box li {
  font-size: 1.5rem;
  line-height: 2;
}

.dk-terms-list-box li::marker {
  color: #6667ab;
}

.dk-terms-wrap-type-a .dk-terms-list-inner {
  padding: 0 0 0 .5rem;
  margin: 0 0 0 0;
}

.dk-terms-wrap-type-a .dk-terms-list-inner li {
  font-size: 1.5rem;
  line-height: 2;
}

.dk-terms-wrap-type-a .dk-terms-list-num {
  padding: 0 0 0 1.5rem;
  margin: 0 0 0 0;
}

.dk-terms-wrap-type-a .dk-terms-list-num li {
  font-size: 1.5rem;
  line-height: 2;
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}

.dk-terms-wrap-type-a .dk-terms-list-inner li::before {
  content: '';
  display: inline-block;
  background-color: #6667ab;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  vertical-align: middle;
}

.dk-terms-wrap-type-a .dk-terms-list-dl-wrap {
  padding: 0 0 0 1.5rem;
  margin: 0 0 0 0;
}

.dk-terms-wrap-type-a .dk-terms-list-dl-wrap li {
  margin: 0;
  font-size: 1.5rem;
  line-height: 2;
  padding: 0;
  text-indent: 0;
}

.dk-terms-wrap-type-a .dk-terms-list-dl-wrap li .dk-terms-list-dl-wrap-inner {
  display: flex;
  margin: 0;
  line-height: 2;
}

.dk-terms-wrap-type-a .dk-terms-list-dl-wrap li .dk-terms-list-dl-wrap-inner dt {
  max-width: 12.5rem;
  text-align: right;
  width: 100%;
}

.dk-terms-wrap-type-a .dk-terms-list-dl-wrap li .dk-terms-list-dl-wrap-inner dd {
  margin: 0 0 0 1rem;
  width: calc(100% - 12.5rem);
  box-sizing: border-box;
}

#dk-terms-fee-list-top {
  width: 300px;
  margin-top: 1rem;
}

#dk-terms-nyukai-fee-list-dt {
  text-align: left;
}

#dk-terms-nyukai-fee-list-dd {
  text-align: right;
  margin-left: 1rem;
  width: 7rem;
}

.dk-td-list-box {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.dk-terms-list-nonebox {
  padding: 0 0 0 2rem;
  margin: 0 0 0 0;
}

.dk-terms-list-nonebox li {
  font-size: 1.5rem;
  line-height: 2;
}

.dk-terms-list-nonebox li::marker {
  color: #6667ab;
}

.dk-right-txt-wrap {
  margin: 5rem auto 4rem;
}

.dk-main .page_test {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 3rem 3rem;
  background-color: #eeeffd;
  border-radius: .4rem;
  margin-top: 3rem;
  margin-bottom: 6rem;
}

.dk-main .page_test.bk-htp-page_test {
  justify-content: center;
}

.dk-main .test_btn {
  width: calc(100% / 3 - 1.4rem);
  margin-right: 2.05rem;
  margin-top: 1rem;
}

.dk-main .test_btn:first-of-type,
.dk-main .test_btn:nth-of-type(2),
.dk-main .test_btn:nth-of-type(3) {
  margin-top: 0;
}

.dk-main .test_btn:nth-of-type(3),
.dk-main .test_btn:nth-of-type(6) {
  margin-right: 0;
}

.dk-main .test_btn:nth-of-type(n + 4) {
  margin-top: 2rem;
}

.dk-main .test_btn a {
  text-align: center;
  font-size: 1.4rem;
  background-color: #6667ab;
  padding: 1.75rem 0;
  color: #fff;
  width: 100%;
  display: flex;
  border-radius: .5rem;
  position: relative;
  align-items: center;
  justify-content: center;
}

.dk-main .test_btn a::after {
  position: absolute;
  content: '';
  top: 50%;
  background-image: url(../img/dk-test_btn.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.4rem;
  height: 1.2rem;
  right: 1.2rem;
  margin-top: -5px;
}

.dk-main .btn-form-more-app {
  display: block;
  margin: 3rem 0 0 auto;
  position: relative;
  color: #0e69c4;
  font-size: 1.3rem;
  background-color: #fff;
  border: 1px solid #0e69c4;
  border-radius: 4px;
  padding: 1rem 3rem 1rem 1.5rem;
}

.dk-main .btn-form-more-app::after {
  position: absolute;
  right: 1.3rem;
  top: 50%;
  margin-top: -0.5rem;
  content: '';
  display: inline-block;
  background: url(../img/btn_more_icon.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
}

.dk-main .btn-form-remove-app {
  display: block;
  margin: 3rem 0 0 auto;
  position: relative;
  color: red;
  font-size: 1.3rem;
  background-color: #fff;
  border: 1px solid red;
  border-radius: 4px;
  padding: 1rem 3rem 1rem 1.5rem;
}

.dk-main .btn-form-remove-app::after {
  position: absolute;
  right: 1.3rem;
  top: 50%;
  margin-top: -0.5rem;
  content: '';
  display: inline-block;
  background: url(../img/btn_more_red_icon.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
}

.dk-style footer {
  background-color: #f6f7fe;
  border-top: 4px solid #6667ab;
}

.dk-style footer.general-footer {
  background-color: #edfaff;
  border-top: 4px solid #7dcdf4;
}

.dk-style footer .logoarea p:last-child a {
  color: #6667ab;
}

.dk-style footer.general-footer .logoarea p:last-child a {
  color: #000;
}

.dk-style footer .conts_wrap_blue {
  background-color: #6667ab;
}

.dk-style footer.general-footer .conts_wrap_blue {
  background-color: #7dcdf4;
}

.dk-style footer .footerbtm small {
  color: #fff;
}

.dk-main .dk-membership-box {
  border: solid 0.3rem #d9d9d9;
  border-radius: 2rem;
  border-spacing: 0;
  table-layout: auto;
  box-sizing: border-box;
  padding: 2rem 8rem;
}

.dk-main .dk-membership-box .dk-membership-box-inner {
  max-width: 65rem;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 3rem 3rem 0.5rem 3rem;
}

.dk-main .dk-membership-box .dk-membership-box-inner .form-btn-wrapper {
  margin: 2rem 0 0 0;
}

.dk-main .dk-membership-box .dk-membership-box-inner .form-checkbox-inner {
  margin: 1.3rem 0 1.3rem;
  height: auto;
}

.dk-modal-item .modal {
  overflow: hidden;
  position: relative;
}

.dk-main-modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
}

.dk-modal-bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.dk-main-modal .dk-modal-container {
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  max-width: 80rem;
}

#dk-modal-player01::after {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: -4rem;
  width: 4rem;
  height: 4rem;
  font-size: 4rem;
  color: #fff;
  cursor: pointer;
  content: "×";
  display: inline-block;
}

.dk-main-modal .dk-modal-close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10rem;
  right: 20rem;
  width: 4rem;
  height: 4rem;
  font-size: 12rem;
  color: #fff;
  cursor: pointer;
}

.dk-main-modal .dk-modal-close.active {
  display: none;
}

.dk-main-modal .dk-modal-container .dk-modal-movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-top: -56.25%;
}

.dk-main-modal .dk-modal-container .dk-modal-movie video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.modal-btn {
  background-color: #6667ab;
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 24px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}

.modal-btn:hover {
  opacity: 0.7;
}

.shoukai-modal-btn {
  margin-top: 20px;
}

.dk-main .dk-uline {
  text-decoration: underline;
}

.dk-main .dk-fwb {
  font-weight: bold;
}

.dk-main .dk-cp {
  cursor: pointer;
}

.dk-page_top {
  position: fixed;
  bottom: 8rem;
  right: 7rem;
}

.dk-page_top a {
  display: block;
}

.dk-page_top a:hover {
  opacity: 0.7;
}

.dk-absolute {
  position: absolute;
  right: 7rem;
  bottom: 28rem;
}

.not-margin {
  margin: 0 !important;
}

.dk-howToBtnLink-position {
  padding-top: 1.3rem;
  padding-left: 29rem;
}

.dk-howToBtnLink {
  display: block;
  width: 480px;
  height: 51px;
  border-radius: 24px;
  border: 1.5px solid #41719C;
  background-color: #90D5FA;
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
  line-height: 3;
  margin-bottom: 1.5rem;
  position: relative;
}

.dk-howToBtnLink::after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #FFF;
  border-top: 2px solid #FFF;
  display: inline-block;
  transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  top: 42%;
  bottom: 50%;
  right: 20px;
}

.dk-howToBtnLink:hover {
  --bg-opacity: 1;
  background-color: rgba(154, 209, 236, var(--bg-opacity));
}

.dk-display-none {
  display: none;
}

@media screen and (min-width: 883px) {
  .dk-header .header_nav .dk-header_nav-li {
    display: inline-block;
    margin: 0;
  }

  .dk-nyukai_btn p a,
  .dk-mypage_btn p a {
    display: none;
  }
}

@media screen and (max-width: 883px) {
  .pc-only {
    display: none;
  }
  .sp-only {
    display: inline;
  }

  .noscroll .header-button .dk-login-out {
    display: none;
  }

  .noscroll .header-button .dk-nyukai {
    display: none;
  }

  .noscroll .header-button .dk-mypage {
    display: none;
  }

  .dk-howToBtnLink-position {
    padding-top: 1.2rem;
    padding-left: 2vw;
  }

  .modal-btn {
    margin-top: 10px;
  }

  .wrapper main {
    padding-top: 0;
  }

  .wrap {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    box-sizing: border-box;
  }

  .wrapper .form-padding {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    max-width: none;
  }

  main.dk-main .dk-wrap {
    margin: 4rem auto;
  }

  main.dk-main .dk-wrap.admissionprocedure-wrap {
    margin: 5rem auto 8rem;
  }

  header.dk-header .headertop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 1.5em;
  }

  header.dk-header .headerbtm {
    padding: 0 1.5rem;
    background-color: #fff;
    margin: 0 0 0;
    transition: all 0.3s linear;
    overflow-y: scroll;
    position: fixed;
    height: 100%;
  }

  footer .footertop,
  footer .footerbtm {
    padding-right: 0;
    padding-left: 0;
  }

  .dk-style .footertop.general-footertop {
    display: block;
    width: 100%;
    padding-bottom: 3rem;
  }

  .dk-style .general-footer-left {
    display: block;
    width: 100%;
  }

  .dk-style .general-footer-right {
    width: 100%;
    padding-top: 3rem;
    text-align: center;
  }

  .dk-style .general-footer-nav li {
    display: inline-block;
    border-right: 1px solid #abadae;
    margin: 0 0 1rem 0;
  }

  .dk-style .general-footer-nav li a {
    padding: .5rem 1.3rem;
    font-size: 1.3rem;
    line-height: 1.6923076923;
  }

  .footertop .logoarea .logoarea-top {
    padding: 1rem 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: center;
    width: 100%;
  }

  header.dk-header {
    padding-bottom: 0;
  }

  header.dk-header.dk-header-login {
    padding-bottom: 0;
  }

  header.dk-header.general-top {
    padding-top: 0.1rem;
    padding-bottom: 0.6rem;
  }

  header.general-top-bb {
    padding-top: 0;
    padding-bottom: 0.6rem;
  }

  header.general-top-bb .headertop {
    padding-right: 0;
    padding-left: 0;
  }

  main.dk-main .dk-wrap.general-wrap {
    margin: 9.25rem auto 8rem;
  }

  .general-top-lead {
    font-size: 1.4rem;
    line-height: 2.1428571428;
    padding: 0.25rem 0 1rem;
  }

  .general-top-ttl {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.4166666666;
    text-align: center;
    margin: 2.5rem 0 3.75rem;
    position: relative;
  }

  .general-top-ttl::before {
    content: "";
    display: inline-block;
    background-image: url(../img/general-top-ttl-left.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 2.05rem;
    height: 3.2rem;
    margin: 0 0 0 0;
    position: absolute;
    top: 7rem;
    left: .25rem;
  }

  .general-top-ttl::after {
    content: "";
    display: inline-block;
    background-image: url(../img/general-top-ttl-right.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 2.05rem;
    height: 3.2rem;
    margin: 0 0 0 0;
    position: absolute;
    top: 7rem;
    right: .25rem;
  }

  .dk-header-app-mypage-pc {
    display: none;
  }

  .dk-header-app-mypage-sp {
    margin: 15rem 0 10rem;
    display: block;
  }

  .dk-header-app-mypage-sp .dk-header-app-mypage-inner {
    border-radius: .4rem;
    border: .2rem solid #faaf18;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .8rem .75rem;
    background-color: #fff9d8;
  }

  .dk-header-app-mypage-sp .dk-header-app-mypage-inner a:hover {
    opacity: .7;
  }

  .dk-header-app-mypage-sp .dk-header-app-mypage-inner-l {
    width: 65%;
  }

  .dk-header-app-mypage-sp .dk-welcome {
    font-size: 1.2rem;
    line-height: calc(32 / 24);
    font-weight: bold;
  }

  .dk-header-app-mypage-sp .dk-logout {
    font-size: 1.2rem;
    line-height: 1.6428571428;
    letter-spacing: -0.05em;
    padding: 1.066rem 2.4rem;
    background-color: #faaf18;
    border-radius: .4rem;
    box-sizing: border-box;
    color: #fff;
    min-width: 10.5rem;
  }

  .dk-header-app-mypage-sp .dk-member-name {
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.3529411764;
  }

  .dk-header-app-mypage-sp .dk-member-name span {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.8333333333;
  }

  .site-entrance {
    display: block;
    justify-content: flex-start;
  }

  .site-entrance a:nth-of-type(n + 2) {
    margin: 3rem 0 0 0;
  }

  .site-entrance-kp-wrap {
    max-width: none;
    border: .4rem solid #6667ab;
  }

  .site-entrance-dk-wrap {
    max-width: none;
    border: .4rem solid #1069c4;
  }

  .site-entrance-dk {
    width: 100%;
    height: 0;
    padding-top: 47.77448071216617%;
    background-image: url(../img/general-top-dk-mv-sp.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    display: block;
  }

  .site-entrance-kp {
    width: 100%;
    height: 0;
    padding-top: 47.77448071216617%;
    background-image: url(../img/general-top-kp-mv-sp.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    display: block;
  }

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

  .subject-sp {
    display: flex;
    flex-direction: row;
  }

  .subject-item {
    width: 30%;
    height: 42px;
    margin-top: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    display: block;
  }

  .subject-sp .subject-item+.subject-item {
    margin-left: 20px;
  }

  .subject-math {
    background-image: url(../img/math_tag.png);
  }

  .subject-en {
    background-image: url(../img/en_tag.png);
  }

  .subject-ja {
    background-image: url(../img/ja_tag.png);
  }

  .site-entrance-inner {
    padding: 0 1.2rem 0;
  }

  .site-entrance-ttl {
    font-size: 1.8rem;
    line-height: 1.2222222222;
    padding: 1rem 0 0;
  }

  .site-entrance-ttl::after {
    padding-left: 3.5rem;
  }

  .site-entrance-txt {
    font-size: 1.4rem;
    line-height: 1.5714285714;
    padding: .95rem 0 1.5rem;
  }

  .dk-header .header_nav li {
    display: block;
    margin: 0 0;
    letter-spacing: 0.04em;
    border-bottom: solid 1px #dedffb;
  }

  .dk-header .header_nav li:last-of-type {
    border-bottom: none;
  }

  .dk-header .header_nav .dk-header_nav-ul-login li a .pc-text-center {
    display: inline;
    text-align: left;
  }

  .dk-header .header_nav li a {
    position: relative;
    padding: 2.05rem 3rem 2.05rem 0;
    font-size: 1.5rem;
    line-height: 1.5333333333;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: solid 1px #dedffb;
  }

  .dk-header .header_nav li a:hover {
    background-color: transparent;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    color: initial;
    outline: transparent
  }

  .dk-header .header_nav li a::after {
    position: absolute;
    content: '';
    display: inline-block;
    background: url(../img/dk-right_arrow_darkblue.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.5rem;
    top: 50%;
    margin-top: -0.6rem;
    right: 0rem;
  }

  .dk-header.dk-header-login .header_nav {
    display: block;
    margin: 0;
  }

  .dk-header:not(.dk-header-login) .header_nav li:last-of-type a {
    display: none;
  }

  .header-button {
    flex-shrink: 0;
  }

  .header-button .dk-login-out {
    display: block;
  }

  .header-button .dk-nyukai {
    display: block;
  }

  .header-button .dk-mypage {
    display: block;
  }

  .wrapper .footertop .logoarea {
    display: block;
    width: 100%;
  }

  .btn-group {
    display: none;
  }

  .toggle-btn-wrap {
    display: none;
  }

  .header_nav.dk-header_nav {
    display: block;
    margin: 0;
    padding: .4rem 0 1.9rem;
  }

  .header_nav.dk-header_nav .dk-header_current {
    border-bottom: solid 1px #dedffb;
  }

  .sp-toggle-btn-wrap {
    border-radius: 2.15rem;
    border: .3rem solid #f3f3f3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .4rem .45rem;
    width: 100%;
    height: 4.9rem;
    box-sizing: border-box;
    text-align: center;
    margin: 1rem auto 0;
    max-width: 337px;
  }

  .sp-white-learning {
    width: 16.3rem;
    max-width: 100%;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.6428571428;
    color: #1e1e1e;
    padding: 0.6rem 1.625rem;
    box-sizing: border-box;
    display: block;
  }

  .sp-blue-learning {
    width: 16.3rem;
    max-width: 100%;
    font-size: 1.4rem;
    line-height: 1.6428571428;
    color: #fff;
    border-radius: 1.75rem;
    background-color: #81d5fa;
    padding: 0.6rem 1.625rem;
    box-sizing: border-box;
    display: block;
  }

  .dk-style .headerbtm_app {
    display: block;
    width: 100%;
    text-align: center;
    margin: 2.5rem 0 10rem 0;
  }

  .dk-style .headerbtm_app a {
    position: relative;
    display: block;
    font-size: 1.5rem;
    color: #fff;
    background-color: #faaf18;
    line-height: 1.84;
    border-radius: .4rem;
    padding: 1.121rem;
  }

  .dk-style .headerbtm_app a::after {
    position: absolute;
    right: 1.5rem;
    top: 37%;
    content: '';
    display: inline-block;
    background: url(../img/right_arrow.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    width: 0.7rem;
    height: 1rem;
  }

  .dk-tac-wrap {
    margin: 0 0 3.5rem;
  }

  .dk-img {
    width: 15.55rem;
    height: 15.55rem;
    margin: 3rem auto .5rem;
  }

  .appliinfo-btn-wrap.dk-appliinfo-btn-wrap {
    margin: 5.5rem 0 1.5rem;
  }

  .dk-main {
    margin: 0 0 0 0;
  }

  .dk-main .thir_ttl {
    font-size: 1.8rem;
    line-height: 1.4444444444;
    border-left: solid .5rem #6667ab;
    padding-left: 1rem;
    margin: 2rem 0 1.75rem;
  }

  .dk-main .dues {
    margin: 1.5rem auto 0 auto;
  }

  .dk-txt.dk-lead.dk-lead-mb {
    margin-bottom: 4rem;
  }

  .dk-txt.dk-lead {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }

  .dk-main .annotation_bk_wrap {
    margin-top: 1.25rem;
    margin-bottom: 2.8rem;
  }

  .dk-txt.dk-lead.dk-fs {
    font-size: 1.4rem;
    line-height: 1.5714285714;
    margin-top: 1rem;
    margin-bottom: 0.9rem;
  }

  .emphasis {
    color: #f00;
  }

  .under-line {
    text-decoration: #f00;
    color: #f00;
  }

  .dk-txt-creca {
    font-size: 1.2rem;
    line-height: 1.8333333333;
  }

  .dk-txt-creca-fwb {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.5714285714;
    letter-spacing: 0.02em;
    padding: 0.25rem 0 0;
  }

  .dk-annotation-bg {
    padding: 0.85rem 2rem;
    margin: 0.5rem 0 1.2rem;
  }

  .step-nav.dk-bg ol li.dk-bg,
  .step-nav.dk-bg ol li {
    line-height: 1.2307692307;
  }

  .step-nav.dk-bg ol li.step-nav-current.dk-bg::after {
    right: -4.34rem;
    border-top: 2.95rem solid transparent;
    border-right: 2.95rem solid transparent;
    border-bottom: 2.95rem solid transparent;
    height: 100%;
  }

  .step-nav.dk-bg ol li.step-nav-while-current.dk-bg::before,
  .step-nav.dk-bg ol li.step-nav-while-current.dk-bg::after {
    right: -4.34rem;
    border-top: 2.95rem solid transparent;
    border-right: 2.95rem solid transparent;
    border-bottom: 2.95rem solid transparent;
    height: 100%;
  }

  .step-nav ol li.step-nav-comp-current.dk-bg::after {
    border-top: 2.95rem solid transparent;
    border-right: 2.95rem solid transparent;
    border-bottom: 2.95rem solid transparent;
    height: 100%;
  }

  .radio-style1.dk-radio-style {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .radio-style2.dk-radio-style {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .form-lead-04.dk-form-lead {
    margin: 1.2rem 1rem 0.4rem;
  }

  .form-lead-03.dk-form-lead p,
  .form-lead-04.dk-form-lead p {
    text-align: center;
  }

  .seco_ttl_left.mb225 {
    margin-bottom: 1.75rem;
  }

  .dk-txt.mb530 {
    margin-bottom: 2rem;
  }

  .dk-txt.mb530-ap {
    margin-bottom: 4rem;
  }

  .dk-txt.mb140 {
    margin-bottom: 1.4rem;
  }

  .dk-txt {
    font-size: 1.6rem;
    line-height: 1.625;
  }

  .step-nav.dk-bg ol li.dk-bg,
  .step-nav.dk-bg ol li {
    line-height: 1.2307692307;
  }

  .contact-table td .td-item.dk-width-middle {
    width: 100%;
  }

  .contact-table td .td-item.dk-width-small {
    width: 100%;
  }

  .confirm-table.dk-bg th {
    padding: 1.8rem 1.6rem 1.8rem 1.6rem;
  }

  .confirm-table.dk-table-style {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .confirm-table.dk-table-style th {
    width: 100%;
  }

  .confirm-table.dk-table-style td {
    width: 100%;
  }

  .confirm-table tr:not(:first-of-type) th {
    border-top: none;
  }

  .gk-btn-yellow a {
    min-width: auto;
    font-size: 1.5rem;
    line-height: 1.9033333333;
  }

  .form-checkbox-flex.gk-checkbox {
    display: flex;
  }

  .form-checkbox-flex.gk-checkbox .form-checkbox-inner {
    margin: 0.75rem 2.85rem 0.75rem 0;
  }

  .dk-main .form-btn-blue a {
    font-size: 1.5rem;
    line-height: 1.3;
  }

  .form-checkbox-inner.dk-checkbox {
    margin: .75rem 0;
  }

  .contact-table td span.dk-annotation,
  .contact-table-02 td span.dk-annotation {
    font-size: 1.3rem;
    line-height: 1.6923076923;
  }

  .input-width-04.dk-width-middle {
    width: 100%;
  }

  .em-wrap-01.dk-em {
    width: 100%;
  }

  .em-wrap-01.dk-em {
    width: 100%;
  }

  .alarm-box .dk-annotation {
    font-size: 1.3rem;
    line-height: 1.6923076923;
    width: 100%;
    margin: 1rem auto 0;
  }

  .contact-table.dk-bg td .td-item.dk-width-small {
    width: 100%;
  }

  .contact-table.dk-bg td .dk-input-small,
  .contact-table-02.dk-bg td .dk-input-small {
    width: 100%;
  }

  .contact-table.dk-bg td .td-item.td-width-small,
  .contact-table.dk-bg td .td-item-select.td-width-small {
    width: 100%;
  }

  .contact-table.dk-bg td .td-item.td-width-lower-middle {
    width: 100%;
  }

  .contact-table.dk-bg td .td-item.td-width-lower-middle .td-item-select-inner::before {
    left: 91%;
  }

  .form-text-blue.dk-blue {
    margin-bottom: 0.5rem;
  }

  .dk-pass-btn a {
    padding: .9rem 1.25rem;
    font-size: 1.2rem;
    line-height: 1.6666666666;
  }

  .confirm-table.dk-pass th {
    padding: 1.8rem 1.6rem 1.8rem 1.6rem;
  }

  .confirm-table.dk-pass td {
    padding: 1.4rem 1.6rem 1.7rem 1.6rem;
  }

  .dk-gray-box-01-top-r-inline .shidoubi {
    font-size: 1.2rem;
    line-height: 1.8225;
    margin: 0 0.5rem 0 0;
  }

  .dk-gray-box-01-top-r-inline .youbi {
    font-size: 1.2rem;
    line-height: 1.8225;
  }

  .dk-gray-box-01-top-r-inline span:not(:last-of-type) {
    /* margin-right: 0.5rem; */
    margin-right: 0;
    margin-bottom: 0.5rem;
  }

  .dk-gray-box-01-top {
    padding: 2rem 1.5rem 2rem;
  }

  .dk-gray-box-01-top-l {
    min-width: 35%;
  }

  .dk-gray-box-01-top-r {
    width: 65%;
    margin-left: 0;
  }

  .dk-gray-box-01-top-bottom {
    padding: 1.25rem 1.5rem 1.25rem;
  }

  .dk-gray-box-01-top-bottom.dk-checkbox-pa {
    padding: .25rem 1.5rem 2.25rem;
  }

  .dk-gray-box-01-top-bottom.dk-gb-container-pa {
    padding: 0 1.75rem 0;
  }

  .dk-gb-container {
    display: block;
    justify-content: flex-start;
    padding: 1.6rem 0;
  }

  .dk-bg-l {
    display: block;
    align-self: center;
    width: 100%;
  }

  .dk-gb-ttl {
    font-size: 1.4rem;
    line-height: 1.5714285714;
    width: 100%;
    margin: 0 0 1.075rem 0;
  }

  .dk-gb-txt {
    font-size: 1.4rem;
    line-height: 1.5714285714;
    width: 100%;
    padding: 0 0 0 0;
  }

  .dk-bg-r {
    width: 100%;
    padding: 0 0 0 0;
    margin: 0.85rem 0 0;
  }

  .dk-bg-annno {
    font-size: 1.2rem;
    line-height: 1.8333333333;
    text-align: left;
  }

  .dk-span-wrap {
    display: flex;
    justify-content: space-between;
  }

  .dk-span-wrap-l {
    width: calc(11rem + 0.5rem);
    padding: 0 0.5rem 0 0;
  }

  .dk-span-wrap-r {
    min-width: calc(100% - 11.5rem);
    text-align: left;
  }

  .dk-gray-box-01-top-r-inline .shidoubi {
    font-size: 1.2rem;
    line-height: 1.8225;
    margin: 0 0 0 0;
  }

  .dk-gray-box-01-top-r-inline .youbi {
    font-size: 1.2rem;
    line-height: 1.8225;
  }

  .dk-span-inline-sansuu {
    font-size: 1.2rem;
    line-height: 1.9166666666;
    padding: 0 .875rem .2rem;
    min-width: 8.05rem;
  }

  .dk-span-inline-eigo {
    font-size: 1.2rem;
    line-height: 1.9166666666;
    padding: 0 2.76562rem .2rem;
    min-width: 8.05rem;
  }

  .dk-span-inline-kokugo {
    font-size: 1.2rem;
    line-height: 1.9166666666;
    padding: 0 2.76562rem .2rem;
    min-width: 8.05rem;
  }

  .dk-gray-box-01-top-r-inline {
    padding: 0.05785rem 0.75rem;
    margin: 0 0 0 0;
    min-width: 13rem;
  }

  .henkou-kiboubi {
    margin: 0 0;
  }

  .dk-b-border {
    font-size: 2.2rem;
    line-height: 1.0454545454;
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 1.25rem;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
  }

  .dk-b-border::after {
    content: "";
    margin: 0 auto;
    display: block;
    height: .4rem;
    border-radius: 0;
    background-color: #f7c02e;
    position: relative;
    top: .8rem;
  }

  .dk-contact-checkbox .checkbox::before {
    background: #f1f1f1;
    border: 0.1rem solid #d1d1d1;
    content: '';
    width: 2.2rem;
    height: 2.2rem;
    top: .35rem;
    left: 0;
    position: absolute;
    display: inline-block;
  }

  .dk-contact-checkbox .checkbox::after {
    background-image: url(../img/checkbox_check_sp.png);
    background-size: 65%;
    background-position: center right 0.41rem;
    width: 2.2rem;
    height: 2.2rem;
    top: .35rem;
    left: 0;
  }

  .dk-contact-checkbox .checkbox {
    padding-top: 0;
    padding-left: 3.4rem;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2777777777;
  }

  .dk-contact-checkbox {
    padding: 1.5rem 0;
  }

  .dk-box-01 {
    padding: 2rem 2.5rem 1rem;
  }

  .dk-subject-box {
    padding: 2.5rem 0 1.5rem;
  }

  .dk-subject-box-f {
    display: block;
  }

  .dk-subject-box-fl {
    width: 100%;
  }

  .dk-subject-box-fr {
    width: 100%;
  }

  .dk-additional-subject {
    font-size: 1.2rem;
    line-height: 1.9166666666;
    border-radius: .5rem;
    background-color: #6667ab;
    padding: .1rem 1.625rem;
    margin: 0 1.1rem 0 0;
  }

  .dk-withdrawal-subject {
    font-size: 1.2rem;
    line-height: 1.9166666666;
    border-radius: .5rem;
    background-color: #eb3c3c;
    padding: .1rem 1.625rem;
    margin: 0 1.1rem 0 0;
  }

  .dk-subject {
    font-size: 1.8rem;
    line-height: 1.2777777777;
  }

  .dk-taikai-txt {
    padding: .25rem 0 .25rem 1rem;
    font-size: 1.3rem;
    line-height: 1.6923076923;
  }

  .dk-taikai-txt-db {
    padding: .5rem 0 0 0;
    font-size: 1.3rem;
    line-height: 1.6923076923;
  }

  .contact-table.dk-cb-pa td {
    padding: .25rem 1.6rem 1.85rem 1.6rem;
  }

  .dk-csf-wrap {
    margin-top: 2.75rem;
  }

  .dk-main .form-btn-yellow a {
    line-height: 1.3;
    min-width: 18.75rem;
    width: 100%;
  }

  .dk-main .form-btn-skyblue-arrow a {
    min-width: auto;
    font-size: 1.5rem;
    line-height: 1.3;
    min-width: 18.75rem;
    width: 100%;
  }

  .dk-main .step-nav ol li {
    min-width: 17.2%;
  }

  .dk-main .form-btn-skyblue a {
    line-height: 1.3;
    height: auto;
    padding: .9735rem 3.3rem;
    min-width: 18.75rem;
    width: 100%;
  }

  .dk-main .form-lead-02 h2 {
    line-height: 1.3846153846;
  }

  .form-lead-02.dk-form-lead h2 {
    line-height: 1.3846153846;
  }

  .dk-main .dues th {
    padding: .7rem 2rem;
    font-size: 1.4rem;
    line-height: 1.3;
  }

  .dk-main .dues td {
    padding: 1.38rem .5rem;
    font-size: 1.4rem;
  }

  .dk-main .annotation_bk {
    font-size: 1.2rem;
    line-height: 1.8333333333;
  }

  .dk-br {
    display: block;
  }

  .general-top-txt.dk-br {
    display: none;
  }

  .general-top-ttl.dk-br {
    display: block;
  }

  .dk-tb-br {
    display: none;
  }

  .dk-main .mv_wrap h1 {
    margin: 0;
  }

  .step-image-01 {
    margin: 4.5rem auto 2.5rem;
  }

  .htpf-number {
    font-size: 2.4rem;
    line-height: 1.3;
    padding: 0.75rem 1rem;
  }

  .adl-number {
    font-size: 2.4rem;
    line-height: 1.3;
    padding: 0.75rem 1rem;
  }

  .htpf-detail {
    padding: 1.5rem 2rem;
  }

  .adl-detail {
    padding: 1.5rem 2rem;
  }

  .htpf-detail-pa-re-wrap {
    background-color: #eeeffd;
    padding: 0 2rem;
  }

  .htpf-detail-pa-re {
    padding: 1.5rem 0;
  }

  .dk-note-wrap {
    display: block;
    margin: 1.5rem 0 0;
  }

  .dk-note-wrap-rei {
    font-size: 1.2rem;
    line-height: 1.8333333333;
  }

  .dk-note-wrap-ul li {
    font-size: 1.2rem;
    line-height: 1.8333333333;
  }

  .htpf-detail-container {
    display: flex;
    flex-direction: column-reverse;
  }

  .htpf-detail-container-txt {
    width: 100%;
    padding: 0 0 1rem 0;
  }

  .htpf-detail-container-img {
    width: 100%;
    padding: .5rem 0 1rem 0;
  }

  .dk-wrap.dk-wrap-bg-pp .htpf-detail {
    padding: 1.5rem 2rem;
  }

  .htpf_ttl {
    font-size: 1.8rem;
    line-height: 1.4444444444;
    padding-left: 1.1rem;
    margin: 0 0 0;
  }

  .br-htpf-txt {
    display: none;
  }

  .htpf-txt {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    margin: 1.1rem 0 0;
  }

  .dk-step-flow-content:nth-of-type(n + 2) {
    margin: 3.8rem 0 0;
  }

  .dk-step-flow-content:nth-of-type(n + 2)::before {
    top: -2.8rem;
    width: 3.5rem;
    height: 1.8rem;
  }

  .htpf-annotation {
    font-size: 1.2rem;
    line-height: 1.8222222222;
    margin: 1.2rem 0 0;
  }

  main.dk-main .dk-wrap.dk-wrap-bg-pp {
    padding: 5rem 0 4rem;
    margin: 6rem auto 0;
  }

  main.dk-main .dk-wrap.dk-wrap-bg-pp-faq {
    padding: 3rem 0 3rem;
    margin: 6rem auto 0;
  }

  main.dk-main .dk-wrap.dk-wrap-bg-gr {
    padding: 3rem 0;
    margin: 5rem auto 0;
  }

  .dk-ttl-center {
    font-size: 3rem;
    line-height: 1.2666666666;
    margin: .25rem 0 .25rem;
  }

  .dk-ttl-news-center {
    font-size: 3rem;
    line-height: 1.2666666666;
    margin: 1.2rem 0 2.75rem;
  }

  .step-image-02 {
    width: 11.4rem;
    margin: 2.75rem auto 2.5rem;
  }

  .dk-lead-box {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    padding: 1.25rem 2rem;
    margin: 0 0 3rem;
  }

  .dk-main .form-btn-skyblue-arrow-addwidth a {
    min-width: auto;
    font-size: 1.5rem;
    line-height: 1.3;
    width: 25rem;
    max-width: 100%;
    padding: 1.526rem 0;
  }

  .dk-main .dk-explanatory-ttl {
    font-size: 1.8rem;
    line-height: 1.4444444444;
  }

  .dk-main .dk-explanatory-txt {
    font-size: 1.4rem;
    line-height: 1.7142857142;
  }

  .dk-news-img {
    width: 3.7rem;
    height: 2.4rem;
  }

  .dk-news-box {
    padding: 2rem 1.75rem 3rem;
  }

  main.dk-main .dk-wrap.dk-wrap-bg-wh {
    padding: 3rem 0;
  }

  main.dk-main .dk-wrap.dk-wrap-bg-wh .dk-news-box {
    padding: 2rem 1.75rem 3rem;
  }

  .dk-tac-wrap .form-checkbox-inner.dk-tac {
    display: flex;
    justify-content: center;
  }

  .dk-news-list {
    margin: 0 0 0;
  }

  .dk-news-list a {
    display: block;
    margin: 0 0;
  }

  .dk-news-list a time {
    font-size: 1.4rem;
    line-height: 1.6428571428;
    width: 100%;
    max-width: none;
    padding: 1.375rem 0 0.25rem;
    display: block;
  }

  .dk-news-list a span {
    font-size: 1.4rem;
    line-height: 1.4285714285;
    padding: .15rem 0 1.7rem 0;
    width: 100%;
    display: inline-block;
  }

  .dk-news-list a span:nth-of-type(n + 2) {
    border-top: none;
  }

  .dk-news-list a time:last-of-type {
    border-bottom: none;
  }

  .dk-btn-wrap {
    margin: 3rem 0 0;
  }

  main.dk-main .dk-wrap.dk-top-wrap {
    margin: 2.8rem auto 7.5rem;
  }

  main.dk-main .dk-wrap.dk-faq-wrap {
    margin: 5rem auto 7.5rem;
  }

  main.dk-main .dk-wrap.dk-faq-wrap .faq .faq_tab .tab-container .tab {
    color: #1e1e1e;
  }

  main.dk-main .dk-wrap.dk-faq-wrap .faq .faq_tab .tab-container .tab.current {
    color: #fff;
    background-color: #6667ab;
  }

  .dk-main .mv {
    background: url(../img/dk-mv-sp-demo.jpg?rev=2);
    width: 100%;
    height: 0;
    padding-top: 93.47%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
  }

  .dk-top-ttl {
    font-size: 2.2rem;
    line-height: 1.4166666666;
    margin-top: 1.5rem;
  }

  .dk-top-ttl-2 {
    font-size: 1.7rem;
    line-height: 1.4166666666;
    margin-bottom: .75rem;
  }

  .dk-top-lead-txt {
    font-size: 1.6rem;
    line-height: 2.125;
    display: inline-block;
    width: 90vw;
  }

  .dk-main .confirm-table th {
    width: 100%;
  }

  .dk-main .block-articles-list__title {
    margin-top: 0.5rem;
  }

  .dk-main .qaArea .txtQ::before,
  .dk-main .txtA::before {
    width: 3rem;
    height: 3rem;
    top: 1.8rem;
  }

  .dk-main .accBtn {
    padding: 2rem 6.5rem 2rem 5rem;
  }

  .dk-main .txtA {
    padding: 2rem 4.5rem 2rem 5rem;
  }

  .dk-main .txtA::before {
    width: 3rem;
    height: 3rem;
    left: 1rem;
    top: 1.9rem;
  }

  .dk-main .accBtn:after {
    width: 2.1rem;
    height: 2.1rem;
    right: 2rem;
  }

  .dk-main .open.accBtn:after {
    width: 2.1rem;
    height: 2.1rem;
    right: 2rem;
  }

  .dk-main .qaArea .txtQ::before {
    width: 3rem;
    height: 3rem;
    left: 1rem;
    top: 1.9rem;
  }

  .dk-terms-wrap-type-a li {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    margin: 1rem 0 0 0;
    padding-left: 0;
    text-indent: 0;
  }

  .dk-list-txt {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    margin: 0 0 1.75rem 0;
  }

  .dk-terms-wrap-type-b li {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    margin: 1rem 0 0 0;
    padding-left: 0;
    text-indent: 0;
  }

  .dk-terms-wrap-type-c li {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    margin: 1rem 0 0 0;
    padding-left: 0;
    text-indent: 0;
  }

  .dk-terms-wrap-type-d li {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    margin: 1rem 0 0 0;
    padding-left: 0;
    text-indent: 0;
  }

  .dk-terms-wrap-type-e li {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    margin: 1rem 0 0 0;
    padding-left: 0;
    text-indent: 0;
  }

  .dk-main .terms th {
    width: 32%;
  }

  .dk-terms-list-box-wrap {
    background-color: #eeeffd;
    padding: 1rem 2rem;
    margin: 1.75rem 0;
  }

  .dk-terms-list-box {
    padding: 0 0 0 2rem;
    margin: 0 0 0 0;
  }

  .dk-terms-list-box li {
    font-size: 1.4rem;
    line-height: 1.7142857142;
  }

  .dk-terms-list-box li:nth-of-type(n + 2) {
    margin: .75rem 0 0 0;
  }

  .dk-terms-wrap-type-a .dk-terms-list-inner {
    padding: 0 0 0 2rem;
    margin: 0 0 0 0;
  }

  .dk-terms-wrap-type-a .dk-terms-list-inner li {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    margin: 1rem 0 0 0;
    padding-left: 1.5rem;
    text-indent: -1.5rem;
  }

  .dk-terms-wrap-type-a .dk-terms-list-num {
    padding: 0 0 0 2rem;
    margin: 0 0 0 0;
  }

  .dk-terms-wrap-type-a .dk-terms-list-num li {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    margin: 1rem 0 0 0;
    padding-left: 1.5rem;
    text-indent: -1.5rem;
  }

  .dk-terms-wrap-type-a .dk-terms-list-dl-wrap {
    padding: 0 0 0 2rem;
    margin: 0 0 0 0;
  }

  .dk-terms-wrap-type-a .dk-terms-list-dl-wrap li {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    margin: 1rem 0 0 0;
    padding-left: 0;
    text-indent: 0;
  }

  .dk-terms-wrap-type-a .dk-terms-list-dl-wrap li .dk-terms-list-dl-wrap-inner {
    display: flex;
    margin: 0;
    line-height: 2;
  }

  .dk-terms-wrap-type-a .dk-terms-list-dl-wrap li .dk-terms-list-dl-wrap-inner dt {
    max-width: 12rem;
  }

  .dk-terms-wrap-type-a .dk-terms-list-dl-wrap li .dk-terms-list-dl-wrap-inner dd {
    margin: 0 0 0 1rem;
    width: 62.5%;
  }

  .dk-terms-list-nonebox li {
    font-size: 1.4rem;
    line-height: 1.7142857142;
  }

  .dk-terms-list-nonebox li:nth-of-type(n + 2) {
    margin: 0.75rem 0 0 0;
  }

  .dk-list-txt-ttl {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    margin: 0 0 0.7rem 0;
  }

  .dk-main .page_test {
    padding: 1.5rem 1.5rem;
    margin-top: 3rem;
    margin-bottom: 6rem;
  }

  .dk-main .test_btn {
    width: calc(100% / 2 - .5rem);
    margin-right: .5rem;
    margin-top: 1rem;
    display: flex;
  }

  .dk-main .test_btn:nth-of-type(even) {
    margin-right: 0;
  }

  .dk-main .test_btn:nth-of-type(odd) {
    margin-right: 1rem;
  }

  .dk-main .test_btn:nth-of-type(n + 3) {
    margin-top: 1rem;
  }

  .dk-main .test_btn:first-of-type a {
    font-size: 1.4rem;
    line-height: 1.2857142857;
    padding: .7rem 1rem .7rem 0;
  }

  .dk-main .test_btn:nth-of-type(n + 2) a {
    font-size: 1.4rem;
    line-height: 1.2857142857;
    padding: 1.6rem 1rem 1.6rem 0;
  }

  .dk-main .test_btn.bk-adlw:first-of-type a {
    font-size: 1.4rem;
    line-height: 1.2857142857;
    padding: 1.6rem 1rem 1.6rem 0;
  }

  .dk-main .test_btn.bk-adlw:nth-of-type(2) a {
    font-size: 1.4rem;
    line-height: 1.2857142857;
    padding: .7rem 1rem .7rem 0;
  }

  .dk-main .test_btn.bk-adlw:nth-of-type(n + 3) a {
    font-size: 1.4rem;
    line-height: 1.2857142857;
    padding: 1.6rem 1rem 1.6rem 0;
  }

  .dk-main .test_btn.bk-htp a {
    font-size: 1.4rem;
    line-height: 1.2857142857;
    padding: 1.6rem 1rem 1.6rem 0;
  }

  .dk-main .htp-anchor-01 {
    padding-top: 6rem;
    margin-top: -6rem;
  }

  .dk-main .htp-anchor-02 {
    padding-top: 6rem;
    margin-top: -6rem;
  }

  .dk-feature-list-txt {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    margin: 1rem 0 0;
  }

  .dk-annotation-txt {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    color: #eb3c3c;
    margin: 0 0 2.5rem 0;
  }

  .first-learning-detail {
    padding: 1.5rem 2rem;
  }

  .first-learning-detail:nth-of-type(n + 2) {
    margin: 1.5rem 0 0 0;
  }

  .fld-txt {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    margin: 1.1rem 0 0;
  }

  .dk-fld-annotation-txt {
    font-size: 1.2rem;
    line-height: 1.8333333333;
    margin: 1rem 0 0 0;
  }

  .fld-flow-txt {
    font-size: 1.4rem;
    line-height: 1.7142857142;
    margin: 0 0 0;
    padding-left: 0;
    text-indent: 0;
  }

  .first-learning-detail-flow-list:nth-of-type(n + 2) {
    position: relative;
    margin: 4.75rem 0 0;
  }

  .first-learning-detail-flow-list:nth-of-type(n + 2)::before {
    top: -3.2rem;
    width: 3.5rem;
    height: 1.8rem;
  }

  .fld-flow-txt-anno {
    font-size: 1.2rem;
    line-height: 1.8333333333;
    margin: 1.25rem 0 0 0;
  }

  .dk-fld-flow-annotation-txt {
    font-size: 1.2em;
    line-height: 1.8333333333;
  }

  .fld-flow-txt-anno.ffta-ti {
    padding-left: 0;
    text-indent: 0;
    margin-left: 0;
  }

  .about-distance-learning-wrap {
    margin: 6.5rem 0 8rem;
  }

  .dk-main .test_btn a::after {
    position: absolute;
    content: '';
    top: 50%;
    background-image: url(../img/dk-test_btn.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.4rem;
    height: 1.2rem;
    right: .4rem;
    margin-top: -5px;
  }

  .dk-feature-list-wrap {
    padding: 0;
    margin: 5rem 0 0;
  }

  .adl-number {
    font-size: 2rem;
    line-height: 1.4;
    padding: 1.5rem 1.75rem;
  }

  .adl-txt {
    font-size: 1.4rem;
    line-height: 1.7142857142;
  }

  .dk-adl-flow-content:nth-of-type(n + 2) {
    margin: 2rem 0 0;
  }

  .dk-feature-list {
    list-style-type: none;
    border-radius: 0.5rem;
    border: 0.3rem solid #6667ab;
    padding: 2rem 2rem 2rem 2rem;
    display: flex;
    flex-direction: column-reverse;
  }

  .dk-feature-list:nth-of-type(n + 2) {
    margin: 2rem 0 0;
  }

  .dk-feature-list-l {
    width: 100%;
    padding: 0 0 0 3.75rem;
  }

  .dk-feature-list-ttl {
    font-size: 1.8rem;
    line-height: 1.6666666666;
    position: relative;
    margin: 0 0;
  }

  .dk-feature-list-r.no-01 {
    width: 100%;
    padding: 0 0 2rem;
    justify-content: center;
  }

  .dk-feature-list-r.no-01 .dk-feature-list-r-img {
    background-image: url(../img/adl-feature-img-01-sp.png);
    width: 10.8rem;
    height: 7.15rem;
  }

  .dk-feature-list-r.no-02 {
    width: 100%;
    padding: 0 0 2rem;
    justify-content: center;
  }

  .dk-feature-list-r.no-02 .dk-feature-list-r-img {
    background-image: url(../img/adl-feature-img-02-sp.png);
    width: 12.6rem;
    height: 6.6rem;
  }

  .dk-feature-list-r.no-03 {
    width: 100%;
    padding: 0 0 2rem;
    justify-content: center;
  }

  .dk-feature-list-r.no-03 .dk-feature-list-r-img {
    background-image: url(../img/adl-feature-img-03-sp.png);
    width: 11.95rem;
    height: 12.2rem;
  }

  .dk-feature-list-ttl.no-01::before {
    background-image: url(../img/adl-feature-01-sp.png);
    width: 2.991rem;
    height: 2.991rem;
    left: -4rem;
    top: 0;
  }

  .dk-feature-list-ttl.no-02::before {
    background-image: url(../img/adl-feature-02-sp.png);
    width: 2.991rem;
    height: 2.991rem;
    left: -4rem;
    top: 0;
  }

  .dk-feature-list-ttl.no-03::before {
    background-image: url(../img/adl-feature-03-sp.png);
    width: 2.991rem;
    height: 2.991rem;
    left: -4rem;
    top: 0;
  }

  .seco_ttl_left.dk-bb {
    line-height: 1.4545454545;
  }

  .dk-teaching-materials-list {
    display: block;
    padding: 1.7rem 0 1.7rem 0;
  }

  .dk-teaching-materials-list-l {
    width: 100%;
  }

  .dk-teaching-materials-list-r {
    width: 100%;
    padding: 0 0 0 0;
    display: flex;
    justify-content: space-between;
  }

  .dk-teaching-materials-list-txt {
    font-size: 1.6rem;
    line-height: 1.875;
  }

  .dk-teaching-materials-list-link {
    font-size: 1.4rem;
    line-height: 2.1428571428;
    min-width: 30%;
    margin-left: 10%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .dk-teaching-materials-list-link::before {
    background-image: url(../img/dk-teaching-materials-list-link-sp.png);
    width: 0.85rem;
    height: 1.3rem;
    padding: 0 0 0 1.3rem;
  }

  .dk-distance-learning-wrap-ul li {
    font-size: 1.4rem;
    line-height: 1.7142857142;
  }

  .dk-distance-learning-wrap-ul li:nth-of-type(n + 2) {
    margin: 1.25rem 0 0;
  }

  .dk-inner-wrap.dk-inner-wrap-mb-re {
    margin: 3.5rem 0 1.25rem;
  }

  .dk-anno-txt-wrap {
    margin: 0 0 3rem;
  }

  .dk-anno-txt {
    font-size: 1.2rem;
    line-height: 1.8333333333;
    padding: 0 0 0 2rem;
  }

  .dk-main .dues.dues-distance-learning-pc {
    display: none;
  }

  .dk-main .dues.dues-distance-learning-sp {
    display: table;
  }

  .dk-main .dues.dues-distance-learning-sp thead tr th {
    padding: 1.225rem 2rem;
    font-size: 1.4rem;
    line-height: 1.7142857142;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:first-of-type th {
    background-color: #eeeffd;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(2) td:first-child {
    background-color: #eeeffd;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:first-of-type th:first-child {
    border-right: 1px solid #eeeffd;
    border-bottom: 1px solid #eeeffd;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:first-of-type th:nth-child(2) {
    text-align: left;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr th {
    padding: 1.192rem 0;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(2) td:nth-child(n + 1) {
    padding: .275rem 0;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(3) td,
  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(4) td,
  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(5) td {
    padding: .275rem 0;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(6) td:nth-child(n + 3) {
    padding: .275rem 0;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(n + 1) td {
    padding: .275rem 0;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(2) td:nth-child(2) {
    font-size: 1.6rem;
    line-height: 1.625;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(2) td:nth-child(n + 3) {
    font-size: 1.4rem;
    line-height: 1.7142857142;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(3) td,
  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(4) td,
  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(5) td,
  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(6) td {
    font-size: 1.4rem;
    line-height: 1.7142857142;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(9) td:nth-child(2),
  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(6) td:nth-child(2) {
    font-size: 1.6rem;
    line-height: 1.625;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(8) td:nth-child(n + 2),
  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(15) td:nth-child(n + 2),
  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(n + 16) td {
    font-size: 1.4rem;
    line-height: 1.7142857142;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(9) td,
  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(10) td,
  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(12) td,
  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(13) td {
    font-size: 1.4rem;
    line-height: 1.7142857142;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(11) td:nth-child(n + 3) {
    font-size: 1.4rem;
    line-height: 1.7142857142;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(6) td:first-child,
  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(9) td:first-child {
    background-color: #fff9d8;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(5) th:nth-child(2) {
    text-align: left;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(5) th {
    background-color: #fff9d8;
    text-align: left;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(5) th:first-child {
    border-right: 1px solid #fff9d8;
    border-bottom: 1px solid #fff9d8;
  }

  .dk-main .dues.dues-distance-learning-sp tbody tr:nth-of-type(6) td:first-child {
    border-bottom: 1px solid #fff9d8;
  }

  .dk-conf-anno-ol-txt {
    font-size: 1.2rem;
    line-height: 1.8333333333;
  }

  .dk-conf-anno-ol li {
    font-size: 1.2rem;
    line-height: 1.8333333333;
  }

  .dk-style footer .footer_address .company {
    margin-top: 2rem;
  }

  .dk-main .procedure_item_btn::after {
    content: "";
    display: none;
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    width: 0;
    height: 0;
    padding: 0 0 0 0;
  }

  .dk-main .procedure_item_btn a span::after {
    position: absolute;
    content: '';
    background: url(../img/dk-teaching-materials-list-link.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 1rem;
    height: 1.5rem;
    right: -1rem;
    bottom: 8%;
  }

  .dk-style footer .footertop {
    padding-right: 0;
    padding-left: 0;
    box-sizing: border-box;
    max-width: none;
    width: auto;
  }

  .dk-style .wrapper footer .footertop .footer_left {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .dk-style .footer_nav li:nth-child(2) {
    margin-top: 1.5rem;
  }

  .dk-style .footer_nav li:nth-child(3) a {
    padding: 0.5rem 1.3rem;
    font-size: 1.05rem;
  }

  header.dk-header,
  .dk-style .wrapper .main_ttl_wrap {
    padding-right: 0;
    padding-left: 0;
  }

  .contact-select-flex .contact-select-flex-inner-03.ml-remove {
    margin-left: 0;
  }

  .dk-main .dk-membership-box {
    padding: 2rem 2rem;
  }

  .dk-main .dk-membership-box .dk-membership-box-inner {
    max-width: none;
    padding: 2rem 1rem 0.5rem 1rem;
  }

  .dk-main-modal .dk-modal-container {
    width: 100%;
    max-width: none;
  }

  .dk-main-modal .dk-modal-close {
    right: 0;
    top: 20%;
    font-size: 5rem;
  }

  .dk-page_top {
    right: 2rem;
    bottom: 8rem;
  }

  .dk-page_top img {
    width: 4.5rem;
    height: 4.5rem;
  }

  .dk-absolute {
    position: absolute;
    right: 2rem;
    bottom: 39rem;
  }

  .dk-howToBtnLink {
    margin: 2vh auto 0;
    display: inline-block;
    width: 90vw;
  }

  .dk-nyukai_btn p a {
    display: inline-block;
    padding: 5px 15px;
    background-color: orange;
    color: white;
    border: 2px solid orange;
    border-radius: 4px;
    text-decoration: none;
    position: absolute;
    top: 10px;
    right: 120px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    font-size: 1rem;
  }

  .dk-mypage_btn p a {
    display: inline-block;
    padding: 5px 15px;
    background-color: white;
    color: black;
    border: 2px solid black;
    border-radius: 4px;
    text-decoration: none;
    position: absolute;
    top: 10px;
    right: 50px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    font-size: 1rem;
  }
}

@media screen and (max-width: 960px) {

  header.dk-header,
  .dk-style .wrapper .main_ttl_wrap {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (max-width: 450px) {
  .dk-absolute {
    position: absolute;
    right: 2rem;
    bottom: 43rem;
  }
}

@media screen and (min-width: 450px) {
  .dk-sp_br {
    display: none;
  }
}

@media screen and (max-width: 374px) {
  .sp-toggle-btn-wrap {
    height: auto;
  }

  .sp-blue-learning {
    width: auto;
    max-width: none;
  }

  .sp-white-learning {
    width: auto;
    max-width: none;
  }

  .dk-tb-br {
    display: block;
  }

  .dk-btn-br {
    display: block;
  }

  .general-top-ttl.dk-br {
    display: none;
  }

  .general-top-ttl::before {
    top: 9rem;
  }

  .general-top-ttl::after {
    top: 9rem;
  }
}

@media screen and (max-width: 350px) {
  .dk-absolute {
    position: absolute;
    right: 2rem;
    bottom: 59rem;
  }
}

@media screen and (max-width: 280px) {
  .general-top-ttl::before {
    top: 11rem;
  }

  .general-top-ttl::after {
    top: 11rem;
  }
}

/* ----------soudan---------- */
.trouble-btn {
  font-size: 1.5rem;
  margin: 12px;
  padding: 5px 20px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #6667ab;
  transition: 0.5s;
}

.trouble-btn:hover {
  opacity: 0.7;
}

/* ----------kyozai---------- */

.ky-wrap {
  margin-top: 100px;
}

.ky-headline {
  padding: 1px 20px;
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #6667ab;
}

.ky-anchor h2 {
  padding-top: 165px;
  margin-top: -145px;
}

.ky-h2 {
  font-size: 2.7rem;
  font-weight: 200;
}

.ky-box {
  padding: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #eeeffd;
}

.ky-box-column {
  display: flex;
  justify-content: flex-start;
}

.ky-sd-box-column {
  display: none;
}

.ky-btn {
  font-size: 2.0rem;
  margin: 12px;
  padding: 5px 20px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #6667ab;
  transition: 0.5s;
}

.ky-btn:hover {
  opacity: 0.7;
}

.ky-box-column .ky-btn:first-child {
  margin-left: 40px;
}

.ky-btn.ky-disabled {
  opacity: 0.5;
  transition: none;
}

.__ky-long {
  width: 24.5%;
}

.__ky-long2 {
  width: 49.5%;
}

.__ky-middle {
  padding: 5px 9.5px;
}

.__ky-middle2 {
  width: 24.5%;
  text-align: center;
}

.ky-box-text {
  margin-top: 10px;
}

.ky-text_block {
  margin-bottom: 3rem;
}
.ky-item_block {
  margin-bottom: 3rem;
}
.ky-text {
  font-size: 1.7rem;
  line-height: 1.8;
}
.dk-text_link {
  font-size: 1.7rem;
  line-height: 1.8;
  color: #1069c4;
  text-decoration: underline;
}
.ky-annotation-txt {
  font-size: 1.4rem;
  line-height: 1.8;
  color: #1e1e1e;
  margin-top: .5rem;
}
.thir_ttl.mb3 {
  margin-bottom: 3rem;
}
.ky-wrap-ul {
  padding: 0 0 0 2rem;
}
.ky-wrap-ul li {
  font-size: 1.7rem;
  line-height: 2;
}
.ky-wrap-ul li::marker {
  color: #6667ab;
}

.ky-assist-content {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}

.ky-assist-height {
  height: 430px;
}

.ky-assist-item {
  flex: 0 0 calc(33.33% - 10px);
  padding: 20px;
  text-align: center;
}

.ky-assist-btn {
  display: inline-flex;
  margin-bottom: 4.05rem;
  margin-top: 1.7rem;
}

.ky-assist-btn .ky-btn {
  width: 160px;
}

@media screen and (max-width: 995px) {

  .ky-anchor h2 {
    padding-top: 85px;
    margin-top: -65px;
  }

  .ky-box-column {
    display: none;
  }

  .ky-sd-box-column {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .ky-box-column .ky-btn:first-child {
    margin-left: 12px;
  }

  .ky-btn {
    width: 45%;
  }

  .__ky-long {
    width: 100%;
  }

  .__ky-middle2 {
    width: 100%;
    text-align: left;
  }

  .ky-assist-height {
    height: 850px;
  }

  .ky-assist-item {
    flex: none;
    width: 100%;
    text-align: center;
  }
}

/* ----------table Credit No---------- */

.table_credit {
  border-collapse: collapse;
  width: 240px;
  font-weight: bold;
  text-align: center;
}

.table_credit th,
.table_credit td {
  padding: 0px 0px;
  width: 50%;
  border: 1;
}

/* ----------Password Cofirm Modal---------- */
.pass-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}
/* モーダル本体 */
.pass-modal-content {
    background: #ffffff;
    width: 80%;
    max-width: 700px;
    padding: 30px 20px;
    border-radius: 12px;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -45%);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}
@media screen and (max-width: 883px) {
    .pass-modal-content {
        width: 100%;
        max-width: none;
        left: 0;
        bottom: -100%;
        top: auto;
        border-radius: 12px 12px 0 0;
        transform: none;
        transition: bottom 0.3s ease;
    }
    .pass-modal-overlay.active .pass-modal-content {
        bottom: 0;
    }
}
/* 確認文章 */
.pass-modal-message {
    font-size: 18px;
    margin-bottom: 30px;
    color: #333;
}
/* ボタンエリア */
.pass-modal-buttons {
    display: flex;
    justify-content: center;
    gap: 40px;
}
.pass-modal-button {
    width: 30%;
}
@media screen and (max-width: 883px) {
    .pass-modal-buttons {
        flex-direction: column;
        gap: 12px;
    }
    .pass-modal-button {
        width: 70%;
        margin: 0 auto;
    }
    /* 順序入れ替え */
    .pass-no {
        order: 2;
    }
    .pass-yes {
        order: 1;
    }
}
/* ボタン */
.pass-modal-button {
    padding: 12px 28px;
    font-size: 15px;
    cursor: pointer;
    border: none;
    border-radius: 6px;
    transition: background-color 0.3s, transform 0.2s;
}
.pass-modal-button.pass-yes {
    background-color: #0069d9;
    color: white;
}
.pass-modal-button.pass-no {
    background-color: #6c757d;
    color: white;
}
.pass-modal-button.pass-yes:hover {
    background-color: #0053b3;
    transform: translateY(-2px);
}
.pass-modal-button.pass-no:hover {
    background-color: #5a6268;
    transform: translateY(-2px);
}