@charset "UTF-8";

/*** message ***/
/** @see styles.css .form__error */
.form__error {
  background-color: #D8584D;
  border-radius: 7px;
  padding: 12px 9px;
}
.form__error .error {
  color: #fff;
}
.alert {
  display: flex;
  margin-bottom: 5px;
  border-radius: 7px;
  padding: 12px 9px;
  margin: 0 20px 10px;
}
.alert-success {
  background-color: #009944;
}
.alert-danger {
  background-color: #D8584D;
}

.alert .msg {
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.2rem;
}

.important-block a {
  color: inherit;
}

.footer__link--section ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background: #333;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: initial;
          transform-origin: initial;
  -webkit-transition: initial;
  transition: initial;
}

/*** login ***/
.login-form .login-item input[type="text"] {
  background: #fff;
  border: 1px solid #C6DDA8;
  font-size: 1.6rem;
}

.login-form .login-item input[type="text"]::-webkit-input-placeholder {
  color: #C4C4C4;
}

.login-form .login-item input[type="text"]::-moz-placeholder {
  color: #C4C4C4;
}

.login-form .login-item input[type="text"]:-ms-input-placeholder {
  color: #C4C4C4;
}

.login-form .login-item input[type="text"]::-ms-input-placeholder {
  color: #C4C4C4;
}

.login-form .login-item input[type="text"]::placeholder {
  color: #C4C4C4;
}

.login-form .login-item input[type="text"]:focus {
  border: 1px solid #C6DDA8;
}

.login__wrapper .login__inner > p.-center a {
  color: #333;
}

.login_link {
  color: #009944;
}


/*** modal ***/
.modal {
  display: none;

  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0.4);
  overflow: auto;
}
.modal .modal-dialog {
  display: none;

  margin: 1.75rem auto;
  max-width: 650px;
  width: 96%;
}

.modal .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
  outline: 0;

  min-height: 100px;
  max-height: 400px;
}

.modal .modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}
.modal .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23707070'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
    filter: brightness(0) invert(1);
}
.alert .btn-close,
.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto;
}

/*** buttons ***/
/** @see _login-btn.scss .green-btn */

button:disabled {
  filter: brightness(80%); 
  cursor: not-allowed;
  opacity: 0.6;
}

.prev-btn {
  text-align: center;
  margin-bottom: 26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.prev-btn a.-prev, .prev-btn button.-prev {
  color: #707070;
  font-size: 1.1em;
  cursor: pointer;
}

.btn.disabled,
button.disabled,
a.disabled {
  cursor: default;
}

.page-link.disabled {
  background-color: #eee;
  color: #ccc;
}
/* _course-btn.scss */
.course__btn > a.-prev.disabled:hover {
  background-color: #fff;
  color: #009944;
}
.course__btn > a.-next.disabled:hover {
  background-color: #009944;
  color: #fff;
}
.course__btn > a.-prev.disabled,
.course__btn > a.-next.disabled {
  pointer-events: none;
  background-color: #BBBBBB;
  color: #FFF;
  filter: grayscale(100%);
  border: 1px solid #BBBBBB;
}

/* _form-button.scss */
.form__bottom__wrapper .form__bottom a {
  width: 160px;
}
.form__bottom__wrapper .form__bottom a.-prev {
  border: 2px solid #707070;
  background-color: #707070;
}
.form__bottom__wrapper .form__bottom a.-prev:hover {
  color: #707070;
  background-color: #fff;
}
.invite .form__bottom__wrapper .form__bottom a {
  width: auto;
}

/*** movies ***/
/** @see _course-block.scss .course-block__list a > img */
.course-block__list a > .embed-group {
  position: relative;
}
.course-block__list a > .embed-group .embedarea {
  display: inline !important;
  width: 100%;
}
.course-block__list a .course-block__text .article__header span {
  border-radius: 3px;
}
.course-block__list a .course-block__text .article__header .videocard_time {
  margin-left: auto;
}

.iframe__wrapper {
  position: relative;
  height: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
}

.iframe__wrapper > .embed-group .embedoverlay,
.iframe__wrapper > .embed-group .embedarea {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.memo-block__list a .memo-block__img > .embed-group {
  position: relative;
}

/*
 * @see _history-block.scss
 */
/*
.history-block.-list .history-block__list a .history-block__text .article__header {
  width: 10rem;
}
.history-block.-list .history-block__list a .history-block__text .title {
  width: 86rem;
}
.history-block.-list .history-block__list a .history-block__text .title span {
  width: 7rem;
}
.history-block.-list .history-block__list a .history-block__text .txt {
  width: 36rem;
}*/
.history-block.-course-search li:nth-child(-n+2) {
  margin-top: 0px;
}
body.memo h3.-lv4 {
  line-height: 1 !important;
}
body.favorite h3.-lv4:after {
  bottom: 1px;
}

/* @see _set.scss img */
.embedoverlay,
.embedarea {
  max-width: 100%;
}

.embedoverlay {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  opacity: .8;
  height: 98.5%;
  width: 100%;
  padding: 20px 0;
}
.course-block__list .embedoverlay {
  height: 100%;
}
.embedoverlay.-disabled {
  background-color: rgba(0, 0, 0, .7);
}
.embedoverlay > p {
  margin:auto;
  width: 100%;
  color: #fcfcfc;
  text-align: center;
}
.embedoverlay > p button {
  color: #fcfcfc;
}
.course__contents--mv .embedoverlay > p {
  position: absolute;
  top: calc(50% - .5em);
}

/** @see -history-block.scss .history-block.-list .history-block__list a .history-block__img > img */
.history-block.-list .history-block__list a .history-block__img > .embed-group .embedoverlay,
.history-block.-list .history-block__list a .history-block__img > .embed-group .embedarea {
  display:none;
}
.history-block.-list .history-block__list a .history-block__text .category,
.history-block.-list .history-block__list a .article__header {
  display:none !important;
}
.history-block.-thumb\.slider .history-block__list a .history-block__img > .category,
.history-block.-thumb\.slider .history-block__list a .history-block__text .title .v-time {
  display:none;
}
.history-block.-thumb\.slider .history-block__list a .category {
  border-radius: 0;
  margin-left: 0;
}
.history-block__list a .history-block__img {
  min-width: auto;
  max-width: none;
}
.history-block__list a .history-block__text .article__header  {
  margin-top: 8px;
  margin-bottom: 12px;
  padding: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.history-block__list a .history-block__text .article__header span {
  display: inline-block;
  color: #fff;
  position: relative;
  padding: 4px 8px;
  border-radius: 3px;
  margin-right: 6px;
}
.history-block__list a .history-block__text .article__header span.new,
.history-block__list a .history-block__text .article__header span.update {
  font-size: 1.1rem;
  font-family: Hiragino Sans, "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro W6", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  padding: 5px 8px;
  background-color: #e86d74;
  width: auto;
  text-align: center;
}
.history-block__list a .history-block__text .article__header span.update {
  background-color: #dea200;
}
.history-block__list a .history-block__text .article__header .v-time {
  font-family: Hiragino Sans, "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro W6", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  color: #fff;
  padding: 4px;
  background-color: #333;
  margin-left: auto;
  margin-right: 0;
  border-radius: 0;
}
.display-block.-lv2 {
	margin-bottom: 10px;
}


/*** form ***/
/**
 * @see _form.scss
 * .form-table .form-table__inner table tbody tr td input, .form-table .form-table__inner table tbody tr td select {
 */
.form-table .form-table__inner table tbody tr td textarea,
.memo-txt textarea,
.course__contents--memo textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #707070;
  border-radius: 6px;
  width: 100%;
  padding: 10px;

  border-radius: 12px;
  padding: 14px 18px;
  font-size: 1.6rem;
}

.course__contents--memo textarea {
  padding: 0px 0px;
}

.memo-txt textarea,
.course__contents--memo textarea {
  border:none;
  resize: none;
  outline: none;
}

.-hide {
  visibility: hidden;
}

.form-table1 {
 margin: 16px 16px 22px 16px;
 border-radius: 13px;
 position: relative;
 margin: 0px auto 24px;
 max-width: 900px;
}
.table1 {
 table-layout: auto;
 width: 100%;
 display: table;
 border: 1px solid #aaa;
}
.table1 thead tr th {
 text-align: center;
}
.table1 thead tr th {
 background-color: #c8e6fa;
 padding: 15px;
 border: 1px solid #aaa;
 font-weight: normal;
}
.table1 tbody {
 border: 1px solid #aaa;
}
.table1 tbody tr {
 line-height: 1.8;
 padding: 15px;
 border: 1px solid #aaa;
}
.table1 tbody tr td {
 line-height: 1.8;
 padding: 15px;
 border: 1px solid #aaa;
 text-align: center;
 vertical-align: middle;
}
.form__bottom1 a {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 color: #fff;
 font-weight: bold;
 text-align: center;
 border: 2px solid #009944;
 border-radius: 100px;
 background-color: #009944;
 display: block;
 margin: auto;
 margin-bottom: 5px;
 -webkit-box-shadow: 4px 4px 6px -3px rgba(0, 0, 0, 0.4);
         box-shadow: 4px 4px 6px -3px rgba(0, 0, 0, 0.4);
 -webkit-transition: .3s;
 transition: .3s;
 cursor: pointer;
}

.attention-area {
 margin-top: 30px;
 margin-bottom: 30px;
}
.attention p {
 font-size: 1.6rem;
 margin-bottom: 5px;
}

.l_contents.-main-top {
    min-height: 0;
}

#page_top{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 10px;
  bottom: 40px;
  border-radius: 50%;
  -webkit-box-shadow: 9px 9px 15px -11px #aaaaaa;
          box-shadow: 9px 9px 15px -11px #aaaaaa;
  z-index: 100;
}


/*** icons ***/
.mypage_info__tab > ul > li {
  width: calc(100% / 3);
}
.mypage_info__tab > ul > li.-alert > a::before,
.info .txt.-alert::before,
.user-alert::before {
  content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  background-image: url('/assets/img/icons/alert-circle.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.mypage_info__tab > ul > li.-alert > a::before {
  position: absolute;
  margin-top: -5px;
  margin-left: -22px;
}
.info .txt.-alert::before {
  position:relative;
  top: 5px;
}

.text-alert {
  color: #D8584D;
}

.info .txt.-alert {
  font-weight: bolder;
  font-size: 1.2em;
  color: #D8584D;
}

.user-alert span {
  color: #D8584D;
  display: inline-block;
  font-size: 0.8em;
}

/*
 * @see _course-connection.scss
 * .first-block__inner--text--ttl > p span
 */
.setlist > p span {
  color: inherit;
}
/* @see _first-block-text.scss .first-block__inner--text--ttl > img */
.first-block__inner--text--ttl > .folder-icon > svg {
  width: 50px;
}

/* @see _folder-color.scss
 * .folder-block__list--left .folder-icon svg
 * .folder-block__list--left .folder-icon p
 */
.setlist.-yellow .folder-icon svg {
  stroke: #EEB229;
  fill: #FFF0C1;
}
.setlist.-yellow > p,
.setlist.-yellow .folder-ttl > p {
  color: #EEB229;
}

.setlist.-red .folder-icon svg {
  stroke: #DA6A7A;
  fill: #F8E6E4;
}
.setlist.-red > p,
.setlist.-red .folder-ttl > p {
  color: #DA6A7A;
}

.setlist.-green .folder-icon svg {
  stroke: #60ACAA;
  fill: #E1EDE5;
}
.setlist.-green > p,
.setlist.-green .folder-ttl > p {
  color: #60ACAA;
}

.setlist.-purple .folder-icon svg {
  stroke: #A492BF;
  fill: #E9E3F0;
}
.setlist.-purple > p,
.setlist.-purple .folder-ttl > p {
  color: #A492BF;
}

.setlist.-blue .folder-icon svg {
  stroke: #83A1D0;
  fill: #E5EEF8;
}
.setlist.-blue > p,
.setlist.-blue .folder-ttl > p {
  color: #83A1D0;
}

.setlist.-orange .folder-icon svg {
  stroke: #ED6D46;
  fill: #FBDECE;
}
.setlist.-orange > p,
.setlist.-orange .folder-ttl > p {
  color: #ED6D46;
}

.setlist.-lightblue .folder-icon svg {
    stroke: #46B6D3;
    fill: #D6EDF3;
}
.setlist.-lightblue > p,
.setlist.-lightblue .folder-ttl > p {
  color: #46B6D3;
}

.setlist.-lightgreen .folder-icon svg {
    stroke: #81B727;
    fill: #F1F5CC;
}
.setlist.-lightgreen > p,
.setlist.-lightgreen .folder-ttl > p {
  color: #81B727;
}


/*** charts ***/
/* @see _member-list.scss
 * .member-list__wrapper .member-list__item .member-list__item--inner:after
 */
.member-list__wrapper .member-list__item.js-invitationlist .member-list__item--inner:after {
  background-image: none;
}

.member-list__wrapper .member-list__item .member-list__item--graph ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
.member-list__wrapper .member-list__item .member-list__item--graph li {
  min-width: 20%;
  max-width: 200px;
  margin-bottom: 20px;
}
.member-list__wrapper .member-list__item .member-list__item--graph .category-title {
  font-size: 1.2em;
  color: #A492BF;
  margin-bottom: 12px;
  margin-right: 38px;
  text-align: center;
}
.member-list__wrapper .member-list__item .member-list__item--inner .member-list__info--txt p.mail {
  word-break: break-all;
}
.member-list__wrapper .member-list__item .invitation-button {
  display: flex;
}

/*** static contents ***/
#embed-iframe {
  width: 100%;
  min-height: 500px;
}

/*** for zeus ***/
.form-table .form-table__inner table.noheader tbody tr td {
  max-width: initial;
}

#zeus_new_card_area {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 !important;
}

#zeus_new_card_area label {
  font-weight: bold; /*th*/
  margin-bottom: 8px;  /*th*/
  width: 100%;
}

/* @see _form.scss .form-table .form-table__inner table tbody tr td input, .form-table .form-table__inner table tbody tr td select */
/* @see _form.css .form-table .form-table__inner table tbody tr td */
#zeus_new_card_area input,
#zeus_new_card_area select {
  display: block;
  width: 100%;
  text-align: left;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #707070;
  border-radius: 6px;
/*  width: 100%; */
  padding: 10px;
}

#zeus_new_card_area span {
  margin-top: 16px;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

#zeus_new_card_area #zeus_token_card_number,
#zeus_new_card_area #zeus_token_card_expires_note,
#zeus_new_card_area #zeus_token_card_cvv{
    margin-bottom: 26px; /*tr*/
}

#zeus_new_card_area #zeus_token_card_expires_year,
#zeus_new_card_area #zeus_token_card_expires_month {
  width: 6em;
}

/** @see styles.css .course-name */
.first-block__inner--contents .course-name {
  text-align: left;
}

/** @see _top-news.scss _list.scss */
.news__list li a .date > span.-blue,
.news__wrapper .news__inner .news-block > dl .category.-blue,
.news__category--btn.-click button.-blue,
h3.-lv2 > span.-blue {
  background-color: #036EAE;
}
.news__list li a .date > span.-yellow,
.news__wrapper .news__inner .news-block > dl .category.-yellow,
.news__category--btn.-click button.-yellow,
h3.-lv2 > span.-yellow {
  background-color: #F0B400;
}
.news__list li a .date > span.-green,
.news__wrapper .news__inner .news-block > dl .category.-green,
.news__category--btn.-click button.-green,
h3.-lv2 > span.-green {
  background-color: #009944;
}
.news__list li a .date > span.-red,
.news__wrapper .news__inner .news-block > dl .category.-red,
.news__category--btn.-click button.-red,
h3.-lv2 > span.-red {
  background-color: #DD0012;
}
.news__category--btn.-click.-blue:after{
  border-top-color: #036EAE;
}
.news__category--btn.-click.-yellow:after{
  border-top-color: #F0B400;
}
.news__category--btn.-click.-green:after{
  border-top-color: #009944;
}
.news__category--btn.-click.-red:after{
  border-top-color: #DD0012;
}
.news__list li a .date {
  margin-right: 30px;
}


/** @see _course-block.scss */
.course-block__list a .course-block__text .article__header span.category {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/** @see _history-block.scss */
.history-block__list a .history-block__img span.category {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
}

/** @see _memo-block.scss */
.memo-block__list a .memo-block__ttl .article__header .category {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.memo-block__list a .memo-block__ttl .category {
  padding: 4px 12px 4px 12px;
  line-height: 1.4;
}
.memo-block__list a .memo-block__text--inner .memo-block__img {
  display: none;
}

/** @see _course-memo.scss */
.course__contents--memo {
  padding-bottom: 20px;
}
.course__contents--memo--border {
  border-bottom: 1px solid #D4D4D4;
  margin-right: 8px;
  margin-left: 8px;
}
.course__contents--memo .keep-btn {
  display: block;
  margin-top: 24px;
  text-align: center;
}

/** @see _user.scss */
.header__user--pc > .header__user--pc__inner > p span.name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.header__user--pc__inner p:after {
  content: " さん";
  font-size: 1.2rem;
  white-space: pre-wrap;
  display: flex;
  align-items: center;
}

/*** for payment ***/
.payment-info-area {
  margin: 10px 10px 30px 10px;
}
.payment-info-area .form__bottom {
  margin-top: 30px;
  margin-bottom: 30px;
}
.payment-info-area .txt {
  text-align: left;
}
.payment-info-area .note {
  text-align: center;
  margin-top: 20px;
  font-size: 1.6rem;
}
.payment-info-area .note a{
  text-decoration: none;
  color: #333;
}
.payment-info-area .note a:hover{
  text-decoration: underline;
}
.payment-info-area .note .link {
  color: #009944;
}

/*** for invitation ***/
.invitation-info-area {
  margin: 10px 10px 30px 10px;
}
.txt.-invitation {
  padding-bottom: 30px;
}

/*** for omit  ***/
.line-clamp__category {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 39px;
}
.line-clamp__desc {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* _h2-lv1.scss */
h2.-lv1.-course span {
  margin: 8px;
}
h2.-lv1.-search span {
  margin: 10px;
}
h2.-lv1.-recommend span {
  margin: 10px;
}

/* _h4-course.scss */
h4.-course {
  padding-bottom: 11px;
}

/* _star-icon.scss */
.star-icon.-first {
  margin-left: 0;
  margin-bottom: 0px;
}
.star-icon.-white:before {
  background-image: url("/assets/img/course/star-icon.svg");
}

/* _course-contents.scss */
.first-block__inner--text--ttl {
  align-items: start;
}

/* _stepflow.scss */
.stepflow__wrapper .stepflow-item li.completed .bubble {
  background-color: #009944;
}
body.facility .stepflow__wrapper .stepflow-item li.active .bubble {
  background-color: #036EAE;
}

/* _form-radio.scss */
.form-table.-facility h3.-lv3 {
  background-image: url(/assets/img/facility/form-bg-blue.svg);
}

/* _search-txt.scss */
.search-txt {
  border-bottom: none;
}
.search-txt:after {
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  position: absolute;
  bottom: 0;
  background-color: #3b73ad;
  z-index: 3;
}

.course__wrapper .check-icon,
.recommend__wrapper .check-icon {
  z-index: 1;
}

.top-mv-link {
  -webkit-transform: translate3d(0, 0, 1px);
          transform: translate3d(0, 0, 1px);
}

.corp_viewer_red_icon::before {
  content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  background-image: url('/assets/img/icons/alert-circle.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}


/*** ↓ SP ↓ ***/
@media screen and (max-width: 480px) {
  .first-block__inner--text--ttl > .folder-icon > .check-icon {
    top: 24px;
    left: -13px;
  }

  .rule__contents {
    padding: 40px 14px 80px;
  }

  .form__bottom.-inquiry button {
    width: 176px;
    font-size: 2rem;
  }

  .course-block:not(.three-list) .course-block__list {
    width: calc((100% - 15px) / 2) !important;
  }

  .embedoverlay > p {
    font-size: 1.1rem;
  }

  /** @see styles.css .member-list__info--txt */
  .member-list__wrapper .member-list__item .invitation-button {
    flex-direction: column;
  }
  .member-list__wrapper .member-list__item .member-list__item--inner .member-list__info--txt{
    min-width: 150px;
    max-width: 150px;
  }
  .member-list__wrapper .member-list__item .member-list__item--inner.-invitation{
    padding: 20px 0 16px 0;
  }

  /** @see styles.css .mypage_info__tab */
  .mypage_info__tab > ul > li > a {
    font-size: 1.1rem;
  }

  /** @see _h2-lv2.scss */
  h2.-lv2.-freeTrial > span {
    font-size: 1.5rem;
  }
  h2.-lv2.-freeTrial > img {
    width: 25px;
  }

  /** @see _course-block.scss */
  .course-block__list a .course-block__text .article__header span {
    padding-left: 5px;
  }
  .course-block__list a .course-block__text .article__header span.category {
    letter-spacing: -1px;
    font-size: 1.1rem;
    line-height: 1.3;
  }
  .course-block__list a .course-block__text .article__header span.new {
    font-size: 1rem;
  	padding-right: 10px;
  }
  .course-block__list a .course-block__text .article__header span.update {
    font-size: 1rem;
  }

  /** @see _history-block.scss */
  .history-block__list a .history-block__text .article__header {
    padding-left: 0;
  }
  .history-block__list a .history-block__text .article__header span.category {
    padding-right: 15px;
    padding-left: 5px;
  }
  .history-block__list a .history-block__text .article__header span.-new {
	padding-right: 10px;
  }
  .history-block__list a .history-block__text .article__header span.-update {
	padding-right: 20px;
  }
  .history-block.-thumb\.slider .history-block__list a .history-block__img {
    margin-bottom: 0;
  }

  /** @see _memo-block.scss */
  .memo-block__list a .memo-block__ttl .article__header .category {
    max-width: 100%
  }

  /** @see _form-button.scss */
  .form__bottom.-mypage a {
    width: 50%;
    max-width: 196px;
  }

  /** @see _user.scss */
  .header__user--pc > .header__user--pc__inner {
    padding-left: 15px;
    width: 140px;
  }
  .header__user--pc > .header__user--pc__inner > p {
    width: 100px;
    padding-left: 10px;
  }

  /*** for payment ***/
  .payment-info-area {
     font-size: 1.2rem;
  }
  .payment-info-area .form__bottom a {
    width: 50%;
  }
  .payment-info-area .note {
    font-size: 1.2rem;
  }
  .form-table1{
    overflow: auto;
    white-space: nowrap;
    border-radius: 0;
  }
  .table1 {
    width: 100%;
    display: flex;
    border: none;
  }
  .table1 tr {
    display: block;
    float: left;
  }
  .table1 tr td,
  .table1 tr th {
    border-left: none;
    display: block;
    height: 50px;
  }
  .table1 tr td:nth-child(4),
  .table1 tr th:nth-child(4){
    height: 100px;
  }
  .table1 tr td:nth-child(6),
  .table1 tr th:nth-child(6) {
    height: 120px;
  }
  .table1 thead {
    display: flex;
    float: left;
  }
  .table1 tbody {
    display: flex;
    border: none;
  }
  .table1 tbody tr {
    padding: 0;
    border: none;
  }
  .form__bottom1 a {
    width: 100px;
  }
  .payment-info-area .form-table .form-table__inner table tbody tr td ul > li {
    margin-bottom: 5px;
  }

  /*** icons ***/
  .user-alert {
    width: 140px;
    padding-left: 30px;
  }

  .mypage_info__tab > ul > li.-alert > a::before,
  .user-alert::before {
    width: 15px;
    height: 15px;
  }
  .user-alert span {
    font-size: 0.5rem;
    vertical-align: 40%;
  }
  .mypage_info__tab > ul > li.-alert > a::before {
    margin-top: -2px;
    margin-left: -15px;
  }

  /* _h2-lv1.scss */
  h2.-lv1.-search:after {
    bottom: 2px;
  }

  /* _c-keyword-block-search-box.scss */
  .c-keyword-block__wrapper .c-keyword-block__wrapper--left .c-keyword-block__select:first-child{
    display: none;
  }

  /* _search-txt.scss */
  .search-txt > p.-result {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 260px;
    display: block;
  }

  /* _h2-lv2.scss */
  body.course_search h2.-lv2.-general > span, h2.-lv2.-facility > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding-left: 20px;
  }

  /* styles.css */
  body.course_search .display-block.-lv3 {
    display: flex;
    margin-bottom: 10px;
    min-height: 30px;
  }
  body.course_search .display-block.-lv3 .sort__wrapper {
    margin-top: 0;
  }

  /* .stepflow__wrapper .stepflow-item li.current .label */
  .stepflow__wrapper .stepflow-item li:first-child.current .label{
    left: 50%;
  }

  #page_top{
    width: 50px;
    height: 50px;
    bottom: 20px;
    right: 20px;
  }

  /** @see _course-memo.scss */
  .course__contents--memo--border {
    display: none;
  }
  .course__contents--memo--detail {
    padding: 15px 14px;
  }

  h2.-lv1:after {
	bottom: 0px;
  }

  /** @see styles.css .course-list__column */
  .course-list__wrapper .course-list__column.-pc {
	display: none;
  }

  /** @see styles.css */
  .top-mv-link {
    -webkit-transform: translate3d(0, 20px, 1px);
            transform: translate3d(0, 20px, 1px);
  }
}

@media screen and (min-width:481px) and (max-width: 992px) {
  .first-block__inner--text--ttl > .folder-icon > .check-icon {
    top: 22px;
    right: 12px;
  }

  .rule__contents {
    padding: 40px 14px 80px;
  }

  .form__bottom.-inquiry button {
    width: 176px;
    font-size: 2rem;
  }

  .course-block:not(.three-list) .course-block__list {
    width: calc((100% - 15px) / 2) !important;
  }

  /** @see styles.css .member-list__info--txt */
  .member-list__wrapper .member-list__item .member-list__item--inner .member-list__info--txt{
    min-width: 300px;
    max-width: 300px;
  }
  .member-list__wrapper .member-list__item .member-list__item--inner.-invitation{
    padding: 20px 0 16px 0;
  }

  /** @see _course-block.scss */
  .course-block__list a .course-block__text .article__header span.category {
    width: 150px;
  }

  /** @see _history-block.scss */
  .history-block__list a .history-block__text .article__header span.category {
    width: 150px;
  }
  .history-block__list a .history-block__img span.category {
    max-width: 150px;
  }

  /** @see _memo-block.scss */
  .memo-block__list a .memo-block__ttl .article__header .category {
    max-width: 100%
  }

  /** @see _form-button.scss */
  .form__bottom.-mypage a {
    width: 50%;
    max-width: 196px;
  }

  /** @see _user.scss */
  .header__user--pc > .header__user--pc__inner {
    padding-bottom: 3px;
  }
  .header__user--pc > .header__user--pc__inner > p {
    width: 150px;
    text-align: right;
  }

  /*** for payment ***/
  .payment-info-area br.-sp {
    display: none;
  }

  /*** icons ***/
  .user-alert {
    text-align: right;
  }
  .mypage_info__tab > ul > li.-alert > a::before,
  .user-alert::before {
    width: 15px;
    height: 15px;
  }
  .mypage_info__tab > ul > li.-alert > a::before {
    margin-top: -2px;
    margin-left: -15px;
  }

  /** @see styles.css .course-list__column */
  .course-list__wrapper .course-list__column.-pc {
    display: none;
  }
}


/*** ↓ PC ↓ ***/
@media screen and (min-width: 993px) {

  /* @see _form.css .form-table .form-table__inner table tbody tr th */
  #zeus_new_card_area label {
    width: 190px;
    margin-bottom: 0;
    margin-right: 24px;
    text-align: right;
    font-size: 1.6rem;
    margin-top: 16px !important;

    margin-bottom: 26px; /*tr*/
  }

  /* @see _form.scss .form-table .form-table__inner table tbody tr td input, .form-table .form-table__inner table tbody tr td select */
  /* @see _form.css .form-table .form-table__inner table tbody tr td */
  #zeus_new_card_area input,
  #zeus_new_card_area select {

    border-radius: 12px;
    padding: 14px 18px;
    font-size: 1.6rem;

    max-width: 529px;
    width: 100%;

    margin-bottom: 26px; /*tr*/

  }

  /* @see _first-block-text.scss .first-block__inner--text--ttl > img */
  .first-block__inner--text--ttl > .folder-icon > svg {
    width: auto;
  }

  .header__login--pc > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background: #333;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  -webkit-transform-origin: initial;
          transform-origin: initial;
  -webkit-transition: initial;
  transition: initial;
  }
  .header__nav--inner .nav__items.nav__global li.nav-items__item > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background: #333;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  -webkit-transform-origin: initial;
          transform-origin: initial;
  -webkit-transition: initial;
  transition: initial;
  }

  /** @see styles.css .member-list__info--txt */
  .member-list__wrapper .member-list__item .member-list__item--inner .member-list__info--txt p.name{
	margin-right: 30px;
    min-width: 150px;
    max-width: 150px;
  }
  .member-list__wrapper .member-list__item .member-list__item--inner .member-list__info--txt p.mail {
	margin-right: 30px;
    min-width: 300px;
    max-width: 300px;
  }
  .member-list__wrapper .member-list__item .member-list__item--inner .member-list__info--txt p.member {
    text-align: left;
	margin-right: 30px;
    min-width: 150px;
    max-width: 150px;
  }
  .member-list__wrapper .member-list__item .member-list__item--inner .member-list__info--txt p.comp {
	margin-right: 30px;
    min-width: 100px;
    max-width: 100px;
  }

  /** @see _course-block.scss */
  .course-block__list a .course-block__text .article__header span.category {
    width: 150px;
  }

  /** @see _history-block.scss */
  .history-block.-course-search li:nth-child(-n+4) {
    margin-top: 10px;
  }
  .history-block__list a .history-block__text .article__header span.category {
    width: 150px;
  }
  .history-block__list a .history-block__img span.category {
    max-width: 150px;
  }
  .history-block.-list .history-block__list a .history-block__text .article__header {
    min-width: 156px;
  }

  /** @see _memo-block.scss */
  .memo-block {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .memo-block__list {
    margin-right: 50px;
  }
  .memo-block__list a .memo-block__ttl .article__header .category {
    width: 150px;
  }

  /** @see styles.css .memo-block__text--btn .btn */
  .memo-block__list a .memo-block__text--inner .memo-block__text--btn .btn {
    padding: 6px 0px;
  }

  /** @see _user.scss */
  .header__user--pc > .header__user--pc__inner > p {
    justify-content: flex-start;
    display: flex;
  }
  .header__user--pc__inner p:after {
    font-size: 1.4rem;
  }
  .header__user--pc > .header__user--pc__inner > p span {
    display: block;
    text-align-last: left;
  }
  .header__user--pc > .header__user--pc__inner > p span.name {
    max-width: 120px;
  }

  /*** for payment ***/
  .payment-info-area br.-sp {
    display: none;
  }
  .payment-info-area {
    margin: 10px 180px 30px 180px;
  }

  /* _h2-lv2.scss */
  h2.-lv2 > span {
    padding-bottom: 15px;
  }

  /* _c-keyword-block-search-box.scss */
  .c-keyword-block__wrapper .c-keyword-block__wrapper--left .c-keyword-block__search-box--wrapper .c-keyword-block__select {
    display: none;
  }

  /** @see _course-memo.scss */
  .course__contents--memo--detail {
    border-bottom: none;
  }

  /** @see styles.css .form__error */
  .form__error {
    margin: 5px auto 10px !important;
    max-width: 900px;
  }

  /** @see styles.css .course-list__column */
  .course-list__wrapper .course-list__column.-sp {
   display: none;
  }
}