@charset "UTF-8";
/*
Theme Name:		UTOKYO-EXT-THEME
Theme URI:		https://digiheads.co.jp/
Description:	Base Theme
Author:			Digiheads Inc.
Author URI:		https://digiheads.co.jp/
Version:		1.0.0
License:
License URI:
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
@import url("./assets/font/fontello.css");
html {
  scroll-padding-top: 126px;
  scroll-behavior: smooth;
}
@media only screen and (max-width: 959px) {
  html {
    scroll-padding-top: 60px;
  }
}
html.sp_nav_open {
  overflow-y: hidden;
}

html,
body {
  color: #3c4b61;
  background-color: #fff;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
  font-size: 16px;
  position: relative;
}
html svg,
body svg {
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}

body.themify_mp_opened {
  overflow: hidden !important;
}

@media only screen and (min-width: 680px) {
  br.sp,
  span.sp,
  div.sp {
    display: none;
  }
  br.pc,
  span.pc,
  div.pc {
    display: block;
  }
}
@media only screen and (max-width: 679px) {
  br.pc,
  span.pc,
  div.pc {
    display: none;
  }
  br.sp,
  span.sp,
  div.sp {
    display: block;
  }
}
a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-property: opacity, background-color, color;
  transition-property: opacity, background-color, color;
}
a:hover {
  text-decoration: none;
}

::-webkit-input-placeholder {
  color: #72787e;
}

::-moz-placeholder {
  color: #72787e;
}

:-ms-input-placeholder {
  color: #72787e;
}

::-ms-input-placeholder {
  color: #72787e;
}

::placeholder {
  color: #72787e;
}

/***

***/
#site-header {
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 959px) {
  #site-header {
    position: fixed;
    z-index: 50;
    width: 100vw;
  }
}
#site-header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
}
#site-header ul li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
#site-header .nav_head {
  background-color: #fff;
  padding: 10px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 960px) {
  #site-header .nav_head {
    height: 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#site-header .nav_head .site_logo {
  aspect-ratio: 530/80;
  max-height: 40px;
}
#site-header .nav_head .site_logo img, #site-header .nav_head .site_logo svg {
  aspect-ratio: 530/80;
  width: 200px;
  height: auto;
  max-height: 40px;
}
@media only screen and (max-width: 959px) {
  #site-header .nav_head {
    padding: 0 0 0 20px;
    height: 60px;
  }
  #site-header .nav_head .site_logo img,
  #site-header .nav_head .site_logo svg {
    width: 200px;
  }
  #site-header .nav_head .uk-navbar-toggle-icon {
    height: 12vw;
    width: 12vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    aspect-ratio: 1;
    max-height: 40px;
  }
  #site-header .nav_head .uk-navbar-toggle-icon svg {
    width: 8vw;
    max-height: 40px;
  }
}
#site-header .nav_head .uk-navbar-right * {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
#site-header .nav_head .uk-navbar-right .uk-button {
  background-color: #f0f0f0;
  color: #404859;
  border: none;
  border-radius: 8px;
  line-height: 30px;
  padding: 0 12px;
  -webkit-box-shadow: 3px 3px 4px 0px #b7b7b7;
          box-shadow: 3px 3px 4px 0px #b7b7b7;
}
#site-header .nav_head .uk-navbar-right .uk-button.cloud_login {
  background-color: #d2e8fa;
}
#site-header .nav_head .uk-navbar-right .uk-search-default {
  width: 220px;
}
#site-header .nav_head .uk-navbar-right .uk-search-default .uk-search-input {
  border: none;
  border-radius: 8px;
  background-color: #d1d7dd;
  height: 30px;
  color: #3c4b61;
}
@media only screen and (max-width: 679px) {
  #site-header .nav_head .uk-navbar-right .uk-search-default .uk-search-input {
    font-size: 2.9866666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  #site-header .nav_head .uk-navbar-right .uk-search-default .uk-search-input {
    font-size: 0.875rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
#site-header .nav_main {
  background: #fff !important;
}
#site-header .nav_main .menu-main-navi-container {
  width: 100%;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi {
  border-top: 1px solid #3c64c8;
  border-bottom: 1px solid #3c64c8;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi li {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-property: opacity, background-color, color;
  transition-property: opacity, background-color, color;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi li.current-menu-item, #site-header .nav_main .menu-main-navi-container #menu-main-navi li.current-menu-ancestor, #site-header .nav_main .menu-main-navi-container #menu-main-navi li.current-category-ancestor, #site-header .nav_main .menu-main-navi-container #menu-main-navi li.active, #site-header .nav_main .menu-main-navi-container #menu-main-navi li:hover {
  background-color: #3c64c8;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi li.current-menu-item a, #site-header .nav_main .menu-main-navi-container #menu-main-navi li.current-menu-ancestor a, #site-header .nav_main .menu-main-navi-container #menu-main-navi li.current-category-ancestor a, #site-header .nav_main .menu-main-navi-container #menu-main-navi li.active a, #site-header .nav_main .menu-main-navi-container #menu-main-navi li:hover a {
  color: #fff;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi li.bgimage .sub-menu.lvl0 {
  background-image: url(./assets/images/bg-menu.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: #7AB0D2 !important;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi li.bgimage .sub-menu.lvl0 > li a {
  padding: 0 0.75em;
}
@media only screen and (max-width: 1279px) {
  #site-header .nav_main .menu-main-navi-container #menu-main-navi li.bgimage .sub-menu.lvl0 > li a {
    padding: 0 0.5em;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 679px) {
  #site-header .nav_main .menu-main-navi-container #menu-main-navi li.bgimage .sub-menu.lvl0 > li a {
    font-size: 2.6666666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 1279px) and (min-width: 680px) {
  #site-header .nav_main .menu-main-navi-container #menu-main-navi li.bgimage .sub-menu.lvl0 > li a {
    font-size: 0.78125rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi li.bgimage.as-lab .sub-menu.lvl0 {
  background-image: url(./assets/images/bg-menu-as-lab.jpg);
  background-repeat: repeat-x;
  background-size: cover;
  background-position: left;
  background-color: transparent !important;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi li.bgimage.as-lab .sub-menu.lvl1 {
  background-color: #48ae70;
}
@media only screen and (min-width: 960px) {
  #site-header .nav_main .menu-main-navi-container #menu-main-navi li.sponly {
    display: none;
  }
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi li:not(.bgimage) .sub-menu li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: auto;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  text-align: center;
  color: #3c64c8;
  padding: 0 0.5em;
  height: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*                        @include max-screen($breakpoint-large) {
                              @include font($size:12.5, $weight:500);
                              padding: 0 .5em;
                          }*/
}
@media only screen and (max-width: 679px) {
  #site-header .nav_main .menu-main-navi-container #menu-main-navi li a {
    font-size: 2.6666666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  #site-header .nav_main .menu-main-navi-container #menu-main-navi li a {
    font-size: 0.78125rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi li a:hover {
  color: #fff;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi li .sub-menu-wrap {
  position: absolute;
  display: none;
  z-index: 7;
  width: 100%;
  left: 0;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi li .sub-menu-wrap .menu-item-has-children {
  position: relative;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi li:hover > .sub-menu-wrap, #site-header .nav_main .menu-main-navi-container #menu-main-navi li.active > .sub-menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li.current-menu-ancestor > .sub-menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 6;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li .sub-menu.lvl0 {
  width: 100%;
  background-color: #3c64c8;
  margin-top: 1px;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li .sub-menu.lvl0 li:hover, #site-header .nav_main .menu-main-navi-container #menu-main-navi > li .sub-menu.lvl0 li.current-menu-item, #site-header .nav_main .menu-main-navi-container #menu-main-navi > li .sub-menu.lvl0 li.current-menu-ancestor {
  background-color: rgba(30, 30, 30, 0.1);
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li .sub-menu.lvl0 li.menu-item-has-children > a:after {
  content: "▼";
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li .sub-menu.lvl0 li a {
  line-height: 1;
  color: #fff;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li:not(.menu_school) .sub-menu.lvl1 {
  background-color: #7AB0D2;
  padding: 0.5em 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li:not(.menu_school) .sub-menu.lvl1 li a {
  text-align: left;
  padding: 0.5rem 20px;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li.menu_school .lvl0 > .current-menu-ancestor > .sub-menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 6;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li.menu_school .bgimage > .sub-menu-wrap {
  position: fixed;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li.menu_school .sub-menu.lvl1 {
  margin-top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li.menu_school .sub-menu.lvl0 .menu-item-has-children > a:after {
  content: "";
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li.menu_school .sub-menu.lvl1 {
  width: 100%;
  background-color: #3c64c8;
  margin-top: 1px;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li.menu_school .sub-menu.lvl1 li:hover, #site-header .nav_main .menu-main-navi-container #menu-main-navi > li.menu_school .sub-menu.lvl1 li.current-menu-item, #site-header .nav_main .menu-main-navi-container #menu-main-navi > li.menu_school .sub-menu.lvl1 li.current-menu-ancestor {
  background-color: rgba(30, 30, 30, 0.1);
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li.menu_school .sub-menu.lvl1 li.menu-item-has-children > a:after {
  content: "▼";
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li.menu_school .sub-menu.lvl1 li a {
  line-height: 1;
  color: #fff;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li.menu_school .sub-menu.lvl2 {
  background-color: #7AB0D2;
  padding: 0.5em 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#site-header .nav_main .menu-main-navi-container #menu-main-navi > li.menu_school .sub-menu.lvl2 li a {
  text-align: left;
  padding: 0.5rem 20px;
  white-space: nowrap;
  display: block;
}

.anchor_target {
  padding-top: 152px !important;
  margin-top: -152px !important;
  -webkit-background-clip: content-box;
  background-clip: content-box;
}
@media only screen and (max-width: 679px) {
  .anchor_target {
    padding-top: 12vw !important;
    margin-top: -12vw !important;
  }
}

.nav_breadcrumbs {
  padding: 20px;
  line-height: 1;
}
.nav_breadcrumbs span {
  color: #808080;
}
@media only screen and (max-width: 679px) {
  .nav_breadcrumbs span {
    font-size: 2.7733333333vw;
    font-weight: 300;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  .nav_breadcrumbs span {
    font-size: 0.8125rem;
    font-weight: 300;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
.nav_breadcrumbs span a {
  color: #808080;
}
.nav_breadcrumbs span br {
  display: none;
}

.page-parent #menu-main-navi,
.parent-page-company #menu-main-navi {
  margin-bottom: 35px;
}

.parent-page-dss #menu-main-navi,
.single-course #menu-main-navi,
.single-lecture #menu-main-navi,
.parent-page-as-lab #menu-main-navi,
.single-video #menu-main-navi {
  margin-bottom: 32px;
}
@media only screen and (max-width: 679px) {
  .parent-page-dss,
  .single-course,
  .single-lecture,
  .parent-page-as-lab,
  .single-video {
    margin-bottom: 11.25vw;
  }
}

.single-course.dfp #menu-main-navi {
  margin-bottom: 0;
}

.parent-page-ids #menu-main-navi,
.parent-page-hms #menu-main-navi,
.single-course_i #menu-main-navi,
.single-lecture_i #menu-main-navi,
.single-symposium #menu-main-navi,
.page-child:not(.parent-page-dss):not(.parent-page-as-lab) #menu-main-navi {
  margin-bottom: 64px;
}
@media only screen and (max-width: 679px) {
  .parent-page-ids,
  .parent-page-hms,
  .single-course_i,
  .single-lecture_i,
  .single-symposium,
  .page-child:not(.parent-page-dss):not(.parent-page-as-lab) {
    margin-bottom: 11.25vw;
  }
}

#site-footer {
  background-color: #f5f5f5;
  padding: 20px;
  border-top: 1px solid #4b566f;
}
@media only screen and (max-width: 679px) {
  #site-footer {
    font-size: 2.56vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  #site-footer {
    font-size: 0.75rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  #site-footer {
    padding: 2vw 4vw;
  }
}
@media only screen and (max-width: 679px) {
  #site-footer .uk-navbar {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#site-footer .uk-navbar .uk-navbar-left ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
#site-footer .uk-navbar .uk-navbar-left ul li.x-twitter i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 679px) {
  #site-footer .uk-navbar .uk-navbar-left ul li.x-twitter i {
    font-size: 6.4vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  #site-footer .uk-navbar .uk-navbar-left ul li.x-twitter i {
    font-size: 1.875rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  #site-footer .uk-navbar .uk-navbar-left ul li.x-twitter i {
    width: 4.8vw;
    height: 4.8vw;
    font-size: 4.8vw;
  }
}
#site-footer .uk-navbar .uk-navbar-left ul li a {
  line-height: 1;
  color: #4b566f;
  height: 30px;
  padding: 0 25px;
  border-right: 1px solid #4b566f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  will-change: opacity;
}
@media only screen and (max-width: 679px) {
  #site-footer .uk-navbar .uk-navbar-left ul li a {
    font-size: 2.7733333333vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  #site-footer .uk-navbar .uk-navbar-left ul li a {
    font-size: 0.8125rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  #site-footer .uk-navbar .uk-navbar-left ul li a {
    padding: 0 1vw;
    height: 4vw;
  }
}
#site-footer .uk-navbar .uk-navbar-left ul li a .icon-facebook {
  color: #1877f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 679px) {
  #site-footer .uk-navbar .uk-navbar-left ul li a .icon-facebook {
    font-size: 6.4vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  #site-footer .uk-navbar .uk-navbar-left ul li a .icon-facebook {
    font-size: 1.875rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
#site-footer .uk-navbar .uk-navbar-left ul li a .icon-insta:before {
  content: "";
  background-image: url(./assets/images/icon-insta.svg);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media only screen and (max-width: 679px) {
  #site-footer .uk-navbar .uk-navbar-left ul li a .icon-insta:before {
    width: 4.8vw;
    height: 4.7vw;
  }
}
#site-footer .uk-navbar .uk-navbar-left ul li a .icon-youtube-play {
  color: #ff0000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 679px) {
  #site-footer .uk-navbar .uk-navbar-left ul li a .icon-youtube-play {
    font-size: 6.4vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  #site-footer .uk-navbar .uk-navbar-left ul li a .icon-youtube-play {
    font-size: 1.875rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  #site-footer .uk-navbar .uk-navbar-left ul li a [class^=icon-],
  #site-footer .uk-navbar .uk-navbar-left ul li a [class*=" icon-"] {
    font-size: 4.8vw;
    padding: 0 1vw;
  }
}
#site-footer .uk-navbar .uk-navbar-left ul li a [class^=icon-]::before,
#site-footer .uk-navbar .uk-navbar-left ul li a [class*=" icon-"]::before {
  margin: 0;
}
#site-footer .uk-navbar .uk-navbar-left ul li:first-child a {
  padding-left: 0;
}
#site-footer .uk-navbar .uk-navbar-left ul li:last-child a {
  border: none;
}
#site-footer .uk-navbar .uk-navbar-left ul li.no-border a {
  border: none;
  padding-right: 0;
}
#site-footer .uk-navbar .uk-navbar-right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media only screen and (max-width: 679px) {
  #site-footer .uk-navbar .uk-navbar-right {
    margin: 2vw auto 0;
  }
}

.uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle {
  min-height: initial;
}

#spnav {
  background-color: #3c4b61;
  width: 100vw;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  margin: auto;
  z-index: 50;
  background-color: #7cb6da;
}
#spnav #menu-sp-navi {
  width: 100vw;
  position: relative;
  z-index: 6;
  margin: auto;
  padding: 0;
  text-align: left;
  list-style: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#spnav #menu-sp-navi > li:first-child {
  display: none;
}
#spnav #menu-sp-navi > li a {
  color: #fff;
  line-height: 2.5;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition-property: opacity, background-color, color;
  transition-property: opacity, background-color, color;
  text-decoration: none;
  display: block;
  padding: 0 1rem;
}
@media only screen and (max-width: 679px) {
  #spnav #menu-sp-navi > li a {
    font-size: 3.84vw;
    font-weight: 300;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  #spnav #menu-sp-navi > li a {
    font-size: 1.125rem;
    font-weight: 300;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
#spnav #menu-sp-navi li {
  border-bottom: 1px solid #4b566f;
  position: relative;
}
#spnav #menu-sp-navi li .sub-menu-wrap {
  display: none;
}
#spnav #menu-sp-navi li:last-child {
  border: none;
}
#spnav #menu-sp-navi li > a:after {
  position: absolute;
  display: inline-block;
  font-family: "fontello";
  content: "\e802";
  color: #b2d4e9;
  font-size: 1em;
  width: 1em;
  text-align: center;
  vertical-align: middle;
  top: 1.25rem;
  right: 1em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#spnav #menu-sp-navi li.menu-item-has-children > a {
  pointer-events: none;
}
#spnav #menu-sp-navi li.menu-item-has-children > a::after {
  content: "\e803";
  color: #fff;
}
#spnav #menu-sp-navi li.active > a::after {
  content: "\e806";
}
#spnav #menu-sp-navi .sub-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
}
#spnav #menu-sp-navi .sub-menu.lvl0 {
  background-color: #97c5e2;
}
#spnav #menu-sp-navi .sub-menu.lvl0 a {
  padding-left: 1.5em;
}
#spnav #menu-sp-navi .sub-menu.lvl1 {
  background-color: #b2d4e9;
}
#spnav #menu-sp-navi .sub-menu.lvl1 a {
  padding-left: 2em;
}
#spnav #menu-sp-navi .sub-menu.lvl1 .ml a {
  line-height: 1.25;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
#spnav #menu-sp-navi .sub-menu.lvl1 .ml a::after {
  top: 1.5rem;
}
#spnav #menu-sp-navi .sub-menu li:first-child {
  border-top: 1px solid #4b566f;
}
#spnav #menu-sp-navi .sub-menu li.menu-item-has-children > a::after {
  color: #283b51;
}
#spnav #menu-sp-navi .sub-menu li a {
  color: #283b51;
}
#spnav #menu-sp-navi .sub-menu li a:after {
  color: #6191af;
}

#sidenav {
  position: fixed;
  right: -34px;
  top: 300px;
  z-index: 51;
}
@media only screen and (max-width: 679px) {
  #sidenav {
    top: initial;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}
#sidenav ul {
  list-style: none;
  padding-left: 0;
}
@media only screen and (max-width: 679px) {
  #sidenav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
  }
}
@media only screen and (max-width: 679px) {
  #sidenav ul li {
    width: 100%;
  }
}
#sidenav ul li + li {
  margin-top: 8px;
}
@media only screen and (max-width: 679px) {
  #sidenav ul li + li {
    margin-top: 0;
  }
  #sidenav ul li + li a {
    border-left: 1px solid #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#sidenav ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  background-color: #3c64c8;
  color: #fff;
  width: 34px;
  min-height: calc(70px - 1em);
  border-radius: 8px 0 0 8px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-property: opacity, background-color, color;
  transition-property: opacity, background-color, color;
  opacity: 1 !important;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
@media only screen and (max-width: 679px) {
  #sidenav ul li a {
    font-size: 3.4133333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  #sidenav ul li a {
    font-size: 1rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  #sidenav ul li a {
    -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
            writing-mode: initial;
    border-radius: 0;
    width: 100%;
    height: 11.25vw;
    min-height: initial;
    padding: 0;
  }
}
@media only screen and (min-width: 680px) {
  #sidenav ul li a {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition-property: all;
    transition-property: all;
  }
  #sidenav ul li a:hover {
    padding-right: 12px;
    margin-right: -12px;
  }
}

.uk-navbar-toggle-icon[aria-expanded=true] {
  color: #7cb6da;
  font-size: 1.4em;
}
.uk-navbar-toggle-icon[aria-expanded=true] svg {
  display: none;
}
.uk-navbar-toggle-icon[aria-expanded=true]:after {
  display: inline-block;
  font-family: "fontello";
  content: "\e804";
}

#container {
  margin: auto;
}
@media only screen and (max-width: 959px) {
  #container {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 960px) {
  #container h1.fancy-heading,
  #container h2.fancy-heading {
    margin-left: calc(-50vw + 460px);
    margin-right: calc(-50vw + 460px);
  }
}
@media only screen and (max-width: 959px) {
  #container h1.fancy-heading,
  #container h2.fancy-heading {
    width: 100vw;
    margin-left: -20px;
  }
}
#container h1.fancy-heading .main-head,
#container h2.fancy-heading .main-head {
  color: #3c4b61;
  text-decoration: underline;
  text-decoration-thickness: 7px;
  text-underline-offset: 8px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  line-height: 1;
  padding-bottom: 12px;
  margin: 0;
  border-bottom: 1px solid #3c4b61;
}
@media only screen and (max-width: 679px) {
  #container h1.fancy-heading .main-head,
  #container h2.fancy-heading .main-head {
    font-size: 6.8266666667vw;
    font-weight: 300;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  #container h1.fancy-heading .main-head,
  #container h2.fancy-heading .main-head {
    font-size: 2rem;
    font-weight: 300;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  #container h1.fancy-heading .main-head,
  #container h2.fancy-heading .main-head {
    text-decoration: none;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 679px) and (max-width: 679px) {
  #container h1.fancy-heading .main-head,
  #container h2.fancy-heading .main-head {
    font-size: 5.12vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) and (min-width: 680px) {
  #container h1.fancy-heading .main-head,
  #container h2.fancy-heading .main-head {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
#container h1.fancy-heading .sub-head,
#container h2.fancy-heading .sub-head {
  color: #3c4b61;
  padding-top: 0.2rem;
}
@media only screen and (max-width: 679px) {
  #container h1.fancy-heading .sub-head,
  #container h2.fancy-heading .sub-head {
    font-size: 3.4133333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  #container h1.fancy-heading .sub-head,
  #container h2.fancy-heading .sub-head {
    font-size: 1rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  #container h1.fancy-heading .sub-head,
  #container h2.fancy-heading .sub-head {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 679px) {
  #container h1.fancy-heading .sub-head .note,
  #container h2.fancy-heading .sub-head .note {
    font-size: 2.56vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  #container h1.fancy-heading .sub-head .note,
  #container h2.fancy-heading .sub-head .note {
    font-size: 0.75rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
#container .module_row.top_slide_box .row_inner {
  padding: 0;
}
#container .module_row.x_wide_row > .row_inner {
  max-width: 1440px;
  width: min(1440px, 100%);
}
@media only screen and (max-width: 679px) {
  #container .module_row.x_wide_row > .row_inner {
    max-width: 100vw;
  }
}
#container .module_row.wide_row > .row_inner {
  max-width: 1160px;
}
@media only screen and (max-width: 679px) {
  #container .module_row.wide_row > .row_inner {
    max-width: 100vw;
  }
}
#container .module_row.narrow_row > .row_inner {
  max-width: 750px;
  width: min(750px, 100%);
}
@media only screen and (max-width: 679px) {
  #container .module_row.narrow_row > .row_inner {
    max-width: 100vw;
  }
}
#container .module_row .row_inner {
  max-width: 960px;
  padding: 20px;
  margin: auto;
}
@media only screen and (max-width: 679px) {
  #container .module_row .row_inner {
    max-width: 100vw;
  }
}
#container .module_row.fullwidth > .row_inner {
  max-width: initial;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 679px) {
  #container .module_row.fullwidth > .row_inner {
    padding: 0 20px;
  }
}

.back-to-top {
  position: fixed;
  right: 40px;
  bottom: 80px;
  color: #fff;
  width: 40px;
  height: 40px;
  z-index: 2;
  display: none;
}
@media only screen and (max-width: 679px) {
  .back-to-top {
    position: absolute;
    right: 4vw;
    bottom: 18vw;
  }
}
.back-to-top:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #3c64c8;
}
.back-to-top:after {
  content: "↑";
  color: #fff;
  display: block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  left: 0;
  top: 0;
}

/*
_::-webkit-full-page-media, _:future, :root .main-head {
    text-underline-offset: 3px !important;
}*/
_:lang(x)::-moz-placeholder, .main-head {
  text-underline-offset: 9px !important;
  padding-bottom: 13px !important;
}

.uk-slidenav-next::before,
.uk-slidenav-previous::before {
  content: url(./assets/images/icon-next.svg);
}
.uk-slidenav-next svg,
.uk-slidenav-previous svg {
  opacity: 0;
  height: 0;
}

.uk-slidenav-previous::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  display: block;
}

.video-wrap {
  aspect-ratio: 16/9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.video-wrap iframe {
  border: 1px solid rgba(75, 86, 111, 0.4);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#tbp_content .post_content > .row_inner {
  padding: 0;
}

/* 個別ページ　*/
/*

*/
body.single-course #container h4,
body.single-lecture #container h4,
body.single-course_i #container h4,
body.single-symposium #container h4,
body.page-template-page-course-detail #container h4 {
  background-color: #4b566f;
  color: #fff;
  text-align: center;
  margin-top: 1.25rem;
}
@media only screen and (max-width: 679px) {
  body.single-course #container h4,
  body.single-lecture #container h4,
  body.single-course_i #container h4,
  body.single-symposium #container h4,
  body.page-template-page-course-detail #container h4 {
    font-size: 4.2666666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container h4,
  body.single-lecture #container h4,
  body.single-course_i #container h4,
  body.single-symposium #container h4,
  body.page-template-page-course-detail #container h4 {
    font-size: 1.25rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container h5,
body.single-lecture #container h5,
body.single-course_i #container h5,
body.single-symposium #container h5,
body.page-template-page-course-detail #container h5 {
  margin-top: 1.25rem;
}
body.single-course #container ul,
body.single-lecture #container ul,
body.single-course_i #container ul,
body.single-symposium #container ul,
body.page-template-page-course-detail #container ul {
  list-style: none;
  padding-left: 0;
}
body.single-course #container ul li,
body.single-lecture #container ul li,
body.single-course_i #container ul li,
body.single-symposium #container ul li,
body.page-template-page-course-detail #container ul li {
  text-indent: -1em;
  padding-left: 1em;
}
@media only screen and (max-width: 679px) {
  body.single-course #container ul li,
  body.single-lecture #container ul li,
  body.single-course_i #container ul li,
  body.single-symposium #container ul li,
  body.page-template-page-course-detail #container ul li {
    font-size: 2.7733333333vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container ul li,
  body.single-lecture #container ul li,
  body.single-course_i #container ul li,
  body.single-symposium #container ul li,
  body.page-template-page-course-detail #container ul li {
    font-size: 0.8125rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container ul li:before,
body.single-lecture #container ul li:before,
body.single-course_i #container ul li:before,
body.single-symposium #container ul li:before,
body.page-template-page-course-detail #container ul li:before {
  content: "・";
  margin-right: 0.275em;
  margin-left: 0.275em;
}
body.single-course #container ol,
body.single-lecture #container ol,
body.single-course_i #container ol,
body.single-symposium #container ol,
body.page-template-page-course-detail #container ol {
  list-style-type: none;
  padding-left: 0;
  counter-reset: number;
}
@media only screen and (max-width: 679px) {
  body.single-course #container ol > li,
  body.single-lecture #container ol > li,
  body.single-course_i #container ol > li,
  body.single-symposium #container ol > li,
  body.page-template-page-course-detail #container ol > li {
    font-size: 2.7733333333vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container ol > li,
  body.single-lecture #container ol > li,
  body.single-course_i #container ol > li,
  body.single-symposium #container ol > li,
  body.page-template-page-course-detail #container ol > li {
    font-size: 0.8125rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  body.single-course #container p,
  body.single-lecture #container p,
  body.single-course_i #container p,
  body.single-symposium #container p,
  body.page-template-page-course-detail #container p {
    font-size: 2.7733333333vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container p,
  body.single-lecture #container p,
  body.single-course_i #container p,
  body.single-symposium #container p,
  body.page-template-page-course-detail #container p {
    font-size: 0.8125rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container p.uc,
body.single-lecture #container p.uc,
body.single-course_i #container p.uc,
body.single-symposium #container p.uc,
body.page-template-page-course-detail #container p.uc {
  text-align: center;
  margin: 10% 0;
}
@media only screen and (max-width: 679px) {
  body.single-course #container p.uc,
  body.single-lecture #container p.uc,
  body.single-course_i #container p.uc,
  body.single-symposium #container p.uc,
  body.page-template-page-course-detail #container p.uc {
    font-size: 6.8266666667vw;
    font-weight: 300;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container p.uc,
  body.single-lecture #container p.uc,
  body.single-course_i #container p.uc,
  body.single-symposium #container p.uc,
  body.page-template-page-course-detail #container p.uc {
    font-size: 2rem;
    font-weight: 300;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container .levels,
body.single-lecture #container .levels,
body.single-course_i #container .levels,
body.single-symposium #container .levels,
body.page-template-page-course-detail #container .levels {
  margin-bottom: 0;
}
body.single-course #container .note, body.single-course #container .level_note,
body.single-lecture #container .note,
body.single-lecture #container .level_note,
body.single-course_i #container .note,
body.single-course_i #container .level_note,
body.single-symposium #container .note,
body.single-symposium #container .level_note,
body.page-template-page-course-detail #container .note,
body.page-template-page-course-detail #container .level_note {
  margin-top: 0;
}
@media only screen and (max-width: 679px) {
  body.single-course #container .note, body.single-course #container .level_note,
  body.single-lecture #container .note,
  body.single-lecture #container .level_note,
  body.single-course_i #container .note,
  body.single-course_i #container .level_note,
  body.single-symposium #container .note,
  body.single-symposium #container .level_note,
  body.page-template-page-course-detail #container .note,
  body.page-template-page-course-detail #container .level_note {
    font-size: 2.7733333333vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .note, body.single-course #container .level_note,
  body.single-lecture #container .note,
  body.single-lecture #container .level_note,
  body.single-course_i #container .note,
  body.single-course_i #container .level_note,
  body.single-symposium #container .note,
  body.single-symposium #container .level_note,
  body.page-template-page-course-detail #container .note,
  body.page-template-page-course-detail #container .level_note {
    font-size: 0.8125rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container .lectures,
body.single-lecture #container .lectures,
body.single-course_i #container .lectures,
body.single-symposium #container .lectures,
body.page-template-page-course-detail #container .lectures {
  border-collapse: collapse;
}
body.single-course #container .lectures tbody,
body.single-lecture #container .lectures tbody,
body.single-course_i #container .lectures tbody,
body.single-symposium #container .lectures tbody,
body.page-template-page-course-detail #container .lectures tbody {
  border-bottom: 3px solid #4a5770;
}
body.single-course #container .lectures tbody:nth-child(odd) td,
body.single-lecture #container .lectures tbody:nth-child(odd) td,
body.single-course_i #container .lectures tbody:nth-child(odd) td,
body.single-symposium #container .lectures tbody:nth-child(odd) td,
body.page-template-page-course-detail #container .lectures tbody:nth-child(odd) td {
  background-color: #e8f3fc;
}
body.single-course #container .lectures th,
body.single-lecture #container .lectures th,
body.single-course_i #container .lectures th,
body.single-symposium #container .lectures th,
body.page-template-page-course-detail #container .lectures th {
  background-color: #808a98;
  color: #fff;
}
@media only screen and (max-width: 679px) {
  body.single-course #container .lectures th,
  body.single-lecture #container .lectures th,
  body.single-course_i #container .lectures th,
  body.single-symposium #container .lectures th,
  body.page-template-page-course-detail #container .lectures th {
    font-size: 2.56vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .lectures th,
  body.single-lecture #container .lectures th,
  body.single-course_i #container .lectures th,
  body.single-symposium #container .lectures th,
  body.page-template-page-course-detail #container .lectures th {
    font-size: 0.75rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container .lectures th:nth-child(1),
body.single-lecture #container .lectures th:nth-child(1),
body.single-course_i #container .lectures th:nth-child(1),
body.single-symposium #container .lectures th:nth-child(1),
body.page-template-page-course-detail #container .lectures th:nth-child(1) {
  width: 30%;
  border-right: 1px solid #fff;
}
body.single-course #container .lectures th:nth-child(2),
body.single-lecture #container .lectures th:nth-child(2),
body.single-course_i #container .lectures th:nth-child(2),
body.single-symposium #container .lectures th:nth-child(2),
body.page-template-page-course-detail #container .lectures th:nth-child(2) {
  width: 70%;
}
@media only screen and (max-width: 679px) {
  body.single-course #container .lectures td,
  body.single-lecture #container .lectures td,
  body.single-course_i #container .lectures td,
  body.single-symposium #container .lectures td,
  body.page-template-page-course-detail #container .lectures td {
    font-size: 2.56vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .lectures td,
  body.single-lecture #container .lectures td,
  body.single-course_i #container .lectures td,
  body.single-symposium #container .lectures td,
  body.page-template-page-course-detail #container .lectures td {
    font-size: 0.75rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container .lectures td.lecture_title,
body.single-lecture #container .lectures td.lecture_title,
body.single-course_i #container .lectures td.lecture_title,
body.single-symposium #container .lectures td.lecture_title,
body.page-template-page-course-detail #container .lectures td.lecture_title {
  border-right: 1px solid #4a5770;
}
@media only screen and (max-width: 679px) {
  body.single-course #container .lectures td.lecture_title,
  body.single-lecture #container .lectures td.lecture_title,
  body.single-course_i #container .lectures td.lecture_title,
  body.single-symposium #container .lectures td.lecture_title,
  body.page-template-page-course-detail #container .lectures td.lecture_title {
    font-size: 2.9866666667vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .lectures td.lecture_title,
  body.single-lecture #container .lectures td.lecture_title,
  body.single-course_i #container .lectures td.lecture_title,
  body.single-symposium #container .lectures td.lecture_title,
  body.page-template-page-course-detail #container .lectures td.lecture_title {
    font-size: 0.875rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container .lectures td.features,
body.single-lecture #container .lectures td.features,
body.single-course_i #container .lectures td.features,
body.single-symposium #container .lectures td.features,
body.page-template-page-course-detail #container .lectures td.features {
  border-bottom: 1px dashed #4a5770;
}
body.single-course #container .lectures td.features .features,
body.single-lecture #container .lectures td.features .features,
body.single-course_i #container .lectures td.features .features,
body.single-symposium #container .lectures td.features .features,
body.page-template-page-course-detail #container .lectures td.features .features {
  margin-bottom: 0;
  list-style: none;
}
body.single-course #container .lectures td.features .features li,
body.single-lecture #container .lectures td.features .features li,
body.single-course_i #container .lectures td.features .features li,
body.single-symposium #container .lectures td.features .features li,
body.page-template-page-course-detail #container .lectures td.features .features li {
  text-indent: -1em;
  padding-left: 1em;
}
@media only screen and (max-width: 679px) {
  body.single-course #container .lectures td.features .features li,
  body.single-lecture #container .lectures td.features .features li,
  body.single-course_i #container .lectures td.features .features li,
  body.single-symposium #container .lectures td.features .features li,
  body.page-template-page-course-detail #container .lectures td.features .features li {
    font-size: 2.56vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .lectures td.features .features li,
  body.single-lecture #container .lectures td.features .features li,
  body.single-course_i #container .lectures td.features .features li,
  body.single-symposium #container .lectures td.features .features li,
  body.page-template-page-course-detail #container .lectures td.features .features li {
    font-size: 0.75rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container .lectures td.features .features li:before,
body.single-lecture #container .lectures td.features .features li:before,
body.single-course_i #container .lectures td.features .features li:before,
body.single-symposium #container .lectures td.features .features li:before,
body.page-template-page-course-detail #container .lectures td.features .features li:before {
  content: "◆";
  margin: 0;
}
body.single-course #container .lectures td.content,
body.single-lecture #container .lectures td.content,
body.single-course_i #container .lectures td.content,
body.single-symposium #container .lectures td.content,
body.page-template-page-course-detail #container .lectures td.content {
  border-bottom: 1px dashed #4a5770;
}
body.single-course #container .lectures td:not(.lecture_title),
body.single-lecture #container .lectures td:not(.lecture_title),
body.single-course_i #container .lectures td:not(.lecture_title),
body.single-symposium #container .lectures td:not(.lecture_title),
body.page-template-page-course-detail #container .lectures td:not(.lecture_title) {
  padding: 0.5rem;
}
@media only screen and (max-width: 679px) {
  body.single-course #container .lectures thead,
  body.single-lecture #container .lectures thead,
  body.single-course_i #container .lectures thead,
  body.single-symposium #container .lectures thead,
  body.page-template-page-course-detail #container .lectures thead {
    display: none;
  }
  body.single-course #container .lectures tbody,
  body.single-lecture #container .lectures tbody,
  body.single-course_i #container .lectures tbody,
  body.single-symposium #container .lectures tbody,
  body.page-template-page-course-detail #container .lectures tbody {
    border-width: 1px;
    display: block;
  }
  body.single-course #container .lectures tbody + tbody,
  body.single-lecture #container .lectures tbody + tbody,
  body.single-course_i #container .lectures tbody + tbody,
  body.single-symposium #container .lectures tbody + tbody,
  body.page-template-page-course-detail #container .lectures tbody + tbody {
    margin-top: 1rem;
  }
  body.single-course #container .lectures tbody:nth-child(odd) td,
  body.single-lecture #container .lectures tbody:nth-child(odd) td,
  body.single-course_i #container .lectures tbody:nth-child(odd) td,
  body.single-symposium #container .lectures tbody:nth-child(odd) td,
  body.page-template-page-course-detail #container .lectures tbody:nth-child(odd) td {
    background-color: transparent;
  }
  body.single-course #container .lectures td,
  body.single-lecture #container .lectures td,
  body.single-course_i #container .lectures td,
  body.single-symposium #container .lectures td,
  body.page-template-page-course-detail #container .lectures td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100vw - 20px * 2);
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.single-course #container .lectures td.lecture_title,
  body.single-lecture #container .lectures td.lecture_title,
  body.single-course_i #container .lectures td.lecture_title,
  body.single-symposium #container .lectures td.lecture_title,
  body.page-template-page-course-detail #container .lectures td.lecture_title {
    border: none;
  }
}
@media only screen and (max-width: 679px) and (max-width: 679px) {
  body.single-course #container .lectures td.lecture_title,
  body.single-lecture #container .lectures td.lecture_title,
  body.single-course_i #container .lectures td.lecture_title,
  body.single-symposium #container .lectures td.lecture_title,
  body.page-template-page-course-detail #container .lectures td.lecture_title {
    font-size: 4.2666666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) and (min-width: 680px) {
  body.single-course #container .lectures td.lecture_title,
  body.single-lecture #container .lectures td.lecture_title,
  body.single-course_i #container .lectures td.lecture_title,
  body.single-symposium #container .lectures td.lecture_title,
  body.page-template-page-course-detail #container .lectures td.lecture_title {
    font-size: 1.25rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container .fees,
body.single-course #container .dates,
body.single-lecture #container .fees,
body.single-lecture #container .dates,
body.single-course_i #container .fees,
body.single-course_i #container .dates,
body.single-symposium #container .fees,
body.single-symposium #container .dates,
body.page-template-page-course-detail #container .fees,
body.page-template-page-course-detail #container .dates {
  width: 100%;
  border-collapse: collapse;
}
body.single-course #container .fees thead.style,
body.single-course #container .dates thead.style,
body.single-lecture #container .fees thead.style,
body.single-lecture #container .dates thead.style,
body.single-course_i #container .fees thead.style,
body.single-course_i #container .dates thead.style,
body.single-symposium #container .fees thead.style,
body.single-symposium #container .dates thead.style,
body.page-template-page-course-detail #container .fees thead.style,
body.page-template-page-course-detail #container .dates thead.style {
  border-bottom: 1px solid #fff;
}
body.single-course #container .fees tbody,
body.single-course #container .dates tbody,
body.single-lecture #container .fees tbody,
body.single-lecture #container .dates tbody,
body.single-course_i #container .fees tbody,
body.single-course_i #container .dates tbody,
body.single-symposium #container .fees tbody,
body.single-symposium #container .dates tbody,
body.page-template-page-course-detail #container .fees tbody,
body.page-template-page-course-detail #container .dates tbody {
  border-bottom: 3px solid #4a5770;
}
body.single-course #container .fees th,
body.single-course #container .dates th,
body.single-lecture #container .fees th,
body.single-lecture #container .dates th,
body.single-course_i #container .fees th,
body.single-course_i #container .dates th,
body.single-symposium #container .fees th,
body.single-symposium #container .dates th,
body.page-template-page-course-detail #container .fees th,
body.page-template-page-course-detail #container .dates th {
  background-color: #808a98;
  color: #fff;
}
@media only screen and (max-width: 679px) {
  body.single-course #container .fees th,
  body.single-course #container .dates th,
  body.single-lecture #container .fees th,
  body.single-lecture #container .dates th,
  body.single-course_i #container .fees th,
  body.single-course_i #container .dates th,
  body.single-symposium #container .fees th,
  body.single-symposium #container .dates th,
  body.page-template-page-course-detail #container .fees th,
  body.page-template-page-course-detail #container .dates th {
    font-size: 2.56vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .fees th,
  body.single-course #container .dates th,
  body.single-lecture #container .fees th,
  body.single-lecture #container .dates th,
  body.single-course_i #container .fees th,
  body.single-course_i #container .dates th,
  body.single-symposium #container .fees th,
  body.single-symposium #container .dates th,
  body.page-template-page-course-detail #container .fees th,
  body.page-template-page-course-detail #container .dates th {
    font-size: 0.75rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  body.single-course #container .fees th.style,
  body.single-course #container .dates th.style,
  body.single-lecture #container .fees th.style,
  body.single-lecture #container .dates th.style,
  body.single-course_i #container .fees th.style,
  body.single-course_i #container .dates th.style,
  body.single-symposium #container .fees th.style,
  body.single-symposium #container .dates th.style,
  body.page-template-page-course-detail #container .fees th.style,
  body.page-template-page-course-detail #container .dates th.style {
    font-size: 2.9866666667vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .fees th.style,
  body.single-course #container .dates th.style,
  body.single-lecture #container .fees th.style,
  body.single-lecture #container .dates th.style,
  body.single-course_i #container .fees th.style,
  body.single-course_i #container .dates th.style,
  body.single-symposium #container .fees th.style,
  body.single-symposium #container .dates th.style,
  body.page-template-page-course-detail #container .fees th.style,
  body.page-template-page-course-detail #container .dates th.style {
    font-size: 0.875rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container .fees th:not(:last-child),
body.single-course #container .dates th:not(:last-child),
body.single-lecture #container .fees th:not(:last-child),
body.single-lecture #container .dates th:not(:last-child),
body.single-course_i #container .fees th:not(:last-child),
body.single-course_i #container .dates th:not(:last-child),
body.single-symposium #container .fees th:not(:last-child),
body.single-symposium #container .dates th:not(:last-child),
body.page-template-page-course-detail #container .fees th:not(:last-child),
body.page-template-page-course-detail #container .dates th:not(:last-child) {
  border-right: 1px solid #fff;
}
body.single-course #container .fees td,
body.single-course #container .dates td,
body.single-lecture #container .fees td,
body.single-lecture #container .dates td,
body.single-course_i #container .fees td,
body.single-course_i #container .dates td,
body.single-symposium #container .fees td,
body.single-symposium #container .dates td,
body.page-template-page-course-detail #container .fees td,
body.page-template-page-course-detail #container .dates td {
  text-align: center;
  width: 33.3%;
}
@media only screen and (max-width: 679px) {
  body.single-course #container .fees td,
  body.single-course #container .dates td,
  body.single-lecture #container .fees td,
  body.single-lecture #container .dates td,
  body.single-course_i #container .fees td,
  body.single-course_i #container .dates td,
  body.single-symposium #container .fees td,
  body.single-symposium #container .dates td,
  body.page-template-page-course-detail #container .fees td,
  body.page-template-page-course-detail #container .dates td {
    font-size: 3.84vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .fees td,
  body.single-course #container .dates td,
  body.single-lecture #container .fees td,
  body.single-lecture #container .dates td,
  body.single-course_i #container .fees td,
  body.single-course_i #container .dates td,
  body.single-symposium #container .fees td,
  body.single-symposium #container .dates td,
  body.page-template-page-course-detail #container .fees td,
  body.page-template-page-course-detail #container .dates td {
    font-size: 1.125rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container .fees td:not(:last-child),
body.single-course #container .dates td:not(:last-child),
body.single-lecture #container .fees td:not(:last-child),
body.single-lecture #container .dates td:not(:last-child),
body.single-course_i #container .fees td:not(:last-child),
body.single-course_i #container .dates td:not(:last-child),
body.single-symposium #container .fees td:not(:last-child),
body.single-symposium #container .dates td:not(:last-child),
body.page-template-page-course-detail #container .fees td:not(:last-child),
body.page-template-page-course-detail #container .dates td:not(:last-child) {
  border-right: 1px solid #4a5770;
}
@media only screen and (max-width: 679px) and (max-width: 679px) {
  body.single-course #container .fees td,
  body.single-course #container .dates td,
  body.single-lecture #container .fees td,
  body.single-lecture #container .dates td,
  body.single-course_i #container .fees td,
  body.single-course_i #container .dates td,
  body.single-symposium #container .fees td,
  body.single-symposium #container .dates td,
  body.page-template-page-course-detail #container .fees td,
  body.page-template-page-course-detail #container .dates td {
    font-size: 2.7733333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) and (min-width: 680px) {
  body.single-course #container .fees td,
  body.single-course #container .dates td,
  body.single-lecture #container .fees td,
  body.single-lecture #container .dates td,
  body.single-course_i #container .fees td,
  body.single-course_i #container .dates td,
  body.single-symposium #container .fees td,
  body.single-symposium #container .dates td,
  body.page-template-page-course-detail #container .fees td,
  body.page-template-page-course-detail #container .dates td {
    font-size: 0.8125rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container .fees + table,
body.single-course #container .dates + table,
body.single-lecture #container .fees + table,
body.single-lecture #container .dates + table,
body.single-course_i #container .fees + table,
body.single-course_i #container .dates + table,
body.single-symposium #container .fees + table,
body.single-symposium #container .dates + table,
body.page-template-page-course-detail #container .fees + table,
body.page-template-page-course-detail #container .dates + table {
  margin-top: 1rem;
}
body.single-course #container .dates,
body.single-lecture #container .dates,
body.single-course_i #container .dates,
body.single-symposium #container .dates,
body.page-template-page-course-detail #container .dates {
  table-layout: fixed;
}
body.single-course #container .dates .name,
body.single-lecture #container .dates .name,
body.single-course_i #container .dates .name,
body.single-symposium #container .dates .name,
body.page-template-page-course-detail #container .dates .name {
  width: 50%;
}
body.single-course #container .dates .date,
body.single-lecture #container .dates .date,
body.single-course_i #container .dates .date,
body.single-symposium #container .dates .date,
body.page-template-page-course-detail #container .dates .date {
  width: 20%;
}
body.single-course #container .dates .start,
body.single-course #container .dates .end,
body.single-lecture #container .dates .start,
body.single-lecture #container .dates .end,
body.single-course_i #container .dates .start,
body.single-course_i #container .dates .end,
body.single-symposium #container .dates .start,
body.single-symposium #container .dates .end,
body.page-template-page-course-detail #container .dates .start,
body.page-template-page-course-detail #container .dates .end {
  width: 15%;
}
body.single-course #container .schedules,
body.single-lecture #container .schedules,
body.single-course_i #container .schedules,
body.single-symposium #container .schedules,
body.page-template-page-course-detail #container .schedules {
  width: 100%;
  border-collapse: collapse;
}
body.single-course #container .schedules th,
body.single-lecture #container .schedules th,
body.single-course_i #container .schedules th,
body.single-symposium #container .schedules th,
body.page-template-page-course-detail #container .schedules th {
  background-color: #808a98;
  color: #fff;
  text-align: left;
  padding: 0.25em;
}
@media only screen and (max-width: 679px) {
  body.single-course #container .schedules th,
  body.single-lecture #container .schedules th,
  body.single-course_i #container .schedules th,
  body.single-symposium #container .schedules th,
  body.page-template-page-course-detail #container .schedules th {
    font-size: 2.56vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .schedules th,
  body.single-lecture #container .schedules th,
  body.single-course_i #container .schedules th,
  body.single-symposium #container .schedules th,
  body.page-template-page-course-detail #container .schedules th {
    font-size: 0.75rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container .schedules td,
body.single-lecture #container .schedules td,
body.single-course_i #container .schedules td,
body.single-symposium #container .schedules td,
body.page-template-page-course-detail #container .schedules td {
  border-bottom: 1px solid #8c9caa;
}
@media only screen and (max-width: 679px) {
  body.single-course #container .schedules td,
  body.single-lecture #container .schedules td,
  body.single-course_i #container .schedules td,
  body.single-symposium #container .schedules td,
  body.page-template-page-course-detail #container .schedules td {
    font-size: 4.2666666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .schedules td,
  body.single-lecture #container .schedules td,
  body.single-course_i #container .schedules td,
  body.single-symposium #container .schedules td,
  body.page-template-page-course-detail #container .schedules td {
    font-size: 1.25rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container .schedules td:nth-child(1),
body.single-lecture #container .schedules td:nth-child(1),
body.single-course_i #container .schedules td:nth-child(1),
body.single-symposium #container .schedules td:nth-child(1),
body.page-template-page-course-detail #container .schedules td:nth-child(1) {
  width: 20%;
}
body.single-course #container .schedules td:nth-child(2),
body.single-lecture #container .schedules td:nth-child(2),
body.single-course_i #container .schedules td:nth-child(2),
body.single-symposium #container .schedules td:nth-child(2),
body.page-template-page-course-detail #container .schedules td:nth-child(2) {
  width: 66%;
}
body.single-course #container .schedules td:nth-child(3),
body.single-lecture #container .schedules td:nth-child(3),
body.single-course_i #container .schedules td:nth-child(3),
body.single-symposium #container .schedules td:nth-child(3),
body.page-template-page-course-detail #container .schedules td:nth-child(3) {
  width: 14%;
}
@media only screen and (max-width: 679px) and (max-width: 679px) {
  body.single-course #container .schedules td,
  body.single-lecture #container .schedules td,
  body.single-course_i #container .schedules td,
  body.single-symposium #container .schedules td,
  body.page-template-page-course-detail #container .schedules td {
    font-size: 3.4133333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) and (min-width: 680px) {
  body.single-course #container .schedules td,
  body.single-lecture #container .schedules td,
  body.single-course_i #container .schedules td,
  body.single-symposium #container .schedules td,
  body.page-template-page-course-detail #container .schedules td {
    font-size: 1rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  body.single-course #container .schedules td:nth-child(2),
  body.single-lecture #container .schedules td:nth-child(2),
  body.single-course_i #container .schedules td:nth-child(2),
  body.single-symposium #container .schedules td:nth-child(2),
  body.page-template-page-course-detail #container .schedules td:nth-child(2) {
    width: 60%;
  }
  body.single-course #container .schedules td:nth-child(3),
  body.single-lecture #container .schedules td:nth-child(3),
  body.single-course_i #container .schedules td:nth-child(3),
  body.single-symposium #container .schedules td:nth-child(3),
  body.page-template-page-course-detail #container .schedules td:nth-child(3) {
    width: 20%;
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
body.single-course #container .schedules td .uk-button,
body.single-lecture #container .schedules td .uk-button,
body.single-course_i #container .schedules td .uk-button,
body.single-symposium #container .schedules td .uk-button,
body.page-template-page-course-detail #container .schedules td .uk-button {
  padding: 0;
  line-height: 22px;
  border: none;
  background-color: #666f85;
  color: #fff;
  border-radius: 4px;
  display: block;
}
@media only screen and (max-width: 679px) {
  body.single-course #container .schedules td .uk-button,
  body.single-lecture #container .schedules td .uk-button,
  body.single-course_i #container .schedules td .uk-button,
  body.single-symposium #container .schedules td .uk-button,
  body.page-template-page-course-detail #container .schedules td .uk-button {
    font-size: 2.9866666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .schedules td .uk-button,
  body.single-lecture #container .schedules td .uk-button,
  body.single-course_i #container .schedules td .uk-button,
  body.single-symposium #container .schedules td .uk-button,
  body.page-template-page-course-detail #container .schedules td .uk-button {
    font-size: 0.875rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .balloon_wrap.count1,
  body.single-lecture #container .balloon_wrap.count1,
  body.single-course_i #container .balloon_wrap.count1,
  body.single-symposium #container .balloon_wrap.count1,
  body.page-template-page-course-detail #container .balloon_wrap.count1 {
    width: 48%;
    margin: auto;
  }
}
body.single-course #container .messages,
body.single-lecture #container .messages,
body.single-course_i #container .messages,
body.single-symposium #container .messages,
body.page-template-page-course-detail #container .messages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body.single-course #container .messages li,
body.single-lecture #container .messages li,
body.single-course_i #container .messages li,
body.single-symposium #container .messages li,
body.page-template-page-course-detail #container .messages li {
  width: 48%;
  margin: auto;
  padding: 0;
  text-indent: 0;
}
@media only screen and (min-width: 680px) {
  body.single-course #container .messages li:nth-child(3),
  body.single-lecture #container .messages li:nth-child(3),
  body.single-course_i #container .messages li:nth-child(3),
  body.single-symposium #container .messages li:nth-child(3),
  body.page-template-page-course-detail #container .messages li:nth-child(3) {
    margin-left: 0.48%;
    margin-top: 2%;
  }
}
body.single-course #container .messages li:nth-child(even),
body.single-lecture #container .messages li:nth-child(even),
body.single-course_i #container .messages li:nth-child(even),
body.single-symposium #container .messages li:nth-child(even),
body.page-template-page-course-detail #container .messages li:nth-child(even) {
  padding-left: 2%;
  border-left: 1px dashed #3c4b61;
}
@media only screen and (max-width: 679px) {
  body.single-course #container .messages li,
  body.single-lecture #container .messages li,
  body.single-course_i #container .messages li,
  body.single-symposium #container .messages li,
  body.page-template-page-course-detail #container .messages li {
    width: 100%;
  }
  body.single-course #container .messages li:nth-child(n+2),
  body.single-lecture #container .messages li:nth-child(n+2),
  body.single-course_i #container .messages li:nth-child(n+2),
  body.single-symposium #container .messages li:nth-child(n+2),
  body.page-template-page-course-detail #container .messages li:nth-child(n+2) {
    padding-left: 0;
    border-left: none;
    padding-top: 2%;
    margin-top: 2%;
    border-top: 1px dashed #3c4b61;
  }
}
body.single-course #container .messages li::before,
body.single-lecture #container .messages li::before,
body.single-course_i #container .messages li::before,
body.single-symposium #container .messages li::before,
body.page-template-page-course-detail #container .messages li::before {
  content: "";
  margin: 0;
}
body.single-course #container .messages li h5,
body.single-lecture #container .messages li h5,
body.single-course_i #container .messages li h5,
body.single-symposium #container .messages li h5,
body.page-template-page-course-detail #container .messages li h5 {
  color: #4b566f;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 679px) {
  body.single-course #container .messages li h5,
  body.single-lecture #container .messages li h5,
  body.single-course_i #container .messages li h5,
  body.single-symposium #container .messages li h5,
  body.page-template-page-course-detail #container .messages li h5 {
    font-size: 3.84vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .messages li h5,
  body.single-lecture #container .messages li h5,
  body.single-course_i #container .messages li h5,
  body.single-symposium #container .messages li h5,
  body.page-template-page-course-detail #container .messages li h5 {
    font-size: 1.125rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  body.single-course #container .messages li h5 .teacher,
  body.single-lecture #container .messages li h5 .teacher,
  body.single-course_i #container .messages li h5 .teacher,
  body.single-symposium #container .messages li h5 .teacher,
  body.page-template-page-course-detail #container .messages li h5 .teacher {
    font-size: 2.9866666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .messages li h5 .teacher,
  body.single-lecture #container .messages li h5 .teacher,
  body.single-course_i #container .messages li h5 .teacher,
  body.single-symposium #container .messages li h5 .teacher,
  body.page-template-page-course-detail #container .messages li h5 .teacher {
    font-size: 0.875rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container .messages li figure,
body.single-lecture #container .messages li figure,
body.single-course_i #container .messages li figure,
body.single-symposium #container .messages li figure,
body.page-template-page-course-detail #container .messages li figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.5rem;
  margin-bottom: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
body.single-course #container .messages li figure figcaption,
body.single-lecture #container .messages li figure figcaption,
body.single-course_i #container .messages li figure figcaption,
body.single-symposium #container .messages li figure figcaption,
body.page-template-page-course-detail #container .messages li figure figcaption {
  width: calc(100% - 100px);
}
@media only screen and (max-width: 679px) {
  body.single-course #container .messages li figure figcaption,
  body.single-lecture #container .messages li figure figcaption,
  body.single-course_i #container .messages li figure figcaption,
  body.single-symposium #container .messages li figure figcaption,
  body.page-template-page-course-detail #container .messages li figure figcaption {
    font-size: 2.7733333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .messages li figure figcaption,
  body.single-lecture #container .messages li figure figcaption,
  body.single-course_i #container .messages li figure figcaption,
  body.single-symposium #container .messages li figure figcaption,
  body.page-template-page-course-detail #container .messages li figure figcaption {
    font-size: 0.8125rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container .messages li figure img,
body.single-lecture #container .messages li figure img,
body.single-course_i #container .messages li figure img,
body.single-symposium #container .messages li figure img,
body.page-template-page-course-detail #container .messages li figure img {
  width: 83px;
  border-radius: 6px;
}
body.single-course #container .curriculums > li + li,
body.single-lecture #container .curriculums > li + li,
body.single-course_i #container .curriculums > li + li,
body.single-symposium #container .curriculums > li + li,
body.page-template-page-course-detail #container .curriculums > li + li {
  border-top: 1px solid #4b566f;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}
body.single-course #container .curriculums > li h5,
body.single-lecture #container .curriculums > li h5,
body.single-course_i #container .curriculums > li h5,
body.single-symposium #container .curriculums > li h5,
body.page-template-page-course-detail #container .curriculums > li h5 {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 0;
}
@media only screen and (max-width: 679px) {
  body.single-course #container .curriculums > li h5,
  body.single-lecture #container .curriculums > li h5,
  body.single-course_i #container .curriculums > li h5,
  body.single-symposium #container .curriculums > li h5,
  body.page-template-page-course-detail #container .curriculums > li h5 {
    font-size: 2.7733333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course #container .curriculums > li h5,
  body.single-lecture #container .curriculums > li h5,
  body.single-course_i #container .curriculums > li h5,
  body.single-symposium #container .curriculums > li h5,
  body.page-template-page-course-detail #container .curriculums > li h5 {
    font-size: 0.8125rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course #container .curriculums > li h5:before,
body.single-lecture #container .curriculums > li h5:before,
body.single-course_i #container .curriculums > li h5:before,
body.single-symposium #container .curriculums > li h5:before,
body.page-template-page-course-detail #container .curriculums > li h5:before {
  counter-increment: number;
  content: counter(number) "）";
}
body.single-course #container #feature .row_inner,
body.single-course #container #movie .row_inner,
body.single-course #container #program .row_inner,
body.single-lecture #container #feature .row_inner,
body.single-lecture #container #movie .row_inner,
body.single-lecture #container #program .row_inner,
body.single-course_i #container #feature .row_inner,
body.single-course_i #container #movie .row_inner,
body.single-course_i #container #program .row_inner,
body.single-symposium #container #feature .row_inner,
body.single-symposium #container #movie .row_inner,
body.single-symposium #container #program .row_inner,
body.page-template-page-course-detail #container #feature .row_inner,
body.page-template-page-course-detail #container #movie .row_inner,
body.page-template-page-course-detail #container #program .row_inner {
  max-width: 700px;
}
@media only screen and (max-width: 679px) {
  body.single-course #container #feature .row_inner,
  body.single-course #container #movie .row_inner,
  body.single-course #container #program .row_inner,
  body.single-lecture #container #feature .row_inner,
  body.single-lecture #container #movie .row_inner,
  body.single-lecture #container #program .row_inner,
  body.single-course_i #container #feature .row_inner,
  body.single-course_i #container #movie .row_inner,
  body.single-course_i #container #program .row_inner,
  body.single-symposium #container #feature .row_inner,
  body.single-symposium #container #movie .row_inner,
  body.single-symposium #container #program .row_inner,
  body.page-template-page-course-detail #container #feature .row_inner,
  body.page-template-page-course-detail #container #movie .row_inner,
  body.page-template-page-course-detail #container #program .row_inner {
    max-width: 100vw;
  }
}
body.single-course #container #message .row_inner,
body.single-course #container #message-top .row_inner,
body.single-lecture #container #message .row_inner,
body.single-lecture #container #message-top .row_inner,
body.single-course_i #container #message .row_inner,
body.single-course_i #container #message-top .row_inner,
body.single-symposium #container #message .row_inner,
body.single-symposium #container #message-top .row_inner,
body.page-template-page-course-detail #container #message .row_inner,
body.page-template-page-course-detail #container #message-top .row_inner {
  max-width: 1120px;
}
@media only screen and (max-width: 679px) {
  body.single-course #container #message .row_inner,
  body.single-course #container #message-top .row_inner,
  body.single-lecture #container #message .row_inner,
  body.single-lecture #container #message-top .row_inner,
  body.single-course_i #container #message .row_inner,
  body.single-course_i #container #message-top .row_inner,
  body.single-symposium #container #message .row_inner,
  body.single-symposium #container #message-top .row_inner,
  body.page-template-page-course-detail #container #message .row_inner,
  body.page-template-page-course-detail #container #message-top .row_inner {
    max-width: 100vw;
  }
}
body.single-course #row_post_content,
body.single-lecture #row_post_content,
body.single-course_i #row_post_content,
body.single-symposium #row_post_content,
body.page-template-page-course-detail #row_post_content {
  margin-left: -40px;
}

body.single-course .messages figcaption .teacher {
  display: none;
}
@media only screen and (min-width: 680px) {
  body.single-course.bsc #head img {
    width: calc(243 * 1px);
  }
  body.single-course.bac #head img {
    width: calc(426 * 1px);
  }
  body.single-course.oqc #head img {
    width: calc(488 * 1px);
  }
  body.single-course.dtc #head img {
    width: calc(588 * 1px);
  }
  body.single-course.dfc #head img {
    width: calc(841 * 1px);
  }
  body.single-course.dfp #head img {
    width: calc(841 * 1px);
  }
}
@media only screen and (max-width: 679px) {
  body.single-course.bsc #head img {
    width: calc(12vw * 4);
  }
  body.single-course.bac #head img {
    width: calc(12vw * 4);
  }
  body.single-course.oqc #head img {
    width: calc(12vw * 5);
  }
  body.single-course.dtc #head img {
    width: calc(12vw * 5);
  }
  body.single-course.dfc #head img {
    width: calc(12vw * 6);
  }
  body.single-course.dfp #head img {
    width: calc(12vw * 6);
  }
}

body.single-lecture #message .messages h5,
body.single-lecture #message-top .messages h5 {
  display: none;
}
body.single-lecture #message .messages figure,
body.single-lecture #message-top .messages figure {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media only screen and (max-width: 679px) {
  body.single-course_i #container ul li,
  body.page-template-page-course-detail #container ul li {
    font-size: 2.9866666667vw;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course_i #container ul li,
  body.page-template-page-course-detail #container ul li {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course_i #container ul li:not(.noval):before,
body.page-template-page-course-detail #container ul li:not(.noval):before {
  content: "●";
  color: #939aa9;
  margin: 0;
}
body.single-course_i #container ul li.noval:before,
body.page-template-page-course-detail #container ul li.noval:before {
  content: "";
  display: none;
}
body.single-course_i #container ul li .gallery,
body.page-template-page-course-detail #container ul li .gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: -1em;
  margin-bottom: 2em;
}
body.single-course_i #container ul li .gallery img,
body.page-template-page-course-detail #container ul li .gallery img {
  width: 48.5%;
  margin-top: 1.5%;
}
@media only screen and (max-width: 679px) {
  body.single-course_i #container ul li .gallery img,
  body.page-template-page-course-detail #container ul li .gallery img {
    width: 100%;
  }
}
body.single-course_i #container .curriculums > li + li,
body.page-template-page-course-detail #container .curriculums > li + li {
  border-top: none;
}
body.single-course_i #container .curriculums > li + li.notitle,
body.page-template-page-course-detail #container .curriculums > li + li.notitle {
  margin-top: 0;
  padding-top: 0;
}
body.single-course_i #container .curriculums > li h5,
body.page-template-page-course-detail #container .curriculums > li h5 {
  background-color: #808a98;
  color: #fff;
  min-width: 5em;
  text-align: center;
  padding: 0.25em 0.5em;
}
@media only screen and (max-width: 679px) {
  body.single-course_i #container .curriculums > li h5,
  body.page-template-page-course-detail #container .curriculums > li h5 {
    font-size: 2.9866666667vw;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course_i #container .curriculums > li h5,
  body.page-template-page-course-detail #container .curriculums > li h5 {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course_i #container .curriculums > li h5:before,
body.page-template-page-course-detail #container .curriculums > li h5:before {
  content: "";
}
body.single-course_i #container .curriculums > li p,
body.page-template-page-course-detail #container .curriculums > li p {
  margin: 0 0 0.75rem;
}
body.single-course_i #container .points .shortcode.button,
body.page-template-page-course-detail #container .points .shortcode.button {
  padding: 0.875rem 2.075rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1;
  text-indent: 0;
  border-color: rgba(0, 0, 0, 0.05);
  margin: 1em auto 2em;
  display: block;
  width: 232px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}
@media only screen and (max-width: 679px) {
  body.single-course_i #container .points .shortcode.button,
  body.page-template-page-course-detail #container .points .shortcode.button {
    font-size: 1.1rem;
    width: 201px;
  }
}

body.page-template-page-course-detail #container .module-text {
  max-width: 700px;
  margin: auto;
}

body.single-symposium #container .page_title .row_inner {
  padding-bottom: 0;
}
body.single-symposium #container .page_title .row_inner .fancy-heading {
  margin-bottom: 0;
}
body.single-symposium #container .page_title .row_inner .fancy-heading .sub-head {
  color: #3c4d61;
  padding-top: 1em;
}
@media only screen and (max-width: 679px) {
  body.single-symposium #container .page_title .row_inner .fancy-heading .sub-head {
    font-size: 7.68vw;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-symposium #container .page_title .row_inner .fancy-heading .sub-head {
    font-size: 2.25rem;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-symposium #container .page_title .row_inner .cover_image img {
  max-width: 660px;
}
@media only screen and (max-width: 679px) {
  body.single-symposium #container .page_title .row_inner .cover_image img {
    max-width: 100%;
  }
}
body.single-symposium #container #program .row_inner {
  padding-bottom: 0;
}
body.single-symposium #container #program .row_inner .datetime {
  text-align: center;
  color: #4e6da3;
}
@media only screen and (max-width: 679px) {
  body.single-symposium #container #program .row_inner .datetime {
    font-size: 4.2666666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-symposium #container #program .row_inner .datetime {
    font-size: 1.25rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-symposium #container #program .row_inner .datetime .time {
  margin-left: 1em;
}
body.single-symposium #container #program .row_inner .style_desc {
  text-align: center;
  margin: 1em auto;
}
body.single-symposium #container #program .row_inner .style_desc .tb_text_wrap {
  display: inline-block;
  color: #4b566f;
  background-color: #fff;
  padding: 0.25em 1em;
  border-radius: 100px;
}
@media only screen and (max-width: 679px) {
  body.single-symposium #container #program .row_inner .style_desc .tb_text_wrap {
    font-size: 3.4133333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-symposium #container #program .row_inner .style_desc .tb_text_wrap {
    font-size: 1rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-symposium #container #program .row_inner .desc {
  color: #4b566f;
}
@media only screen and (max-width: 679px) {
  body.single-symposium #container #program .row_inner .desc {
    font-size: 3.4133333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-symposium #container #program .row_inner .desc {
    font-size: 1rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-symposium #container #program .row_inner h4 {
  background-color: #72787e;
}
body.single-symposium #container #program .row_inner .row_programs {
  background-color: #f5eac8;
  border-top: 3px solid #d7b050;
  padding: 1rem;
  margin-bottom: 2em;
}
body.single-symposium #container #program .row_inner .row_programs h3 {
  margin-top: -1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  background-color: #d7b050;
  color: #3c4d61;
}
@media only screen and (max-width: 679px) {
  body.single-symposium #container #program .row_inner .row_programs h3 {
    font-size: 5.5466666667vw;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-symposium #container #program .row_inner .row_programs h3 {
    font-size: 1.625rem;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-symposium #container #program .row_inner .row_programs h3 .sub-head {
  font-size: 0;
}
body.single-symposium #container #program .row_inner .row_programs .programs {
  margin-bottom: 0;
}
body.single-symposium #container #program .row_inner .row_programs .programs > li {
  padding-left: 0;
  text-indent: 0;
}
body.single-symposium #container #program .row_inner .row_programs .programs > li::before {
  content: "";
  display: none;
}
body.single-symposium #container #program .row_inner .row_programs .programs > li h5 {
  margin-bottom: 0;
  margin-top: 1rem;
}
body.single-symposium #container #program .row_inner .row_programs .programs > li h5 .subtitle {
  background-color: #d7b050;
  color: #fff;
  padding: 0.2em 0.25em;
  /*width: 3.5em;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (max-width: 679px) {
  body.single-symposium #container #program .row_inner .row_programs .programs > li h5 .subtitle {
    font-size: 3.4133333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-symposium #container #program .row_inner .row_programs .programs > li h5 .subtitle {
    font-size: 1rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-symposium #container #program .row_inner .row_programs .programs > li h5 .title {
  background-color: #fff;
  color: #4b566f;
  padding: 0.2em 0.25em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  line-height: 1;
  text-align: left;
}
@media only screen and (max-width: 679px) {
  body.single-symposium #container #program .row_inner .row_programs .programs > li h5 .title {
    font-size: 3.4133333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-symposium #container #program .row_inner .row_programs .programs > li h5 .title {
    font-size: 1rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-symposium #container #program .row_inner .row_programs .programs > li:last-child {
  border-top: 1px solid #d7b050;
  margin-top: 0.5rem;
}
body.single-symposium #container #program .row_inner .row_programs .themes li {
  padding: 0.5em 0;
  text-indent: 0;
}
body.single-symposium #container #program .row_inner .row_programs .themes li::before {
  content: "";
  display: none;
}
body.single-symposium #container #program .row_inner .row_programs .themes li .theme {
  color: #4e6da3;
  line-height: 1.25;
}
@media only screen and (max-width: 679px) {
  body.single-symposium #container #program .row_inner .row_programs .themes li .theme {
    font-size: 4.2666666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-symposium #container #program .row_inner .row_programs .themes li .theme {
    font-size: 1.25rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-symposium #container #program .row_inner .row_programs .themes li .speaker {
  line-height: 1.25;
  color: #4b566f;
  text-indent: -1em;
  padding-left: 1em;
}
@media only screen and (max-width: 679px) {
  body.single-symposium #container #program .row_inner .row_programs .themes li .speaker {
    font-size: 3.4133333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-symposium #container #program .row_inner .row_programs .themes li .speaker {
    font-size: 1rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-symposium #container #program .row_inner .row_programs .themes li .speaker::before {
  content: "◆";
}
body.single-symposium #container #program .row_inner .row_programs .themes li .speaker .detail {
  margin-left: 1em;
}
@media only screen and (max-width: 679px) {
  body.single-symposium #container #program .row_inner .row_programs .themes li .speaker .detail {
    font-size: 2.9866666667vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-symposium #container #program .row_inner .row_programs .themes li .speaker .detail {
    font-size: 0.875rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  body.single-symposium #container #program .row_inner .row_programs .themes li .speaker .detail {
    margin-left: 0;
  }
}
body.single-symposium #container #program .row_inner .row_programs .themes li + li {
  border-top: 1px solid #d7b050;
}
body.single-symposium #container #program .row_inner .row_organizations {
  padding: 1rem 1rem 0;
  background-color: #f5eac8;
}
body.single-symposium #container #program .row_inner .row_organizations h4 {
  margin-top: -1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  background-color: #d7b050;
}
body.single-symposium #container #program .row_inner .row_organizations .organizations li {
  color: #4b566f;
}
@media only screen and (max-width: 679px) {
  body.single-symposium #container #program .row_inner .row_organizations .organizations li {
    font-size: 3.4133333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-symposium #container #program .row_inner .row_organizations .organizations li {
    font-size: 1rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-symposium #container #program .row_inner .row_organizations .organizations li:before {
  content: "";
  display: none;
}

body.single-course.dfp #container #tbp_content > .themify_builder_content > .module_row > .row_inner {
  max-width: 100%;
  width: 100%;
}
@media only screen and (max-width: 679px) {
  body.single-course.dfp #container .module_row.fullwidth > .row_inner {
    padding: 0;
  }
}
body.single-course.dfp #container .top_slide_box {
  margin: 0 !important;
  width: 100vw !important;
}
body.single-course.dfp #container .top_slide_box .tb_text_wrap {
  position: relative;
}
body.single-course.dfp #container .top_slide_box .tb_text_wrap img {
  max-width: initial;
  width: 100vw;
}
body.single-course.dfp #container .top_slide_box .tb_text_wrap .link1 {
  position: absolute;
  width: 20vw;
  height: 3vw;
  right: 0;
  top: 17.5vw;
}
@media only screen and (max-width: 679px) {
  body.single-course.dfp #container .top_slide_box .tb_text_wrap .link1 {
    width: 30vw;
    height: 5vw;
    top: initial;
    bottom: 21vw;
  }
}
body.single-course.dfp #container .top_slide_box .tb_text_wrap .link2 {
  position: absolute;
  width: 20vw;
  height: 3vw;
  right: 0;
  top: 23.5vw;
}
@media only screen and (max-width: 679px) {
  body.single-course.dfp #container .top_slide_box .tb_text_wrap .link2 {
    width: 30vw;
    height: 4vw;
    top: initial;
    bottom: 12.5vw;
  }
}
body.single-course.dfp #container ul li {
  line-height: 2;
}
@media only screen and (max-width: 679px) {
  body.single-course.dfp #container ul li {
    font-size: 3.4133333333vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course.dfp #container ul li {
    font-size: 1rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course.dfp #container p {
  line-height: 2;
}
@media only screen and (max-width: 679px) {
  body.single-course.dfp #container p {
    font-size: 3.4133333333vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course.dfp #container p {
    font-size: 1rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course.dfp #container h3 {
  margin: 1em 0;
}
@media only screen and (max-width: 679px) {
  body.single-course.dfp #container h3 {
    font-size: 5.12vw;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course.dfp #container h3 {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course.dfp #container h4 {
  background-color: transparent;
  text-align: left;
  padding: 0;
  color: #2e3192;
}
body.single-course.dfp #container h5 {
  text-align: left;
  margin: 0;
  border: none;
  font-weight: 700;
  padding: 0;
  line-height: 2;
}
body.single-course.dfp #container h5 + p {
  margin-top: 0;
}
body.single-course.dfp #container .module-slider {
  margin-bottom: 0;
}
body.single-course.dfp #container .module-divider {
  margin: 2em 0;
}
body.single-course.dfp #container .module-accordion {
  background-color: transparent;
  border: none;
}
body.single-course.dfp #container .module-accordion li {
  padding-left: 0;
  text-indent: 0;
}
body.single-course.dfp #container .module-accordion li::before {
  content: none;
}
body.single-course.dfp #container .module-accordion .accordion-title {
  background-color: #e6e6e6;
  border-radius: 12px;
  padding-left: 1em;
}
body.single-course.dfp #container .module-accordion .accordion-title a {
  display: block;
  position: relative;
}
@media only screen and (max-width: 679px) {
  body.single-course.dfp #container .module-accordion .accordion-title a {
    font-size: 3.4133333333vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course.dfp #container .module-accordion .accordion-title a {
    font-size: 1rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course.dfp #container .module-accordion .accordion-title a::before {
  content: "Q";
  font-weight: 700;
  display: inline-block;
  position: absolute;
  left: 0;
}
body.single-course.dfp #container .module-accordion .accordion-content {
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.single-course.dfp #container .module-buttons {
  aspect-ratio: 627/80;
  width: min(400px, 100%);
  height: auto;
  margin: auto;
  margin-bottom: 20px;
}
body.single-course.dfp #container .module-buttons .ui {
  aspect-ratio: 627/80;
  width: min(400px, 100%);
  height: auto;
  line-height: 1;
}
@media only screen and (max-width: 679px) {
  body.single-course.dfp #container .module-buttons .ui {
    font-size: 4.2666666667vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.single-course.dfp #container .module-buttons .ui {
    font-size: 1.25rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.single-course.dfp #container .module-buttons.arrow .ui::after {
  content: "";
  width: 8px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M6.801,0v20.316c1.035-1.374,2.715-3.139,4.345-4.358l.853,1.401c-2.276,1.765-4.526,4.333-6,6.642-1.474-2.309-3.724-4.878-6-6.642l.853-1.401c1.629,1.219,3.31,2.984,4.344,4.358V0h1.604Z' fill='%23fff'/%3E%3C/svg%3E");
}
body.single-course.dfp #container .tb_col_count_6 {
  row-gap: 20px;
}
@media only screen and (min-width: 960px) {
  body.single-course.dfp #container .tb_col_count_6 {
    --col: none;
    --area: var(--areat6_auto);
  }
}
body.single-course.dfp #container #curriculum .module_subrow + .module_subrow {
  border-top: 1px solid #8c9caa;
  padding-top: 1em;
}
body.single-course.dfp #container #certificate-program > .row_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.single-course.dfp #container #certificate-program .module_column {
  width: min(750px, 100%);
}
@media only screen and (min-width: 960px) {
  body.single-course.dfp #container #certificate-program .module_column {
    padding-left: 5%;
    margin-left: -5%;
  }
}

/*

*/
@media only screen and (min-width: 680px) {
  br.sp, span.sp, div.sp {
    display: none;
  }
  br.pc, span.pc, div.pc {
    display: block;
  }
}
@media only screen and (max-width: 679px) {
  br.pc, span.pc, div.pc {
    display: none;
  }
  br.sp, span.sp, div.sp {
    display: block;
  }
}
body.top a,
body.home a,
body.news a,
body.company a,
body.access a,
body.classroom-info a,
body.privacy-policy a,
body.sitemap a,
body.teacher-list a,
body.faq a,
body.single a,
body.archive a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-property: opacity, background-color, color;
  transition-property: opacity, background-color, color;
}
body.top a:hover,
body.home a:hover,
body.news a:hover,
body.company a:hover,
body.access a:hover,
body.classroom-info a:hover,
body.privacy-policy a:hover,
body.sitemap a:hover,
body.teacher-list a:hover,
body.faq a:hover,
body.single a:hover,
body.archive a:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-property: opacity, background-color, color;
  transition-property: opacity, background-color, color;
}
body.top #container h1.page-title,
body.home #container h1.page-title,
body.news #container h1.page-title,
body.company #container h1.page-title,
body.access #container h1.page-title,
body.classroom-info #container h1.page-title,
body.privacy-policy #container h1.page-title,
body.sitemap #container h1.page-title,
body.teacher-list #container h1.page-title,
body.faq #container h1.page-title,
body.single #container h1.page-title,
body.archive #container h1.page-title {
  display: none;
}

.sc_top_sub_box .row_inner,
.company_message .row_inner,
.access_map .row_inner,
.class_info .row_inner,
.room_precautions .row_inner,
.module-text .row_inner {
  max-width: 740px !important;
}
.sc_top_sub_box h4,
.company_message h4,
.access_map h4,
.class_info h4,
.room_precautions h4,
.module-text h4 {
  text-align: center;
  color: #fff;
  background-color: #4b566f;
  padding: 0 0.5em;
}

.module-text h5 {
  text-align: center;
  padding: 0 0.5em;
  border: 1px solid #4b566f;
}

body.home {
  /*
      @include max-screen($breakpoint-small) {
          margin-bottom: 33vw;
      }
  */
}
body.home .top_slide_box .row_inner {
  max-width: 100% !important;
}
@media only screen and (max-width: 679px) {
  body.home .top_slide_box .row_inner {
    padding: 0 !important;
  }
}
body.home .home_link_sec .row_inner {
  padding: 20px 20px 0 !important;
}
body.home .home_link_box .row_inner {
  padding: 0 !important;
}
@media only screen and (min-width: 680px) {
  body.home .home_link_box .row_inner {
    max-width: 1280px !important;
  }
}
body.home .home_link_box .home_link_bot,
body.home .home_link_box .as-lab_link_bot {
  margin-bottom: 0.5em;
}
body.home .home_link_box .home_link_bot a.builder_button,
body.home .home_link_box .as-lab_link_bot a.builder_button {
  font-size: 1.1em;
  font-weight: 600;
  color: #fff;
}
body.home .home_link_box .home_link_bot a.builder_button:hover,
body.home .home_link_box .as-lab_link_bot a.builder_button:hover {
  color: #fff;
  opacity: 0.7;
  /*background-color: rgba(0,0,0,0.20);*/
}
body.home .home_link_box .as-lab_link_bot {
  height: 110px;
}
@media only screen and (max-width: 679px) {
  body.home .home_link_box .as-lab_link_bot {
    height: 20vw;
  }
}
body.home .home_link_box .as-lab_link_bot .module-buttons-item {
  height: 100%;
}
body.home .home_link_box .as-lab_link_bot .module-buttons-item a {
  height: 100%;
}
body.home .home_link_box .home_link_bot {
  /*background-image: url(/wp-content/uploads/2022/04/link_bg_base.png);*/
}
body.home .home_link_box .home_link_bot .module-buttons-item {
  text-align: center;
}
body.home .home_link_box .home_link_bot .module-buttons-item a {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-blend-mode: color-burn;
}
body.home .home_link_box .home_link_bot.btn_1 .module-buttons-item a {
  background-image: url(./assets/images/bg_home_link_bot_01.jpg);
}
body.home .home_link_box .home_link_bot.btn_2 .module-buttons-item a {
  background-image: url(./assets/images/bg_home_link_bot_02.jpg);
}
body.home .home_link_box .home_link_bot.btn_3 .module-buttons-item a {
  background-image: url(./assets/images/bg_home_link_bot_03.jpg);
}
body.home .home_link_box .home_link_bot.btn_4 .module-buttons-item a {
  background-image: url(./assets/images/bg_home_link_bot_04.jpg);
}
body.home .home_link_box .home_link_bot.btn_5 .module-buttons-item a {
  background-image: url(./assets/images/bg_home_link_bot_05.jpg);
}
body.home .home_link_box .home_link_bot.btn_6 .module-buttons-item a {
  background-image: url(./assets/images/bg_home_link_bot_06.jpg);
}
body.home .home_news_sec .row_inner {
  padding-top: 0 !important;
}
@media only screen and (min-width: 680px) {
  body.home .home_news_sec .row_inner {
    max-width: 1280px !important;
  }
}
body.home .home_news_sec .post_box {
  border-left: #4b566f solid 1px;
  border-right: #4b566f solid 1px;
  padding: 1em 1em 0;
}
@media only screen and (max-width: 679px) {
  body.home .home_news_sec .post_box {
    border: none;
    padding: 0;
  }
}
body.home .home_news_sec .post_box .loops-wrapper.list-post > .post {
  margin: 0;
}
body.home .home_news_sec .post_box .post-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 1.1em;
  margin-bottom: 0.5em;
  gap: 8px;
}
@media only screen and (max-width: 959px) {
  body.home .home_news_sec .post_box .post-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-bottom: #4b566f solid 1px;
    padding: 0.5em 0;
  }
}
body.home .home_news_sec .post_box .post-content time.post-date {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  padding: 0;
  width: 6rem;
}
body.home .home_news_sec .post_box .post-content h4.post-title {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  font-size: 1em;
  margin: 0;
  padding: 0;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -ms-flexbox;
  display: flex;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: normal;
}
body.home .home_news_sec .post_box .post-content h4.post-title::before {
  content: "●";
  color: #3c4b61;
}
@media only screen and (max-width: 959px) {
  body.home .home_news_sec .post_box .post-content h4.post-title {
    padding-top: 0.5em;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
body.home .home_news_sec .post_box .post-content .post-meta :is(.post-author, .post-category, .post-tag, .post-comment a, span) {
  margin-right: 0;
}
body.home .home_news_sec .post_box .post-content p.post-meta {
  display: block;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  line-height: 1.4em;
}
body.home .home_news_sec .post_box .post-content p.post-meta .post-author {
  display: none;
}
body.home .home_news_sec .post_box .post-content p.post-meta .post-category a {
  display: inline-block;
  min-width: 16em;
  white-space: nowrap;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #4b566f;
  padding: 0.2em 0.5em 0.3em;
  margin: 0;
}
body.home .home_news_sec .post_box .post-content .edit-button {
  display: none;
}
body.home .home_news_sec .news_link {
  text-align: right;
  padding-right: 2em;
}
body.home .home_ms_sec {
  background-color: #d2e8fa;
}
body.home .home_ms_sec .ms_txt {
  text-align: center;
  font-weight: 600;
}
@media only screen and (max-width: 679px) {
  body.home .home_ms_sec .ms_txt {
    text-align: left;
  }
}
body.home #bnr_as-lab {
  position: fixed;
  right: 0;
  top: 200px;
  z-index: 999;
  width: 230px;
}
@media only screen and (max-width: 679px) {
  body.home #bnr_as-lab {
    width: 100vw;
    top: initial;
    bottom: 0;
  }
}
body.home #bnr_as-lab .row_inner {
  padding: 0 !important;
}
body.home #bnr_as-lab .row_inner img {
  width: 230px;
}
@media only screen and (max-width: 679px) {
  body.home #bnr_as-lab .row_inner img {
    width: 100vw;
  }
}

body.top .top_slide_box .row_inner {
  max-width: 100% !important;
}
@media only screen and (max-width: 679px) {
  body.top .top_slide_box .row_inner {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 679px) {
  body.top .sc_top_sub_sec .sc_top_sub_box h4 {
    font-size: 1.15rem;
  }
}
body.top .sc_top_sub_sec .sc_top_sub_box .sub_tit_dit {
  display: block;
  font-size: 1.1em;
  font-weight: 600;
  margin: 0 auto;
  padding-left: 0;
  padding-bottom: 1em;
  list-style: none;
}
body.top .sc_top_sub_sec .sc_top_sub_box .sub_tit_dit.fixed_width {
  width: 22em;
}
body.top .sc_top_sub_sec .sc_top_sub_box .sub_tit_dit li {
  text-indent: -1em;
  padding-left: 1em;
}
body.top .sc_top_sub_sec .sc_top_sub_box .sub_tit_dit li:before {
  content: "●";
  color: #939aa9;
  margin: 0;
}
body.top .sc_top_news_sec .post_box {
  border-left: #4b566f solid 1px;
  border-right: #4b566f solid 1px;
  padding: 1em 1em 0;
}
body.top .sc_top_news_sec .post_box .row_inner {
  max-width: 1280px !important;
}
@media only screen and (max-width: 679px) {
  body.top .sc_top_news_sec .post_box {
    border: none;
    padding: 0;
  }
}
body.top .sc_top_news_sec .post_box .loops-wrapper.list-post > .post {
  margin: 0;
}
body.top .sc_top_news_sec .post_box .post-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 1.1em;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 959px) {
  body.top .sc_top_news_sec .post_box .post-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-bottom: #4b566f solid 1px;
    padding: 0.5em 0;
  }
}
body.top .sc_top_news_sec .post_box .post-content time.post-date {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 12%;
      flex-basis: 12%;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 959px) {
  body.top .sc_top_news_sec .post_box .post-content time.post-date {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: block;
    width: 90%;
  }
}
body.top .sc_top_news_sec .post_box .post-content h4.post-title {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  font-size: 1em;
  margin: 0;
  padding: 0;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.top .sc_top_news_sec .post_box .post-content h4.post-title::before {
  content: "●";
  color: #3c4b61;
}
@media only screen and (max-width: 959px) {
  body.top .sc_top_news_sec .post_box .post-content h4.post-title {
    padding-top: 0.5em;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
body.top .sc_top_news_sec .post_box .post-content p.post-meta {
  display: block;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  line-height: 1.4em;
}
body.top .sc_top_news_sec .post_box .post-content p.post-meta .post-author {
  display: none;
}
body.top .sc_top_news_sec .post_box .post-content p.post-meta .post-category {
  display: none;
}
body.top .sc_top_news_sec .post_box .post-content p.post-meta .post-category a {
  display: inline-block;
  min-width: 12em;
  white-space: nowrap;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #4b566f;
  padding: 0.2em 0.5em 0.3em;
  margin: 0 1em 0 0;
}
body.top .sc_top_news_sec .post_box .post-content .edit-button {
  display: none;
}
body.top .sc_top_news_sec .news_link {
  text-align: right;
  padding-right: 2em;
}
body.top .sc_top_course_sec .sc_top_course_dit_txt {
  padding-bottom: 1em;
  text-align: center;
}
@media only screen and (max-width: 679px) {
  body.top .sc_top_course_sec .sc_top_course_dit_txt {
    text-align: left;
  }
}

body.news .news_sec .news_bot_box {
  padding-bottom: 1em;
}
body.news .news_sec .news_bot_box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 679px) {
  body.news .news_sec .news_bot_box ul {
    display: block;
    text-align: center;
  }
}
body.news .news_sec .news_bot_box li {
  list-style: none;
}
body.news .news_sec .news_bot_box a.news_bot {
  display: block;
  color: #fff;
  padding: 0.3em 1em;
  margin: 0.3em 0.5em;
  border-radius: 6px;
}
body.news .news_sec .news_bot_box .col_all {
  background-color: #3c64c8;
}
body.news .news_sec .news_bot_box .col_other {
  background-color: #4b566f;
}
@media only screen and (max-width: 679px) {
  body.news .news_sec .news_bot_box div.module-buttons-item {
    padding: 0.3em 0;
  }
}
body.news .news_sec .post_box {
  padding: 1em 3em 0;
}
@media only screen and (max-width: 679px) {
  body.news .news_sec .post_box {
    padding: 1em 0 0;
  }
}
body.news .news_sec .post_box .loops-wrapper.list-post > .post {
  margin: 0;
}
body.news .news_sec .post_box .post-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.2em;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  border-bottom: #4b566f solid 1px;
}
body.news .news_sec .post_box .post-content > * {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
body.news .news_sec .post_box .post-content time.post-date {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin: 0 1em 0 0;
  padding: 0;
  font-size: 1.2em;
}
body.news .news_sec .post_box .post-content h3.post-title {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  color: #3c4b61;
  font-size: 1.2em;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
body.news .news_sec .post_box .post-content p {
  display: block;
  width: 100%;
  font-size: 0.9em;
}
body.news .news_sec .post_box .post-content p a {
  word-break: break-all;
}
body.news .news_sec .post_box .post-content p.post-meta {
  display: block;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 0 0.5em;
  padding: 0;
  font-size: 0.8em;
  line-height: 1.4em;
}
body.news .news_sec .post_box .post-content p.post-meta .post-author {
  display: none;
}
body.news .news_sec .post_box .post-content p.post-meta .post-category a {
  display: inline;
  max-width: 8em;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #4b566f;
  padding: 0.3em 0.5em 0.4em;
  margin: 0;
}
body.news .news_sec .post_box .post-content .edit-button {
  display: none;
}
body.news .news_sec .news_link {
  text-align: right;
  padding-right: 2em;
}

body.archive .archive_sec .row_inner,
body.single .archive_sec .row_inner {
  max-width: 960px;
  padding: 20px;
  margin: 0 auto;
}
body.archive .archive_sec .row_inner .arch_box,
body.single .archive_sec .row_inner .arch_box {
  font-size: 1.2em;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  border-bottom: #4b566f solid 1px;
}
body.archive .archive_sec .row_inner .arch_box h3,
body.single .archive_sec .row_inner .arch_box h3 {
  font-size: 1.2em;
  color: #3c4b61;
  font-weight: 600;
  margin-top: 0.5em;
}
body.archive .archive_sec .row_inner .arch_box h3 span.date,
body.single .archive_sec .row_inner .arch_box h3 span.date {
  font-weight: 400;
  padding-right: 1em;
}
body.archive .archive_sec .row_inner .arch_box .arch_dit,
body.single .archive_sec .row_inner .arch_box .arch_dit {
  font-size: 0.9em;
}
body.archive .archive_sec .row_inner .arch_box .arch_dit a,
body.single .archive_sec .row_inner .arch_box .arch_dit a {
  word-break: break-all;
}
body.archive .archive_sec .row_inner .arch_box .arch_cate,
body.single .archive_sec .row_inner .arch_box .arch_cate {
  margin: 0 0 0.5em;
  padding: 0;
  font-size: 0.8em;
  line-height: 1.4em;
}
body.archive .archive_sec .row_inner .arch_box .arch_cate a,
body.single .archive_sec .row_inner .arch_box .arch_cate a {
  display: inline;
  max-width: 8em;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #4b566f;
  padding: 0.3em 0.5em 0.4em;
  margin: 0;
}
body.archive .archive_sec .row_inner .arch_pages,
body.single .archive_sec .row_inner .arch_pages {
  padding-top: 2em;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body.archive .archive_sec .row_inner .arch_pages h2.screen-reader-text,
body.single .archive_sec .row_inner .arch_pages h2.screen-reader-text {
  display: none;
}
body.archive .archive_sec .row_inner .arch_pages .nav-links,
body.single .archive_sec .row_inner .arch_pages .nav-links {
  text-align: right;
}
body.archive .archive_sec .row_inner .arch_pages .nav-links a,
body.archive .archive_sec .row_inner .arch_pages .nav-links span,
body.single .archive_sec .row_inner .arch_pages .nav-links a,
body.single .archive_sec .row_inner .arch_pages .nav-links span {
  display: inline-block;
  line-height: 100%;
  margin: 0 1px 0 0;
  min-height: 36px;
  min-width: 36px;
  padding: 9px;
  text-align: center;
  border-radius: 100%;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.archive .archive_sec .row_inner .arch_pages .nav-links .page-numbers.current,
body.single .archive_sec .row_inner .arch_pages .nav-links .page-numbers.current {
  border: solid 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body.company .company_info .row_inner {
  max-width: 740px !important;
}
body.company .company_info dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1em 0 0 15%;
  border-top: #4b566f solid 1px;
  border-left: none;
  border-right: none;
}
@media only screen and (max-width: 679px) {
  body.company .company_info dl {
    padding-left: 0;
  }
}
body.company .company_info dl:last-child {
  border-bottom: #4b566f solid 1px;
  padding-bottom: 1em;
}
body.company .company_info dt {
  display: block;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 6em;
  font-weight: normal;
}
@media only screen and (max-width: 679px) {
  body.company .company_info dt {
    width: 4em;
  }
}
body.company .company_info dd {
  display: block;
}
body.company .company_info dd .ac_bot.pc {
  display: inline;
}
@media only screen and (max-width: 679px) {
  body.company .company_info dd .ac_bot.pc {
    display: none;
  }
}
body.company .company_info dd .ac_bot a {
  background-color: #4b566f;
  color: #fff;
  padding: 0.2em 1em 0.3em 1em;
  margin: 0 2em;
  border-radius: 5px;
}
@media only screen and (max-width: 679px) {
  body.company .company_info dd .ac_bot a {
    margin: 0;
  }
}
@media only screen and (max-width: 679px) {
  body.company .company_info dd .ac_bot.sp {
    text-align: right;
    margin: 0.5em 0 0;
  }
}
body.company .company_info dd .man_drc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.company .company_info dd .man_pos {
  display: block;
  width: 8em;
}
body.company .company_message .mes_dit {
  text-align: left;
  margin-bottom: 2em;
}
body.company .company_message .mes_sig {
  text-align: right;
}

body.access .access_map h4.access_tit {
  padding: 0.5em 0;
}
body.access .access_map .access_ph,
body.access .access_map .access_info {
  padding: 1em 0 0 0;
}

body.classroom-info .class_info .class_ph_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 1em;
}
body.classroom-info .class_info .class_ph_box span {
  font-size: 0.9em;
}
@media only screen and (max-width: 679px) {
  body.classroom-info .class_info .class_ph_box {
    display: block;
  }
}
body.classroom-info .class_info .cl_ph {
  width: 57%;
}
@media only screen and (max-width: 679px) {
  body.classroom-info .class_info .cl_ph {
    width: 100%;
  }
}
body.classroom-info .class_info .cl_dit {
  width: 40%;
}
@media only screen and (max-width: 679px) {
  body.classroom-info .class_info .cl_dit {
    width: 100%;
    padding-top: 1em;
  }
}
body.classroom-info .room_precautions h5 {
  display: block;
  text-align: center;
  font-size: 1.2em;
  border-bottom: #4b566f solid 1px;
}

body.privacy-policy .pivp_sec {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
}
body.privacy-policy .pivp_sec .piv_sub_txt {
  padding: 1em 0;
}
body.privacy-policy .pivp_sec .piv_main {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  background-color: #d2e8fa;
  padding: 1.5em;
}
body.privacy-policy .pivp_sec .piv_main dl {
  padding: 1em 0;
  margin: 0;
  border-bottom: #fff solid 1px;
}
body.privacy-policy .pivp_sec .piv_main dl:first-child {
  padding-top: 0;
}
body.privacy-policy .pivp_sec .piv_main dl:last-child {
  border-bottom: none;
}
body.privacy-policy .pivp_sec .piv_main dt {
  font-weight: bold;
}
body.privacy-policy .pivp_sec .piv_main dd {
  font-size: 1em;
}
body.privacy-policy .pivp_sec .piv_main dd pre {
  font: 1em/1.5 "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  color: #3c4b61;
  background: none;
  margin: 0;
  white-space: pre-line;
}
body.privacy-policy .pivp_sec .piv_main dd .piv_cont {
  padding: 1em 0;
  font-weight: 600;
}
@media only screen and (max-width: 679px) {
  body.privacy-policy .pivp_sec .piv_main dd .piv_cont {
    padding: 0.5em 0;
    margin: 0.5em 0;
    border-top: #fff solid 1px;
    border-bottom: #fff solid 1px;
  }
}

body.sitemap .sitemap_sec ul, body.sitemap .sitemap_sec li {
  list-style: none;
}
body.sitemap .sitemap_sec ul.sitemap_list a {
  padding: 0.3em 0.5em;
}
body.sitemap .sitemap_sec ul.sitemap_list a:hover {
  color: #fff;
  background-color: #0f6ecd;
  border-radius: 3px;
}
body.sitemap .sitemap_sec ul.sitemap_list li {
  padding: 0.2em 0;
}
body.sitemap .sitemap_sec ul.sitemap_list li a::before {
  content: "■";
  padding-right: 0.5em;
}
body.sitemap .sitemap_sec ul.sitemap_list ul.sub-menu li a::before {
  content: "▶";
  padding-right: 0.5em;
}

body.teacher-list .teacher_sub_txt .tb_text_wrap {
  font-size: 1.3em;
  text-align: center;
}
body.teacher-list .teacher_sec .row_inner {
  max-width: 1200px !important;
}
@media only screen and (max-width: 679px) {
  body.teacher-list .teacher_sec .row_inner {
    max-width: 100vw !important;
    padding: 0 !important;
  }
}
body.teacher-list .teacher_sec .tc_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1em;
}
body.teacher-list .teacher_sec .tc_set:nth-child(even) .tc_box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media only screen and (max-width: 679px) {
  body.teacher-list .teacher_sec .tc_set:nth-child(even) .tc_box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (max-width: 679px) {
  body.teacher-list .teacher_sec .tc_set {
    display: block;
    padding: 0;
  }
}
body.teacher-list .teacher_sec .tc_set .tc_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 48%;
  background-color: #d2e8fa;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.teacher-list .teacher_sec .tc_set .tc_box:first-child {
  margin-right: 0.5em;
}
@media only screen and (max-width: 679px) {
  body.teacher-list .teacher_sec .tc_set .tc_box:first-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 679px) {
  body.teacher-list .teacher_sec .tc_set .tc_box {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0.5em;
    margin-bottom: 0.3em;
  }
}
body.teacher-list .teacher_sec .tc_set .tc_box .tc_ph {
  display: block;
  width: 42%;
}
body.teacher-list .teacher_sec .tc_set .tc_box .tc_prf {
  display: block;
  width: 55%;
  padding: 0.8em;
  font-size: 0.9rem;
  line-height: 1.3em;
}
@media only screen and (max-width: 679px) {
  body.teacher-list .teacher_sec .tc_set .tc_box .tc_prf {
    width: 50%;
    padding: 0.5em 0 0.5em 0;
    margin: 0 0.5em;
    border-bottom: #999 solid 1px;
  }
}
body.teacher-list .teacher_sec .tc_set .tc_box .tc_prf .tc_name {
  font-size: 1.5em;
  font-weight: 600;
  margin-bottom: 0.2em;
  color: #3c64c8;
}
body.teacher-list .teacher_sec .tc_set .tc_box .tc_prf .tc_name .tc_pos {
  padding-left: 0.5em;
  font-size: 0.7em;
}
body.teacher-list .teacher_sec .tc_set .tc_box .tc_prf .tc_tit {
  font-size: 1em;
  font-weight: 600;
  color: #3c64c8;
  padding-top: 0.5em;
}
@media only screen and (max-width: 679px) {
  body.teacher-list .teacher_sec .tc_set .tc_box .tc_prf .tc_tit {
    padding-top: 0.5em;
    margin-top: 0.5em;
    border-top: #999 solid 1px;
  }
}
body.teacher-list .teacher_sec .tc_set .tc_box .tc_prf .tc_desc {
  font-size: 0.9em;
  padding-top: 1em;
}
@media only screen and (max-width: 679px) {
  body.teacher-list .teacher_sec .tc_set .tc_box .tc_desc {
    width: 95%;
    padding: 0.5em 0;
    font-size: 0.9em;
  }
}
body.teacher-list.parent-page-ids .teacher_sec .tc_set .tc_box {
  background-color: #f5e3e7;
}
body.teacher-list.parent-page-ids .teacher_sec .tc_set .tc_box .tc_prf .tc_name {
  color: #d76e87;
}
body.teacher-list.parent-page-ids .teacher_sec .tc_set .tc_box .tc_prf .tc_tit {
  color: #d76e87;
}
body.teacher-list.parent-page-as-lab .teacher_sec .tc_set .tc_box {
  background-color: #e2eee2;
}
body.teacher-list.parent-page-as-lab .teacher_sec .tc_set .tc_box .tc_prf .tc_name {
  color: #3c4b61;
}
body.teacher-list.parent-page-as-lab .teacher_sec .tc_set .tc_box .tc_prf .tc_tit {
  color: #3c4b61;
}

/*
body.faq {
    .faq_sec {
        h3.module-title {
            text-align: center;
            color: #fff;
            background-color: $color-sub-text;
            padding: 0.2em 0;
        }
        ul {
            li {
                font-size: 1.1rem;
                .accordion-title {
                    a {
                        i {

                        }
                        span.tb_title_accordion {
                            color: $color-main-text;
                            padding-left: 0.5em;
                        }
                    }
                }
                .accordion-content {
                    .tb_text_wrap {
                        p {
                            &::before {
                                display: block;
                                content: "A.";
                                font-weight: 600;
                                padding-right: 0.3em;
                            }
                        }
                    }
                }
            }
        }
    }
}
*/
body.faq .faq_sec h3.module-title {
  text-align: center;
  color: #fff;
  background-color: #4b566f;
  padding: 0.2em 0;
}
body.faq .faq_sec .uk-accordion {
  background-color: #bdd9fd;
  border-radius: 8px;
  border: solid 1px rgba(0, 0, 0, 0.05);
}
body.faq .faq_sec .uk-accordion > li {
  border: solid 1px rgba(0, 0, 0, 0.05);
  border-width: 1px 0 0;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
}
body.faq .faq_sec .uk-accordion > li:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-width: 0;
}
body.faq .faq_sec .uk-accordion > li:first-child .uk-accordion-title {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
body.faq .faq_sec .uk-accordion > li:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body.faq .faq_sec .uk-accordion > li:last-child .uk-accordion-title,
body.faq .faq_sec .uk-accordion > li:last-child .uk-accordion-content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body.faq .faq_sec .uk-accordion > li:hover .uk-accordion-title {
  background-color: #d3e7ff;
}
body.faq .faq_sec .uk-accordion > li.uk-open .uk-accordion-title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body.faq .faq_sec .uk-accordion > li.uk-open .uk-accordion-title:before {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
body.faq .faq_sec .uk-accordion > li .uk-accordion-title {
  -webkit-box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.1);
  background-color: #bdd9fd;
  font-size: 105%;
  line-height: 140%;
  font-weight: bold;
  margin: 0;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body.faq .faq_sec .uk-accordion > li .uk-accordion-title:before {
  width: 1em;
  height: 1em;
  display: inline-table;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.875 11.563L16 18.438l-6.875-6.875-1.313 1.313L16 21.126l8.188-8.25zM32 16c0-8.813-7.188-16-16-16S0 7.188 0 16s7.188 16 16 16 16-7.188 16-16zm-1.875 0c0 7.813-6.313 14.125-14.125 14.125S1.875 23.812 1.875 16 8.188 1.875 16 1.875 30.125 8.188 30.125 16z'%3E%3C/path%3E%3C/svg%3E");
}
body.faq .faq_sec .uk-accordion > li .uk-accordion-title a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5em 1em 0.5em 0.5em;
  color: inherit;
}
body.faq .faq_sec .uk-accordion > li .uk-accordion-title a:before {
  content: "Q.";
}
body.faq .faq_sec .uk-accordion > li .uk-accordion-content {
  -webkit-box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 1em;
  margin: 0;
  color: #333;
}
body.faq .faq_sec .uk-accordion > li .uk-accordion-content:before {
  display: block;
  content: "A.";
  font-weight: 600;
  padding-right: 0.3em;
}

/* ニュースカテゴリ */
.type-post {
  /*
      &.category-dss {
          .post-category {
              a {
                  background-color: $color-menu-sub-bg !important;
              }
          }
      }
      &.category-ids {
          .post-category {
              a {
                  background-color: $color-menu-sub-ids-bg !important;
              }
          }
      }
      &.category-hms {
          .post-category {
              a {
                  background-color: $color-menu-sub-hms-bg !important;
              }
          }
      }
      &.category-as-lab {
          .post-category {
              a {
                  background-color: $color-menu-as-lab !important;
              }
          }
      }
  */
}
.type-post.category-all .post-category a {
  background-color: #3c64c8 !important;
}

/*

*/
.badge_campaign {
  color: #fff;
  border-radius: 4px;
  margin-left: 8px;
  padding: 2px 6px;
  font-size: 75%;
  line-height: 1.2;
  display: inline-block;
}

.badge_reskill {
  background-color: #0A6BAF;
  color: #fff;
  border-radius: 4px;
  margin-left: 8px;
  padding: 2px 6px;
  font-size: 75%;
  line-height: 1.2;
  display: inline-block;
}

.label_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body.overview,
.parent-page-hms,
.parent-page-as-lab,
.single-video {
  /* インクルーシブデザインスクール */
  /* データサイエンススクール */
}
body.overview span.note,
.parent-page-hms span.note,
.parent-page-as-lab span.note,
.single-video span.note {
  display: block;
}
@media only screen and (max-width: 679px) {
  body.overview span.note,
  .parent-page-hms span.note,
  .parent-page-as-lab span.note,
  .single-video span.note {
    font-size: 2.56vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview span.note,
  .parent-page-hms span.note,
  .parent-page-as-lab span.note,
  .single-video span.note {
    font-size: 0.75rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .course_type,
.parent-page-hms .course_type,
.parent-page-as-lab .course_type,
.single-video .course_type {
  text-align: center;
  color: #fff;
  margin-bottom: 0;
  padding: 1rem;
}
@media only screen and (max-width: 679px) {
  body.overview .course_type,
  .parent-page-hms .course_type,
  .parent-page-as-lab .course_type,
  .single-video .course_type {
    font-size: 3.4133333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .course_type,
  .parent-page-hms .course_type,
  .parent-page-as-lab .course_type,
  .single-video .course_type {
    font-size: 1rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  body.overview .course_type,
  .parent-page-hms .course_type,
  .parent-page-as-lab .course_type,
  .single-video .course_type {
    padding: 0.25rem 1rem;
    margin-bottom: 0.5rem;
  }
}
body.overview .business .course_type,
.parent-page-hms .business .course_type,
.parent-page-as-lab .business .course_type,
.single-video .business .course_type {
  background-color: #5060a6;
}
body.overview .business .course_card,
.parent-page-hms .business .course_card,
.parent-page-as-lab .business .course_card,
.single-video .business .course_card {
  border-color: #5060a6;
  background-color: #cedafc;
}
body.overview .data .course_type,
.parent-page-hms .data .course_type,
.parent-page-as-lab .data .course_type,
.single-video .data .course_type {
  background-color: #3e8468;
}
body.overview .data .course_card,
.parent-page-hms .data .course_card,
.parent-page-as-lab .data .course_card,
.single-video .data .course_card {
  border-color: #3e8468;
  background-color: #ecf7ae;
}
@media only screen and (max-width: 679px) {
  body.overview .data,
  .parent-page-hms .data,
  .parent-page-as-lab .data,
  .single-video .data {
    margin-top: 1rem;
  }
}
body.overview .course_card,
body.overview .lecture_card,
body.overview .symposium_card,
body.overview .video_card,
body.overview .teacher_card,
.parent-page-hms .course_card,
.parent-page-hms .lecture_card,
.parent-page-hms .symposium_card,
.parent-page-hms .video_card,
.parent-page-hms .teacher_card,
.parent-page-as-lab .course_card,
.parent-page-as-lab .lecture_card,
.parent-page-as-lab .symposium_card,
.parent-page-as-lab .video_card,
.parent-page-as-lab .teacher_card,
.single-video .course_card,
.single-video .lecture_card,
.single-video .symposium_card,
.single-video .video_card,
.single-video .teacher_card {
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.overview .course_card h3,
body.overview .lecture_card h3,
body.overview .symposium_card h3,
body.overview .video_card h3,
body.overview .teacher_card h3,
.parent-page-hms .course_card h3,
.parent-page-hms .lecture_card h3,
.parent-page-hms .symposium_card h3,
.parent-page-hms .video_card h3,
.parent-page-hms .teacher_card h3,
.parent-page-as-lab .course_card h3,
.parent-page-as-lab .lecture_card h3,
.parent-page-as-lab .symposium_card h3,
.parent-page-as-lab .video_card h3,
.parent-page-as-lab .teacher_card h3,
.single-video .course_card h3,
.single-video .lecture_card h3,
.single-video .symposium_card h3,
.single-video .video_card h3,
.single-video .teacher_card h3 {
  color: #fff;
  line-height: 1;
  padding: 0.5rem;
  margin-top: -15px;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 679px) {
  body.overview .course_card h3,
  body.overview .lecture_card h3,
  body.overview .symposium_card h3,
  body.overview .video_card h3,
  body.overview .teacher_card h3,
  .parent-page-hms .course_card h3,
  .parent-page-hms .lecture_card h3,
  .parent-page-hms .symposium_card h3,
  .parent-page-hms .video_card h3,
  .parent-page-hms .teacher_card h3,
  .parent-page-as-lab .course_card h3,
  .parent-page-as-lab .lecture_card h3,
  .parent-page-as-lab .symposium_card h3,
  .parent-page-as-lab .video_card h3,
  .parent-page-as-lab .teacher_card h3,
  .single-video .course_card h3,
  .single-video .lecture_card h3,
  .single-video .symposium_card h3,
  .single-video .video_card h3,
  .single-video .teacher_card h3 {
    font-size: 4.6933333333vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .course_card h3,
  body.overview .lecture_card h3,
  body.overview .symposium_card h3,
  body.overview .video_card h3,
  body.overview .teacher_card h3,
  .parent-page-hms .course_card h3,
  .parent-page-hms .lecture_card h3,
  .parent-page-hms .symposium_card h3,
  .parent-page-hms .video_card h3,
  .parent-page-hms .teacher_card h3,
  .parent-page-as-lab .course_card h3,
  .parent-page-as-lab .lecture_card h3,
  .parent-page-as-lab .symposium_card h3,
  .parent-page-as-lab .video_card h3,
  .parent-page-as-lab .teacher_card h3,
  .single-video .course_card h3,
  .single-video .lecture_card h3,
  .single-video .symposium_card h3,
  .single-video .video_card h3,
  .single-video .teacher_card h3 {
    font-size: 1.375rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  body.overview .course_card h3 .code,
  body.overview .lecture_card h3 .code,
  body.overview .symposium_card h3 .code,
  body.overview .video_card h3 .code,
  body.overview .teacher_card h3 .code,
  .parent-page-hms .course_card h3 .code,
  .parent-page-hms .lecture_card h3 .code,
  .parent-page-hms .symposium_card h3 .code,
  .parent-page-hms .video_card h3 .code,
  .parent-page-hms .teacher_card h3 .code,
  .parent-page-as-lab .course_card h3 .code,
  .parent-page-as-lab .lecture_card h3 .code,
  .parent-page-as-lab .symposium_card h3 .code,
  .parent-page-as-lab .video_card h3 .code,
  .parent-page-as-lab .teacher_card h3 .code,
  .single-video .course_card h3 .code,
  .single-video .lecture_card h3 .code,
  .single-video .symposium_card h3 .code,
  .single-video .video_card h3 .code,
  .single-video .teacher_card h3 .code {
    font-size: 3.84vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .course_card h3 .code,
  body.overview .lecture_card h3 .code,
  body.overview .symposium_card h3 .code,
  body.overview .video_card h3 .code,
  body.overview .teacher_card h3 .code,
  .parent-page-hms .course_card h3 .code,
  .parent-page-hms .lecture_card h3 .code,
  .parent-page-hms .symposium_card h3 .code,
  .parent-page-hms .video_card h3 .code,
  .parent-page-hms .teacher_card h3 .code,
  .parent-page-as-lab .course_card h3 .code,
  .parent-page-as-lab .lecture_card h3 .code,
  .parent-page-as-lab .symposium_card h3 .code,
  .parent-page-as-lab .video_card h3 .code,
  .parent-page-as-lab .teacher_card h3 .code,
  .single-video .course_card h3 .code,
  .single-video .lecture_card h3 .code,
  .single-video .symposium_card h3 .code,
  .single-video .video_card h3 .code,
  .single-video .teacher_card h3 .code {
    font-size: 1.125rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .course_card ul.description,
body.overview .lecture_card ul.description,
body.overview .symposium_card ul.description,
body.overview .video_card ul.description,
body.overview .teacher_card ul.description,
.parent-page-hms .course_card ul.description,
.parent-page-hms .lecture_card ul.description,
.parent-page-hms .symposium_card ul.description,
.parent-page-hms .video_card ul.description,
.parent-page-hms .teacher_card ul.description,
.parent-page-as-lab .course_card ul.description,
.parent-page-as-lab .lecture_card ul.description,
.parent-page-as-lab .symposium_card ul.description,
.parent-page-as-lab .video_card ul.description,
.parent-page-as-lab .teacher_card ul.description,
.single-video .course_card ul.description,
.single-video .lecture_card ul.description,
.single-video .symposium_card ul.description,
.single-video .video_card ul.description,
.single-video .teacher_card ul.description {
  padding-left: 0;
  list-style: none;
}
body.overview .course_card ul.description li,
body.overview .lecture_card ul.description li,
body.overview .symposium_card ul.description li,
body.overview .video_card ul.description li,
body.overview .teacher_card ul.description li,
.parent-page-hms .course_card ul.description li,
.parent-page-hms .lecture_card ul.description li,
.parent-page-hms .symposium_card ul.description li,
.parent-page-hms .video_card ul.description li,
.parent-page-hms .teacher_card ul.description li,
.parent-page-as-lab .course_card ul.description li,
.parent-page-as-lab .lecture_card ul.description li,
.parent-page-as-lab .symposium_card ul.description li,
.parent-page-as-lab .video_card ul.description li,
.parent-page-as-lab .teacher_card ul.description li,
.single-video .course_card ul.description li,
.single-video .lecture_card ul.description li,
.single-video .symposium_card ul.description li,
.single-video .video_card ul.description li,
.single-video .teacher_card ul.description li {
  text-indent: -1em;
  padding-left: 1em;
}
@media only screen and (max-width: 679px) {
  body.overview .course_card ul.description li,
  body.overview .lecture_card ul.description li,
  body.overview .symposium_card ul.description li,
  body.overview .video_card ul.description li,
  body.overview .teacher_card ul.description li,
  .parent-page-hms .course_card ul.description li,
  .parent-page-hms .lecture_card ul.description li,
  .parent-page-hms .symposium_card ul.description li,
  .parent-page-hms .video_card ul.description li,
  .parent-page-hms .teacher_card ul.description li,
  .parent-page-as-lab .course_card ul.description li,
  .parent-page-as-lab .lecture_card ul.description li,
  .parent-page-as-lab .symposium_card ul.description li,
  .parent-page-as-lab .video_card ul.description li,
  .parent-page-as-lab .teacher_card ul.description li,
  .single-video .course_card ul.description li,
  .single-video .lecture_card ul.description li,
  .single-video .symposium_card ul.description li,
  .single-video .video_card ul.description li,
  .single-video .teacher_card ul.description li {
    font-size: 2.56vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .course_card ul.description li,
  body.overview .lecture_card ul.description li,
  body.overview .symposium_card ul.description li,
  body.overview .video_card ul.description li,
  body.overview .teacher_card ul.description li,
  .parent-page-hms .course_card ul.description li,
  .parent-page-hms .lecture_card ul.description li,
  .parent-page-hms .symposium_card ul.description li,
  .parent-page-hms .video_card ul.description li,
  .parent-page-hms .teacher_card ul.description li,
  .parent-page-as-lab .course_card ul.description li,
  .parent-page-as-lab .lecture_card ul.description li,
  .parent-page-as-lab .symposium_card ul.description li,
  .parent-page-as-lab .video_card ul.description li,
  .parent-page-as-lab .teacher_card ul.description li,
  .single-video .course_card ul.description li,
  .single-video .lecture_card ul.description li,
  .single-video .symposium_card ul.description li,
  .single-video .video_card ul.description li,
  .single-video .teacher_card ul.description li {
    font-size: 0.75rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .course_card ul.description li:before,
body.overview .lecture_card ul.description li:before,
body.overview .symposium_card ul.description li:before,
body.overview .video_card ul.description li:before,
body.overview .teacher_card ul.description li:before,
.parent-page-hms .course_card ul.description li:before,
.parent-page-hms .lecture_card ul.description li:before,
.parent-page-hms .symposium_card ul.description li:before,
.parent-page-hms .video_card ul.description li:before,
.parent-page-hms .teacher_card ul.description li:before,
.parent-page-as-lab .course_card ul.description li:before,
.parent-page-as-lab .lecture_card ul.description li:before,
.parent-page-as-lab .symposium_card ul.description li:before,
.parent-page-as-lab .video_card ul.description li:before,
.parent-page-as-lab .teacher_card ul.description li:before,
.single-video .course_card ul.description li:before,
.single-video .lecture_card ul.description li:before,
.single-video .symposium_card ul.description li:before,
.single-video .video_card ul.description li:before,
.single-video .teacher_card ul.description li:before {
  content: "◆";
  margin: 0;
}
body.overview .course_card ul.detail,
body.overview .lecture_card ul.detail,
body.overview .symposium_card ul.detail,
body.overview .video_card ul.detail,
body.overview .teacher_card ul.detail,
.parent-page-hms .course_card ul.detail,
.parent-page-hms .lecture_card ul.detail,
.parent-page-hms .symposium_card ul.detail,
.parent-page-hms .video_card ul.detail,
.parent-page-hms .teacher_card ul.detail,
.parent-page-as-lab .course_card ul.detail,
.parent-page-as-lab .lecture_card ul.detail,
.parent-page-as-lab .symposium_card ul.detail,
.parent-page-as-lab .video_card ul.detail,
.parent-page-as-lab .teacher_card ul.detail,
.single-video .course_card ul.detail,
.single-video .lecture_card ul.detail,
.single-video .symposium_card ul.detail,
.single-video .video_card ul.detail,
.single-video .teacher_card ul.detail {
  padding-left: 0;
  list-style: none;
}
body.overview .course_card ul.detail li,
body.overview .lecture_card ul.detail li,
body.overview .symposium_card ul.detail li,
body.overview .video_card ul.detail li,
body.overview .teacher_card ul.detail li,
.parent-page-hms .course_card ul.detail li,
.parent-page-hms .lecture_card ul.detail li,
.parent-page-hms .symposium_card ul.detail li,
.parent-page-hms .video_card ul.detail li,
.parent-page-hms .teacher_card ul.detail li,
.parent-page-as-lab .course_card ul.detail li,
.parent-page-as-lab .lecture_card ul.detail li,
.parent-page-as-lab .symposium_card ul.detail li,
.parent-page-as-lab .video_card ul.detail li,
.parent-page-as-lab .teacher_card ul.detail li,
.single-video .course_card ul.detail li,
.single-video .lecture_card ul.detail li,
.single-video .symposium_card ul.detail li,
.single-video .video_card ul.detail li,
.single-video .teacher_card ul.detail li {
  border-bottom: 1px solid #8c9caa;
  text-indent: -1em;
  padding-left: 1em;
}
@media only screen and (max-width: 679px) {
  body.overview .course_card ul.detail li,
  body.overview .lecture_card ul.detail li,
  body.overview .symposium_card ul.detail li,
  body.overview .video_card ul.detail li,
  body.overview .teacher_card ul.detail li,
  .parent-page-hms .course_card ul.detail li,
  .parent-page-hms .lecture_card ul.detail li,
  .parent-page-hms .symposium_card ul.detail li,
  .parent-page-hms .video_card ul.detail li,
  .parent-page-hms .teacher_card ul.detail li,
  .parent-page-as-lab .course_card ul.detail li,
  .parent-page-as-lab .lecture_card ul.detail li,
  .parent-page-as-lab .symposium_card ul.detail li,
  .parent-page-as-lab .video_card ul.detail li,
  .parent-page-as-lab .teacher_card ul.detail li,
  .single-video .course_card ul.detail li,
  .single-video .lecture_card ul.detail li,
  .single-video .symposium_card ul.detail li,
  .single-video .video_card ul.detail li,
  .single-video .teacher_card ul.detail li {
    font-size: 2.9866666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .course_card ul.detail li,
  body.overview .lecture_card ul.detail li,
  body.overview .symposium_card ul.detail li,
  body.overview .video_card ul.detail li,
  body.overview .teacher_card ul.detail li,
  .parent-page-hms .course_card ul.detail li,
  .parent-page-hms .lecture_card ul.detail li,
  .parent-page-hms .symposium_card ul.detail li,
  .parent-page-hms .video_card ul.detail li,
  .parent-page-hms .teacher_card ul.detail li,
  .parent-page-as-lab .course_card ul.detail li,
  .parent-page-as-lab .lecture_card ul.detail li,
  .parent-page-as-lab .symposium_card ul.detail li,
  .parent-page-as-lab .video_card ul.detail li,
  .parent-page-as-lab .teacher_card ul.detail li,
  .single-video .course_card ul.detail li,
  .single-video .lecture_card ul.detail li,
  .single-video .symposium_card ul.detail li,
  .single-video .video_card ul.detail li,
  .single-video .teacher_card ul.detail li {
    font-size: 0.875rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .course_card ul.detail li:before,
body.overview .lecture_card ul.detail li:before,
body.overview .symposium_card ul.detail li:before,
body.overview .video_card ul.detail li:before,
body.overview .teacher_card ul.detail li:before,
.parent-page-hms .course_card ul.detail li:before,
.parent-page-hms .lecture_card ul.detail li:before,
.parent-page-hms .symposium_card ul.detail li:before,
.parent-page-hms .video_card ul.detail li:before,
.parent-page-hms .teacher_card ul.detail li:before,
.parent-page-as-lab .course_card ul.detail li:before,
.parent-page-as-lab .lecture_card ul.detail li:before,
.parent-page-as-lab .symposium_card ul.detail li:before,
.parent-page-as-lab .video_card ul.detail li:before,
.parent-page-as-lab .teacher_card ul.detail li:before,
.single-video .course_card ul.detail li:before,
.single-video .lecture_card ul.detail li:before,
.single-video .symposium_card ul.detail li:before,
.single-video .video_card ul.detail li:before,
.single-video .teacher_card ul.detail li:before {
  content: "・";
  margin-right: 0.275em;
  margin-left: 0.275em;
}
body.overview .course_card ul.detail li:first-child,
body.overview .lecture_card ul.detail li:first-child,
body.overview .symposium_card ul.detail li:first-child,
body.overview .video_card ul.detail li:first-child,
body.overview .teacher_card ul.detail li:first-child,
.parent-page-hms .course_card ul.detail li:first-child,
.parent-page-hms .lecture_card ul.detail li:first-child,
.parent-page-hms .symposium_card ul.detail li:first-child,
.parent-page-hms .video_card ul.detail li:first-child,
.parent-page-hms .teacher_card ul.detail li:first-child,
.parent-page-as-lab .course_card ul.detail li:first-child,
.parent-page-as-lab .lecture_card ul.detail li:first-child,
.parent-page-as-lab .symposium_card ul.detail li:first-child,
.parent-page-as-lab .video_card ul.detail li:first-child,
.parent-page-as-lab .teacher_card ul.detail li:first-child,
.single-video .course_card ul.detail li:first-child,
.single-video .lecture_card ul.detail li:first-child,
.single-video .symposium_card ul.detail li:first-child,
.single-video .video_card ul.detail li:first-child,
.single-video .teacher_card ul.detail li:first-child {
  border-top: 1px solid #8c9caa;
}
body.overview .course_card .details_note,
body.overview .lecture_card .details_note,
body.overview .symposium_card .details_note,
body.overview .video_card .details_note,
body.overview .teacher_card .details_note,
.parent-page-hms .course_card .details_note,
.parent-page-hms .lecture_card .details_note,
.parent-page-hms .symposium_card .details_note,
.parent-page-hms .video_card .details_note,
.parent-page-hms .teacher_card .details_note,
.parent-page-as-lab .course_card .details_note,
.parent-page-as-lab .lecture_card .details_note,
.parent-page-as-lab .symposium_card .details_note,
.parent-page-as-lab .video_card .details_note,
.parent-page-as-lab .teacher_card .details_note,
.single-video .course_card .details_note,
.single-video .lecture_card .details_note,
.single-video .symposium_card .details_note,
.single-video .video_card .details_note,
.single-video .teacher_card .details_note {
  margin-top: -1em;
}
@media only screen and (max-width: 679px) {
  body.overview .course_card .details_note,
  body.overview .lecture_card .details_note,
  body.overview .symposium_card .details_note,
  body.overview .video_card .details_note,
  body.overview .teacher_card .details_note,
  .parent-page-hms .course_card .details_note,
  .parent-page-hms .lecture_card .details_note,
  .parent-page-hms .symposium_card .details_note,
  .parent-page-hms .video_card .details_note,
  .parent-page-hms .teacher_card .details_note,
  .parent-page-as-lab .course_card .details_note,
  .parent-page-as-lab .lecture_card .details_note,
  .parent-page-as-lab .symposium_card .details_note,
  .parent-page-as-lab .video_card .details_note,
  .parent-page-as-lab .teacher_card .details_note,
  .single-video .course_card .details_note,
  .single-video .lecture_card .details_note,
  .single-video .symposium_card .details_note,
  .single-video .video_card .details_note,
  .single-video .teacher_card .details_note {
    font-size: 2.56vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .course_card .details_note,
  body.overview .lecture_card .details_note,
  body.overview .symposium_card .details_note,
  body.overview .video_card .details_note,
  body.overview .teacher_card .details_note,
  .parent-page-hms .course_card .details_note,
  .parent-page-hms .lecture_card .details_note,
  .parent-page-hms .symposium_card .details_note,
  .parent-page-hms .video_card .details_note,
  .parent-page-hms .teacher_card .details_note,
  .parent-page-as-lab .course_card .details_note,
  .parent-page-as-lab .lecture_card .details_note,
  .parent-page-as-lab .symposium_card .details_note,
  .parent-page-as-lab .video_card .details_note,
  .parent-page-as-lab .teacher_card .details_note,
  .single-video .course_card .details_note,
  .single-video .lecture_card .details_note,
  .single-video .symposium_card .details_note,
  .single-video .video_card .details_note,
  .single-video .teacher_card .details_note {
    font-size: 0.75rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .course_card table,
body.overview .lecture_card table,
body.overview .symposium_card table,
body.overview .video_card table,
body.overview .teacher_card table,
.parent-page-hms .course_card table,
.parent-page-hms .lecture_card table,
.parent-page-hms .symposium_card table,
.parent-page-hms .video_card table,
.parent-page-hms .teacher_card table,
.parent-page-as-lab .course_card table,
.parent-page-as-lab .lecture_card table,
.parent-page-as-lab .symposium_card table,
.parent-page-as-lab .video_card table,
.parent-page-as-lab .teacher_card table,
.single-video .course_card table,
.single-video .lecture_card table,
.single-video .symposium_card table,
.single-video .video_card table,
.single-video .teacher_card table {
  border-collapse: collapse;
  width: 100%;
}
body.overview .course_card table th,
body.overview .lecture_card table th,
body.overview .symposium_card table th,
body.overview .video_card table th,
body.overview .teacher_card table th,
.parent-page-hms .course_card table th,
.parent-page-hms .lecture_card table th,
.parent-page-hms .symposium_card table th,
.parent-page-hms .video_card table th,
.parent-page-hms .teacher_card table th,
.parent-page-as-lab .course_card table th,
.parent-page-as-lab .lecture_card table th,
.parent-page-as-lab .symposium_card table th,
.parent-page-as-lab .video_card table th,
.parent-page-as-lab .teacher_card table th,
.single-video .course_card table th,
.single-video .lecture_card table th,
.single-video .symposium_card table th,
.single-video .video_card table th,
.single-video .teacher_card table th {
  text-align: left;
  border-bottom: 1px solid #8c9caa;
  /*@include max-screen($breakpoint-small) {
      &:nth-child(2) {
          width: 55%;
      }
      &:nth-child(3) {
          width: 25%;
      }
  }*/
}
@media only screen and (max-width: 679px) {
  body.overview .course_card table th,
  body.overview .lecture_card table th,
  body.overview .symposium_card table th,
  body.overview .video_card table th,
  body.overview .teacher_card table th,
  .parent-page-hms .course_card table th,
  .parent-page-hms .lecture_card table th,
  .parent-page-hms .symposium_card table th,
  .parent-page-hms .video_card table th,
  .parent-page-hms .teacher_card table th,
  .parent-page-as-lab .course_card table th,
  .parent-page-as-lab .lecture_card table th,
  .parent-page-as-lab .symposium_card table th,
  .parent-page-as-lab .video_card table th,
  .parent-page-as-lab .teacher_card table th,
  .single-video .course_card table th,
  .single-video .lecture_card table th,
  .single-video .symposium_card table th,
  .single-video .video_card table th,
  .single-video .teacher_card table th {
    font-size: 2.56vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .course_card table th,
  body.overview .lecture_card table th,
  body.overview .symposium_card table th,
  body.overview .video_card table th,
  body.overview .teacher_card table th,
  .parent-page-hms .course_card table th,
  .parent-page-hms .lecture_card table th,
  .parent-page-hms .symposium_card table th,
  .parent-page-hms .video_card table th,
  .parent-page-hms .teacher_card table th,
  .parent-page-as-lab .course_card table th,
  .parent-page-as-lab .lecture_card table th,
  .parent-page-as-lab .symposium_card table th,
  .parent-page-as-lab .video_card table th,
  .parent-page-as-lab .teacher_card table th,
  .single-video .course_card table th,
  .single-video .lecture_card table th,
  .single-video .symposium_card table th,
  .single-video .video_card table th,
  .single-video .teacher_card table th {
    font-size: 0.75rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .course_card table th:nth-child(1),
body.overview .lecture_card table th:nth-child(1),
body.overview .symposium_card table th:nth-child(1),
body.overview .video_card table th:nth-child(1),
body.overview .teacher_card table th:nth-child(1),
.parent-page-hms .course_card table th:nth-child(1),
.parent-page-hms .lecture_card table th:nth-child(1),
.parent-page-hms .symposium_card table th:nth-child(1),
.parent-page-hms .video_card table th:nth-child(1),
.parent-page-hms .teacher_card table th:nth-child(1),
.parent-page-as-lab .course_card table th:nth-child(1),
.parent-page-as-lab .lecture_card table th:nth-child(1),
.parent-page-as-lab .symposium_card table th:nth-child(1),
.parent-page-as-lab .video_card table th:nth-child(1),
.parent-page-as-lab .teacher_card table th:nth-child(1),
.single-video .course_card table th:nth-child(1),
.single-video .lecture_card table th:nth-child(1),
.single-video .symposium_card table th:nth-child(1),
.single-video .video_card table th:nth-child(1),
.single-video .teacher_card table th:nth-child(1) {
  width: 18%;
}
body.overview .course_card table th:nth-child(2),
body.overview .lecture_card table th:nth-child(2),
body.overview .symposium_card table th:nth-child(2),
body.overview .video_card table th:nth-child(2),
body.overview .teacher_card table th:nth-child(2),
.parent-page-hms .course_card table th:nth-child(2),
.parent-page-hms .lecture_card table th:nth-child(2),
.parent-page-hms .symposium_card table th:nth-child(2),
.parent-page-hms .video_card table th:nth-child(2),
.parent-page-hms .teacher_card table th:nth-child(2),
.parent-page-as-lab .course_card table th:nth-child(2),
.parent-page-as-lab .lecture_card table th:nth-child(2),
.parent-page-as-lab .symposium_card table th:nth-child(2),
.parent-page-as-lab .video_card table th:nth-child(2),
.parent-page-as-lab .teacher_card table th:nth-child(2),
.single-video .course_card table th:nth-child(2),
.single-video .lecture_card table th:nth-child(2),
.single-video .symposium_card table th:nth-child(2),
.single-video .video_card table th:nth-child(2),
.single-video .teacher_card table th:nth-child(2) {
  width: 60%;
}
body.overview .course_card table th:nth-child(3),
body.overview .lecture_card table th:nth-child(3),
body.overview .symposium_card table th:nth-child(3),
body.overview .video_card table th:nth-child(3),
body.overview .teacher_card table th:nth-child(3),
.parent-page-hms .course_card table th:nth-child(3),
.parent-page-hms .lecture_card table th:nth-child(3),
.parent-page-hms .symposium_card table th:nth-child(3),
.parent-page-hms .video_card table th:nth-child(3),
.parent-page-hms .teacher_card table th:nth-child(3),
.parent-page-as-lab .course_card table th:nth-child(3),
.parent-page-as-lab .lecture_card table th:nth-child(3),
.parent-page-as-lab .symposium_card table th:nth-child(3),
.parent-page-as-lab .video_card table th:nth-child(3),
.parent-page-as-lab .teacher_card table th:nth-child(3),
.single-video .course_card table th:nth-child(3),
.single-video .lecture_card table th:nth-child(3),
.single-video .symposium_card table th:nth-child(3),
.single-video .video_card table th:nth-child(3),
.single-video .teacher_card table th:nth-child(3) {
  width: 22%;
}
body.overview .course_card table td,
body.overview .lecture_card table td,
body.overview .symposium_card table td,
body.overview .video_card table td,
body.overview .teacher_card table td,
.parent-page-hms .course_card table td,
.parent-page-hms .lecture_card table td,
.parent-page-hms .symposium_card table td,
.parent-page-hms .video_card table td,
.parent-page-hms .teacher_card table td,
.parent-page-as-lab .course_card table td,
.parent-page-as-lab .lecture_card table td,
.parent-page-as-lab .symposium_card table td,
.parent-page-as-lab .video_card table td,
.parent-page-as-lab .teacher_card table td,
.single-video .course_card table td,
.single-video .lecture_card table td,
.single-video .symposium_card table td,
.single-video .video_card table td,
.single-video .teacher_card table td {
  border-bottom: 1px solid #8c9caa;
  background-color: #fff;
  padding: 3px 4px;
}
@media only screen and (max-width: 679px) {
  body.overview .course_card table td,
  body.overview .lecture_card table td,
  body.overview .symposium_card table td,
  body.overview .video_card table td,
  body.overview .teacher_card table td,
  .parent-page-hms .course_card table td,
  .parent-page-hms .lecture_card table td,
  .parent-page-hms .symposium_card table td,
  .parent-page-hms .video_card table td,
  .parent-page-hms .teacher_card table td,
  .parent-page-as-lab .course_card table td,
  .parent-page-as-lab .lecture_card table td,
  .parent-page-as-lab .symposium_card table td,
  .parent-page-as-lab .video_card table td,
  .parent-page-as-lab .teacher_card table td,
  .single-video .course_card table td,
  .single-video .lecture_card table td,
  .single-video .symposium_card table td,
  .single-video .video_card table td,
  .single-video .teacher_card table td {
    font-size: 2.9866666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .course_card table td,
  body.overview .lecture_card table td,
  body.overview .symposium_card table td,
  body.overview .video_card table td,
  body.overview .teacher_card table td,
  .parent-page-hms .course_card table td,
  .parent-page-hms .lecture_card table td,
  .parent-page-hms .symposium_card table td,
  .parent-page-hms .video_card table td,
  .parent-page-hms .teacher_card table td,
  .parent-page-as-lab .course_card table td,
  .parent-page-as-lab .lecture_card table td,
  .parent-page-as-lab .symposium_card table td,
  .parent-page-as-lab .video_card table td,
  .parent-page-as-lab .teacher_card table td,
  .single-video .course_card table td,
  .single-video .lecture_card table td,
  .single-video .symposium_card table td,
  .single-video .video_card table td,
  .single-video .teacher_card table td {
    font-size: 0.875rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .course_card table + *,
body.overview .lecture_card table + *,
body.overview .symposium_card table + *,
body.overview .video_card table + *,
body.overview .teacher_card table + *,
.parent-page-hms .course_card table + *,
.parent-page-hms .lecture_card table + *,
.parent-page-hms .symposium_card table + *,
.parent-page-hms .video_card table + *,
.parent-page-hms .teacher_card table + *,
.parent-page-as-lab .course_card table + *,
.parent-page-as-lab .lecture_card table + *,
.parent-page-as-lab .symposium_card table + *,
.parent-page-as-lab .video_card table + *,
.parent-page-as-lab .teacher_card table + *,
.single-video .course_card table + *,
.single-video .lecture_card table + *,
.single-video .symposium_card table + *,
.single-video .video_card table + *,
.single-video .teacher_card table + * {
  margin: 0;
}
body.overview .course_card .uk-button,
body.overview .lecture_card .uk-button,
body.overview .symposium_card .uk-button,
body.overview .video_card .uk-button,
body.overview .teacher_card .uk-button,
.parent-page-hms .course_card .uk-button,
.parent-page-hms .lecture_card .uk-button,
.parent-page-hms .symposium_card .uk-button,
.parent-page-hms .video_card .uk-button,
.parent-page-hms .teacher_card .uk-button,
.parent-page-as-lab .course_card .uk-button,
.parent-page-as-lab .lecture_card .uk-button,
.parent-page-as-lab .symposium_card .uk-button,
.parent-page-as-lab .video_card .uk-button,
.parent-page-as-lab .teacher_card .uk-button,
.single-video .course_card .uk-button,
.single-video .lecture_card .uk-button,
.single-video .symposium_card .uk-button,
.single-video .video_card .uk-button,
.single-video .teacher_card .uk-button {
  padding: 0;
  line-height: 22px;
  border: none;
  background-color: #4b566f;
  color: #fff;
  border-radius: 4px;
  display: block;
}
@media only screen and (max-width: 679px) {
  body.overview .course_card .uk-button,
  body.overview .lecture_card .uk-button,
  body.overview .symposium_card .uk-button,
  body.overview .video_card .uk-button,
  body.overview .teacher_card .uk-button,
  .parent-page-hms .course_card .uk-button,
  .parent-page-hms .lecture_card .uk-button,
  .parent-page-hms .symposium_card .uk-button,
  .parent-page-hms .video_card .uk-button,
  .parent-page-hms .teacher_card .uk-button,
  .parent-page-as-lab .course_card .uk-button,
  .parent-page-as-lab .lecture_card .uk-button,
  .parent-page-as-lab .symposium_card .uk-button,
  .parent-page-as-lab .video_card .uk-button,
  .parent-page-as-lab .teacher_card .uk-button,
  .single-video .course_card .uk-button,
  .single-video .lecture_card .uk-button,
  .single-video .symposium_card .uk-button,
  .single-video .video_card .uk-button,
  .single-video .teacher_card .uk-button {
    font-size: 2.9866666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .course_card .uk-button,
  body.overview .lecture_card .uk-button,
  body.overview .symposium_card .uk-button,
  body.overview .video_card .uk-button,
  body.overview .teacher_card .uk-button,
  .parent-page-hms .course_card .uk-button,
  .parent-page-hms .lecture_card .uk-button,
  .parent-page-hms .symposium_card .uk-button,
  .parent-page-hms .video_card .uk-button,
  .parent-page-hms .teacher_card .uk-button,
  .parent-page-as-lab .course_card .uk-button,
  .parent-page-as-lab .lecture_card .uk-button,
  .parent-page-as-lab .symposium_card .uk-button,
  .parent-page-as-lab .video_card .uk-button,
  .parent-page-as-lab .teacher_card .uk-button,
  .single-video .course_card .uk-button,
  .single-video .lecture_card .uk-button,
  .single-video .symposium_card .uk-button,
  .single-video .video_card .uk-button,
  .single-video .teacher_card .uk-button {
    font-size: 0.875rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .course_card .detail_link,
body.overview .lecture_card .detail_link,
body.overview .symposium_card .detail_link,
body.overview .video_card .detail_link,
body.overview .teacher_card .detail_link,
.parent-page-hms .course_card .detail_link,
.parent-page-hms .lecture_card .detail_link,
.parent-page-hms .symposium_card .detail_link,
.parent-page-hms .video_card .detail_link,
.parent-page-hms .teacher_card .detail_link,
.parent-page-as-lab .course_card .detail_link,
.parent-page-as-lab .lecture_card .detail_link,
.parent-page-as-lab .symposium_card .detail_link,
.parent-page-as-lab .video_card .detail_link,
.parent-page-as-lab .teacher_card .detail_link,
.single-video .course_card .detail_link,
.single-video .lecture_card .detail_link,
.single-video .symposium_card .detail_link,
.single-video .video_card .detail_link,
.single-video .teacher_card .detail_link {
  color: #3054ff;
  line-height: 1;
}
@media only screen and (max-width: 679px) {
  body.overview .course_card .detail_link,
  body.overview .lecture_card .detail_link,
  body.overview .symposium_card .detail_link,
  body.overview .video_card .detail_link,
  body.overview .teacher_card .detail_link,
  .parent-page-hms .course_card .detail_link,
  .parent-page-hms .lecture_card .detail_link,
  .parent-page-hms .symposium_card .detail_link,
  .parent-page-hms .video_card .detail_link,
  .parent-page-hms .teacher_card .detail_link,
  .parent-page-as-lab .course_card .detail_link,
  .parent-page-as-lab .lecture_card .detail_link,
  .parent-page-as-lab .symposium_card .detail_link,
  .parent-page-as-lab .video_card .detail_link,
  .parent-page-as-lab .teacher_card .detail_link,
  .single-video .course_card .detail_link,
  .single-video .lecture_card .detail_link,
  .single-video .symposium_card .detail_link,
  .single-video .video_card .detail_link,
  .single-video .teacher_card .detail_link {
    font-size: 2.9866666667vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .course_card .detail_link,
  body.overview .lecture_card .detail_link,
  body.overview .symposium_card .detail_link,
  body.overview .video_card .detail_link,
  body.overview .teacher_card .detail_link,
  .parent-page-hms .course_card .detail_link,
  .parent-page-hms .lecture_card .detail_link,
  .parent-page-hms .symposium_card .detail_link,
  .parent-page-hms .video_card .detail_link,
  .parent-page-hms .teacher_card .detail_link,
  .parent-page-as-lab .course_card .detail_link,
  .parent-page-as-lab .lecture_card .detail_link,
  .parent-page-as-lab .symposium_card .detail_link,
  .parent-page-as-lab .video_card .detail_link,
  .parent-page-as-lab .teacher_card .detail_link,
  .single-video .course_card .detail_link,
  .single-video .lecture_card .detail_link,
  .single-video .symposium_card .detail_link,
  .single-video .video_card .detail_link,
  .single-video .teacher_card .detail_link {
    font-size: 0.875rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .course_card .detail_link:after,
body.overview .lecture_card .detail_link:after,
body.overview .symposium_card .detail_link:after,
body.overview .video_card .detail_link:after,
body.overview .teacher_card .detail_link:after,
.parent-page-hms .course_card .detail_link:after,
.parent-page-hms .lecture_card .detail_link:after,
.parent-page-hms .symposium_card .detail_link:after,
.parent-page-hms .video_card .detail_link:after,
.parent-page-hms .teacher_card .detail_link:after,
.parent-page-as-lab .course_card .detail_link:after,
.parent-page-as-lab .lecture_card .detail_link:after,
.parent-page-as-lab .symposium_card .detail_link:after,
.parent-page-as-lab .video_card .detail_link:after,
.parent-page-as-lab .teacher_card .detail_link:after,
.single-video .course_card .detail_link:after,
.single-video .lecture_card .detail_link:after,
.single-video .symposium_card .detail_link:after,
.single-video .video_card .detail_link:after,
.single-video .teacher_card .detail_link:after {
  content: ">";
}
body.overview .course_card .detail_link.note_upper, body.overview .course_card .detail_link.note_bottom,
body.overview .lecture_card .detail_link.note_upper,
body.overview .lecture_card .detail_link.note_bottom,
body.overview .symposium_card .detail_link.note_upper,
body.overview .symposium_card .detail_link.note_bottom,
body.overview .video_card .detail_link.note_upper,
body.overview .video_card .detail_link.note_bottom,
body.overview .teacher_card .detail_link.note_upper,
body.overview .teacher_card .detail_link.note_bottom,
.parent-page-hms .course_card .detail_link.note_upper,
.parent-page-hms .course_card .detail_link.note_bottom,
.parent-page-hms .lecture_card .detail_link.note_upper,
.parent-page-hms .lecture_card .detail_link.note_bottom,
.parent-page-hms .symposium_card .detail_link.note_upper,
.parent-page-hms .symposium_card .detail_link.note_bottom,
.parent-page-hms .video_card .detail_link.note_upper,
.parent-page-hms .video_card .detail_link.note_bottom,
.parent-page-hms .teacher_card .detail_link.note_upper,
.parent-page-hms .teacher_card .detail_link.note_bottom,
.parent-page-as-lab .course_card .detail_link.note_upper,
.parent-page-as-lab .course_card .detail_link.note_bottom,
.parent-page-as-lab .lecture_card .detail_link.note_upper,
.parent-page-as-lab .lecture_card .detail_link.note_bottom,
.parent-page-as-lab .symposium_card .detail_link.note_upper,
.parent-page-as-lab .symposium_card .detail_link.note_bottom,
.parent-page-as-lab .video_card .detail_link.note_upper,
.parent-page-as-lab .video_card .detail_link.note_bottom,
.parent-page-as-lab .teacher_card .detail_link.note_upper,
.parent-page-as-lab .teacher_card .detail_link.note_bottom,
.single-video .course_card .detail_link.note_upper,
.single-video .course_card .detail_link.note_bottom,
.single-video .lecture_card .detail_link.note_upper,
.single-video .lecture_card .detail_link.note_bottom,
.single-video .symposium_card .detail_link.note_upper,
.single-video .symposium_card .detail_link.note_bottom,
.single-video .video_card .detail_link.note_upper,
.single-video .video_card .detail_link.note_bottom,
.single-video .teacher_card .detail_link.note_upper,
.single-video .teacher_card .detail_link.note_bottom {
  display: inline-block;
  color: red;
  font-weight: 700;
  text-decoration: underline;
}
body.overview .course_card .detail_link.note_upper::after, body.overview .course_card .detail_link.note_bottom::after,
body.overview .lecture_card .detail_link.note_upper::after,
body.overview .lecture_card .detail_link.note_bottom::after,
body.overview .symposium_card .detail_link.note_upper::after,
body.overview .symposium_card .detail_link.note_bottom::after,
body.overview .video_card .detail_link.note_upper::after,
body.overview .video_card .detail_link.note_bottom::after,
body.overview .teacher_card .detail_link.note_upper::after,
body.overview .teacher_card .detail_link.note_bottom::after,
.parent-page-hms .course_card .detail_link.note_upper::after,
.parent-page-hms .course_card .detail_link.note_bottom::after,
.parent-page-hms .lecture_card .detail_link.note_upper::after,
.parent-page-hms .lecture_card .detail_link.note_bottom::after,
.parent-page-hms .symposium_card .detail_link.note_upper::after,
.parent-page-hms .symposium_card .detail_link.note_bottom::after,
.parent-page-hms .video_card .detail_link.note_upper::after,
.parent-page-hms .video_card .detail_link.note_bottom::after,
.parent-page-hms .teacher_card .detail_link.note_upper::after,
.parent-page-hms .teacher_card .detail_link.note_bottom::after,
.parent-page-as-lab .course_card .detail_link.note_upper::after,
.parent-page-as-lab .course_card .detail_link.note_bottom::after,
.parent-page-as-lab .lecture_card .detail_link.note_upper::after,
.parent-page-as-lab .lecture_card .detail_link.note_bottom::after,
.parent-page-as-lab .symposium_card .detail_link.note_upper::after,
.parent-page-as-lab .symposium_card .detail_link.note_bottom::after,
.parent-page-as-lab .video_card .detail_link.note_upper::after,
.parent-page-as-lab .video_card .detail_link.note_bottom::after,
.parent-page-as-lab .teacher_card .detail_link.note_upper::after,
.parent-page-as-lab .teacher_card .detail_link.note_bottom::after,
.single-video .course_card .detail_link.note_upper::after,
.single-video .course_card .detail_link.note_bottom::after,
.single-video .lecture_card .detail_link.note_upper::after,
.single-video .lecture_card .detail_link.note_bottom::after,
.single-video .symposium_card .detail_link.note_upper::after,
.single-video .symposium_card .detail_link.note_bottom::after,
.single-video .video_card .detail_link.note_upper::after,
.single-video .video_card .detail_link.note_bottom::after,
.single-video .teacher_card .detail_link.note_upper::after,
.single-video .teacher_card .detail_link.note_bottom::after {
  content: none;
}
body.overview .course_card .detail_link.note_bottom,
body.overview .lecture_card .detail_link.note_bottom,
body.overview .symposium_card .detail_link.note_bottom,
body.overview .video_card .detail_link.note_bottom,
body.overview .teacher_card .detail_link.note_bottom,
.parent-page-hms .course_card .detail_link.note_bottom,
.parent-page-hms .lecture_card .detail_link.note_bottom,
.parent-page-hms .symposium_card .detail_link.note_bottom,
.parent-page-hms .video_card .detail_link.note_bottom,
.parent-page-hms .teacher_card .detail_link.note_bottom,
.parent-page-as-lab .course_card .detail_link.note_bottom,
.parent-page-as-lab .lecture_card .detail_link.note_bottom,
.parent-page-as-lab .symposium_card .detail_link.note_bottom,
.parent-page-as-lab .video_card .detail_link.note_bottom,
.parent-page-as-lab .teacher_card .detail_link.note_bottom,
.single-video .course_card .detail_link.note_bottom,
.single-video .lecture_card .detail_link.note_bottom,
.single-video .symposium_card .detail_link.note_bottom,
.single-video .video_card .detail_link.note_bottom,
.single-video .teacher_card .detail_link.note_bottom {
  margin-top: 1em;
}
body.overview .course_card,
.parent-page-hms .course_card,
.parent-page-as-lab .course_card,
.single-video .course_card {
  border: 15px solid #5060a6;
  border-top-width: 0;
}
@media only screen and (max-width: 679px) {
  body.overview .course_card,
  .parent-page-hms .course_card,
  .parent-page-as-lab .course_card,
  .single-video .course_card {
    border-width: 0;
  }
  body.overview .course_card h3 br,
  .parent-page-hms .course_card h3 br,
  .parent-page-as-lab .course_card h3 br,
  .single-video .course_card h3 br {
    display: none;
  }
}
body.overview .course_card + .course_card,
.parent-page-hms .course_card + .course_card,
.parent-page-as-lab .course_card + .course_card,
.single-video .course_card + .course_card {
  margin-top: -7px;
}
@media only screen and (max-width: 679px) {
  body.overview .course_card + .course_card,
  .parent-page-hms .course_card + .course_card,
  .parent-page-as-lab .course_card + .course_card,
  .single-video .course_card + .course_card {
    margin-top: 0.5rem;
  }
}
body.overview .course_card img,
.parent-page-hms .course_card img,
.parent-page-as-lab .course_card img,
.single-video .course_card img {
  margin: auto;
  display: block;
}
body.overview .course_card.bsc h3,
.parent-page-hms .course_card.bsc h3,
.parent-page-as-lab .course_card.bsc h3,
.single-video .course_card.bsc h3 {
  background-color: #9173db;
}
body.overview .course_card.bsc img,
.parent-page-hms .course_card.bsc img,
.parent-page-as-lab .course_card.bsc img,
.single-video .course_card.bsc img {
  width: calc(44px * 4);
}
body.overview .course_card.bac h3,
.parent-page-hms .course_card.bac h3,
.parent-page-as-lab .course_card.bac h3,
.single-video .course_card.bac h3 {
  background-color: #647de4;
}
body.overview .course_card.bac img,
.parent-page-hms .course_card.bac img,
.parent-page-as-lab .course_card.bac img,
.single-video .course_card.bac img {
  width: calc(44px * 4);
}
body.overview .course_card.oqc h3,
.parent-page-hms .course_card.oqc h3,
.parent-page-as-lab .course_card.oqc h3,
.single-video .course_card.oqc h3 {
  background-color: #25ade4;
}
body.overview .course_card.oqc img,
.parent-page-hms .course_card.oqc img,
.parent-page-as-lab .course_card.oqc img,
.single-video .course_card.oqc img {
  width: calc(44px * 5);
}
body.overview .course_card.dtc h3,
.parent-page-hms .course_card.dtc h3,
.parent-page-as-lab .course_card.dtc h3,
.single-video .course_card.dtc h3 {
  background-color: #78c880;
}
body.overview .course_card.dtc img,
.parent-page-hms .course_card.dtc img,
.parent-page-as-lab .course_card.dtc img,
.single-video .course_card.dtc img {
  width: calc(44px * 5);
}
body.overview .course_card.dfc h3,
.parent-page-hms .course_card.dfc h3,
.parent-page-as-lab .course_card.dfc h3,
.single-video .course_card.dfc h3 {
  background-color: #b2d21e;
}
body.overview .course_card.dfc img,
.parent-page-hms .course_card.dfc img,
.parent-page-as-lab .course_card.dfc img,
.single-video .course_card.dfc img {
  width: calc(44px * 6);
}
body.overview .course_card.dfp h3,
.parent-page-hms .course_card.dfp h3,
.parent-page-as-lab .course_card.dfp h3,
.single-video .course_card.dfp h3 {
  background-color: #b2d21e;
}
body.overview .course_card.dfp img,
.parent-page-hms .course_card.dfp img,
.parent-page-as-lab .course_card.dfp img,
.single-video .course_card.dfp img {
  width: calc(44px * 6);
}
body.overview .lectures .tb_text_wrap,
.parent-page-hms .lectures .tb_text_wrap,
.parent-page-as-lab .lectures .tb_text_wrap,
.single-video .lectures .tb_text_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.overview .lectures .tb_text_wrap .lecture_card,
.parent-page-hms .lectures .tb_text_wrap .lecture_card,
.parent-page-as-lab .lectures .tb_text_wrap .lecture_card,
.single-video .lectures .tb_text_wrap .lecture_card {
  width: 49.2%;
  background-color: #d2e8fa;
}
@media only screen and (max-width: 679px) {
  body.overview .lectures .tb_text_wrap .lecture_card,
  .parent-page-hms .lectures .tb_text_wrap .lecture_card,
  .parent-page-as-lab .lectures .tb_text_wrap .lecture_card,
  .single-video .lectures .tb_text_wrap .lecture_card {
    width: 100%;
  }
}
body.overview .lectures .tb_text_wrap .lecture_card h4,
.parent-page-hms .lectures .tb_text_wrap .lecture_card h4,
.parent-page-as-lab .lectures .tb_text_wrap .lecture_card h4,
.single-video .lectures .tb_text_wrap .lecture_card h4 {
  color: #4e6da3;
  margin-top: 15px;
}
@media only screen and (max-width: 679px) {
  body.overview .lectures .tb_text_wrap .lecture_card h4,
  .parent-page-hms .lectures .tb_text_wrap .lecture_card h4,
  .parent-page-as-lab .lectures .tb_text_wrap .lecture_card h4,
  .single-video .lectures .tb_text_wrap .lecture_card h4 {
    font-size: 2.9866666667vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .lectures .tb_text_wrap .lecture_card h4,
  .parent-page-hms .lectures .tb_text_wrap .lecture_card h4,
  .parent-page-as-lab .lectures .tb_text_wrap .lecture_card h4,
  .single-video .lectures .tb_text_wrap .lecture_card h4 {
    font-size: 0.875rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  body.overview .lectures .tb_text_wrap .lecture_card h4,
  .parent-page-hms .lectures .tb_text_wrap .lecture_card h4,
  .parent-page-as-lab .lectures .tb_text_wrap .lecture_card h4,
  .single-video .lectures .tb_text_wrap .lecture_card h4 {
    text-align: center;
  }
}
body.overview .lectures .tb_text_wrap .lecture_card h4:before, body.overview .lectures .tb_text_wrap .lecture_card h4:after,
.parent-page-hms .lectures .tb_text_wrap .lecture_card h4:before,
.parent-page-hms .lectures .tb_text_wrap .lecture_card h4:after,
.parent-page-as-lab .lectures .tb_text_wrap .lecture_card h4:before,
.parent-page-as-lab .lectures .tb_text_wrap .lecture_card h4:after,
.single-video .lectures .tb_text_wrap .lecture_card h4:before,
.single-video .lectures .tb_text_wrap .lecture_card h4:after {
  display: inline-block;
  font-family: "fontello";
  content: "\e805";
  font-size: 3em;
  margin-right: 0.2rem;
  vertical-align: middle;
}
body.overview .lectures .tb_text_wrap .lecture_card h4:after,
.parent-page-hms .lectures .tb_text_wrap .lecture_card h4:after,
.parent-page-as-lab .lectures .tb_text_wrap .lecture_card h4:after,
.single-video .lectures .tb_text_wrap .lecture_card h4:after {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  margin-right: 0;
  margin-left: 0.2rem;
}
body.overview .lectures .tb_text_wrap .lecture_card ul.description li,
.parent-page-hms .lectures .tb_text_wrap .lecture_card ul.description li,
.parent-page-as-lab .lectures .tb_text_wrap .lecture_card ul.description li,
.single-video .lectures .tb_text_wrap .lecture_card ul.description li {
  text-indent: 0;
  padding: 0;
}
body.overview .lectures .tb_text_wrap .lecture_card ul.description li::before,
.parent-page-hms .lectures .tb_text_wrap .lecture_card ul.description li::before,
.parent-page-as-lab .lectures .tb_text_wrap .lecture_card ul.description li::before,
.single-video .lectures .tb_text_wrap .lecture_card ul.description li::before {
  content: "";
}
body.overview .lectures .tb_text_wrap .lecture_card:nth-child(n+3),
.parent-page-hms .lectures .tb_text_wrap .lecture_card:nth-child(n+3),
.parent-page-as-lab .lectures .tb_text_wrap .lecture_card:nth-child(n+3),
.single-video .lectures .tb_text_wrap .lecture_card:nth-child(n+3) {
  margin-top: 15px;
}
@media only screen and (max-width: 679px) {
  body.overview .lectures .tb_text_wrap .lecture_card:nth-child(n+2),
  .parent-page-hms .lectures .tb_text_wrap .lecture_card:nth-child(n+2),
  .parent-page-as-lab .lectures .tb_text_wrap .lecture_card:nth-child(n+2),
  .single-video .lectures .tb_text_wrap .lecture_card:nth-child(n+2) {
    margin-top: 0.5rem;
  }
}
body.overview .video_card,
.parent-page-hms .video_card,
.parent-page-as-lab .video_card,
.single-video .video_card {
  background-color: #e2eee2;
  height: 100%;
}
body.overview .video_card .thumbnail,
.parent-page-hms .video_card .thumbnail,
.parent-page-as-lab .video_card .thumbnail,
.single-video .video_card .thumbnail {
  margin: -15px -15px 0 -15px;
  width: calc(100% + 30px);
  max-width: initial;
}
body.overview .video_card h3,
.parent-page-hms .video_card h3,
.parent-page-as-lab .video_card h3,
.single-video .video_card h3 {
  margin: 0;
  line-height: 1.2;
  color: #3c4b61;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 679px) {
  body.overview .video_card h3,
  .parent-page-hms .video_card h3,
  .parent-page-as-lab .video_card h3,
  .single-video .video_card h3 {
    font-size: 5.12vw;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .video_card h3,
  .parent-page-hms .video_card h3,
  .parent-page-as-lab .video_card h3,
  .single-video .video_card h3 {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .video_card h4,
.parent-page-hms .video_card h4,
.parent-page-as-lab .video_card h4,
.single-video .video_card h4 {
  color: #3c4b61;
  margin: 0 0 0.5em;
}
@media only screen and (max-width: 679px) {
  body.overview .video_card h4,
  .parent-page-hms .video_card h4,
  .parent-page-as-lab .video_card h4,
  .single-video .video_card h4 {
    font-size: 3.84vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .video_card h4,
  .parent-page-hms .video_card h4,
  .parent-page-as-lab .video_card h4,
  .single-video .video_card h4 {
    font-size: 1.125rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .video_card table th,
.parent-page-hms .video_card table th,
.parent-page-as-lab .video_card table th,
.single-video .video_card table th {
  color: #fff;
  background-color: #8c9caa;
  text-align: center;
}
@media only screen and (max-width: 679px) {
  body.overview .video_card table th,
  .parent-page-hms .video_card table th,
  .parent-page-as-lab .video_card table th,
  .single-video .video_card table th {
    font-size: 2.9866666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .video_card table th,
  .parent-page-hms .video_card table th,
  .parent-page-as-lab .video_card table th,
  .single-video .video_card table th {
    font-size: 0.875rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .video_card table td,
.parent-page-hms .video_card table td,
.parent-page-as-lab .video_card table td,
.single-video .video_card table td {
  padding-left: 0;
  padding-right: 0;
  background-color: #e2eee2;
}
@media only screen and (max-width: 679px) {
  body.overview .video_card table td,
  .parent-page-hms .video_card table td,
  .parent-page-as-lab .video_card table td,
  .single-video .video_card table td {
    font-size: 2.7733333333vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .video_card table td,
  .parent-page-hms .video_card table td,
  .parent-page-as-lab .video_card table td,
  .single-video .video_card table td {
    font-size: 0.8125rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .video_card .btn_application,
.parent-page-hms .video_card .btn_application,
.parent-page-as-lab .video_card .btn_application,
.single-video .video_card .btn_application {
  background-color: #666f85;
  width: 88px;
  margin: 1em auto 0.25em;
}
body.overview .video_card .detail_link,
.parent-page-hms .video_card .detail_link,
.parent-page-as-lab .video_card .detail_link,
.single-video .video_card .detail_link {
  text-align: center;
  width: 100%;
  display: inline-block;
}
body.overview .video_card.detail,
.parent-page-hms .video_card.detail,
.parent-page-as-lab .video_card.detail,
.single-video .video_card.detail {
  padding: 0 30px 0 0;
  background-color: transparent;
  border-right: 1px solid #4b566f;
}
@media only screen and (max-width: 679px) {
  body.overview .video_card.detail,
  .parent-page-hms .video_card.detail,
  .parent-page-as-lab .video_card.detail,
  .single-video .video_card.detail {
    padding: 0 0 20px 0;
    margin-bottom: 20px;
    border-right: none;
    border-bottom: 1px solid #4b566f;
  }
}
body.overview .video_card.detail h6,
.parent-page-hms .video_card.detail h6,
.parent-page-as-lab .video_card.detail h6,
.single-video .video_card.detail h6 {
  background-color: #48ae70;
  margin-bottom: 0;
}
@media only screen and (max-width: 679px) {
  body.overview .video_card.detail h6,
  .parent-page-hms .video_card.detail h6,
  .parent-page-as-lab .video_card.detail h6,
  .single-video .video_card.detail h6 {
    font-size: 2.9866666667vw;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .video_card.detail h6,
  .parent-page-hms .video_card.detail h6,
  .parent-page-as-lab .video_card.detail h6,
  .single-video .video_card.detail h6 {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .video_card.detail img,
.parent-page-hms .video_card.detail img,
.parent-page-as-lab .video_card.detail img,
.single-video .video_card.detail img {
  margin: auto;
  width: 100%;
}
body.overview .video_card.detail h3,
.parent-page-hms .video_card.detail h3,
.parent-page-as-lab .video_card.detail h3,
.single-video .video_card.detail h3 {
  margin: 0.25em 0 0.125em;
  padding: 0;
}
@media only screen and (max-width: 679px) {
  body.overview .video_card.detail h3,
  .parent-page-hms .video_card.detail h3,
  .parent-page-as-lab .video_card.detail h3,
  .single-video .video_card.detail h3 {
    font-size: 8.96vw;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .video_card.detail h3,
  .parent-page-hms .video_card.detail h3,
  .parent-page-as-lab .video_card.detail h3,
  .single-video .video_card.detail h3 {
    font-size: 2.625rem;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .video_card.detail h4,
.parent-page-hms .video_card.detail h4,
.parent-page-as-lab .video_card.detail h4,
.single-video .video_card.detail h4 {
  background-color: transparent;
  text-align: left;
  margin: 0.125em 0;
  padding: 0;
}
@media only screen and (max-width: 679px) {
  body.overview .video_card.detail h4,
  .parent-page-hms .video_card.detail h4,
  .parent-page-as-lab .video_card.detail h4,
  .single-video .video_card.detail h4 {
    font-size: 5.9733333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .video_card.detail h4,
  .parent-page-hms .video_card.detail h4,
  .parent-page-as-lab .video_card.detail h4,
  .single-video .video_card.detail h4 {
    font-size: 1.75rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .video_card.detail h5,
.parent-page-hms .video_card.detail h5,
.parent-page-as-lab .video_card.detail h5,
.single-video .video_card.detail h5 {
  margin: 0.5em 0;
}
body.overview .video_card.detail .keyword,
.parent-page-hms .video_card.detail .keyword,
.parent-page-as-lab .video_card.detail .keyword,
.single-video .video_card.detail .keyword {
  background-color: #e2eee2;
  padding: 0 0.5em 1.5em;
}
body.overview .video_card.detail .keyword h6,
.parent-page-hms .video_card.detail .keyword h6,
.parent-page-as-lab .video_card.detail .keyword h6,
.single-video .video_card.detail .keyword h6 {
  background-color: transparent;
  text-align: center;
  border-bottom: 1px solid #4b566f;
  margin-bottom: 0.25em;
}
@media only screen and (max-width: 679px) {
  body.overview .video_card.detail .keyword h6,
  .parent-page-hms .video_card.detail .keyword h6,
  .parent-page-as-lab .video_card.detail .keyword h6,
  .single-video .video_card.detail .keyword h6 {
    font-size: 2.9866666667vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .video_card.detail .keyword h6,
  .parent-page-hms .video_card.detail .keyword h6,
  .parent-page-as-lab .video_card.detail .keyword h6,
  .single-video .video_card.detail .keyword h6 {
    font-size: 0.875rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .video_card.detail .info,
.parent-page-hms .video_card.detail .info,
.parent-page-as-lab .video_card.detail .info,
.single-video .video_card.detail .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5em;
}
@media only screen and (max-width: 679px) {
  body.overview .video_card.detail .info,
  .parent-page-hms .video_card.detail .info,
  .parent-page-as-lab .video_card.detail .info,
  .single-video .video_card.detail .info {
    font-size: 2.7733333333vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .video_card.detail .info,
  .parent-page-hms .video_card.detail .info,
  .parent-page-as-lab .video_card.detail .info,
  .single-video .video_card.detail .info {
    font-size: 0.8125rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .video_card.detail .info .duration,
.parent-page-hms .video_card.detail .info .duration,
.parent-page-as-lab .video_card.detail .info .duration,
.single-video .video_card.detail .info .duration {
  margin-left: 1em;
}
body.overview .teacher_card,
.parent-page-hms .teacher_card,
.parent-page-as-lab .teacher_card,
.single-video .teacher_card {
  padding: 0;
}
body.overview .teacher_card .uk-button,
.parent-page-hms .teacher_card .uk-button,
.parent-page-as-lab .teacher_card .uk-button,
.single-video .teacher_card .uk-button {
  margin-bottom: 10px;
  background-color: #666f85;
  line-height: 1.2;
  padding: 0.4em 0;
}
body.overview .teacher_card img,
.parent-page-hms .teacher_card img,
.parent-page-as-lab .teacher_card img,
.single-video .teacher_card img {
  width: 100%;
}
body.overview .teacher_card ul,
.parent-page-hms .teacher_card ul,
.parent-page-as-lab .teacher_card ul,
.single-video .teacher_card ul {
  list-style: none;
  padding-left: 0;
  margin: 10px 0;
}
@media only screen and (max-width: 679px) {
  body.overview .teacher_card ul,
  .parent-page-hms .teacher_card ul,
  .parent-page-as-lab .teacher_card ul,
  .single-video .teacher_card ul {
    font-size: 2.7733333333vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .teacher_card ul,
  .parent-page-hms .teacher_card ul,
  .parent-page-as-lab .teacher_card ul,
  .single-video .teacher_card ul {
    font-size: 0.8125rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .teacher_card ul li,
.parent-page-hms .teacher_card ul li,
.parent-page-as-lab .teacher_card ul li,
.single-video .teacher_card ul li {
  padding: 0.25em 0;
}
body.overview .teacher_card ul li + li,
.parent-page-hms .teacher_card ul li + li,
.parent-page-as-lab .teacher_card ul li + li,
.single-video .teacher_card ul li + li {
  border-top: 1px solid #4b566f;
}
body.overview .teacher_card h5,
.parent-page-hms .teacher_card h5,
.parent-page-as-lab .teacher_card h5,
.single-video .teacher_card h5 {
  text-align: left;
  border: none;
  padding: 0;
  margin-bottom: 0.125rem;
}
@media only screen and (max-width: 679px) {
  body.overview .teacher_card h5,
  .parent-page-hms .teacher_card h5,
  .parent-page-as-lab .teacher_card h5,
  .single-video .teacher_card h5 {
    font-size: 2.7733333333vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .teacher_card h5,
  .parent-page-hms .teacher_card h5,
  .parent-page-as-lab .teacher_card h5,
  .single-video .teacher_card h5 {
    font-size: 0.8125rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .teacher_card h3,
.parent-page-hms .teacher_card h3,
.parent-page-as-lab .teacher_card h3,
.single-video .teacher_card h3 {
  padding: 0;
  color: #4b566f;
  margin: 0;
  margin-bottom: 0.125rem;
}
@media only screen and (max-width: 679px) {
  body.overview .teacher_card h3,
  .parent-page-hms .teacher_card h3,
  .parent-page-as-lab .teacher_card h3,
  .single-video .teacher_card h3 {
    font-size: 5.12vw;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .teacher_card h3,
  .parent-page-hms .teacher_card h3,
  .parent-page-as-lab .teacher_card h3,
  .single-video .teacher_card h3 {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .teacher_card h4,
.parent-page-hms .teacher_card h4,
.parent-page-as-lab .teacher_card h4,
.single-video .teacher_card h4 {
  padding: 0;
  color: #4b566f;
  background-color: transparent;
  margin: 0;
  margin-bottom: 0.125rem;
  text-align: left;
}
@media only screen and (max-width: 679px) {
  body.overview .teacher_card h4,
  .parent-page-hms .teacher_card h4,
  .parent-page-as-lab .teacher_card h4,
  .single-video .teacher_card h4 {
    font-size: 2.9866666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview .teacher_card h4,
  .parent-page-hms .teacher_card h4,
  .parent-page-as-lab .teacher_card h4,
  .single-video .teacher_card h4 {
    font-size: 0.875rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview .row_detail .col2-1.first,
.parent-page-hms .row_detail .col2-1.first,
.parent-page-as-lab .row_detail .col2-1.first,
.single-video .row_detail .col2-1.first {
  width: 70%;
}
body.overview .row_detail .col2-1.last,
.parent-page-hms .row_detail .col2-1.last,
.parent-page-as-lab .row_detail .col2-1.last,
.single-video .row_detail .col2-1.last {
  width: 26%;
}
@media only screen and (max-width: 679px) {
  body.overview .row_detail .col2-1,
  .parent-page-hms .row_detail .col2-1,
  .parent-page-as-lab .row_detail .col2-1,
  .single-video .row_detail .col2-1 {
    width: 100% !important;
  }
}
body.overview ul.note,
.parent-page-hms ul.note,
.parent-page-as-lab ul.note,
.single-video ul.note {
  padding-left: 0;
  list-style: none;
}
body.overview ul.note li,
.parent-page-hms ul.note li,
.parent-page-as-lab ul.note li,
.single-video ul.note li {
  text-indent: -1em;
  padding-left: 1em;
}
@media only screen and (max-width: 679px) {
  body.overview ul.note li,
  .parent-page-hms ul.note li,
  .parent-page-as-lab ul.note li,
  .single-video ul.note li {
    font-size: 3.4133333333vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview ul.note li,
  .parent-page-hms ul.note li,
  .parent-page-as-lab ul.note li,
  .single-video ul.note li {
    font-size: 1rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview ul.note li::before,
.parent-page-hms ul.note li::before,
.parent-page-as-lab ul.note li::before,
.single-video ul.note li::before {
  content: "★";
}
body.overview #title h3,
.parent-page-hms #title h3,
.parent-page-as-lab #title h3,
.single-video #title h3 {
  background-color: #666f85;
  color: #fff;
  text-align: center;
  max-width: 646px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 0 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 679px) {
  body.overview #title h3,
  .parent-page-hms #title h3,
  .parent-page-as-lab #title h3,
  .single-video #title h3 {
    font-size: 3.84vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview #title h3,
  .parent-page-hms #title h3,
  .parent-page-as-lab #title h3,
  .single-video #title h3 {
    font-size: 1.125rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview #title ul,
.parent-page-hms #title ul,
.parent-page-as-lab #title ul,
.single-video #title ul {
  list-style: none;
  padding-left: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 646px;
  width: auto;
}
@media only screen and (max-width: 679px) {
  body.overview #title ul li,
  .parent-page-hms #title ul li,
  .parent-page-as-lab #title ul li,
  .single-video #title ul li {
    font-size: 3.4133333333vw;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview #title ul li,
  .parent-page-hms #title ul li,
  .parent-page-as-lab #title ul li,
  .single-video #title ul li {
    font-size: 1rem;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview #title ul li:before,
.parent-page-hms #title ul li:before,
.parent-page-as-lab #title ul li:before,
.single-video #title ul li:before {
  content: "●";
  color: #939aa9;
  margin: 0;
}
body.overview #introduction ul.note,
.parent-page-hms #introduction ul.note,
.parent-page-as-lab #introduction ul.note,
.single-video #introduction ul.note {
  width: 80%;
  margin: 8em auto 0;
}
@media only screen and (max-width: 679px) {
  body.overview #introduction ul.note,
  .parent-page-hms #introduction ul.note,
  .parent-page-as-lab #introduction ul.note,
  .single-video #introduction ul.note {
    width: 100%;
    margin-top: 1rem;
  }
}
body.overview #introduction .lecture_link,
.parent-page-hms #introduction .lecture_link,
.parent-page-as-lab #introduction .lecture_link,
.single-video #introduction .lecture_link {
  background-color: #d2e8fa;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1;
  margin-top: 0.25rem;
}
@media only screen and (max-width: 679px) {
  body.overview #introduction .lecture_link,
  .parent-page-hms #introduction .lecture_link,
  .parent-page-as-lab #introduction .lecture_link,
  .single-video #introduction .lecture_link {
    font-size: 3.6266666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview #introduction .lecture_link,
  .parent-page-hms #introduction .lecture_link,
  .parent-page-as-lab #introduction .lecture_link,
  .single-video #introduction .lecture_link {
    font-size: 1.0625rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview #comparison h5,
.parent-page-hms #comparison h5,
.parent-page-as-lab #comparison h5,
.single-video #comparison h5 {
  margin-top: 1rem;
  margin-bottom: 0;
  padding: 0.15em 0;
  text-align: center;
  background-color: #666f85;
  color: #fff;
}
@media only screen and (max-width: 679px) {
  body.overview #comparison h5,
  .parent-page-hms #comparison h5,
  .parent-page-as-lab #comparison h5,
  .single-video #comparison h5 {
    font-size: 3.2vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview #comparison h5,
  .parent-page-hms #comparison h5,
  .parent-page-as-lab #comparison h5,
  .single-video #comparison h5 {
    font-size: 0.9375rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview #comparison .course_table,
.parent-page-hms #comparison .course_table,
.parent-page-as-lab #comparison .course_table,
.single-video #comparison .course_table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
body.overview #comparison .course_table th,
.parent-page-hms #comparison .course_table th,
.parent-page-as-lab #comparison .course_table th,
.single-video #comparison .course_table th {
  background-color: #ebf5fd;
  text-align: center;
  line-height: 1.2;
  width: 11%;
}
@media only screen and (max-width: 679px) {
  body.overview #comparison .course_table th,
  .parent-page-hms #comparison .course_table th,
  .parent-page-as-lab #comparison .course_table th,
  .single-video #comparison .course_table th {
    font-size: 2.7733333333vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview #comparison .course_table th,
  .parent-page-hms #comparison .course_table th,
  .parent-page-as-lab #comparison .course_table th,
  .single-video #comparison .course_table th {
    font-size: 0.8125rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview #comparison .course_table th a,
.parent-page-hms #comparison .course_table th a,
.parent-page-as-lab #comparison .course_table th a,
.single-video #comparison .course_table th a {
  font-weight: 500;
}
body.overview #comparison .course_table th:first-child,
.parent-page-hms #comparison .course_table th:first-child,
.parent-page-as-lab #comparison .course_table th:first-child,
.single-video #comparison .course_table th:first-child {
  width: 20%;
}
body.overview #comparison .course_table th:nth-child(2),
.parent-page-hms #comparison .course_table th:nth-child(2),
.parent-page-as-lab #comparison .course_table th:nth-child(2),
.single-video #comparison .course_table th:nth-child(2) {
  width: 5.4%;
}
body.overview #comparison .course_table th:nth-child(7),
.parent-page-hms #comparison .course_table th:nth-child(7),
.parent-page-as-lab #comparison .course_table th:nth-child(7),
.single-video #comparison .course_table th:nth-child(7) {
  width: 14%;
}
body.overview #comparison .course_table th:last-child,
.parent-page-hms #comparison .course_table th:last-child,
.parent-page-as-lab #comparison .course_table th:last-child,
.single-video #comparison .course_table th:last-child {
  width: 4%;
}
body.overview #comparison .course_table td,
.parent-page-hms #comparison .course_table td,
.parent-page-as-lab #comparison .course_table td,
.single-video #comparison .course_table td {
  background-color: #ebf5fd;
  text-align: center;
}
@media only screen and (max-width: 679px) {
  body.overview #comparison .course_table td,
  .parent-page-hms #comparison .course_table td,
  .parent-page-as-lab #comparison .course_table td,
  .single-video #comparison .course_table td {
    font-size: 2.7733333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview #comparison .course_table td,
  .parent-page-hms #comparison .course_table td,
  .parent-page-as-lab #comparison .course_table td,
  .single-video #comparison .course_table td {
    font-size: 0.8125rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview #comparison .course_table td:nth-child(1),
.parent-page-hms #comparison .course_table td:nth-child(1),
.parent-page-as-lab #comparison .course_table td:nth-child(1),
.single-video #comparison .course_table td:nth-child(1) {
  text-align: left;
}
@media only screen and (max-width: 679px) {
  body.overview #comparison .course_table td:nth-child(1),
  .parent-page-hms #comparison .course_table td:nth-child(1),
  .parent-page-as-lab #comparison .course_table td:nth-child(1),
  .single-video #comparison .course_table td:nth-child(1) {
    font-size: 2.9866666667vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview #comparison .course_table td:nth-child(1),
  .parent-page-hms #comparison .course_table td:nth-child(1),
  .parent-page-as-lab #comparison .course_table td:nth-child(1),
  .single-video #comparison .course_table td:nth-child(1) {
    font-size: 0.875rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview #comparison .course_table td:nth-child(1) a,
.parent-page-hms #comparison .course_table td:nth-child(1) a,
.parent-page-as-lab #comparison .course_table td:nth-child(1) a,
.single-video #comparison .course_table td:nth-child(1) a {
  color: #3c4b61;
}
@media only screen and (max-width: 679px) {
  body.overview #comparison .course_table td:nth-child(2),
  .parent-page-hms #comparison .course_table td:nth-child(2),
  .parent-page-as-lab #comparison .course_table td:nth-child(2),
  .single-video #comparison .course_table td:nth-child(2) {
    font-size: 2.56vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview #comparison .course_table td:nth-child(2),
  .parent-page-hms #comparison .course_table td:nth-child(2),
  .parent-page-as-lab #comparison .course_table td:nth-child(2),
  .single-video #comparison .course_table td:nth-child(2) {
    font-size: 0.75rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview #comparison .course_table th, body.overview #comparison .course_table td,
.parent-page-hms #comparison .course_table th,
.parent-page-hms #comparison .course_table td,
.parent-page-as-lab #comparison .course_table th,
.parent-page-as-lab #comparison .course_table td,
.single-video #comparison .course_table th,
.single-video #comparison .course_table td {
  padding: 0.25em 0.5em;
  border: 1px solid #4a5770;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.overview #comparison .course_table th:first-child, body.overview #comparison .course_table td:first-child,
.parent-page-hms #comparison .course_table th:first-child,
.parent-page-hms #comparison .course_table td:first-child,
.parent-page-as-lab #comparison .course_table th:first-child,
.parent-page-as-lab #comparison .course_table td:first-child,
.single-video #comparison .course_table th:first-child,
.single-video #comparison .course_table td:first-child {
  border-left: none;
}
body.overview #comparison .course_table th:last-child, body.overview #comparison .course_table td:last-child,
.parent-page-hms #comparison .course_table th:last-child,
.parent-page-hms #comparison .course_table td:last-child,
.parent-page-as-lab #comparison .course_table th:last-child,
.parent-page-as-lab #comparison .course_table td:last-child,
.single-video #comparison .course_table th:last-child,
.single-video #comparison .course_table td:last-child {
  border-right: none;
}
body.overview #comparison .course_table th:nth-child(3), body.overview #comparison .course_table td:nth-child(3),
.parent-page-hms #comparison .course_table th:nth-child(3),
.parent-page-hms #comparison .course_table td:nth-child(3),
.parent-page-as-lab #comparison .course_table th:nth-child(3),
.parent-page-as-lab #comparison .course_table td:nth-child(3),
.single-video #comparison .course_table th:nth-child(3),
.single-video #comparison .course_table td:nth-child(3) {
  background-color: #9173db;
  color: #fff;
}
body.overview #comparison .course_table th:nth-child(3) a, body.overview #comparison .course_table td:nth-child(3) a,
.parent-page-hms #comparison .course_table th:nth-child(3) a,
.parent-page-hms #comparison .course_table td:nth-child(3) a,
.parent-page-as-lab #comparison .course_table th:nth-child(3) a,
.parent-page-as-lab #comparison .course_table td:nth-child(3) a,
.single-video #comparison .course_table th:nth-child(3) a,
.single-video #comparison .course_table td:nth-child(3) a {
  color: #fff;
}
body.overview #comparison .course_table th:nth-child(4), body.overview #comparison .course_table td:nth-child(4),
.parent-page-hms #comparison .course_table th:nth-child(4),
.parent-page-hms #comparison .course_table td:nth-child(4),
.parent-page-as-lab #comparison .course_table th:nth-child(4),
.parent-page-as-lab #comparison .course_table td:nth-child(4),
.single-video #comparison .course_table th:nth-child(4),
.single-video #comparison .course_table td:nth-child(4) {
  background-color: #647de4;
  color: #fff;
}
body.overview #comparison .course_table th:nth-child(4) a, body.overview #comparison .course_table td:nth-child(4) a,
.parent-page-hms #comparison .course_table th:nth-child(4) a,
.parent-page-hms #comparison .course_table td:nth-child(4) a,
.parent-page-as-lab #comparison .course_table th:nth-child(4) a,
.parent-page-as-lab #comparison .course_table td:nth-child(4) a,
.single-video #comparison .course_table th:nth-child(4) a,
.single-video #comparison .course_table td:nth-child(4) a {
  color: #fff;
}
body.overview #comparison .course_table th:nth-child(5), body.overview #comparison .course_table td:nth-child(5),
.parent-page-hms #comparison .course_table th:nth-child(5),
.parent-page-hms #comparison .course_table td:nth-child(5),
.parent-page-as-lab #comparison .course_table th:nth-child(5),
.parent-page-as-lab #comparison .course_table td:nth-child(5),
.single-video #comparison .course_table th:nth-child(5),
.single-video #comparison .course_table td:nth-child(5) {
  background-color: #25ade4;
  color: #fff;
}
body.overview #comparison .course_table th:nth-child(5) a, body.overview #comparison .course_table td:nth-child(5) a,
.parent-page-hms #comparison .course_table th:nth-child(5) a,
.parent-page-hms #comparison .course_table td:nth-child(5) a,
.parent-page-as-lab #comparison .course_table th:nth-child(5) a,
.parent-page-as-lab #comparison .course_table td:nth-child(5) a,
.single-video #comparison .course_table th:nth-child(5) a,
.single-video #comparison .course_table td:nth-child(5) a {
  color: #fff;
}
body.overview #comparison .course_table th:nth-child(6), body.overview #comparison .course_table td:nth-child(6),
.parent-page-hms #comparison .course_table th:nth-child(6),
.parent-page-hms #comparison .course_table td:nth-child(6),
.parent-page-as-lab #comparison .course_table th:nth-child(6),
.parent-page-as-lab #comparison .course_table td:nth-child(6),
.single-video #comparison .course_table th:nth-child(6),
.single-video #comparison .course_table td:nth-child(6) {
  background-color: #78c880;
  color: #fff;
}
body.overview #comparison .course_table th:nth-child(6) a, body.overview #comparison .course_table td:nth-child(6) a,
.parent-page-hms #comparison .course_table th:nth-child(6) a,
.parent-page-hms #comparison .course_table td:nth-child(6) a,
.parent-page-as-lab #comparison .course_table th:nth-child(6) a,
.parent-page-as-lab #comparison .course_table td:nth-child(6) a,
.single-video #comparison .course_table th:nth-child(6) a,
.single-video #comparison .course_table td:nth-child(6) a {
  color: #fff;
}
body.overview #comparison .course_table th:nth-child(7), body.overview #comparison .course_table td:nth-child(7),
.parent-page-hms #comparison .course_table th:nth-child(7),
.parent-page-hms #comparison .course_table td:nth-child(7),
.parent-page-as-lab #comparison .course_table th:nth-child(7),
.parent-page-as-lab #comparison .course_table td:nth-child(7),
.single-video #comparison .course_table th:nth-child(7),
.single-video #comparison .course_table td:nth-child(7) {
  background-color: #b2d21e;
  color: #fff;
}
body.overview #comparison .course_table th:nth-child(7) a, body.overview #comparison .course_table td:nth-child(7) a,
.parent-page-hms #comparison .course_table th:nth-child(7) a,
.parent-page-hms #comparison .course_table td:nth-child(7) a,
.parent-page-as-lab #comparison .course_table th:nth-child(7) a,
.parent-page-as-lab #comparison .course_table td:nth-child(7) a,
.single-video #comparison .course_table th:nth-child(7) a,
.single-video #comparison .course_table td:nth-child(7) a {
  color: #fff;
}
body.overview #comparison .course_table th:nth-child(7), body.overview #comparison .course_table td:nth-child(7),
.parent-page-hms #comparison .course_table th:nth-child(7),
.parent-page-hms #comparison .course_table td:nth-child(7),
.parent-page-as-lab #comparison .course_table th:nth-child(7),
.parent-page-as-lab #comparison .course_table td:nth-child(7),
.single-video #comparison .course_table th:nth-child(7),
.single-video #comparison .course_table td:nth-child(7) {
  background-color: #b2d21e;
  color: #fff;
}
body.overview #comparison .course_table th:nth-child(7) a, body.overview #comparison .course_table td:nth-child(7) a,
.parent-page-hms #comparison .course_table th:nth-child(7) a,
.parent-page-hms #comparison .course_table td:nth-child(7) a,
.parent-page-as-lab #comparison .course_table th:nth-child(7) a,
.parent-page-as-lab #comparison .course_table td:nth-child(7) a,
.single-video #comparison .course_table th:nth-child(7) a,
.single-video #comparison .course_table td:nth-child(7) a {
  color: #fff;
}
body.overview #comparison .course_table tr:first-child th,
.parent-page-hms #comparison .course_table tr:first-child th,
.parent-page-as-lab #comparison .course_table tr:first-child th,
.single-video #comparison .course_table tr:first-child th {
  border-bottom-width: 3px;
}
body.overview #comparison .course_table tr:last-child td,
.parent-page-hms #comparison .course_table tr:last-child td,
.parent-page-as-lab #comparison .course_table tr:last-child td,
.single-video #comparison .course_table tr:last-child td {
  border-bottom-width: 3px;
}
@media only screen and (max-width: 679px) and (max-width: 679px) {
  body.overview #comparison h5,
  .parent-page-hms #comparison h5,
  .parent-page-as-lab #comparison h5,
  .single-video #comparison h5 {
    font-size: 2.9866666667vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) and (min-width: 680px) {
  body.overview #comparison h5,
  .parent-page-hms #comparison h5,
  .parent-page-as-lab #comparison h5,
  .single-video #comparison h5 {
    font-size: 0.875rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  body.overview #comparison .table_wrap,
  .parent-page-hms #comparison .table_wrap,
  .parent-page-as-lab #comparison .table_wrap,
  .single-video #comparison .table_wrap {
    overflow-x: auto;
  }
  body.overview #comparison .table_wrap .course_table,
  .parent-page-hms #comparison .table_wrap .course_table,
  .parent-page-as-lab #comparison .table_wrap .course_table,
  .single-video #comparison .table_wrap .course_table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 260vw;
    height: 95vw;
    border-collapse: collapse;
  }
  body.overview #comparison .table_wrap .course_table thead,
  .parent-page-hms #comparison .table_wrap .course_table thead,
  .parent-page-as-lab #comparison .table_wrap .course_table thead,
  .single-video #comparison .table_wrap .course_table thead {
    width: 26vw;
    height: 95vw;
    position: sticky;
    z-index: 10;
    left: 0;
  }
  body.overview #comparison .table_wrap .course_table thead tr,
  .parent-page-hms #comparison .table_wrap .course_table thead tr,
  .parent-page-as-lab #comparison .table_wrap .course_table thead tr,
  .single-video #comparison .table_wrap .course_table thead tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 679px) and (max-width: 679px) {
  body.overview #comparison .table_wrap .course_table thead tr th,
  .parent-page-hms #comparison .table_wrap .course_table thead tr th,
  .parent-page-as-lab #comparison .table_wrap .course_table thead tr th,
  .single-video #comparison .table_wrap .course_table thead tr th {
    font-size: 2.3466666667vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) and (min-width: 680px) {
  body.overview #comparison .table_wrap .course_table thead tr th,
  .parent-page-hms #comparison .table_wrap .course_table thead tr th,
  .parent-page-as-lab #comparison .table_wrap .course_table thead tr th,
  .single-video #comparison .table_wrap .course_table thead tr th {
    font-size: 0.6875rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  body.overview #comparison .table_wrap .course_table tbody,
  .parent-page-hms #comparison .table_wrap .course_table tbody,
  .parent-page-as-lab #comparison .table_wrap .course_table tbody,
  .single-video #comparison .table_wrap .course_table tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 234vw;
  }
  body.overview #comparison .table_wrap .course_table tbody tr,
  .parent-page-hms #comparison .table_wrap .course_table tbody tr,
  .parent-page-as-lab #comparison .table_wrap .course_table tbody tr,
  .single-video #comparison .table_wrap .course_table tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 18vw;
  }
}
@media only screen and (max-width: 679px) and (max-width: 679px) {
  body.overview #comparison .table_wrap .course_table tbody tr td,
  .parent-page-hms #comparison .table_wrap .course_table tbody tr td,
  .parent-page-as-lab #comparison .table_wrap .course_table tbody tr td,
  .single-video #comparison .table_wrap .course_table tbody tr td {
    font-size: 2.3466666667vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) and (min-width: 680px) {
  body.overview #comparison .table_wrap .course_table tbody tr td,
  .parent-page-hms #comparison .table_wrap .course_table tbody tr td,
  .parent-page-as-lab #comparison .table_wrap .course_table tbody tr td,
  .single-video #comparison .table_wrap .course_table tbody tr td {
    font-size: 0.6875rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (max-width: 679px) {
  body.overview #comparison .table_wrap .course_table tr th, body.overview #comparison .table_wrap .course_table tr td,
  .parent-page-hms #comparison .table_wrap .course_table tr th,
  .parent-page-hms #comparison .table_wrap .course_table tr td,
  .parent-page-as-lab #comparison .table_wrap .course_table tr th,
  .parent-page-as-lab #comparison .table_wrap .course_table tr td,
  .single-video #comparison .table_wrap .course_table tr th,
  .single-video #comparison .table_wrap .course_table tr td {
    width: 100%;
    padding: 0.25em;
    height: 13vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-bottom-width: 1px;
    border-left: none;
    border-top: none;
    line-height: 1.2;
    text-align: center;
  }
  body.overview #comparison .table_wrap .course_table tr th:nth-child(1), body.overview #comparison .table_wrap .course_table tr td:nth-child(1),
  .parent-page-hms #comparison .table_wrap .course_table tr th:nth-child(1),
  .parent-page-hms #comparison .table_wrap .course_table tr td:nth-child(1),
  .parent-page-as-lab #comparison .table_wrap .course_table tr th:nth-child(1),
  .parent-page-as-lab #comparison .table_wrap .course_table tr td:nth-child(1),
  .single-video #comparison .table_wrap .course_table tr th:nth-child(1),
  .single-video #comparison .table_wrap .course_table tr td:nth-child(1) {
    height: 15vw;
    border-bottom-width: 3px;
  }
  body.overview #comparison .table_wrap .course_table tr th:nth-child(2), body.overview #comparison .table_wrap .course_table tr td:nth-child(2),
  .parent-page-hms #comparison .table_wrap .course_table tr th:nth-child(2),
  .parent-page-hms #comparison .table_wrap .course_table tr td:nth-child(2),
  .parent-page-as-lab #comparison .table_wrap .course_table tr th:nth-child(2),
  .parent-page-as-lab #comparison .table_wrap .course_table tr td:nth-child(2),
  .single-video #comparison .table_wrap .course_table tr th:nth-child(2),
  .single-video #comparison .table_wrap .course_table tr td:nth-child(2) {
    height: 8vw;
    border-bottom-width: 3px;
  }
  body.overview #comparison .table_wrap .course_table tr th:last-child, body.overview #comparison .table_wrap .course_table tr td:last-child,
  .parent-page-hms #comparison .table_wrap .course_table tr th:last-child,
  .parent-page-hms #comparison .table_wrap .course_table tr td:last-child,
  .parent-page-as-lab #comparison .table_wrap .course_table tr th:last-child,
  .parent-page-as-lab #comparison .table_wrap .course_table tr td:last-child,
  .single-video #comparison .table_wrap .course_table tr th:last-child,
  .single-video #comparison .table_wrap .course_table tr td:last-child {
    height: 7vw;
    border-bottom-width: 3px;
    border-right: 1px solid #4a5770;
  }
  body.overview #comparison .table_wrap .course_table tr th a, body.overview #comparison .table_wrap .course_table tr td a,
  .parent-page-hms #comparison .table_wrap .course_table tr th a,
  .parent-page-hms #comparison .table_wrap .course_table tr td a,
  .parent-page-as-lab #comparison .table_wrap .course_table tr th a,
  .parent-page-as-lab #comparison .table_wrap .course_table tr td a,
  .single-video #comparison .table_wrap .course_table tr th a,
  .single-video #comparison .table_wrap .course_table tr td a {
    font-weight: 500;
  }
  body.overview #comparison .table_wrap .course_table tr:last-child td,
  .parent-page-hms #comparison .table_wrap .course_table tr:last-child td,
  .parent-page-as-lab #comparison .table_wrap .course_table tr:last-child td,
  .single-video #comparison .table_wrap .course_table tr:last-child td {
    border-right: none;
  }
}
@media only screen and (max-width: 679px) {
  body.overview #stepup .note,
  .parent-page-hms #stepup .note,
  .parent-page-as-lab #stepup .note,
  .single-video #stepup .note {
    font-size: 2.9866666667vw;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  body.overview #stepup .note,
  .parent-page-hms #stepup .note,
  .parent-page-as-lab #stepup .note,
  .single-video #stepup .note {
    font-size: 0.875rem;
    font-weight: 400;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
body.overview #lecture ul.note,
.parent-page-hms #lecture ul.note,
.parent-page-as-lab #lecture ul.note,
.single-video #lecture ul.note {
  margin-top: 1rem;
}
body.overview.parent-page-ids .lectures .tb_text_wrap,
.parent-page-hms.parent-page-ids .lectures .tb_text_wrap,
.parent-page-as-lab.parent-page-ids .lectures .tb_text_wrap,
.single-video.parent-page-ids .lectures .tb_text_wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.overview.parent-page-ids .lectures .tb_text_wrap .lecture_card,
.parent-page-hms.parent-page-ids .lectures .tb_text_wrap .lecture_card,
.parent-page-as-lab.parent-page-ids .lectures .tb_text_wrap .lecture_card,
.single-video.parent-page-ids .lectures .tb_text_wrap .lecture_card {
  background-color: #f5e3e7;
}
body.overview.parent-page-dss #title ul,
.parent-page-hms.parent-page-dss #title ul,
.parent-page-as-lab.parent-page-dss #title ul,
.single-video.parent-page-dss #title ul {
  width: 21em;
}
body.overview .lecture_card_wrap,
.parent-page-hms .lecture_card_wrap,
.parent-page-as-lab .lecture_card_wrap,
.single-video .lecture_card_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.overview .lecture_card_wrap.multiple,
.parent-page-hms .lecture_card_wrap.multiple,
.parent-page-as-lab .lecture_card_wrap.multiple,
.single-video .lecture_card_wrap.multiple {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.parent-page-hms {
  /* 健康経営デザインスクール */
}
.parent-page-hms .symposiums .tb_text_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.parent-page-hms .symposiums .tb_text_wrap .symposium_card {
  background-color: #f5eac8;
  width: 49.2%;
}
@media only screen and (max-width: 679px) {
  .parent-page-hms .symposiums .tb_text_wrap .symposium_card {
    width: 100%;
  }
}
.parent-page-hms .symposiums .tb_text_wrap .symposium_card h3 {
  color: #3c4d61;
  background-color: #d7b050;
}
@media only screen and (max-width: 679px) {
  .parent-page-hms .symposiums .tb_text_wrap .symposium_card h3 {
    font-size: 5.5466666667vw;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  .parent-page-hms .symposiums .tb_text_wrap .symposium_card h3 {
    font-size: 1.625rem;
    font-weight: 700;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
.parent-page-hms .symposiums .tb_text_wrap .symposium_card h4 {
  margin: 1em 0;
  color: #4e6da3;
}
@media only screen and (max-width: 679px) {
  .parent-page-hms .symposiums .tb_text_wrap .symposium_card h4 {
    font-size: 3.4133333333vw;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
@media only screen and (min-width: 680px) {
  .parent-page-hms .symposiums .tb_text_wrap .symposium_card h4 {
    font-size: 1rem;
    font-weight: 500;
    font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  }
}
.parent-page-hms .symposiums .tb_text_wrap .symposium_card h4 .time {
  margin-left: 1em;
}
.parent-page-hms #title {
  margin-left: auto;
  margin-right: auto;
}
.parent-page-hms #title ul {
  width: auto;
}

body.search .nav-links {
  text-align: right;
}
body.search .nav-links a,
body.search .nav-links span {
  display: inline-block;
  line-height: 100%;
  margin: 0 1px 0 0;
  min-height: 36px;
  min-width: 36px;
  padding: 9px;
  text-align: center;
  border-radius: 100%;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.search .nav-links .page-numbers.current {
  border: solid 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* responsive video poster 対策 */
.video.type-video {
  position: relative;
}/*# sourceMappingURL=style.css.map */