@charset "UTF-8";

/* カラー設定 */
/* 接頭 */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-weight: normal;
  line-height: 1.2;
  color: inherit;
}

/* 共通設定 */
/* common setting
-----------------------------------------------------*/
html {
  height: 100%;
  font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 14px;
}

body {
  position: relative;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #4E4E4E;
  font-size: 0.9rem;
}

ul {
  padding-inline-start: 0px;
  margin-bottom: 0px;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  cursor: pointer;
  outline: none !important;
  color: #B01F24;
}

a:link {
  color: #B01F24;
}

a:visited {
  color: #B01F24;
}

a:hover {
  color: #AA965C;
  opacity: 0.5;
}

a:active {
  color: #B01F24;
}

header a:link {
  color: #FFF;
}

header a:visited {
  color: #FFF;
}

header a:hover {
  color: #FFF;
}

header a:active {
  color: #FFF;
}

button {
  cursor: pointer;
  overflow: visible;
  outline: none !important;
}

/* colour styles
-----------------------------------------------------*/
.color-syutu {
  color: #006EFF;
}

.color-ketu {
  color: #FF8D98;
}

.color-thi {
  color: #8FD385;
}

.color-sou {
  color: #FFB46D;
}

.color-ta {
  color: #BFC5CB;
}

.color-mi {
  color: #D9D4D0;
}

.color-noData {
  color: #ccc;
}

.bgc-dark-cyan {
  background-color: #B01F24;
}

.bgc-white {
  background-color: #ffffff;
}

.bgc-gray {
  background-color: #f5f6fa;
}

.bgc-anti-flash-white {
  background-color: #F0F3F3;
}

.tc-cadet-blue {
  color: #669CB3 !important;
}

.tc-dim-gray {
  color: #666666 !important;
}

/* margin & float
-----------------------------------------------------*/
/* margin */
.mt_80 {
  margin-top: 80px;
}

.mb_80 {
  margin-bottom: 80px;
}

.ml_80 {
  margin-left: 80px;
}

.mr_80 {
  margin-right: 80px;
}

.mtb_80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mt_70 {
  margin-top: 70px;
}

.mb_70 {
  margin-bottom: 70px;
}

.ml_70 {
  margin-left: 70px;
}

.mr_70 {
  margin-right: 70px;
}

.mtb_70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mt_60 {
  margin-top: 60px;
}

.mb_60 {
  margin-bottom: 60px;
}

.ml_60 {
  margin-left: 60px;
}

.mr_60 {
  margin-right: 60px;
}

.mtb_60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mt_50 {
  margin-top: 50px;
}

.mb_50 {
  margin-bottom: 50px;
}

.ml_50 {
  margin-left: 50px;
}

.mr_50 {
  margin-right: 50px;
}

.mtb_50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mt_40 {
  margin-top: 40px;
}

.mb_40 {
  margin-bottom: 40px;
}

.ml_40 {
  margin-left: 40px;
}

.mr_40 {
  margin-right: 40px;
}

.mtb_40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mt_30 {
  margin-top: 30px;
}

.mb_30 {
  margin-bottom: 30px;
}

.ml_30 {
  margin-left: 30px;
}

.mr_30 {
  margin-right: 30px;
}

.mtb_30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mt_20 {
  margin-top: 20px;
}

.mb_20 {
  margin-bottom: 20px;
}

.ml_20 {
  margin-left: 20px;
}

.mr_20 {
  margin-right: 20px;
}

.mtb_20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mt_10 {
  margin-top: 10px;
}

.mb_10 {
  margin-bottom: 10px;
}

.ml_10 {
  margin-left: 10px;
}

.mr_10 {
  margin-right: 10px;
}

.mtb_10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mt50 {
  margin-top: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.mtb50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.mtb40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mt30 {
  margin-top: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.mtb30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.mtb20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.mtb10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* float postion */
.float_l {
  float: left;
}

.float_r {
  float: right;
}

/* clerFix */
.cf {
  *zoom: 1;
}

.cf:before {
  content: " ";
  display: table;
}

.cf:after {
  content: " ";
  display: table;
  clear: both;
}

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

/* form custom
-----------------------------------------------------*/
label {
  order: 1;
  padding-right: 0.5em;
}

input,
textarea,
select {
  display: inline-block;
  //order: 2;
  flex: 1 1 auto;
  padding: 0 5px;
  vertical-align: middle;
  background-color: #FFF;
}

/* form element */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  z-index: 2;
  width: 200%;
  /* fallback non calc support */
  width: -webkit-calc(100% + 5em);
  margin: 0;
  padding: 0 15px 0 5px;
  background: transparent;
  border: 0;
  outline: none;
}

.entypo-down-open-mini:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 8px solid #42BDD8;
  top: calc(50% - 5px);
  right: 10px;
}

option {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
  background-color: #ccc;
  color: #000;
  border-bottom: 1px solid #FFF;
}

option:last-child {
  border-bottom: none;
}

.checkbox-input {
  display: none;
}

.checkbox-parts {
  position: relative;
}

.checkbox-parts::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
}

.checkbox-input:checked + .checkbo-parts {
  color: #009a9a;
}

.checkbox-input:checked + .checkbox-parts::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 5px;
  width: 6px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 2px solid #B01F24;
  border-right: 2px solid #B01F24;
}

/* page navigation custom */
.pageNav {
  display: inline-block;
  margin: 0 auto;
}

.pageNav li {
  float: left;
  text-align: center;
  margin: 0 2px;
  border: 1px solid #E3E3E3;
  line-height: 30px;
  line-height: 1.875rem;
}

.pageNav li a {
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
}

.pageNav li a.passive {
  padding: 1px;
}

.pageNav li a.active {
  border: 1px solid #B01F24;
  background-color: #B01F24;
  color: #FFF;
}

.pageNav li img {
  width: 30px;
  height: 30px;
  overflow: hidden;
  vertical-align: bottom;
}

.uploader + .uploader {
  margin-top: 10px;
  font-size: 11px;
  text-transform: uppercase;
}

.value_title {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: normal;
  line-height: 30px;
  line-height: 1.875rem;
  text-decoration: underline;
}

/* // Fake file uploader
------------------------- */
.fakeFile {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  overflow: visible;
  cursor: pointer;
  z-index: 1;
}

.no-js .fakeFile {
  display: none;
}

.fakeFile .text {
  float: left;
  width: 100%;
  height: 30px;
  margin: 1px 2px 0 0;
  padding: 1px 1px 1px 60px;
  border: 1px solid #ebebeb;
  background-color: white;
  border-radius: 5px;
  color: #4E4E4E;
  line-height: 29px;
  white-space: nowrap;
  text-shadow: 0 0 -1px #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.uploader input[type="file"] {
  position: absolute;
  display: block;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  z-index: 1;
}

.uploader.isIE input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 281px;
  height: 26px;
  margin: 0;
  font-size: 52px;
  opacity: .0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  cursor: pointer;
  z-index: 2;
}

.uploader.no-js input[type="file"] {
  width: auto;
  height: auto;
  display: inline;
}

/* IE7 */
*:first-child + html .uploader input[type="file"] {
  left: -7px;
  font-size: 72px;
}

/* // UI Parts: button
------------------------- */
.uiBtn:link,
.uiBtn:visited {
  position: absolute;
  display: inline-block;
  height: 30px;
  padding: 6px 0;
  border-radius: 10px;
  color: #4E4E4E;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  zoom: 1;
}

/* uiBtn overwrite  */
a:link.browse,
a:visited.browse,
a:link.upload,
a:visited.upload {
  display: block;
  float: left !important;
  width: 70px;
  border-radius: 0;
}

a:link.browse,
a:visited.browse {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

a:link.upload,
a:visited.upload {
  width: 120px;
  margin-left: -1px;
  border-left-color: #161616;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  box-shadow: inset 0 0 2px rgba(100, 100, 100, 0.5), inset 1px 0 0 rgba(150, 150, 150, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.15);
}

a:active.upload {
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.1);
}

.no-js a:link.upload,
.no-js a:visited.upload {
  display: inline-block;
  float: none !important;
  border-radius: 2px;
  box-shadow: inset 0 0 2px rgba(100, 100, 100, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.15);
}

.enclose_shadow {
  border-radius: 10px;
  border: 1px solid #E3E3E3;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.enclose_question {
  overflow: hidden;
  border: 3px solid #B01F24;
  background-color: #fff;
}

/* logo */
.sbaa-logo {
  display: none;
  position: absolute;
  top: -30px;
  right: 15px;
  padding: 30px 20px 20px;
  background-color: #fff;
  border-radius: 30px;
  z-index: 200;
}

/* Btend共通 */
.Btend_btn,
.Btend_btn-base,
.Btend_btn-view,
.Btend_btn-white,
.Btend_btn-base-up {
  display: inline-block;
  min-height: 30px;
  line-height: 30px;
  border-radius: 25px;
  margin: 0 5px;
  padding: 0 15px;
}

.Btend_form_side.btn {
  padding: 0;
}

.Btend_btn-base,
.Btend_btn-base-up {
  background-color: #B01F24;
  color: #FFF;
}

.Btend_btn-base:link {
  color: #FFF;
}

.Btend_btn-base:visited {
  color: #FFF;
}

.Btend_btn-base:hover {
  color: #FFF;
  opacity: 0.8;
}

.Btend_btn-base.clear {
  background-color: #727171;
}

.Btend_btn-base-up {
  margin-bottom: 5px;
}

.Btend_btn-white {
  border: 1px solid #FFF;
}

.Btend_btn-view {
  background-color: #FFB100;
  border-color: #FFB100;
  color: #FFF;
}

.Btend_btn-view br {
  display: none;
}

.Btend_btn-view:hover {
  background-color: #FFB100;
  border-color: #FFB100;
  opacity: 0.8;
}

.Btend_btn-skip {
  background-color: #fff;
  border-color: #B01F24;
  color: #B01F24;
}

.Btend_form {
  height: 30px;
  line-height: 30px;
}

.Btend_form_side {
  display: inline-table;
}

.Btend_form_custom,
.Btend_form_custom-white,
.Btend_form_custom-nomal {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
}

.Btend_form_custom-white {
  border: 1px solid white;
  background-color: #B01F24;
  color: #fff;
}

.Btend_form_custom-nomal {
  border: 1px solid #ebebeb;
  background-color: white;
}

.Btend_form-csv li {
  display: inline-block;
}

.Btend_form_disporder {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  width: 50px;
  color: #4E4E4E;
  text-align: right;
}

.Btend_header {
  font-size: 14px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 47px;
  padding: 8px 15px;
  background-color: #B01F24;
  color: #FFF;
}

.Btend_header h1 {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.Btend_header ul {
  margin: 0;
  padding: 0;
}

.Btend_header-admin {
  font-weight: normal;
  position: absolute;
  width: 200px;
}

.Btend_header-admin-name {
  font-weight: normal;
}

.Btend_header-user {
  font-weight: normal;
  position: absolute;
  width: 200px;
}

.Btend_header-logo {
  position: absolute;
  top: 5px;
  left: calc(50% - 90px);
}

.Btend_header-logo-notlogin {
  position: absolute;
  top: 5px;
  left: 20px;
}

.Btend_header-relationNav {
  display: inline-block;
  line-height: 30px;
}

.Btend_header-relationNav li {
  display: inline-block;
  padding: 0;
}

.Btend_header-relationNav-active {
  opacity: 0.3;
}

.Btend_header-relationNav .active {
  pointer-events: none;
  opacity: 0.2;
}

.Btend_header-loginUser {
  display: inline-block;
  position: relative;
  line-height: 30px;
}

.Btend_header-loginUser-admin:after {
  display: inline-block;
  content: '管理';
  line-height: 12px;
  line-height: 0.75rem;
  height: 20px;
  background-color: #FFF;
  color: #B01F24;
  margin: 0 -10px 0 5px;
  padding: 6px 8px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.Btend_header-affiliation {
  margin-left: 10px;
}

.Btend_navigation {
  overflow: hidden;
  padding: 10px 15px;
  border-bottom: 1px solid #E3E3E3;
}

.Btend_seach {
  float: left;
}

.Btend_seach label {
  display: table-cell;
  height: 32px;
  line-height: 30px;
  margin-right: 10px;
  color: #333;
}

.Btend_seach-curriculum {
  margin-right: 20px;
}

.Btend_seach-week {
  margin-right: 20px;
}

.Btend_seach-keyword {
  margin-right: 20px;
}

.Btend_seach_right {
  float: right;
}

.Btend_footer {
  position: fixed;
  bottom: 0;
  text-align: center;
}

.Btend_footer_pagenav {
  width: 100%;
  padding: 10px 0;
  background-color: #FFF;
  border-top: 1px solid #B01F24;
}

.Btend_form_custom-green {
  border: 1px solid #B01F24;
  background-color: white;
  overflow: hidden;
  display: inline-block;
  display: inline;
  zoom: 1;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  color: #B01F24;
}

/* リスト設定 */
.list_row {
  width: 100%;
  display: block;
  border-bottom: 1px solid #E3E3E3;
}

.list_row:nth-child(odd) {
  background-color: #F8F8F8;
}

.list_row:first-child {
  background-color: #FFF;
}

.list_row li {
  padding-left: 15px;
}

.list_row li:first-child {
  padding-left: 0px;
}

.list_col {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
}

.list_count {
  display: block;
  height: 40px;
  padding: 10px 15px;
  text-align: left;
}

.list_count-denominator:after {
  content: '/';
  display: inline-block;
}

.list_icon {
  width: 15px;
}

.help {
  position: relative;
  white-space: normal;
}

.help:hover {
  opacity: 1;
}

.help_btn {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 5px;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 15px;
  line-height: 0.9375rem;
  border: 1px solid #B01F24;
  border-radius: 10px;
  background-color: #FFF;
  color: #B01F24;
}

.help_btn:hover + div {
  display: inline-block;
}

.help_text,
.help_text_L,
.help_text_R {
  text-align: left;
  display: none;
  width: 300px;
  padding: 10px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 16px;
  line-height: 1rem;
  position: absolute;
  top: 20px;
  border: 1px solid #B01F24;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFF;
  color: #4E4E4E;
  z-index: 4000;
}

.help_text_L {
  left: -10px;
}

.help_text_L:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  left: 20px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 5px;
  margin-left: -5px;
}

.help_text_L:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  left: 20px;
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #B01F24;
  border-width: 6px;
  margin-left: -6px;
}

.help_text_R {
  right: -10px;
}

.help_text_R:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  right: 20px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 5px;
  margin-right: -5px;
}

.help_text_R:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  right: 20px;
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #B01F24;
  border-width: 6px;
  margin-right: -6px;
}

.edit_btn {
  display: block;
  padding: 2px;
}

.download_btn {
  position: relative;
  display: block;
  padding: 2px;
}

.download_btn:hover {
  opacity: 1;
}

#dropdown {
  width: 120px;
  position: absolute;
  top: 25px;
  left: -10px;
  z-index: 3000;
  border: 1px solid #B01F24;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFF;
}

#dropdown li {
  margin: 0;
  padding: 0 5px;
  border-bottom: 1px solid #B01F24;
}

#dropdown li:first-child {
  border: none;
}

#dropdown li a {
  text-align: center;
  display: block;
  color: #B01F24;
}

.sort {
  color: #B01F24;
}

.sort_up {
  position: relative;
  padding-right: 12px;
  color: #B01F24;
}

.sort_up:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom: 8px solid;
  top: calc(50% - 10px);
  right: 0px;
}

.sort_down {
  position: relative;
  padding-right: 12px;
  color: #B01F24;
}

.sort_down:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 8px solid;
  top: calc(50% - 5px);
  right: 0px;
}

.required {
  display: inline-block;
  width: 1rem;
}

/* NavBar */
.navbar {
  margin-bottom: 0;
  z-index: 1;
}

.navbar .nav {
  padding-top: 2px;
  margin-right: -16px;
  float: right;
  z-index: 1;
}

.navbar .nav li {
  float: left;
  margin-top: 4px;
  font-size: 16px;
}

.navbar .nav li a:hover,
.navbar .nav li a:focus {
  background: transparent;
}

.navbar-brand {
  height: auto;
  padding: 15px 15px;
  font-size: 25px !important;
  font-weight: normal;
  font-weight: 600;
  padding: 15px 15px;
}

.navbar-brand img {
  max-height: 250px;
  margin: 0 5px 0 0;
  display: inline;
}

.container {
  max-width: 960px;
}

/* 各カテゴリー */
div#top-page {
  font-size: 14px;
}

/* figure */
.figure-1 {
  max-width: 200px;
}

/* bloc */
.bloc {
  padding: 30px 0;
}

.btend-bloc-A {
  color: #FFF;
  max-height: 350px;
  padding: 100px 0;
}

.btend-bloc-A br {
  display: none;
}

/* Bloc-1 image backgrounds */
.bg-iStock {
  background: url("../images/iStock.png") no-repeat center;
  background-size: cover;
}

/* text */
#top-page h1 {
  font-size: 42px;
  font-weight: bold;
  color: #FFF;
  margin: 20px 0 10px;
}

#top-page h2 {
  font-size: 21px;
  font-weight: bold;
  line-height: 2rem;
  color: #FFF;
  margin: 20px 0 10px;
}

#top-page h3 {
  font-size: 36px;
  margin-top: 30px;
}

#account-page h3 {
  font-size: 36px;
}

.base__header,
.base__footer {
  color: #FFF;
}

.base__header .navbar-nav > li > a {
  color: #FFF;
}

.base__header .navbar-nav > li > a:active,
.base__header .navbar-nav > li > a:visited {
  color: #FFF;
}

.base__footer .navbar-nav > li > a {
  color: #FFF;
}

.base__footer .navbar-nav > li > a:active,
.base__footer .navbar-nav > li > a:visited {
  color: #FFF;
}

.base__header .navbar-nav > li > a:hover {
  opacity: 0.5;
}

.base__footer .navbar-nav > li > a:hover {
  opacity: 0.5;
}

.base__footer p,
.base__footer a {
  font-size: 10px;
}

#account-page .base__footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 10;
}

.foot-nav > li {
  margin-right: 30px;
  list-style: none;
}

.sns-icon {
  float: right;
}

.sns-icon > li {
  float: right;
  margin-left: 10px;
  list-style: none;
}

.sns-icon > li > a > img {
  width: 24px;
  height: 24px;
}

.minus-margin {
  margin-right: -80px;
}

.list-unstyled > li {
  line-height: 3rem;
}

.copyright {
  color: #FFF;
}

/* contents */
.numbers {
  font-weight: bold;
  margin-right: 10px;
}

.icon-hdg {
  display: block;
  padding-left: 20px;
  background: url("../images/icon-hdg.svg") no-repeat 5px 1.2rem;
}

.notes {
  font-size: 12px;
}

.enclose-A {
  border: 1px solid #666;
  padding: 5px;
  text-align: center;
  line-height: 2rem;
}

.enclose-B {
  border: 1px solid #42BDD8;
  color: #42BDD8;
  padding: 10px 0;
  line-height: 2rem;
}

.punctuation {
  display: block;
  width: 100%;
  border-bottom: 1px solid #666;
  padding: 10px 0;
  margin-bottom: 10px;
}

.downloads {
  border: 1px solid #ccc;
  text-align: center;
  padding: 10px 0;
}

.downloads > img {
  margin: 10px auto;
  /* box-shadow */
  box-shadow: 0px 0px 2px 3px #eee;
  -moz-box-shadow: 0px 0px 2px 3px #eee;
  -webkit-box-shadow: 0px 0px 2px 3px #eee;
}

/* mail write form */
.mail-write {
  padding: 10px;
  background-color: #AA965C;
  /* border-radius */
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}

.start-text {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
}

.start-mail {
  margin: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px;
}

.start-btn {
  margin: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #B01F24;
  text-align: center;
  color: #FFF;
  padding: 5px 0;
}

.start-btn:hover {
  opacity: 0.5;
}

/* inquiry */
.inquiry-bloc {
  margin: 0 auto;
  background-color: #fff;
  /* box-shadow */
  box-shadow: 0px 0px 2px 3px #eee;
  -moz-box-shadow: 0px 0px 2px 3px #eee;
  -webkit-box-shadow: 0px 0px 2px 3px #eee;
}

.inquiry-form {
  padding: 40px;
}

.inquiry-form h4 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 40px;
}

.inquiry-form-pass {
  width: 100%;
  margin-top: 10px;
}

.inquiry-form-password {
  font-weight: bold;
  width: 20% !important;
}

.inquiry-form-control {
  width: 75%;
  margin-left: 5%;
}

.inquiry-form-inputs {
  width: 100%;
}

.inquiry-form-column {
  width: 26%;
  padding: 10px 10px;
  vertical-align: top;
  text-align: right;
  font-weight: bold;
}

.inquiry-form-radio {
  width: 40%;
  padding: 10px 10px 10px 0;
}

.inquiry-form-radio ul {
  padding-left: 0;
}

.inquiry-form-entry {
  margin: 20px auto;
  color: #fff;
}

input[type=radio].radio-btn {
  margin-right: 10px;
}

/* registered */
.registered-bloc {
  max-width: 800px;
  margin: 0 auto;
  padding-top: 60px;
  background-color: #fff;
  /* box-shadow */
  box-shadow: 0px 0px 2px 3px #eee;
  -moz-box-shadow: 0px 0px 2px 3px #eee;
  -webkit-box-shadow: 0px 0px 2px 3px #eee;
}

.registered-message {
  margin: 20px;
  padding: 40px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.appre-download-btn {
  margin: 20px 0px 80px;
  display: block;
}

/* account */
.account-bloc {
  max-width: 800px;
  margin: 0 auto 100px;
  background-color: #fff;
  /* box-shadow */
  box-shadow: 0px 0px 2px 3px #eee;
  -moz-box-shadow: 0px 0px 2px 3px #eee;
  -webkit-box-shadow: 0px 0px 2px 3px #eee;
}

.account-form {
  padding: 20px 40px;
}

.account-form-heading {
  line-height: 1.5rem;
  margin-bottom: 20px;
}

.account-form-line {
  margin: 40px 0 20px;
}

.account-form-disable-field {
  font-size: 14px;
  line-height: 33px;
  line-height: 2.4rem;
}

.account-label {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 30px;
  line-height: 1.875rem;
  border: 1px solid #E3E3E3;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.account-displays {
  height: 30px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 30px;
  line-height: 1.875rem;
}

.lesson_list {
  background-color: #F2F4F5;
  height: calc(100vh - 101px);
}

.lesson_list,
.lesson_question {
  background-color: #F2F4F5;
  height: calc(100vh - 47px);
}

.lesson_list-count {
  display: block;
  padding: 10px 15px 5px;
  text-align: left;
}

.lesson_list-count-denominator:after {
  content: '/';
  display: inline-block;
}

.lesson_list-cards {
  clear: both;
  padding: 15px 10px;
}


.lesson_list_card {
  overflow: hidden;
  border: 1px solid #E3E3E3;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}

.lesson_list_card_head-wakatake {
  background-color: #42BDD8;
  border-bottom: 2px solid #42BDD8;
}

.lesson_list_card_head-orange {
  background-color: #AA965C;
  border-bottom: 2px solid #AA965C;
}

.lesson_list_card_head-date {
  float: left;
  font-weight: bold;
  height: 40px;
  width: 55px;
  margin-right: 12px;
}

.lesson_list_card_head-date-month span {
  font-size: 0.6rem;
}

.lesson_list_card_head-date-day {
  float: left;
  text-align: center;
  width: 35px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 26px;
  line-height: 1.625rem;
}

.lesson_list_card_head-date-week {
  float: left;
  text-align: center;
  width: 20px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 26px;
  line-height: 1.625rem;
}

.lesson_list_card_head-timeCount {
  float: left;
}

.lesson_list_card_head-timeCount-time {
  /*font-size: 16px;*/
  /*font-size: 1rem;*/
  font-size: 1px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 23px;
  line-height: 1.4375rem;
}

.lesson_list_card_head-timeCount-count {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 23px;
  line-height: 1.4375rem;
}

.lesson_list_card_head-link {
  float: right;
}

.lesson_list_card_head-link ul {
  overflow: hidden;
  height: 40px;
}

.lesson_list_card_head-link li {
  width: 22px;
  display: inline-block;
  padding: 10px 0 0;
}

.lesson_list_card_head-link li img {
  width: 100%;
}

.lesson_list_card_head-link li a {
  display: block;
}

.lesson_list_card_head-link-place-note {
  position: relative;
}

.lesson_list_card_head-link-place-note:after {
  content: '!';
  text-align: center;
  position: absolute;
  display: block;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: bold;
  line-height: 12px;
  line-height: 0.75rem;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #F00;
  color: #FFF;
  bottom: 8px;
  right: 0;
}

.lesson_list_card_body {
  padding: 10px 5px;
}

.lesson_list_card_body-name {
  line-height: 12px;
  line-height: 0.75rem;
}

.lesson_list_card_body-icons {
  height: 0;
  text-align: right;
}

.lesson_list_card_body-required {
  background: #FF8D98;
  color: white;
  padding: 2px 10px;
  border-radius: 10px;
}

.lesson_list_card_body-type {
  background: #B01F24;
  color: white;
  padding: 2px 10px;
  border-radius: 10px;
}

.lesson_list_card_body-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 30px;
  line-height: 1.875rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.lesson_list_card_body_data {
  text-align: right;
  line-height: 18px;
  line-height: 1.125rem;
}

.lesson_list_card_body_data li {
  display: inline-block;
  max-width: 40%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lesson_list_card_body_data-border:after {
  content: "";
  height: 100%;
  border-left: 1px solid #4E4E4E;
  margin: 0 5px 0 10px;
}

.lesson_list_card_body-go {
  text-align: center;
  margin: 8px 0 10px;
}

.lesson_list_card_body_aggregate {
  display: inline-table;
  width: calc(100% + 12px);
  margin: 0 -5px -10px;
  border-top: 1px solid #E3E3E3;
}

.lesson_list_card_body_aggregate ul {
  width: 100%;
}

.lesson_list_card_body_aggregate li {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
  padding: 0;
  margin: 0;
  display: table-cell;
  border-right: 1px solid #E3E3E3;
}

.lesson_list_card_body_aggregate-value {
  display: block;
  border-top: 1px solid #E3E3E3;
  line-height: 20px;
  line-height: 1.25rem;
}

.card,
.lesson_list_card_head-wakatake,
.lesson_list_card_head-orange,
.contents_list_card_head-gray,
.contents_list_card_head-blue {
  overflow: hidden;
  padding: 5px;
  color: #FFF;
}

.card_row {
  margin: 0 -6px;
}

.card_col {
  float: left;
  padding: 0 6px 12px;
  width: calc(100% / 4);
  height: 215px;
}


.contents_list-count {
  display: block;
  padding: 10px 15px 5px;
  text-align: left;
}

.contents_list-count-denominator:after {
  content: '/';
  display: inline-block;
}

.contents_list-cards {
  clear: both;
  padding: 15px 10px;
}

.contents_list-cards:after {
  display: block;
  content: '';
  height: 50px;
  width: 100%;
  clear: both;
}

.contents_list_card {
  position: relative;
  overflow: hidden;
  height: 250px;
  border: 1px solid #003C81;
}

.contents_list_card-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 28px;
  line-height: 1.75rem;
}

.contents_list_card-title.course {
  padding: 5px 0;
  color: #B01F24;
}

.contents_list_card-period {
  overflow: hidden;
  font-size: 1.25rem;
}

.contents_list_card-period > li {
  float: left;
}

.contents_list_card-period-title {
  margin-right: 5px;
}

.contents_list_card-date {
  font-weight: bold;
}

.contents_list_card-date span {
  margin: 0 2px;
}

.contents_list_card-date-day {
  display: inline-block;
  margin-right: 5px;
}

.contents_list_card-date-time {
  display: inline-block;
}

.contents_list_card-date-from {
  margin: 0 5px;
}

.contents_list_card-timeline {
  position: absolute;
  top: 41px;
  right: 0;
  padding: 5px 10px;
  background-color: #666;
  color: #fff;
}

.contents_list_card_head-blue {
  background-color: #003C81;
}

.contents_list_card_head-date-day {
  float: left;
  text-align: center;
  width: 35px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 26px;
  line-height: 1.625rem;
}

.contents_list_card_head-link {
  float: right;
}

.contents_list_card_head-link ul {
  overflow: hidden;
  height: 40px;
}

.contents_list_card_head-link li {
  width: 28px;
  display: inline-block;
  padding: 6px 0;
}

.contents_list_card_head-link li img {
  width: 100%;
}

.contents_list_card_head-link li a {
  display: block;
}

.contents_list_card_head-link-place-note {
  position: relative;
}

.contents_list_card_head-link-place-note:after {
  content: '!';
  text-align: center;
  position: absolute;
  display: block;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: bold;
  line-height: 12px;
  line-height: 0.75rem;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #B01F24;
  color: #FFF;
  bottom: 8px;
  right: 0;
}

.contents_list_card_body {
  position: relative;
  overflow: hidden;
  height: 200px;
}

.contents_list_card_body_move {
  position: relative;
  height: 260px;
}

.contents_list_card_body_move img {
  width: 100%;
}

.contents_list_card_body_move-nav {
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  background-color: rgba(255, 255, 255, 0.5);
}

.contents_list_card_body_move-time {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 28px;
  line-height: 1.75rem;
}

.contents_list_card_video {
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(248, 248, 255, 0.8);
}

.contents_list_card_video-title {
  padding-left: 10px;
}

.contents_list_card_video-title.lesson {
  border-left: 20px solid #ffd800;
}

.contents_list_card_video-thum {
  text-align: center;
  position: relative;
  height: 250px;
  background-color: #000;
}

.contents_list_card_video-extension {
  text-align: center;
  font-size: 3rem;
  width: 100%;
  height: 225px;
  line-height: 220px;
  background-color: #ddd;
  color: #fff;
}

.contents_list_card_video-thum img {
  width: 100%;
}

.contents_list_card_video-btn {
  //display: none;
  position: absolute;
  width: 100%;
  top: 130px;
  left: 0;
  text-align: center;
  z-index: 10;
}

.contents_list_card_video-thum:hover .contents_list_card_video-btn {
  display: block;
}

.contents_list_card_video-btn ul {
  display: inline-block;
}

.contents_list_card_video-btn li {
  display: inline-block;
  width: 40px;
  margin: 0 5px;
}

.contents_list_card_video-btn button {
  pointer-events: painted;
}

.contents_list_card_video-btn ul li button {
  width:100%;
}

.contents_list_card_video-btn li img {
  width: 100%;
}

.contents_list_card_footer {
  position: absolute;
  bottom: 0;
  display: block;
  overflow: hidden;
  height: 50px;
  width: 100%;
  border-top: 1px solid #ccc;
  background-color: #FFF;
}

.contents_list_card-movedata {
  text-align: center;
  float: left;
  width: calc(100% / 3);
  border-right: 1px solid #ccc;
}

.contents_list_card-movedata:last-child {
  border-right: none;
}

.contents_list_card-movedata-item {
  line-height: 28px;
  line-height: 1.75rem;
}

.contents_list_card-movedata-number {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 28px;
  line-height: 1.75rem;
}

.contents_list_card-etc {
  position: absolute;
  top: 50%;
  right: 10px;
}

.curriculum_list {
  position: relative;
  width: 100%;
  padding: 0 15px;
}

.curriculum_list-delete {
  position: absolute;
  top: -35px;
  right: 15px;
}

.curriculum_list_table {
  overflow-y: scroll;
  min-width: 1400px;
  height: calc(100vh - 200px);
}

.curriculum_list_table-item {
  padding: 10px 0;
  font-weight: bold;
  color: #95989A;
  border-bottom: none;
}

.curriculum_list_table-id {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.curriculum_list_table-code {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.curriculum_list_table-name {
  width: calc(100% - 895px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.curriculum_list_table-courseName {
  width: calc(100% - 940px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.curriculum_list_table-period {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.curriculum_list_table-lecturer {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.curriculum_list_table-place {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.curriculum_list_table-control {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.curriculum_list_table-startDay {
  width: 125px;
}

.curriculum_list_table-endtDay {
  width: 125px;
}

.curriculum_list_table-course {
  text-align: center;
  width: 100px;
}

.curriculum_list_table-target {
  font-weight: normal;
  text-align: center;
  width: 100px;
}

.curriculum_list_table-edit {
  font-weight: normal;
  text-align: center;
  width: 100px;
}

.curriculum_list_table-check {
  font-weight: normal;
  text-align: center;
  width: 165px;
}

.curriculum_list_table-controlCheck {
  text-align: center;
  width: 100px;
  margin-left: 330px
}

.curriculum_list a {
  color: #B01F24;
}

.curriculum_list a.number {
  padding: 0 10px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}

.course_list {
  position: relative;
  width: 100%;
  padding: 0 15px;
}

.course_list-delete {
  position: absolute;
  top: -35px;
  right: 15px;
}

.course_list-add {
  position: absolute;
  top: -35px;
  right: 15px;
}

.course_list_table {
  overflow-y: scroll;
  min-width: 1400px;
  height: calc(100vh - 200px);
}

.course_list_table-item {
  padding: 10px 0;
  font-weight: bold;
  color: #95989A;
  border-bottom: none;
}

.course_list_table-id {
  margin-left: 5px;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.course_list_table-name {
  width: calc(100% - 1335px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.course_list_table-period {
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.course_list_table-lecturer {
  width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.course_list_table-place {
  width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.course_list_table-lecturers {
  width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.course_list_table-lecturers a {
  color: #B01F24;
}

.course_list_table-lesson {
  text-align: center;
  width: 135px;
}

.course_list_table-lesson a {
  color: #B01F24;
}

.course_list_table-lesson a.number {
  padding: 0 10px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}

.course_list_table-join {
  text-align: center;
  width: 100px;
}

.course_list_table-join a {
  color: #B01F24;
}

.course_list_table-join a.number {
  padding: 0 10px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}

.course_list_table-edit {
  text-align: center;
  width: 70px;
}

.course_list_table-output {
  text-align: center;
  width: 120px;
}

.course_list_table-mail {
  width: 350px;
}

.course_list_table-code {
  width: 70px;
}

.course_list_table-department {
  width: 100px;
}

.course_list_table-job {
  width: 100px;
}

.course_list_table-post {
  width: 100px;
}

.course_list_table-status {
  width: 100px;
  margin-left: calc(100% - 1030px);
}

.course_list_table-viewName {
  width: 200px;
}

.course_list_table-controlCheck {
  text-align: center;
  width: 100px;
  margin-left: calc(100% - 760px);
}

.course_list_table-systemCheck {
  text-align: center;
  width: 130px;
}

.course_list_table-message {
  text-align: center;
  width: 100px;
}

.data_list {
  position: relative;
  width: 100%;
  padding: 0 15px;
  clear: both;
}

.data_list-delete {
  position: absolute;
  top: -35px;
  right: 15px;
}

.data_list-add {
  position: absolute;
  top: -35px;
  right: 15px;
}

.data_list_table {
  overflow-y: scroll;
  height: calc(100vh - 200px);
}

.data_list_table-item {
  padding: 10px 0;
  font-weight: bold;
  color: #95989A;
  border-bottom: none;
}

.data_list_table-col {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.data_list_table-col a.number {
  padding: 0 10px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}

.data_list_table-id {
  margin-left: 5px;
}

.data_list_table-center {
  text-align: center
}

.data_list_table-w10 {
  width: 10px;
}

.data_list_table-w20 {
  width: 20px;
}

.data_list_table-w30 {
  width: 30px;
}

.data_list_table-w40 {
  width: 40px;
}

.data_list_table-w50 {
  width: 50px;
}

.data_list_table-w60 {
  width: 60px;
}

.data_list_table-w70 {
  width: 70px;
}

.data_list_table-w80 {
  width: 80px;
}

.data_list_table-w90 {
  width: 90px;
}

.data_list_table-w100 {
  width: 100px;
}

.data_list_table-w110 {
  width: 110px;
}

.data_list_table-w120 {
  width: 120px;
}

.data_list_table-w130 {
  width: 130px;
}

.data_list_table-w140 {
  width: 140px;
}

.data_list_table-w150 {
  width: 150px;
}

.data_list_table-w160 {
  width: 160px;
}

.data_list_table-w170 {
  width: 170px;
}

.data_list_table-w180 {
  width: 180px;
}

.data_list_table-w190 {
  width: 190px;
}

.data_list_table-w200 {
  width: 200px;
}

.data_list_table-w250 {
  width: 250px;
}

.data_list_table-w300 {
  width: 300px;
}

.user_list {
  position: relative;
  width: 100%;
  padding: 0 15px;
}

.user_list-delete {
  position: absolute;
  top: -35px;
  right: 15px;
}

.user_list-contents {
  display: block;
  width: calc(100% - 100px);
}

.user_list_table {
  overflow-y: scroll;
  min-width: 1400px;
  height: calc(100vh - 200px);
}

.user_list_table-item {
  padding: 10px 0;
  font-weight: bold;
  color: #95989A;
  border-bottom: none;
}

.user_list_table-apple-hidden {
  display: none;
}

.user_list_table-apple {
  text-align: center;
  width: 100px;
}

.user_list_table-apple-item {
  float: left;
  width: 55px;
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 14px;
  line-height: 0.875rem;
}

.user_list_table-apple-on:before {
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  margin: 10px auto 0;
  border: 1px solid #B01F24;
  background-color: #B01F24;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.user_list_table-apple-off:before {
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  margin: 10px auto 0;
  border: 1px solid #FFF;
  background-color: #FFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.user_list_table-id {
  width: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.user_list_table-person {
  width: calc(100% - 1020px);
}

.user_list_table-name {
  float: left;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.user_list_table-kana {
  float: left;
  width: calc(50% - 15px);
  margin-left: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.user_list_table-name-contact {
  min-width: 120px;
  width: calc(100% - 1090px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.user_list_table-name-small,
.user_list_table-kana-small {
  width: calc(50% - 481px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.popup_body .user_list_table-name-small,
.popup_body .user_list_table-kana-small {
  width: calc(50% - 390px);
}

.user_list_table-admission {
  width: 108px;
}

.user_list_table-affiliation1 {
  overflow: hidden;
  width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.user_list_table-affiliation2 {
  width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.user_list_table-joinId {
  width: 98px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.user_list_table-joinKeyword {
  width: 138px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.user_list_table-joinKeyword-small {
  width: calc(100% - 1045px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.user_list_table-edit {
  font-weight: normal;
  text-align: center;
  width: 50px;
}

.user_list_table-check {
  font-weight: normal;
  text-align: center;
  width: 165px;
}

.user_list_table-banner {
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.user_list_table-bikou {
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.user_list_table-message {
  text-align: center;
  width: 100px;
}

.composition_list {
  position: relative;
  width: 100%;
  padding: 0 15px;
}

.composition_list-add {
  position: absolute;
  top: -35px;
  right: 15px;
}

.composition_list_table-item {
  padding: 10px 0;
  font-weight: bold;
  color: #95989A;
  border-bottom: none;
}

.composition_list_table-times {
  text-align: center;
  width: 50px;
}

.composition_list_table-nameId {
  width: calc(100% - 1000px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.composition_list_table-lecturer {
  width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.composition_list_table-place {
  width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.composition_list_table-date {
  width: 100px;
}

.composition_list_table-period {
  text-align: center;
  width: 68px;
}

.composition_list_table-startTime {
  width: 120px;
}

.composition_list_table-finshTime {
  width: 70px;
}

.composition_list_table-placedata {
  text-align: center;
  width: 90px;
}

.composition_list_table-placedata img {
  margin-top: 5px;
  width: 20px;
}

.composition_list_table-placedata a.notice {
  position: relative;
}

.composition_list_table-placedata a.notice:after {
  width: 12px;
  height: 12px;
  position: absolute;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: normal;
  line-height: 12px;
  line-height: 0.75rem;
  bottom: -2px;
  right: -2px;
  display: block;
  content: '!';
  background-color: #f00;
  color: #FFF;
  border-radius: 12px;
}

.composition_list_table-free {
  text-align: center;
  width: 90px;
}

.composition_list_table-free a.symbol {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
}

.composition_list_table-release {
  text-align: center;
  width: 70px;
}

.composition_list_table-release a.symbol {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
}

.composition_list_table-join {
  text-align: center;
  width: 70px;
}

.composition_list_table-join a.number {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
}

.composition_list_table-edit {
  text-align: center;
  width: 50px;
}

.composition_list_table-edit a {
  width: 15px;
  display: inline-block;
  line-height: 0;
}

.composition_list_table-edit a img {
  padding-top: 8px;
}

/* ポップアップ */
.popup_back {
  min-width: 100px;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2000;
}

.popup_wrap {
  min-width: 100px;
  position: fixed;
  padding: 20px;
  width: 100%;
  height: 100%;
  z-index: 2000;
}

.popup_window {
  height: 100%;
  background-color: #FFF;
}

.popup_window .user_list_table {
  height: calc(100vh - 240px);
  overflow-y: scroll;
}

.popup_window .composition_list_table {
  height: calc(100vh - 180px);
  overflow-y: scroll;
}

.popup_window_narrow-1 {
  position: absolute;
  background-color: #FFF;
  width: 400px;
  height: 194px;
  top: calc(50% - 97px);
  left: calc(50% - 200px);
}

.popup_window_narrow-2 {
  position: absolute;
  background-color: #FFF;
  width: 400px;
  height: 262px;
  top: calc(50% - 131px);
  left: calc(50% - 200px);
}

.popup_window_narrow-3 {
  position: absolute;
  background-color: #FFF;
  width: 400px;
  height: 330px;
  top: calc(50% - 165px);
  left: calc(50% - 200px);
}

.popup_window_normal-3 {
  position: absolute;
  background-color: #FFF;
  width: 600px;
  height: 330px;
  top: calc(50% - 165px);
  left: calc(50% - 300px);
}

.popup_window_edit {
  position: absolute;
  background-color: #FFF;
  width: 600px;
  height: 500px;
  top: calc(50% - 250px);
  left: calc(50% - 300px);
}

.popup_window_csv {
  position: absolute;
  background-color: #FFF;
  width: 900px;
  height: 420px;
  top: calc(50% - 210px);
  left: calc(50% - 450px);
}

.popup_window_grade {
  position: absolute;
  background-color: #FFF;
  width: 400px;
  height: 420px;
  top: calc(50% - 210px);
  left: calc(50% - 200px);
}

.popup_window_period {
  position: absolute;
  background-color: #FFF;
  width: 400px;
  height: 480px;
  top: calc(50% - 240px);
  left: calc(50% - 200px);
}

.popup_window_lesson_period {
  position: absolute;
  background-color: #FFF;
  width: 400px;
  height: 600px;
  top: calc(50% - 300px);
  left: calc(50% - 200px);
}

.popup_window_lecturer {
  position: absolute;
  background-color: #FFF;
  width: 400px;
  height: 200px;
  top: calc(50% - 100px);
  left: calc(50% - 200px);
}

.popup_window_setting {
  position: absolute;
  background-color: #FFF;
  width: 600px;
  height: 230px;
  top: calc(50% - 115px);
  left: calc(50% - 300px);
}

.popup_window_check {
  position: absolute;
  background-color: #FFF;
  width: 800px;
  height: 460px;
  top: calc(50% - 230px);
  left: calc(50% - 400px);
}

.popup_window_check-long {
  height: 520px;
  top: calc(50% - 260px);
}

.popup_header {
  overflow: hidden;
  height: 50px;
  padding: 10px 15px;
  background-color: #B01F24;
  color: #FFF;
}

.popup_header-title {
  float: left;
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 39px;
  line-height: 2.4375rem;
}

.popup_header-title-L {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: normal;
  border-bottom: 1px solid #FFF;
}

.popup_header-center {
  float: left;
  width: 60%;
  margin-left: 20%;
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 39px;
  line-height: 2.4375rem;
}

.popup_header-nav {
  display: block;
  float: right;
}

.popup_header-nav li {
  float: left;
}

.popup_header-nav li .claer_btn {
  background: none;
  border: none;
  width: 30px;
  padding: 5px;
}

.popup_body .list_row li {
  padding-left: 2px;
}


/* 編集 */
.edit {
  padding: 20px;
}

.edit label {
  display: block;
  width: 100%;
  line-height: 1.5rem;
  height: 1.5rem;
}

.edit input {
  margin-bottom: 20px;
}

.edit textarea {
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
}

.edit-left-2 {
  float: left;
  width: calc(50% - 15px);
}

.edit-right-2 {
  float: left;
  width: calc(50% - 15px);
  margin-left: 30px;
}

.edit-left-3 {
  float: left;
  width: calc(33% - 20px);
}

.edit-center-3 {
  float: left;
  width: calc(33% - 20px);
  margin-left: 30px
}

.edit-right-3 {
  float: left;
  width: calc(34% - 20px);
  margin-left: 30px;
}

.edit-name {
  float: left;
  width: 100%;
}

.edit-nameA {
  float: left;
  width: calc(60% - 30px);
  margin-right: 30px;
}

.edit-nameB {
  float: left;
  width: calc(46% - 30px);
  margin-right: 30px;
}

.edit-codeA {
  float: left;
  width: 40%;
}

.edit-codeB {
  float: left;
  width: calc(24% - 30px);
  margin-right: 30px;
}

.edit-checkB {
  float: left;
  width: calc(12% - 10px);
  margin-right: 10px;
}

.edit-lecturer {
  float: left;
  width: 50%;
  margin-right: 30px;
}

.edit-lecturers {
  float: left;
  width: 100%;
}

.edit-place {
  float: left;
  width: calc(50% - 30px);
}

.edit-periodA {
  float: left;
  width: 12%;
  margin-right: 10px;
}

.edit-periodB {
  float: left;
  width: calc(18% - 30px);
  margin-right: 30px;
}

.edit-grade {
  float: left;
  width: 12%;
}

.edit-startDateTime {
  float: left;
  width: calc(44% - 10px);
  margin-right: 10px;
}

.edit-finshDateTime {
  float: left;
  width: calc(44% - 10px);
}

.edit-startDate {
  float: left;
  width: calc(50% - 15px);
  margin-right: 30px;
}

.edit-finshDate {
  float: left;
  width: calc(50% - 15px);
}

.edit-date {
  float: left;
  width: 60%;
}

.edit-startTime {
  float: left;
  width: calc(25% - 30px);
  margin-right: 30px;
}

.edit-finshTime {
  float: left;
  width: calc(25% - 30px);
  margin-right: 30px;
}

.edit-time {
  float: left;
  width: calc(40% - 10px);
  margin-left: 10px;
}

.edit-curriculum {
  float: left;
  width: 50%;
}

.edit-description {
  float: left;
  width: 100%;
}

.edit-nav {
  width: 100%;
  padding: 0;
  text-align: center;
  clear: both;
}

.edit-nav li {
  display: inline-block;
}

.edit2 {
  padding: 20px;
}

.edit2 > div {
  width: 100%;
  margin-bottom: 10px;
}

.edit2 label {
  vertical-align: top;
  text-align: right;
  display: inline-block;
  width: 160px;
  line-height: 1.5rem;
  height: 1.5rem;
  padding-top: 5px !important;
}

.edit2 > div > div {
  width: calc(80% - 20px);
  display: inline-block;
}

.edit2 .s_input {
  width: 200px;
}

.edit2 .m_input {
  width: 400px;
}

.edit2 textarea {
  width: 100%;
  height: 100px;
}

.edit2 .radio_label {
  width: auto;
  text-align: left;
}


.questions {
  padding: 20px;
}

.questions .question_no {
  background-color: #B01F24;
  color: white;
}

.questions .question_no > span {
  display: inline-block;
  margin: 10px;
}

.questions .question_no > input {
  margin-top: -2px;
}

.questions .question {
  background-color: #cfe7e3;
}

.questions .question .option_s {
  text-align: center;
  width: 50px;
}

.questions .question .option_m {
  text-align: center;
  width: 90px;
}

.questions .question .preview > * {
  float: left;
  line-height: 34px;
  margin: 5px;
}

.questions .question .preview .square {
  background-color: white;
  border: 1px solid #ccc;
  width: 34px;
  height: 34px;
}

.questions .delete_btn {
  float: right;
}

/* 学年 */
.grade {
  padding: 20px;
}

.grade-title {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 28px;
  line-height: 1.75rem;
}

.grade_table {
  width: 100%;
  border-spacing: 0;
  border-top: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
}

.grade_table tr:nth-of-type(even) {
  background-color: #F8F8F8;
}

.grade_table th,
.grade_table td {
  text-align: center;
  width: 50%;
  height: 3rem;
  line-height: 3rem;
  vertical-align: middle;
  border-bottom: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
}

/* 時限 */
.period {
  padding: 20px;
}

.period-title {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 28px;
  line-height: 1.75rem;
}

.period_table {
  width: 100%;
  border-spacing: 0;
  border-top: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
}

.period_table tr:nth-of-type(even) {
  background-color: #F8F8F8;
}

.period_table th,
.period_table td {
  text-align: center;
  width: calc(100% / 8);
  height: 2rem;
  line-height: 2rem;
  vertical-align: middle;
  border-bottom: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
}

.period_table th label,
.period_table td label {
  margin-left: -8px;
}

/* CSV管理 */
.csvManage {
  padding: 20px;
}

.csvManage-number {
  text-align: center;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 20px;
  line-height: 1.25rem;
  height: 18px;
  width: 18px;
  margin-right: 10px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  border: 1px solid #ccc;
}

.csvManage_description {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 26px;
  line-height: 1.625rem;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}

.csvManage_description-column {
  float: left;
  width: calc(99% / 3);
  min-height: 250px;
  padding: 10px 20px;
  border-left: 1px solid #eee;
}

.csvManage_description-column:nth-child(2) {
  border: none;
}

.csvManage_description-title {
  height: 20px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 30px;
  line-height: 1.875rem;
  margin-bottom: 20px;
}

.csvManage_description-join {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 30px;
  line-height: 1.875rem;
}

.csvManage_description-load {
  display: inline-block;
  text-align: center;
  margin: 10px auto;
  height: 26px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 26px;
  line-height: 1.625rem;
}

.csvManage_description-template {
  text-decoration: underline;
}

.csvManage_description-upload {
  display: inline-block;
  text-align: center;
  margin: 20px auto;
  height: 26px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 26px;
  line-height: 1.625rem;
}

.csvManage_description-body label {
  font-size: 0.75rem;
}

.restriction-no {
  white-space: normal;
  overflow: inherit;
  text-overflow: clip;
  -webkit-text-overflow: clip;
  -o-text-overflow: clip;
}

/* FAQ */
.qa_indent-l {
  margin-left: 5rem;
}

.qa_title {
  text-align: center;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: normal;
  line-height: 30px;
  line-height: 1.875rem;
}

.qa-number {
  float: left;
  margin-right: 10px;
}

.qa-text {
  display: flex;
}

.qa_body {
  width: 960px;
  margin: 0 auto;
  padding: 30px;
}

.qa_index-list,
.qa_index-list-period {
  margin-bottom: 50px;
}

.qa_index-list-period {
  margin-left: 20px;
}

.qa_index_heading {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 30px;
  line-height: 1.875rem;
}

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

.qa_header {
  padding: 20px 0;
}

.qa_contents {
  padding: 20px 0;
  border-top: 1px solid #E3E3E3;
}

.qa_contents-title {
  text-align: center;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: normal;
  line-height: 30px;
  line-height: 1.875rem;
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.qa_contents-L {
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: normal;
  line-height: 40px;
  line-height: 2.5rem;
  margin-bottom: 40px;
}

.qa_contents-M {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: normal;
  line-height: 30px;
  line-height: 1.875rem;
  margin-bottom: 20px;
}

.qa_image {
  width: 80%;
  margin-left: 10%;
  margin-bottom: 30px;
}

/* institution */
.institution_title {
  text-align: center;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: normal;
  line-height: 30px;
  line-height: 1.875rem;
}

.institution_body {
  width: 960px;
  margin: 0 auto;
  padding: 30px;
}

.institution_container {
  padding: 30px 0;
  border-bottom: 1px solid #E3E3E3;
}

.institution_container-text {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 36px;
  line-height: 2.25rem;
}

.institution_container-list {
  padding: 30px;
}

.institution_container-list li {
  list-style: disc;
  box-sizing: border-box;
}

.institution_contact {
  padding: 30px 0;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: normal;
  line-height: 30px;
  line-height: 1.875rem;
}

.kiyaku_title {
  text-align: center;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: normal;
  line-height: 60px;
  line-height: 3.75rem;
}

.kiyaku_body {
  width: 960px;
  margin: 0 auto;
  padding: 30px;
}

.kiyaku_container {
  padding: 30px 0;
  border-bottom: 1px solid #E3E3E3;
}

.kiyaku_container-text {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 36px;
  line-height: 2.25rem;
}

.kiyaku_container-heading {
  text-indent: 0px;
  margin-top: 20px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 50px;
  line-height: 3.125rem;
}

.kiyaku_container-list {
  line-height: 40px;
  line-height: 2.5rem;
  text-indent: -27px;
  padding-left: 27px;
}

.kiyaku_container-list ul {
  text-indent: -17px;
  padding-left: 17px;
}

.kiyaku_container-list strong {
  font-weight: bold;
}

.kiyaku_revision {
  float: right;
  margin-top: 60px;
}

.privacy_title {
  text-align: center;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: normal;
  line-height: 60px;
  line-height: 3.75rem;
}

.privacy_title-subheading {
  text-align: center;
  width: 100%;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: bold;
  line-height: 50px;
  line-height: 3.125rem;
  margin: 100px 0 40px;
  border-bottom: 1px solid #E3E3E3;
}

.privacy_body {
  width: 960px;
  margin: 0 auto;
  padding: 30px;
}

.privacy_container {
  padding: 30px 0;
  border-bottom: 1px solid #E3E3E3;
}

.privacy_container-text {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 36px;
  line-height: 2.25rem;
}

.privacy_container-heading {
  text-indent: 0px;
  margin-top: 20px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 50px;
  line-height: 3.125rem;
}

.privacy_container-list,
.privacy_container-list-number {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 36px;
  line-height: 2.25rem;
  text-indent: -15px;
  padding-left: 15px;
}

.privacy_container-list-number {
  text-indent: -38px;
  padding-left: 38px;
}

.privacy_container-list ul,
.privacy_container-list-number ul {
  text-indent: -17px;
  padding-left: 17px;
}

.privacy_container-enclose {
  margin: 40px 0;
  padding: 40px;
  border: 1px solid #E3E3E3;
}

.privacy_container-table {
  width: 100%;
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
}

.privacy_container-table th {
  padding: 10px 20px;
  border-top: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
  background-color: #f0f0f0;
}

.privacy_container-table td {
  padding: 20px;
  border-top: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
}

.about_header {
  overflow: hidden;
  height: 300px;
  background: url("../images/iStock.png") no-repeat center;
}

.about_title {
  text-align: center;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 300px;
  line-height: 18.75rem;
  color: #FFF;
}

.about_body {
  width: 960px;
  margin: 0 auto;
  padding: 30px;
}

.about_container-table {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 36px;
  line-height: 2.25rem;
  border-top: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
  border-collapse: collapse;
}

.about_container-table th {
  vertical-align: top;
  padding: 20px;
  background-color: whitesmoke;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
}

.about_container-table td {
  padding: 20px;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
}

.place {
  padding: 20px;
}

.place-l {
  float: left;
  width: 30%;
  padding: 0 10px;
}

.place-r {
  float: left;
  width: 70%;
  padding: 0 10px;
}

.place-nav {
  display: inline-block;
  width: 45%;
  text-align: center;
  clear: both;
}

.place-nav li {
  display: inline-block;
}

.place-search-input {
  width: calc(55% - 15px);
  margin-right: 10px;
}

.place-map {
  height: 250px;
  margin: 10px 0;
  border: 1px solid #E3E3E3;
}

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

.card_zero {
  width: 800px;
  margin: 20px auto 0;
  padding: 0;
  border: 1px solid #B01F24;
}

.card_zero-title {
  text-align: center;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: normal;
  line-height: 48px;
  line-height: 3rem;
  background-color: #B01F24;
  color: #FFF;
}

.card_zero-info {
  overflow: hidden;
  padding: 20px 0;
}

.card_zero-info-text {
  padding: 5px 20px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 30px;
  line-height: 1.875rem;
  margin-bottom: 20px;
}

.card_zero-info-youtube {
  position: relative;
  float: left;
  padding: 10px 20px;
  width: 380px;
  height: 260px;
}

.card_zero-info-site {
  position: relative;
  float: left;
  padding: 10px 20px;
  width: 418px;
  height: 260px;
}

.card_zero-info-site img {
  width: 100%;
}

.card_zero-info-caption {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 24px;
  line-height: 1.5rem;
}

.count-select {
  float: left;
  width: 100px;
  margin-top: 10px;
}

.list_count {
  float: left;
  padding: 15px;
}

.composition_list,
.user_list,
.course_list,
.curriculum_list {
  clear: both;
}

.view_change {
  float: left;
  overflow: hidden;
  margin: 15px 0 0 20px;
  background-color: #FFF;
  border: 1px solid #B01F24;
  color: #B01F24;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.view_change ul li {
  text-align: center;
  float: left;
}

.view_change ul li a {
  display: block;
  padding: 0 20px;
  line-height: 25px;
  line-height: 1.5625rem;
}

.view_change-active {
  background-color: #B01F24;
  color: #FFF;
}

.view_change-active:link {
  color: #FFF;
}

.view_change-active:hover {
  color: #FFF;
}

.view_change-active:active {
  color: #FFF;
}

.view_change-active:visited {
  color: #FFF;
}

.user_list-delete-select {
  position: absolute;
  top: -35px;
  right: 15px;
  color: #B01F24;
  line-height: 30px;
  line-height: 1.875rem;
}

.user_list-delete-select span {
  margin-top: 2px;
}

.user_list-delete-select select.Btend_form {
  height: 24px;
  line-height: 24px;
  line-height: 1.5rem;
}

.user_list-delete-select-btn {
  float: left;
}

.banner-colors-a {
  color: #F00;
}

.banner-colors-b {
  color: #ffd800;
}

.banner-colors-c {
  color: #1E90FF;
}

.check_popup {
  position: relative;
  padding: 40px;
}

.check_popup-item {
  width: 120px;
}

.check_popup-list {
  width: calc(100% - 120px);
  max-height: 100px;
  overflow-y: auto;
}

.check_popup-text {
  margin-bottom: 40px;
}

.check_popup-textarea,
.check_popup-textarea-l {
  resize: none;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 24px;
  line-height: 1.5rem;
  height: 7rem;
  padding: 5px;
}

.check_popup-textarea-l {
  height: 15rem;
}

.check_popup-user {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  overflow: hidden;
  margin-bottom: 20px;
}

.check_popup-user ul li {
  float: left;
}

.check_popup-mailtitle {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  overflow: hidden;
  /*margin-bottom: 40px;*/
}

.check_popup-mailtitle ul li {
  float: left;
}

.check_popup-mailtitle-item {
  width: 80px;
  padding-right: 5px;
  margin-bottom: 20px;
}

.check_popup-mailtitle-form {
  width: calc(100% - 85px);
  margin-bottom: 20px;
}

.check_popup-banner {
  overflow: hidden;
  margin-bottom: 40px;
}

.check_popup-banner ul li {
  display: inline-block;
}

.check_popup-banner-btn {
  display: block;
  width: 100px;
  height: 30px;
}

.check_popup-banner-btn.rad {
  background-color: #F00;
}

.check_popup-banner-btn.yellow {
  background-color: #FFD800;
}

.check_popup-banner-btn.blue {
  background-color: #1E90FF;
}

.check_popup-banner-btn.unselected {
  opacity: 0.3;
}

.sidebyside {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  width: auto;
  margin-left: 5px;
}

.error,
.errorlist {
  color: red;
}

.hidden {
  display: none !important;
}


/* 2019.6.22 add */

.mail_alert {
  position: relative;
  overflow: hidden;
  height: 30px;
  display: inline-block;
  margin: -10px;
  padding: 0 10px;
}

.mail_alert img {
  width: 30px;
}

.mail_alert.active {
  opacity: 1;
}

.mail_alert-number {
  display: none;
}

.mail_alert.active .mail_alert-number {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  line-height: 14px;
  padding: 0 5px;
  border-radius: 14px;
  background-color: #f00;
  color: #fff;
}

.contents_list_card-required {
  position: absolute;
  top: 13px;
  right: 50px;
  font-size: 14px;
  background: #FF8D98;
  color: white;
  padding: 2px 10px;
  border-radius: 20px;
}

.contents_list_card-movedata.active {
  background-color: #ffef89;
}

.contents_list_card_video-extension.user {
  height: 225px;
  line-height: 220px;
}

.contents_list_card-timeline.user {
  top: 80px;
}

.contents_list_card_video-status {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 16px;
  background-color: rgba(0, 0, 0, 0.7);
}

.contents_list_card_video-status-A {
  position: relative;
  width: 100%;
  border-top: 4px solid #FFB100;
  margin-top: 5px;
}

.contents_list_card_video-status-A:after {
  position: absolute;
  top: -5px;
  right: 0px;
  content: '';
  display: block;
  width: 4px;
  width: 4px;
  height: 6px;
  background-color: #fff;
  border: 1px solid #FFB100;
}

.stamp-A {
  background-image: url(../images/stamp-A.png);
  background-size: 100px;
  background-position: bottom right;
}

.stamp-B {
  background-image: url(../images/stamp-B.png);
  background-size: 100px;
  background-position: bottom right;
}

.stamp-C {
  background-image: url(../images/stamp-C.png);
  background-size: 100px;
  background-position: bottom right;
}

.stamp-D {
  background-image: url(../images/stamp-D.png);
  background-size: 100px;
  background-position: bottom right;
}

.lesson_list-cards.user .card_col {
  height: inherit;
}

.lesson_list_card_footer {
  padding: 10px 5px;
}

.lesson_list_card-status {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  line-height: 30px;
  background-color: #ddd;
  color: #fff;
}

.lesson_list_card-status.typeA {
  background-color: #006EFF;
}

.lesson_list_card-status.typeB {
  background-color: #FF7481;
}

.lesson_list_card-status.typeC {
  background-color: #64D154;
}

.lesson_list_card-status.typeD {
  background-color: #FFA34B;
}

.Btend_btn-base.btn-off {
  border-color: #ddd;
  color: #ddd;
}

.Btend_btn-base.btn-on {
  border-color: #42BDD8;
  color: #42BDD8;
}

.Btend_btn-base.btn-out {
  border-color: #AA965C;
  color: #AA965C;
}

a.btn-off {
  pointer-events: none;
}


/* add move */

.Btend_main.video {
  padding: 0;
}

.Btend_main.video ul {
  padding-inline-start: 0px;
  margin-bottom: 0;
}

.container .video-side {
  margin: 0 auto;
}

.video_title {
  overflow: hidden;
  width: 100%;
  padding: 10px 20px 5px;
  background-color: #778898;
  color: #fff;
}

.video_title-main {
  font-size: 24px;
  font-weight: bold;
}

.video_title-sub li {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
}

.video_title .contents_list_card-period {
  font-size: 16px;
}

.container .video-info {
  padding: 20px 0;
}

.Btend_main.video .container {
  max-width: 800px;
}

.video_title-main,
.video_title-period,
.video_title-sub {
  float: left;
  line-height: 28px;
  margin-right: 20px;
}

/* add_20190722 */
.view_change.type-center {
  float: inherit;
  display: inline-block;
  margin: 0 auto 20px;
}

.course_list.type-A a,
.course_list.type-A a:hover,
.course_list.type-A a:active,
.course_list.type-A a:visited {
  color: inherit;
}

.course_list.type-A thead {
  border-bottom: 1px solid #ccc;
}

.course_list.type-A thead th {
  text-align: center;
  padding: 3px;
}



.course_list.type-A thead th.course_list-name {
  text-align: left;
  border-right: 1px solid #ccc;
}

.course_list.type-A thead th.req {
  border-right: 1px solid #ccc;
  color: #f00;
}

.course_list.type-A thead th.any {
  border-right: 1px solid #ccc;
  color: #517cff;
}

.course_list.type-A thead th.cell {
  width: 65px;
  border-right: 1px solid #ccc;
}

.course_list.type-A thead th.cell.sl {
  width: 70px;
}

.course_list.type-A thead tr th:last-child {
  border-right: none;
}

.course_list.type-A tbody tr {
  border-bottom: 1px solid #ccc;
}

.course_list.type-A tbody tr:nth-child(odd) {
  background-color: #f6f6f6;
}

.course_list.type-A tbody td {
  padding-top: 10px;
  padding-bottom: 10px;
  border: none;
}

.course_list.type-A tbody td .req {
  font-size: 18px;
  font-weight: bold;
  color: #f00;
}

.course_list.type-A tbody td .any {
  font-size: 18px;
  font-weight: bold;
  color: #517cff;
}

.course_list-name {
  text-align: left;
}


/* 2019/9/5 add */

.text_required {
  color: #f00;
  font-weight: bold;
}

.color-tag-y {
  display: inline-block;
  width: 10px;
  height: 100%;
  margin-right: 10px;
  background-color: #fec957;
}

.color-tag-g {
  display: inline-block;
  width: 10px;
  height: 100%;
  margin-right: 10px;
  background-color: #76cba9;
}

.user-data-category {
  text-align: inherit;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
  color: #B01F24;
}

.lesson_list-row {
  width: 100%;
  font-size: 14px;
  border-collapse: separate;
  border-spacing: 10px 0px;
}

.lesson_list-row tr:nth-child(even) td {
  background: #F8F8F8;
}

.lesson_list-row tr:nth-child(odd) td {
  background: #F5F6F7;
}

.lesson_list-row td {
  padding: 5px 0;
}

.lesson_list-row td,
.lesson_list-row th {
  border-spacing: 0 10px;
}

.lesson_list-row th {
  text-align: inherit;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
  color: #B01F24;
}

.lesson_list-row th.text-center {
  text-align: center;
}

.list_table-row td {
  position: relative;
  border-bottom: 1px solid #ccc;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.lesson_list-head th {
  border-bottom: 1px solid #B01F24;
}

.small-w {
  width: 65px;
}

.large-w {
  width: 300px;
}

.period-w {
  width: 120px;
}

.user_list-start ul {
  width: 80%;
}

a.user_list-startBtn {
  position: absolute;
  top: 23%;
  right: 5px;
  display: inline-block;
  background-color: #B01F24;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
}

.popup_window_userData {
  position: absolute;
  background-color: #FFF;
  width: 80%;
  height: 600px;
  top: calc(50% - 40%);
  left: 10%;
  overflow-x: auto;
  overflow-y: hidden;
}

.popup_body.type-a .lesson_list-cards {
  width: 1200px;
}

.popup_window_userData .popup_body {
  overflow-y: auto;
  height: 550px;
}


/* 2019/9/24 add */

.page_info {
  overflow: hidden;
  padding: 0 20px;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}

.page_info row {
  padding: 0 20px;
}

.page_info-list {
  font-size: 16px;
  margin: 10px 0;
  padding-inline-start: 0px;
}

.login-newlist {
  font-size: 14px;
  margin: 30px 0;
  border-top: 1px solid #ccc;
  padding-inline-start: 0px;
}

.login-newlist li {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

.page_info-date,
.page_info-text,
.newlist-date,
.newlist-text {
  display: inline-block;
}

.page_info-date,
.newlist-date {
  width: 100px;
  padding-right: 10px;
}

.newlist-text {
  width: calc(100% - 110px);
  /*overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 vertical-align: bottom;*/
  font-weight: bold;
}

.page_info-text {
  display: inline-block;
  width: calc(100% - 110px);
  padding-top: 10px;
  color: #f00;
  font-weight: bold;
  vertical-align: middle;
}

.page_info-tag {
  text-align: center;
  display: inline-block;
  width: 80px;
  font-size: 12px;
  padding: 5px;
  background-color: #f00;
  color: #fff;
  margin-top: 5px;
  margin-right: 20px;
  vertical-align: middle;
}

.login-warning,
.login-pageNav {
  text-align: center;
  color: #f00;
  padding: 20px 0;
}

.card_col {
  min-width: 290px;
}

.h-window {
  height: calc(100vh - 47px);
}

@media screen and (max-width:1200px) {
  .card_col {
    width: calc(100% / 3);
  }
}

@media screen and (max-width:900px) {
  .card_col {
    width: calc(100% / 2);
  }
}

@media screen and (max-width:600px) {
  .card_col {
    width: calc(100% / 1);
  }
}

@media screen and (max-width:1040px) {

  .large-w,
  .small-w,
  .period-w {
    width: auto;
  }
}

@media screen and (max-width:977px) {
  .lesson_list-cards {
    overflow-x: auto;
  }

  .lesson_list-cards .lesson_list-row {
    width: 977px;
  }
}

@media screen and (max-width:768px) {
  .Btend_header {
    height: inherit;
  }

  .Btend_header-logo {
    text-align: center;
    position: inherit;
    top: inherit;
    left: inherit;
    margin-bottom: 10px;
    padding: 5px 0;
  }

  .Btend_header-user {
    width: 40%;
    position: inherit;
    float: left;
    margin-bottom: 5px;
  }

  .float_r.hidden-xs {
    width: 60%;
    float: right;
    text-align: right;
  }

  .Btend_form_side {
    width: 100%;
    margin-bottom: 3px;
  }

  .Btend_form_side.btn {
    width: auto;
  }

  .list_count {
    display: inline-block;
    padding: 15px 5px;
  }

  .view_change {
    margin-top: 0px;
    margin-left: 10px;
  }

  .Btend_main.video .container {
    padding: 0;
  }

  .video_title {
    margin-top: 5px;
  }

  .video_title-main {
    font-size: 1.2rem;
  }

  .video_title .video_title-sub li,
  .video_title .contents_list_card-period {
    font-size: 0.8rem;
  }

  .btn-half {
    width: 50%;
    float: left;
  }

  .btn-right {
    text-align: right;
  }

  .btn-right {
    text-align: right;
  }

  .Btend_form_side label {
    width: 20%;
  }
}

@media screen and (max-width:750px) {
  .Btend_header-user {
    width: 100%;
  }

  .float_r.hidden-xs {
    width: 100%;
    float: inherit;
  }

}

@media screen and (max-width: 767px) {
  .sbaa-logo img {
    width: 80px;
  }
}

/* 2019/10/3 add */
.inquiry-bloc_body {
  font-size: 16px;
  line-height: 20px;
  padding: 0 20px;
}

.inquiry-bloc_body .is_required {
  font-size: 10px;
  padding: 4px;
  vertical-align: top;
  margin-left: 20px;
}

.inquiry-bloc_body ul {
  padding-inline-start: 5px;
}

.inquiry-bloc_body table {
  line-height: 30px;
}

.inquiry-bloc-q {
  font-size: 24px;
  line-height: 30px;
  border-bottom: 1px solid #ccc
}

.inquiry-bloc-a {
  font-size: 16px;
  line-height: 24px;
}


/* 201910 */
.height-full {
  width: 100%;
  table-layout: fixed;
  display: table;
}

.lesson_question-move,
.lesson_question-board {
  display: table-cell;
  vertical-align: top;
}

.lesson_question-move {
  width: 60%;
  border-right: 3px solid #B01F24;
}

.lesson_question-play img {
  width: 100%;
}

.lesson_question-play-detail {
  padding: 20px;
}

.lesson_question-board {
  width: 40%;
}

.lesson_question-play-title {
  font-size: 34px;
  line-height: 42px;
  color: #B01F24;
}

.lesson_question-status {
  display: block;
  text-align: center;
  float: right;
  font-size: 18px;
  line-height: 48px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 2px solid #fff;
  background-color: #fff;
}

.lesson_question-status.a1 {
  border-color: #C40000;
  color: #C40000;
}

.lesson_question-play-text {
  min-height: 80px;
  margin: 20px 0;
  padding: 10px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.lesson_question-board {
  position: relative;
}

.lesson_question-board .detail {
  font-size: 16px;
  padding: 20px;
}

.lesson_question-board .ques-number {
  text-align: center;
  line-height: 2rem;
  width: 50px;
  margin-bottom: 10px;
  background-color: #B01F24;
  color: #fff;
}

.lesson_question-board .ques-text {
  color: #B01F24;
}

.answer_btns {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .height-full {
    display: inherit;
  }

  .lesson_question-move {
    display: inherit;
    width: 100%;
    border-right: none;
    border-bottom: 3px solid #B01F24;
  }

  .lesson_question-board {
    display: inherit;
    width: 100%;
  }

  .answer_btns {
    position: relative;
  }

  .Btend_btn-view br {
    display: inherit;
  }

  .height-full.mt_20 {
    margin-top: 0px;
  }
}

/* 202001 */
.restriction {
  width: 100%;
  overflow-x: auto;
}

.row.small-gutters {
  margin-left: -5px;
  margin-right: -5px;
}

.small-gutters > .col,
.small-gutters > [class*="col-"] {
  padding: 0 5px;
}

.Btend_form_side-btn {
  display: inline-block;
}

.contents_list_card-title {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  font-weight: normal;
  line-height: 28px;
  height: 28px;
}

.contents_list_card-period {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .inquiry-form {
    padding: 10px;
  }

  .account_area {
    width: 100%;
  }

  .contents_list_card {
    max-width: 350px;
    margin: 0 auto;
  }

  .page-notes {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
  }

  .page-notes font {
    font-size: 12px;
  }

  .Btend_header-admin {
    position: inherit;
    width: 100%;
  }

  .Btend_seach_right {
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
  }

  .Btend_form_side label {
    width: 25%;
  }

  .Btend_seach-curriculum {
    margin-right: 0px;
  }

  .Btend_form_side.add {
    width: 70%;
  }

  .Btend_form_side.add-btn {
    display: inline-block;
    width: 20%;
  }

  .Btend_header-relationNav {
    float: left;
    text-align: center;
    margin: 0;
  }

  .Btend_header-loginUser {
    float: right;
    margin: 0;
  }

  .Btend_seach {
    width: 100%;
  }

  .curriculums-add,
  .user-add,
  .type-add {
    margin: 10px 0;
    float: left;
  }

  .curriculums-csv,
  .user-csv,
  .type-csv {
    float: right;
    margin: 10px 0;
  }

  .Btend_navigation form {
    display: block;
    overflow: hidden;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
  }
}

/* 2020 03 add */

.page-notice {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 20px 20px 10px;
  background-color: #bf0606;
  color: #fff;
  z-index: 20;
}

.page-notice-text {
  font-size: 18px;
  line-height: 2rem;
}

.tag-done {
  font-size: 12px;
  line-height: 16px;
  padding: 1px 10px;
  margin: 0 10px;
  background-color: #f16992;
  color: #fff;
  border-radius: 20px;
}

span.instructor_list-done {
  position: absolute;
  top: 23%;
  right: 47px;
  display: inline-block;
  background-color: #f16992;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
}

/* add 20201009 */

button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}