@charset "UTF-8";
/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(0, 27, 49, 0.8);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 10px;
  padding: 24px 0;
  max-width: 536px;
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}
.remodal--fullscreen {
  margin-bottom: 0;
  padding: 0 16px;
  max-width: 1024px;
  background: transparent;
}
.remodal--clinical {
  background: #EBF3FF;
}
.remodal--enquete {
  background: #FDF0F6;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
  color: #00c184;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */
@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  to {
    transform: none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    filter: blur(0);
  }
}
@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    transform: scale(0.95);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    filter: blur(0);
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

.col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}
@media screen and (min-width: 768px) {
  .col--pc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px;
  }
}
@media screen and (min-width: 768px) {
  .col--pc > .col {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .col--sp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px;
  }
}
.col1__item--pc .contents-menu__link {
  display: flex;
  flex-direction: row
}

@media screen and (max-width: 767px) {
  .col1__item--pc .contents-menu__link {
    height: 65px;
  }
}
@media screen and (min-width: 768px) {
  .col1__item--pc {
    margin-inline: auto;
    margin-right: 16px;
    margin-left: 16px;
    width: 100%;
  }
  .col1__item--pc .contents-menu__link {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .col1__item--pc .contents-menu__link span{
    margin-left: 20px;
  }
}
.col2__item {
  margin-right: 16px;
  margin-left: 16px;
  width: calc(50% - 32px);
}
@media screen and (max-width: 767px) {
  .col2__item--sp {
    margin-right: 16px;
    margin-left: 16px;
    width: calc(50% - 32px);
  }
}
@media screen and (min-width: 768px) {
  .col2__item--pc {
    margin-right: 16px;
    margin-left: 16px;
    width: calc(50% - 32px);
  }
}

.col3__item {
  margin-right: 16px;
  margin-left: 16px;
  width: calc(33.3% - 32px);
}
@media screen and (max-width: 767px) {
  .col3__item--sp {
    margin-right: 16px;
    margin-left: 16px;
    width: calc(33.3% - 32px);
  }
}
@media screen and (min-width: 768px) {
  .col3__item--pc {
    margin-right: 16px;
    margin-left: 16px;
    width: calc(33.3% - 32px);
  }
}

.col4__item {
  margin-right: 16px;
  margin-left: 16px;
  width: calc(25% - 32px);
}
@media screen and (max-width: 767px) {
  .col4__item--sp {
    margin-right: 16px;
    margin-left: 16px;
    width: calc(25% - 32px);
  }
}
@media screen and (min-width: 768px) {
  .col4__item--pc {
    margin-right: 16px;
    margin-left: 16px;
    width: calc(25% - 32px);
  }
}

.section-cmn {
  margin-top: 20px;
  margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .section-cmn {
    margin-top: 0;
    margin-bottom: 48px;
  }
}

@media screen and (min-width: 768px) {
  .pc-none {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .sp-none {
    display: none !important;
  }
}

.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.mt105 {
  margin-top: 105px !important;
}

.mr105 {
  margin-right: 105px !important;
}

.mb105 {
  margin-bottom: 105px !important;
}

.ml105 {
  margin-left: 105px !important;
}

.pt105 {
  padding-top: 105px !important;
}

.pr105 {
  padding-right: 105px !important;
}

.pb105 {
  padding-bottom: 105px !important;
}

.pl105 {
  padding-left: 105px !important;
}

.mt110 {
  margin-top: 110px !important;
}

.mr110 {
  margin-right: 110px !important;
}

.mb110 {
  margin-bottom: 110px !important;
}

.ml110 {
  margin-left: 110px !important;
}

.pt110 {
  padding-top: 110px !important;
}

.pr110 {
  padding-right: 110px !important;
}

.pb110 {
  padding-bottom: 110px !important;
}

.pl110 {
  padding-left: 110px !important;
}

.mt115 {
  margin-top: 115px !important;
}

.mr115 {
  margin-right: 115px !important;
}

.mb115 {
  margin-bottom: 115px !important;
}

.ml115 {
  margin-left: 115px !important;
}

.pt115 {
  padding-top: 115px !important;
}

.pr115 {
  padding-right: 115px !important;
}

.pb115 {
  padding-bottom: 115px !important;
}

.pl115 {
  padding-left: 115px !important;
}

.mt120 {
  margin-top: 120px !important;
}

.mr120 {
  margin-right: 120px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

.ml120 {
  margin-left: 120px !important;
}

.pt120 {
  padding-top: 120px !important;
}

.pr120 {
  padding-right: 120px !important;
}

.pb120 {
  padding-bottom: 120px !important;
}

.pl120 {
  padding-left: 120px !important;
}

.mt125 {
  margin-top: 125px !important;
}

.mr125 {
  margin-right: 125px !important;
}

.mb125 {
  margin-bottom: 125px !important;
}

.ml125 {
  margin-left: 125px !important;
}

.pt125 {
  padding-top: 125px !important;
}

.pr125 {
  padding-right: 125px !important;
}

.pb125 {
  padding-bottom: 125px !important;
}

.pl125 {
  padding-left: 125px !important;
}

.mt130 {
  margin-top: 130px !important;
}

.mr130 {
  margin-right: 130px !important;
}

.mb130 {
  margin-bottom: 130px !important;
}

.ml130 {
  margin-left: 130px !important;
}

.pt130 {
  padding-top: 130px !important;
}

.pr130 {
  padding-right: 130px !important;
}

.pb130 {
  padding-bottom: 130px !important;
}

.pl130 {
  padding-left: 130px !important;
}

.mt135 {
  margin-top: 135px !important;
}

.mr135 {
  margin-right: 135px !important;
}

.mb135 {
  margin-bottom: 135px !important;
}

.ml135 {
  margin-left: 135px !important;
}

.pt135 {
  padding-top: 135px !important;
}

.pr135 {
  padding-right: 135px !important;
}

.pb135 {
  padding-bottom: 135px !important;
}

.pl135 {
  padding-left: 135px !important;
}

.mt140 {
  margin-top: 140px !important;
}

.mr140 {
  margin-right: 140px !important;
}

.mb140 {
  margin-bottom: 140px !important;
}

.ml140 {
  margin-left: 140px !important;
}

.pt140 {
  padding-top: 140px !important;
}

.pr140 {
  padding-right: 140px !important;
}

.pb140 {
  padding-bottom: 140px !important;
}

.pl140 {
  padding-left: 140px !important;
}

.mt145 {
  margin-top: 145px !important;
}

.mr145 {
  margin-right: 145px !important;
}

.mb145 {
  margin-bottom: 145px !important;
}

.ml145 {
  margin-left: 145px !important;
}

.pt145 {
  padding-top: 145px !important;
}

.pr145 {
  padding-right: 145px !important;
}

.pb145 {
  padding-bottom: 145px !important;
}

.pl145 {
  padding-left: 145px !important;
}

.mt150 {
  margin-top: 150px !important;
}

.mr150 {
  margin-right: 150px !important;
}

.mb150 {
  margin-bottom: 150px !important;
}

.ml150 {
  margin-left: 150px !important;
}

.pt150 {
  padding-top: 150px !important;
}

.pr150 {
  padding-right: 150px !important;
}

.pb150 {
  padding-bottom: 150px !important;
}

.pl150 {
  padding-left: 150px !important;
}

.mt155 {
  margin-top: 155px !important;
}

.mr155 {
  margin-right: 155px !important;
}

.mb155 {
  margin-bottom: 155px !important;
}

.ml155 {
  margin-left: 155px !important;
}

.pt155 {
  padding-top: 155px !important;
}

.pr155 {
  padding-right: 155px !important;
}

.pb155 {
  padding-bottom: 155px !important;
}

.pl155 {
  padding-left: 155px !important;
}

.mt160 {
  margin-top: 160px !important;
}

.mr160 {
  margin-right: 160px !important;
}

.mb160 {
  margin-bottom: 160px !important;
}

.ml160 {
  margin-left: 160px !important;
}

.pt160 {
  padding-top: 160px !important;
}

.pr160 {
  padding-right: 160px !important;
}

.pb160 {
  padding-bottom: 160px !important;
}

.pl160 {
  padding-left: 160px !important;
}

.mt165 {
  margin-top: 165px !important;
}

.mr165 {
  margin-right: 165px !important;
}

.mb165 {
  margin-bottom: 165px !important;
}

.ml165 {
  margin-left: 165px !important;
}

.pt165 {
  padding-top: 165px !important;
}

.pr165 {
  padding-right: 165px !important;
}

.pb165 {
  padding-bottom: 165px !important;
}

.pl165 {
  padding-left: 165px !important;
}

.mt170 {
  margin-top: 170px !important;
}

.mr170 {
  margin-right: 170px !important;
}

.mb170 {
  margin-bottom: 170px !important;
}

.ml170 {
  margin-left: 170px !important;
}

.pt170 {
  padding-top: 170px !important;
}

.pr170 {
  padding-right: 170px !important;
}

.pb170 {
  padding-bottom: 170px !important;
}

.pl170 {
  padding-left: 170px !important;
}

.mt175 {
  margin-top: 175px !important;
}

.mr175 {
  margin-right: 175px !important;
}

.mb175 {
  margin-bottom: 175px !important;
}

.ml175 {
  margin-left: 175px !important;
}

.pt175 {
  padding-top: 175px !important;
}

.pr175 {
  padding-right: 175px !important;
}

.pb175 {
  padding-bottom: 175px !important;
}

.pl175 {
  padding-left: 175px !important;
}

.mt180 {
  margin-top: 180px !important;
}

.mr180 {
  margin-right: 180px !important;
}

.mb180 {
  margin-bottom: 180px !important;
}

.ml180 {
  margin-left: 180px !important;
}

.pt180 {
  padding-top: 180px !important;
}

.pr180 {
  padding-right: 180px !important;
}

.pb180 {
  padding-bottom: 180px !important;
}

.pl180 {
  padding-left: 180px !important;
}

.mt185 {
  margin-top: 185px !important;
}

.mr185 {
  margin-right: 185px !important;
}

.mb185 {
  margin-bottom: 185px !important;
}

.ml185 {
  margin-left: 185px !important;
}

.pt185 {
  padding-top: 185px !important;
}

.pr185 {
  padding-right: 185px !important;
}

.pb185 {
  padding-bottom: 185px !important;
}

.pl185 {
  padding-left: 185px !important;
}

.mt190 {
  margin-top: 190px !important;
}

.mr190 {
  margin-right: 190px !important;
}

.mb190 {
  margin-bottom: 190px !important;
}

.ml190 {
  margin-left: 190px !important;
}

.pt190 {
  padding-top: 190px !important;
}

.pr190 {
  padding-right: 190px !important;
}

.pb190 {
  padding-bottom: 190px !important;
}

.pl190 {
  padding-left: 190px !important;
}

.mt195 {
  margin-top: 195px !important;
}

.mr195 {
  margin-right: 195px !important;
}

.mb195 {
  margin-bottom: 195px !important;
}

.ml195 {
  margin-left: 195px !important;
}

.pt195 {
  padding-top: 195px !important;
}

.pr195 {
  padding-right: 195px !important;
}

.pb195 {
  padding-bottom: 195px !important;
}

.pl195 {
  padding-left: 195px !important;
}

.mt200 {
  margin-top: 200px !important;
}

.mr200 {
  margin-right: 200px !important;
}

.mb200 {
  margin-bottom: 200px !important;
}

.ml200 {
  margin-left: 200px !important;
}

.pt200 {
  padding-top: 200px !important;
}

.pr200 {
  padding-right: 200px !important;
}

.pb200 {
  padding-bottom: 200px !important;
}

.pl200 {
  padding-left: 200px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.ml32 {
  margin-left: 32px !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.pl32 {
  padding-left: 32px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mr48 {
  margin-right: 48px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.ml48 {
  margin-left: 48px !important;
}

.pt48 {
  padding-top: 48px !important;
}

.pr48 {
  padding-right: 48px !important;
}

.pb48 {
  padding-bottom: 48px !important;
}

.pl48 {
  padding-left: 48px !important;
}

.mt56 {
  margin-top: 56px !important;
}

.mr56 {
  margin-right: 56px !important;
}

.mb56 {
  margin-bottom: 56px !important;
}

.ml56 {
  margin-left: 56px !important;
}

.pt56 {
  padding-top: 56px !important;
}

.pr56 {
  padding-right: 56px !important;
}

.pb56 {
  padding-bottom: 56px !important;
}

.pl56 {
  padding-left: 56px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mr64 {
  margin-right: 64px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.ml64 {
  margin-left: 64px !important;
}

.pt64 {
  padding-top: 64px !important;
}

.pr64 {
  padding-right: 64px !important;
}

.pb64 {
  padding-bottom: 64px !important;
}

.pl64 {
  padding-left: 64px !important;
}

.mt72 {
  margin-top: 72px !important;
}

.mr72 {
  margin-right: 72px !important;
}

.mb72 {
  margin-bottom: 72px !important;
}

.ml72 {
  margin-left: 72px !important;
}

.pt72 {
  padding-top: 72px !important;
}

.pr72 {
  padding-right: 72px !important;
}

.pb72 {
  padding-bottom: 72px !important;
}

.pl72 {
  padding-left: 72px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.mt88 {
  margin-top: 88px !important;
}

.mr88 {
  margin-right: 88px !important;
}

.mb88 {
  margin-bottom: 88px !important;
}

.ml88 {
  margin-left: 88px !important;
}

.pt88 {
  padding-top: 88px !important;
}

.pr88 {
  padding-right: 88px !important;
}

.pb88 {
  padding-bottom: 88px !important;
}

.pl88 {
  padding-left: 88px !important;
}

.mt96 {
  margin-top: 96px !important;
}

.mr96 {
  margin-right: 96px !important;
}

.mb96 {
  margin-bottom: 96px !important;
}

.ml96 {
  margin-left: 96px !important;
}

.pt96 {
  padding-top: 96px !important;
}

.pr96 {
  padding-right: 96px !important;
}

.pb96 {
  padding-bottom: 96px !important;
}

.pl96 {
  padding-left: 96px !important;
}

.text_right {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.text_right p {
  display: inline-block;
  text-align: left;
}

.cmn-input-error {
  color: #FF416D;
}

.cmn-input-text, .cmn-input-text--error {
  border: 1px solid #A8B2BA !important;
  border-radius: 4px !important;
  padding: 1em !important;
  width: 100%;
  font-size: 25.6px !important;
  font-size: 1.6rem !important;
  transition: box-shadow .8s, border .4s;
}
.cmn-input-text:focus, .cmn-input-text--error:focus {
  outline: none;
  border: 1px solid #00c184;
  box-shadow: 0 0 8px rgba(0, 193, 132, 0.8);
}
.cmn-input-text--error {
  border-color: #FF416D;
}
.cmn-input-text--error:focus {
  border-color: #FF416D;
  box-shadow: 0 0 8px rgba(255, 65, 109, 0.8);
}

.cmn-input-radio + span {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background: #fff;
}
.cmn-input-radio:checked + span {
  border-color: #00c184;
  box-shadow: 0 0 0 4px #00c184 inset;
}
.cmn-input-radio:disabled + span:before {
  background: #eee;
}
@media screen and (min-width: 768px) {
  .cmn-input-radio:disabled + span:before {
    cursor: not-allowed;
  }
}

.cmn-input-checkbox + span, .student-list-table__checkbox input[type="checkbox"] + span {
  position: relative;
  padding-left: 16px;
}
.cmn-input-checkbox + span:before, .student-list-table__checkbox input[type="checkbox"] + span:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  background: #fff;
  color: #fff;
  content: "";
  transform: translate(0, -50%);
}
.cmn-input-checkbox + span:after, .student-list-table__checkbox input[type="checkbox"] + span:after {
  display: none;
  position: absolute;
  top: calc(50% - 3px);
  left: 5px;
  border: 2px solid transparent;
  border-top: 0;
  border-right: 0;
  width: 10px;
  height: 5px;
  content: "";
  transform: rotate(-45deg) translate(0, -50%);
}
.cmn-input-checkbox + span + span, .student-list-table__checkbox input[type="checkbox"] + span + span {
  display: inline-block;
  width: calc(100% - 34px);
}
.cmn-input-checkbox:checked + span:before, .student-list-table__checkbox input[type="checkbox"]:checked + span:before {
  border-color: #00c184;
  background: #00c184;
}
.cmn-input-checkbox:checked + span:after, .student-list-table__checkbox input[type="checkbox"]:checked + span:after {
  display: block;
  border-color: #fff;
}
.cmn-input-checkbox:disabled + span:before, .student-list-table__checkbox input[type="checkbox"]:disabled + span:before {
  border-color: #ccc;
  background: #eee;
}
@media screen and (min-width: 768px) {
  .cmn-input-checkbox:disabled + span:before, .student-list-table__checkbox input[type="checkbox"]:disabled + span:before {
    cursor: not-allowed;
  }
}

.cmn-btn {
  display: block;
  border-radius: 8px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 1em;
  width: 100%;
  background: #eee;
  line-height: 44px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .cmn-btn {
    width: 280px;
    transition: opacity .4s;
  }
}
@media screen and (min-width: 768px) {
  .cmn-btn:hover {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
}

.cmn-btn-submit, .cmn-btn-submit--round {
  display: block;
  border: 2px solid #00c184;
  border-radius: 8px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 1em;
  max-width: 400px;
  width: 100%;
  line-height: 52px;
  background: #00c184;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .cmn-btn-submit, .cmn-btn-submit--round {
    transition: background .4s, color .4s;
  }
}
@media screen and (min-width: 768px) {
  .cmn-btn-submit:hover, .cmn-btn-submit--round:hover {
    background: #fff;
    color: #00c184;
  }
}
.cmn-btn-submit--round {
  border-radius: 26px;
}

.form_search01__checkbox {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .form_search01__checkbox {
    float: left;
    margin-top: 1em;
  }
}

.examine-folder {
  border-radius: 8px;
  margin-bottom: 24px;
  padding: 20px 24px;
  background: rgba(0, 193, 132, 0.16);
}
@media screen and (max-width: 767px) {
  .examine-folder {
    padding: 20px 0 20px;
  }
}
body.clinical .examine-folder {
  background-color: #DBE9FF;
}
.examine-folder__ttl {
  margin-bottom: 24px;
  padding-bottom: 16px;
  background: no-repeat bottom left;
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .examine-folder__ttl {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
}
body.basic .examine-folder__ttl {
  background-image: url(../images/h3_btm_line.png);
}
body.clinical .examine-folder__ttl {
  background-image: url(../images/h3_btm_line_fitns.png);
}
.examine-folder__ttl span {
  color: #00c184;
}
@media screen and (max-width: 767px) {
  .examine-folder__inner {
    position: relative;
    overflow: auto;
    padding: 0 0 12px;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 767px) {
  .examine-folder__inner::-webkit-scrollbar {
    height: 6px;
  }
}
@media screen and (max-width: 767px) {
  .examine-folder__inner::-webkit-scrollbar-thumb {
    background: rgba(0, 193, 132, 0.6);
    border-radius: 3px;
  }
}
@media screen and (max-width: 767px) {
  .examine-folder__inner::-webkit-scrollbar-track-piece {
    background: #e0fff5;
  }
}
@media screen and (max-width: 524px) {
  .examine-folder__inner.swipeTable:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: +2;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 6px;
    background: url(../images/swipe.png) no-repeat;
    background-size: 160px auto;
    content: "";
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 420px) {
  .examine-folder__inner.swipeTable.is-active:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
  }
}
.examine-folder__description {
  margin-bottom: 20px;
}
.examine-folder__txt, .examine-folder__txt--movie, .examine-folder__txt--book, .examine-folder__txt--movie-book, .examine-folder__txt--package {
  display: inline-block;
  margin-right: 1em;
}
.examine-folder__txt img, .examine-folder__txt--movie img, .examine-folder__txt--book img, .examine-folder__txt--movie-book img, .examine-folder__txt--package img {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}
.examine-folder__txt--movie {
  color: #FD456F;
}
.examine-folder__txt--book {
  color: #0255F4;
}
.examine-folder__txt--movie-book {
  color: #00C184;
}
.examine-folder__txt--package {
  color: #EE7800;
}

@media screen and (max-width: 767px) {
  .examine-folder-list {
    white-space: nowrap;
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px) {
  .examine-folder-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -2.5px;
  }
}
.examine-folder-list li {
  position: relative;
  margin: 0 2.5px 20px;
  width: 131px;
  height: 111px;
}
@media screen and (max-width: 767px) {
  .examine-folder-list li {
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    margin: 0 20px 0 0;
  }
}
.examine-folder-list li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 40px 12px 5px;
  line-height: 1.3;
  border-radius: 14px;
  font-size: 17.6px;
  font-size: 1.1rem;
  text-align: center;
  color: #00c184;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .examine-folder-list li a {
    transition: background .3s ease-out;
  }
}
.examine-folder-list li a:before, .examine-folder-list li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 131px;
  height: 111px;
  content: "";
}
.examine-folder-list li a:before {
  background: url(../images/examine_img03_01.png) no-repeat 100% 0/131px auto;
  z-index: -2;
}
@media screen and (min-width: 768px) {
  .examine-folder-list li a:after {
    background: url(../images/examine_img03_02.png) no-repeat 100% 0/131px auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: -1;
  }
}
.examine-folder-list li a:hover:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.examine-folder-list li a.movie {
  color: #FD456F;
}
.examine-folder-list li a.movie:before {
  background-image: url(../images/examine_img04_01.png);
}
@media screen and (min-width: 768px) {
  .examine-folder-list li a.movie:after {
    background-image: url(../images/examine_img04_02.png);
  }
}
.examine-folder-list li a.book {
  color: #0255F4;
}
.examine-folder-list li a.book:before {
  background-image: url(../images/examine_img05_01.png);
}
@media screen and (min-width: 768px) {
  .examine-folder-list li a.book:after {
    background-image: url(../images/examine_img05_02.png);
  }
}
.examine-folder-list li a.movie-book {
  color: #00C184;
}
.examine-folder-list li a.movie-book:before {
  background-image: url(../images/examine_img06_01.png);
}
@media screen and (min-width: 768px) {
  .examine-folder-list li a.movie-book:after {
    background-image: url(../images/examine_img06_02.png);
  }
}
.examine-folder-list li.new:before {
  position: absolute;
  top: 22px;
  left: 0;
  z-index: +1;
  border: 2px solid #00c184;
  border-radius: 14px;
  width: 40px;
  height: 20px;
  background: #FFD800;
  color: #00c184;
  font-size: 17.6px;
  font-size: 1.1rem;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  content: "NEW";
}
.examine-folder-list li.lock:after {
  position: absolute;
  top: 8px;
  right: 0;
  width: 32px;
  height: 32px;
  background: url(../images/icon_lock.png) no-repeat;
  content: "";
}

@media screen and (orientation: landscape) {
  html.is-sp.is-uliza-movie {
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
}
@media screen and (orientation: landscape) {
  html.is-sp.is-uliza-movie body {
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  html.is-sp.is-uliza-movie main {
    overflow-x: hidden;
  }
}
@media screen and (orientation: landscape) {
  html.is-sp.is-uliza-movie main article {
    z-index: auto !important;
  }
}

@media screen and (orientation: landscape) {
  html.is-sp .uliza-movie {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    margin: 0 !important;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background: #000;
  }
}
@media screen and (orientation: landscape) {
  html.is-sp .uliza-movie__inner {
    margin: 0 auto;
    width: 80%;
  }
}

.uliza-movie-body {
  position: relative;
  padding-bottom: 56.25%;
}
.uliza-movie-body__video > img, .uliza-movie-body__video > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.modal__inner {
  margin-right: auto;
  margin-left: auto;
  width: 90%;
}
.modal__list > li {
  position: relative;
  margin-bottom: 1em;
  padding-left: 1.25em;
}
.modal__list > li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}
.modal__ttl {
  position: relative;
  margin-bottom: 32px;
  color: #00c184;
  font-size: 38.4px;
  font-size: 2.4rem;
  text-align: center;
  padding-bottom: 12px;
}
.modal__ttl:before {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 48px;
  height: 2px;
  transform: translateX(-50%);
  background: #00c184;
  content: "";
}
.modal__ttl--pink {
  margin-bottom: 1em;
  color: #f69;
  font-weight: bold;
}
.modal__ttl--point {
  margin-bottom: 1em;
  padding: 0 5%;
  font-size: 32px;
  font-size: 2rem;
  font-weight: bold;
}
.modal__ttl--point-sub {
  margin-bottom: .5em;
  color: #FD456F;
  font-weight: bold;
}
.modal__txt {
  margin-bottom: 1em;
}
.modal__txt--top {
  border-bottom: 1px solid #E9ECEF;
  margin-bottom: 24px;
  padding-bottom: 24px;
  font-size: 32px;
  font-size: 2rem;
  text-align: center;
}
.modal__txt--forgot {
  margin: 1em auto 0;
  width: 90%;
  text-align: right;
}
.modal__txt--attention {
  color: red;
}
.modal__txt--caution {
  margin-bottom: 1em;
  font-size: 19.2px;
  font-size: 1.2rem;
}
.modal__txt--strong {
  font-weight: bold;
}
.modal__txt--point {
  line-height: 2;
  font-weight: bold;
}
.modal__txt--point + p {
  margin-top: .5em;
}
.modal__txt--point-message {
  margin-bottom: 1em;
  font-size: 28.8px;
  font-size: 1.8rem;
}
.modal__txt--point-num {
  position: relative;
  padding-left: 32px;
  color: #00c184;
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: bold;
}
.modal__txt--point-num:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 28px;
  height: 28px;
  background: url(../images/point_coin.png) no-repeat top left/contain;
  content: "";
  transform: translate(0, -50%);
}
.modal__txt--point-num strong {
  font-size: 35.2px;
  font-size: 2.2rem;
  font-weight: inherit;
}
.modal__link {
  color: #00c184;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .modal__link:hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 768px) {
  .modal__btn-outer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .modal__btn-outer > * {
    margin-right: 8px;
    margin-left: 8px;
  }
}
.modal__btn--normal {
  display: block;
  border: 2px solid #00c184;
  border-radius: 36px;
  width: 228px;
  color: #00c184;
  font-size: 25.6px;
  font-size: 1.6rem;
  line-height: 68px;
}
@media screen and (max-width: 767px) {
  .modal__btn--normal {
    margin: 0 auto 16px;
  }
}
@media screen and (min-width: 768px) {
  .modal__btn--normal {
    transition: background .4s, color .4s;
  }
}
@media screen and (min-width: 768px) {
  .modal__btn--normal:hover {
    background: #00c184;
    color: #fff;
  }
}
.modal__btn--submit {
  display: block;
  border: 2px solid #00c184;
  border-radius: 36px;
  width: 152px;
  background: #00c184;
  color: #fff;
  font-size: 25.6px;
  font-size: 1.6rem;
  line-height: 52px;
}
@media screen and (max-width: 767px) {
  .modal__btn--submit {
    margin: 0 auto 16px;
  }
}
@media screen and (min-width: 768px) {
  .modal__btn--submit {
    transition: background .4s, color .4s;
  }
}
@media screen and (min-width: 768px) {
  .modal__btn--submit:hover {
    background: #fff;
    color: #00c184;
  }
}
.modal__btn--cansel {
  position: relative;
  display: inline-block;
  margin-top: 24px;
  padding-left: 24px;
  color: #00c184;
}
.modal__btn--cansel:before, .modal__btn--cansel:after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 2px;
  background: #00c184;
  content: "";
}
.modal__btn--cansel:before {
  transform: translate(0, -50%) rotate(-45deg);
}
.modal__btn--cansel:after {
  transform: translate(0, -50%) rotate(45deg);
}
.modal__btn--cansel02 {
  display: block;
  border: 2px solid #00c184;
  border-radius: 36px;
  width: 152px;
  color: #00c184;
  font-size: 25.6px;
  font-size: 1.6rem;
  line-height: 52px;
}
@media screen and (max-width: 767px) {
  .modal__btn--cansel02 {
    margin: 0 auto 16px;
  }
}
@media screen and (min-width: 768px) {
  .modal__btn--cansel02 {
    transition: background .4s, color .4s;
  }
}
@media screen and (min-width: 768px) {
  .modal__btn--cansel02:hover {
    background: #00c184;
    color: #fff;
  }
}
.modal__link {
  color: #00c184;
}
.modal__link:hover {
  text-decoration: underline;
}
.modal__thanks-area {
  border-bottom: 1px solid #e9ecef;
  padding: 20px;
  text-align: center;
}

.campaign__ttl {
  margin-bottom: .5em;
  color: #fd456f;
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .campaign__ttl {
    font-size: 2rem;
  }
}
.campaign__ttl > span {
  display: inline-block;
  position: relative;
  padding: 0 28px;
}
.campaign__ttl > span:before, .campaign__ttl > span:after {
  position: absolute;
  top: 50%;
  width: 23px;
  height: 44px;
  background: no-repeat top left / contain;
  content: "";
  transform: translate(0, -50%);
}
.campaign__ttl > span:before {
  left: 0;
  background-image: url(../images/kakko_left.jpg);
}
.campaign__ttl > span:after {
  right: 0;
  background-image: url(../images/kakko_right.jpg);
}
.campaign__ttl strong {
  font-size: 32px;
  font-size: 2rem;
  font-weight: inherit;
}
@media screen and (min-width: 768px) {
  .campaign__ttl strong {
    font-size: 2.6rem;
  }
}
.campaign__txt {
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .campaign__txt {
    font-size: 1.6rem;
  }
}

.campaign-balloon {
  position: relative;
}
@media screen and (max-width: 767px) {
  .campaign-balloon {
    padding-top: 26px;
  }
}
.campaign-balloon__balloon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  top: -70px;
  right: -40px;
  padding-bottom: 5px;
  width: 180px;
  height: 96px;
  background: url(../images/bg_login_balloon.png) no-repeat top left/contain;
  color: #0255f4;
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .campaign-balloon__balloon {
    top: -96px;
    right: 99px;
  }
}
.campaign-balloon__balloon-inner {
  text-align: center;
}
.campaign-balloon__balloon-inner strong {
  color: #fd426c;
  font-size: 38.4px;
  font-size: 2.4rem;
  font-weight: inherit;
}

.news-list__item--new, .news-list-simple {
  position: relative;
}
.news-list__item--new:before, .news-list-simple:before {
  position: absolute;
  top: 0;
  left: 0;
  border: 0 solid transparent;
  border-width: 48px 48px 0 0;
  border-top-color: #FFD800;
  content: "";
}
.news-list__item--new:after, .news-list-simple:after {
  position: absolute;
  top: 7px;
  left: 2px;
  color: #00c184;
  font-size: 19.2px;
  font-size: 1.2rem;
  font-weight: bold;
  content: "NEW";
  transform: rotate(-45deg);
}

.news-list {
  overflow: hidden;
  border-radius: 8px;
  margin-top: 20px;
  padding-bottom: 20px;
  background: #fff;
}
.news-list__item, .news-list__item--new {
  border-bottom: 1px solid #E9ECEF;
  padding: 20px 42px;
}
.news-list__item--new {
  position: relative;
}
@media screen and (min-width: 768px) {
  .news-list__link {
    transition: color .4s;
  }
}
@media screen and (min-width: 768px) {
  .news-list__link:hover {
    color: #00c184;
  }
}
@media screen and (min-width: 768px) {
  .news-list__link:hover .news-list__date {
    color: #00c184;
  }
}
.news-list__link--list {
  display: inline-block;
  margin: 20px 42px 0;
}
.news-list__meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #A8B2BA;
}
@media screen and (max-width: 767px) {
  .news-list__meta {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 768px) {
  .news-list__date {
    transition: color .4s;
  }
}
.news-list__txt {
  margin-top: 8px;
}
.news-list .pagination_wrap {
  margin-top: 20px;
}
.news-list .tag {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  height: 20px;
  border-radius: 10px;
  color: #fff;
  font-size: 17.6px;
  font-size: 1.1rem;
  font-weight: bold;
  padding: 0 12px;
  margin-left: 12px;
  background-color: #6290E8;
}

.news-list-simple {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 14px;
  padding: 16px 42px;
  background: rgba(0, 193, 132, 0.1);
}
@media screen and (min-width: 768px) {
  .news-list-simple {
    margin-bottom: 28px;
  }
}
body.clinical .news-list-simple {
  background: #DBE9FF;
}
@media screen and (min-width: 768px) {
  .news-list-simple__link {
    transition: color .4s;
  }
}
@media screen and (min-width: 768px) {
  .news-list-simple__link:hover {
    color: #00c184;
  }
}

.basic article .form_search01 .button01 {
  background-color: #00c184;
}
.basic .examine_modal .examine_modal_in {
  background-color: #e0fff5;
}
.basic .examine_modal .hl {
  color: #00c184;
}
.basic .examine_modal .hl:before {
  background-color: #00c184;
}
.basic .examine_modal .examine_close:before, .basic .examine_modal .examine_close:after {
  background-color: #00c184;
}
.basic .examine_modal .examine_modal_cnts .examine_modal_cnts01 p:after {
  background-color: #e0fff5;
}
.basic .examine_modal .examine_modal_cnts .examine_modal_cnts02:before {
  background-color: rgba(0, 193, 132, 0.4);
}
.basic .examine_modal .examine_modal_cnts .examine_modal_cnts02:after {
  background-color: #e0fff5;
}
.basic .examine_modal .examine_modal_cnts .examine_modal_cnts02 .in {
  background-color: rgba(0, 193, 132, 0.4);
}
.basic .examine_modal .examine_modal_cnts .examine_modal_cnts02 ul.ul01 li {
  border-color: #00c184;
  color: #00c184;
}
.basic .examine_modal .examine_modal_cnts .examine_modal_cnts02 ul.ul01 li.active {
  background-color: #00c184;
}
.basic .examine_modal .examine_modal_cnts .examine_modal_cnts03:after {
  background-color: #e0fff5;
}
.basic .examine_modal .examine_modal_cnts .examine_modal_cnts03 .in ul li a {
  border-color: #00c184;
  color: #00c184;
}
.basic .examine_modal .examine_modal_cnts .examine_modal_cnts03 .in ul li a:hover {
  background-color: rgba(0, 193, 132, 0.1);
}
.basic .examine_modal .examine_modal_cnts .examine_modal_cnts04 {
  color: #00c184;
}
.basic .examine_modal .examine_modal_nav ul li.prev, .basic .examine_modal .examine_modal_nav ul li.next {
  border-color: #00c184;
  color: #00c184;
}
.basic main .box_hl .box_days {
  background-color: #ea6da4;
}
.basic main aside .box02 .box02_in .box02_days {
  background-color: #ea6da4;
}
.basic .box_package .new {
  color: #00c184;
}
.basic .box_package dl dt a {
  color: #00c184;
}

main article .box01 > ul > li {
  padding-bottom: 10px;
}
main article .box01 > ul > li + li {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .searchbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.searchbox--detail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.searchbox__outer {
  border: 2px solid #00c184;
  border-radius: 29px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 116, 80, 0.16);
}
.searchbox__ttl {
  position: relative;
  padding: 5px 0;
  color: #00c184;
  font-size: 25.6px;
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .searchbox__ttl {
    cursor: pointer;
  }
}
.searchbox__ttl:before {
  display: inline-block;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: url(../images/icon_search.png) no-repeat left top/contain;
  content: "";
}
.searchbox__ttl:after {
  display: inline-block;
  margin-left: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background: url(../images/icon_arrow-bottom.png) no-repeat left top/contain;
  content: "";
  transform: translateY(-25%);
  transition: opacity 0.3s;
}
.searchbox__ttl span {
  display: block;
  position: absolute;
  top: 50%;
  right: 2%;
  width: 24px;
  height: 1px;
  transform: translate(0, -50%);
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
}
.searchbox__ttl span:before, .searchbox__ttl span:after {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00c184;
  content: "";
}
.searchbox__ttl span:before {
  transform: rotate(45deg);
}
.searchbox__ttl span:after {
  transform: rotate(-45deg);
}
.searchbox__ttl.is-active:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.searchbox__ttl.is-active span {
  opacity: 1;
  visibility: visible;
}
.searchbox__inner {
  padding: 24px 5%;
  background: #fff;
}
.searchbox__inner--mypage .searchbox__inner {
  padding-top: 0;
  margin-top: 8px;
}
.searchbox__word {
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .searchbox__word {
    width: 65%;
  }
}
@media screen and (max-width: 767px) {
  .searchbox__word > .box_profile {
    padding: 0;
  }
}
.searchbox__word--simple {
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .searchbox__word--simple {
    margin-right: 3%;
    width: 82%;
  }
}
.searchbox__option {
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .searchbox__option {
    margin: 20px 0 0;
    width: 20%;
    text-align: center;
  }
}
.searchbox__submit {
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .searchbox__submit {
    width: 15%;
  }
}
.searchbox__toggle {
  margin-bottom: 16px;
}
.searchbox__input--radio-block {
  display: block;
}
.searchbox__input--radio-inline {
  margin-right: 8px;
}
.searchbox__input--radio-inline:last-of-type {
  margin-right: 0;
}
.searchbox__input--keyword-chk {
  display: block;
  margin-top: 8px;
}
.searchbox__input--checkbox, .student-list-table__checkbox {
  display: block;
}
.searchbox__target {
  width: 49%;
  padding-right: 5px;
}
@media screen and (max-width: 767px) {
  .searchbox__target {
    margin-bottom: 32px;
  }
}
.searchbox__area {
  border-left: 1px solid #00c184;
  padding-left: 2%;
  width: 49%;
}
.searchbox__item {
  margin-bottom: 16px;
}
.searchbox__item--child {
  margin: 0 0 16px 20px;
}

.searchbox-menu__term {
  position: relative;
  border-radius: 8px;
  margin-bottom: 1em;
  padding: 0.5em 1em;
  background: #fff19f;
  font-weight: bold;
}
.searchbox-menu__term--child {
  margin-bottom: 0.25em;
  font-weight: bold;
}

.searchbox__hidden .searchbox-menu__term {
  cursor: pointer;
}

.searchbox__hidden .searchbox-menu__term:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  width: 16px;
  height: 16px;
  background: url(../images/icon_arrow-bottom.png) no-repeat left top/contain;
  transform: translateY(-60%);
  transition: transform 0.3s;
}
.searchbox__hidden .searchbox-menu__term:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  width: 16px;
  height: 16px;
  background: url(../images/icon_arrow-bottom.png) no-repeat left top/contain;
  transform: translateY(-60%);
  transition: transform 0.3s;
}

.searchbox__hidden .searchbox-menu__term.is_active:before {
  transform: translateY(-80%);
}

.searchbox__hidden .searchbox-menu__term.is_active:after {
  transform: translateY(-10%) scaleY(-1);
}

.contents-menu__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 16px;
  height: 160px;
  border-radius: 20px;
  background-color: #fff;
  color: #37434d;
  font-size: 28.8px;
  font-size: 1.8rem;
  box-shadow: 0px 3px 6px rgba(0, 116, 80, 0.16);
}
@media screen and (max-width: 767px) {
  .contents-menu__link {
    -ms-flex-pack: stretch;
        justify-content: stretch;
    -ms-flex-direction: row;
        flex-direction: row;
    height: 65px;
    border-radius: 10px;
    font-size: 1.6rem;
    padding: 0 16px;
  }
}
@media screen and (min-width: 768px) {
  .contents-menu__link {
    position: relative;
    top: 0;
    transition: top 0.2s ease-out, box-shadow 0.2s ease-out;
    text-align: center;
    line-height: 1.2;
  }
}
.contents-menu__link--report, .contents-menu__link--bookmark {
  display: inline-block;
  color: #00c184;
  font-size: 25.6px;
  font-size: 1.6rem;
}
.contents-menu__link--report:before, .contents-menu__link--bookmark:before {
  display: inline-block;
  margin-right: 8px;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  content: "";
}
.contents-menu__link--report:after, .contents-menu__link--bookmark:after {
  display: inline-block;
  margin-left: 4px;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  background: url(../images/icon_arrow-right.png) no-repeat left top/contain;
  content: "";
}
.contents-menu__link--report {
  margin-top: 16px;
}
.contents-menu__link--report:before {
  background: url(../images/icon_report.png) no-repeat left top/contain;
}
.contents-menu__link--bookmark {
  margin-bottom: 30px;
}
.contents-menu__link--bookmark:before {
  background: url(../images/icon_bookmark.png) no-repeat left top/contain;
}
@media screen and (min-width: 768px) {
  .contents-menu__link:hover {
    top: -5px;
  }
}
@media screen and (max-width: 767px) {
  .contents-menu__thumb {
    margin-right: 10px;
  }
  .contents-menu__thumb img{
    max-width: 62px;
  }
}
@media screen and (min-width: 768px) {
  .contents-menu__thumb {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 767px) {
  .col2__item--pc .contents-menu__link {
    height: 100px;
  }
}

@media screen and (max-width: 767px) {
  .col3__item--pc .contents-menu__thumb {
    margin: 0 10px 0 0px;
  }
}

.search-list + .search-list__ttl {
  margin-top: 32px;
}
.search-list__ttl {
  padding-bottom: 16px;
  background: url(../images/h3_btm_line.png) no-repeat bottom left;
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .search-list__ttl {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
}
.search-list__ttl span {
  color: #00c184;
}
.search-list__link, .search-list__link--unread, .search-list__link--bookmark, .search-list__link--rank-default, .search-list__link--rank-pink, .search-list__link--rank-blue {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #e9ecef;
  padding: 1em 0;
  width: 100%;
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: bold;
  text-overflow: ellipsis;
}
.search-list__link:before, .search-list__link--unread:before, .search-list__link--bookmark:before, .search-list__link--rank-default:before, .search-list__link--rank-pink:before, .search-list__link--rank-blue:before {
  display: inline-block;
  border-radius: 10px;
  margin-right: 8px;
  width: 40px;
  background: #a8b2ba;
  color: #fff;
  font-size: 17.6px;
  font-size: 1.1rem;
  line-height: 20px;
  text-align: center;
  content: "既読";
}
.search-list__link--unread {
  color: #333;
}
.search-list__link--unread:before {
  background: #00c184;
  content: "未読";
}

.search-list__link--bookmark {
  color: #333;
}
.search-list__link--bookmark:before {
  display: none;
}
.search-list__link--rank-default, .search-list__link--rank-pink, .search-list__link--rank-blue {
  color: #333;
}
.search-list__link--rank-default:before, .search-list__link--rank-pink:before, .search-list__link--rank-blue:before {
  background: #00c184;
  content: attr(data-rank);
}
.search-list__link--rank-pink:before {
  background: #ea6da4;
}
.search-list__link--rank-blue:before {
  background: #6290e8;
}
/*ここから20230508追記*/
.tabBody[data-tab-name="movie"] .search-list a,.tabBody[data-tab-name="movie"] .bookmark-list a{
  content: "";
  background-size: auto calc(100% - 50px);
  background-position-x: center;
  background-repeat: no-repeat;
  margin-top: 20px;
  padding-top: 28.25%;
  width: 48%;
  height: auto;
}
.tabBody[data-tab-name="movie"] .bookmark-list .bookmark-list__checkbox a{
  padding-top: 50.25%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .tabBody[data-tab-name="movie"] .search-list a,.tabBody[data-tab-name="movie"] .bookmark-list a{
    padding-top: 58.25%;
    width: 100%;
  }
  .tabBody[data-tab-name="movie"] .bookmark-list .bookmark-list__checkbox a{
    padding-top: 50.25%;
    width: 100%;
  }
}
.tabBody[data-tab-name="movie"] .search-list,.tabBody[data-tab-name="movie"] .bookmark-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.bookmark-list__checkbox a.search-list__link--bookmark {
  pointer-events: none;
}
/* ここまで20230508追記*/
.search-list-tab__list, .student-detail-tab__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  box-shadow: 0 3px 6px rgba(0, 142, 97, 0.16);
}
.search-list-tab__trigger, .student-detail-tab__trigger {
  border-radius: 8px 8px 0 0;
  padding: 8px 0;
  width: 33%;
  background: #00c184;
  color: #fff;
  font-size: 19.2px;
  font-size: 1.2rem;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .search-list-tab__trigger, .student-detail-tab__trigger {
    text-align: center;
    border-bottom: 2px solid #effff9;
  }
}
@media screen and (min-width: 768px) {
  .search-list-tab__trigger, .student-detail-tab__trigger {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 8px 16px;
    padding-left: 64px;
    min-height: 72px;
    font-size: 1.6rem;
    border-bottom: 5px solid #effff9;
  }
}
.search-list-tab__trigger.is-active, .is-active.student-detail-tab__trigger {
  background: #fff;
  color: #333;
}
.search-list-tab__trigger.is-disabled, .is-disabled.student-detail-tab__trigger {
  background: #f4f5f7;
  color: #a8b2ba;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .search-list-tab__trigger.is-disabled, .is-disabled.student-detail-tab__trigger {
    cursor: default;
  }
}
@media screen and (max-width: 767px) {
  .search-list-tab__icon, .student-detail-tab__icon {
    margin-bottom: 4px;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .search-list-tab__icon, .student-detail-tab__icon {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translate(0, -50%);
  }
}
.search-list-tab__icon img, .student-detail-tab__icon img {
  vertical-align: middle;
}
.search-list-tab__body, .student-detail-tab__body {
  display: none;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 3px 6px rgba(0, 142, 97, 0.16);
  padding: 24px 5%;
  background: #fff;
}
.search-list-tab__body.is-active, .is-active.student-detail-tab__body {
  display: block;
}

.mypage-profile__btn-outer {
  position: relative;
}
.mypage-profile__btn--dd-float {
  display: block;
  border: 2px solid #00c184;
  border-radius: 14px;
  width: 96px;
  line-height: 24px;
  background: #00c184;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .mypage-profile__btn--dd-float {
    margin: 10px 0 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .mypage-profile__btn--dd-float {
    position: absolute;
    top: 50%;
    right: 0;
    transition: background 0.4s, color 0.4s !important;
    transform: translate(0, -50%);
  }
}
@media screen and (min-width: 768px) {
  .mypage-profile__btn--dd-float:hover {
    background: #fff;
    color: #00c184;
  }
}

.scoring__input {
  border: 1px solid #ddd !important;
  padding: 0.5em !important;
  width: 100%;
  font-size: 22.4px !important;
  font-size: 1.4rem !important;
}
@media screen and (max-width: 767px) {
  .scoring__input {
    font-size: 1.6rem !important;
  }
}
.scoring__ttl {
  border-radius: 8px;
  margin-bottom: 1em;
  padding: 0.5em;
  background: #00c184;
  color: #fff;
  font-size: 38.4px;
  font-size: 2.4rem;
  font-weight: bold;
}
.scoring__txt {
  margin-bottom: 1em;
  font-size: 22.4px;
  font-size: 1.4rem;
}
.scoring__txt--correct {
  color: #00c184;
  font-size: 32px;
  font-size: 2rem;
  font-weight: bold;
}
.scoring__txt--incorrect {
  font-size: 32px;
  font-size: 2rem;
  font-weight: bold;
}
.scoring__btn-outer {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .scoring__btn-outer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
.scoring__btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 2px solid #00c184;
  border-radius: 28px;
  margin: 32px 8px 0;
  padding: 8px 16px;
  max-width: 304px;
  min-height: 56px;
  background: #00c184;
  color: #fff;
  font-size: 25.6px;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .scoring__btn {
    width: 304px;
    transition: background 0.4s, color 0.4s;
  }
}
@media screen and (min-width: 768px) {
  .scoring__btn:hover {
    background: #fff;
    color: #00c184;
  }
}
.scoring__btn--save {
  display: inline-block;
  border: 2px solid #00c184;
  border-radius: 18px;
  margin-top: 16px;
  padding: 0 1em;
  color: #00c184;
  font-size: 25.6px;
  font-size: 1.6rem;
  line-height: 32px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .scoring__btn--save {
    transition: background 0.4s, color 0.4s;
  }
}
@media screen and (min-width: 768px) {
  .scoring__btn--save:hover {
    background: #00c184;
    color: #fff;
  }
}
.scoring__btn--back {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 2px solid #00c184;
  border-radius: 28px;
  min-height: 56px;
  margin: 32px 8px 0;
  padding: 8px 16px;
  width: 304px;
  background: #fff;
  color: #00c184;
  font-size: 25.6px;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .scoring__btn--back {
    transition: background 0.4s, color 0.4s;
  }
}
@media screen and (min-width: 768px) {
  .scoring__btn--back:hover {
    background: #00c184;
    color: #fff;
  }
}
.scoring__btn--teacher, .scoring__btn--teacher-blank {
  display: block;
  border: 2px solid #00c184;
  border-radius: 30px;
  margin: 0 16px 16px;
  padding: 0 1em;
  width: 304px;
  color: #00c184;
  font-size: 25.6px;
  font-size: 1.6rem;
  line-height: 56px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .scoring__btn--teacher, .scoring__btn--teacher-blank {
    margin: 0 auto 16px;
  }
}
.scoring__btn--teacher-blank:after {
  display: inline-block;
  margin-left: 8px;
  width: 14px;
  height: 14px;
  background: url(../images/link_ico03.png) no-repeat top left/contain;
  content: "";
}
.scoring__dialog, .scoring__dialog--success {
  position: relative;
  border-radius: 4px;
  margin-top: 32px;
  padding: 1em;
}
@media screen and (min-width: 768px) {
  .scoring__dialog, .scoring__dialog--success {
    cursor: pointer;
  }
}
.scoring__dialog:before, .scoring__dialog--success:before {
  position: absolute;
  top: 50%;
  right: 16px;
  content: "×";
  transform: translate(0, -50%);
}
.scoring__dialog--success {
  background: #d4edda;
  color: #155724;
}
.scoring__dialog + .hl01, .scoring__dialog--success + .hl01 {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .scoring__dialog + .hl01, .scoring__dialog--success + .hl01 {
    margin-top: 40px;
  }
}

.scoring-table, .student-list-table, .student-detail-table, .student-detail-table--no-scroll, .daily-map-table {
  min-width: 560px;
  width: 100%;
}
.scoring-table__outer {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 32px;
}
.scoring-table th, .student-list-table th, .student-detail-table th, .student-detail-table--no-scroll th, .daily-map-table th,
.scoring-table td,
.student-list-table td,
.student-detail-table td,
.student-detail-table--no-scroll td,
.daily-map-table td {
  border: 1px solid #ddd;
  padding: 0.5em;
  font-size: 22.4px;
  font-size: 1.4rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .scoring-table th, .student-list-table th, .student-detail-table th, .student-detail-table--no-scroll th, .daily-map-table th,
  .scoring-table td,
  .student-list-table td,
  .student-detail-table td,
  .student-detail-table--no-scroll td,
  .daily-map-table td {
    padding: 12px 0.5em;
    font-size: 1.2rem;
  }
}
.scoring-table th:first-of-type, .student-list-table th:first-of-type, .student-detail-table th:first-of-type, .student-detail-table--no-scroll th:first-of-type, .daily-map-table th:first-of-type,
.scoring-table td:first-of-type,
.student-list-table td:first-of-type,
.student-detail-table td:first-of-type,
.student-detail-table--no-scroll td:first-of-type,
.daily-map-table td:first-of-type {
  border-left: 0;
}
.scoring-table th:last-of-type, .student-list-table th:last-of-type, .student-detail-table th:last-of-type, .student-detail-table--no-scroll th:last-of-type, .daily-map-table th:last-of-type,
.scoring-table td:last-of-type,
.student-list-table td:last-of-type,
.student-detail-table td:last-of-type,
.student-detail-table--no-scroll td:last-of-type,
.daily-map-table td:last-of-type {
  border-right: 0;
}
.scoring-table th label, .student-list-table th label, .student-detail-table th label, .student-detail-table--no-scroll th label, .daily-map-table th label,
.scoring-table td label,
.student-list-table td label,
.student-detail-table td label,
.student-detail-table--no-scroll td label,
.daily-map-table td label {
  display: inline-block;
  width: 100%;
}
.scoring-table thead, .student-list-table thead, .student-detail-table thead, .student-detail-table--no-scroll thead, .daily-map-table thead {
  border-bottom: 2px solid #00c184;
  background: #f0faf7;
}
.scoring-table thead th, .student-list-table thead th, .student-detail-table thead th, .student-detail-table--no-scroll thead th, .daily-map-table thead th {
  font-weight: bold;
}
.scoring-table thead tr:first-of-type th, .student-list-table thead tr:first-of-type th, .student-detail-table thead tr:first-of-type th, .student-detail-table--no-scroll thead tr:first-of-type th, .daily-map-table thead tr:first-of-type th {
  border-top: 0;
}
.scoring-table tbody tr:nth-of-type(even), .student-list-table tbody tr:nth-of-type(even), .student-detail-table tbody tr:nth-of-type(even), .student-detail-table--no-scroll tbody tr:nth-of-type(even), .daily-map-table tbody tr:nth-of-type(even) {
  background: #f6f7f8;
}
.scoring-table tbody tr.accent, .student-list-table tbody tr.accent, .student-detail-table tbody tr.accent, .student-detail-table--no-scroll tbody tr.accent, .daily-map-table tbody tr.accent {
  background: #fce4ec;
}
.scoring-table label, .student-list-table label, .student-detail-table label, .student-detail-table--no-scroll label, .daily-map-table label {
  display: inline-block;
  width: 100%;
}
.scoring-table tr.item, .student-list-table tr.item, .student-detail-table tr.item, .student-detail-table--no-scroll tr.item, .daily-map-table tr.item {
  background: #f0faf7 !important;
}
.scoring-table tr.item th, .student-list-table tr.item th, .student-detail-table tr.item th, .student-detail-table--no-scroll tr.item th, .daily-map-table tr.item th {
  font-weight: bold;
}

.training__btn-outer {
  margin-top: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}
.training__btn-outer+.training__btn-outer {
  margin-top: 0;
}
.training__btn, .training__btn--back, .training__btn--disabled {
  display: block;
  border: 2px solid #00c184;
  border-radius: 30px;
  margin: 0 16px 16px;
  line-height: 56px;
  background: #00c184;
  color: #fff;
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .training__btn, .training__btn--back, .training__btn--disabled {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .training__btn, .training__btn--back, .training__btn--disabled {
    width: 304px;
    transition: background 0.4s, color 0.4s;
  }
}
@media screen and (min-width: 768px) {
  .training__btn:hover, .training__btn--back:hover, .training__btn--disabled:hover {
    background: transparent;
    color: #00c184;
  }
}
.training__btn.training__btn__pinpoint, .training__btn.training__btn__book {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 1.2;
  border-radius: 45px;
  padding-top: 7px;
}
.training__btn.training__btn__pinpoint:hover, .training__btn.training__btn__book:hover {
  background-color: #00c184;
  color: #fff;
}
.training__btn.training__btn__pinpoint:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: calc(100% - 64px);
  padding-bottom: calc(96 / 495 * (100% - 64px));
  aspect-ratio: 495/96;
  background-image: url(../images/btn_inner_02.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(2px);
}
.training__btn.training__btn__book:after {
  content: "";
  display: block;
  margin: 4px auto 6px;
  width: calc(100% - 100px);
  padding-bottom: calc(39 / 239 * (100% - 100px));
  aspect-ratio: 239/39;
  background-image: url(../images/btn_inner_01.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.training__btn--back {
  background: transparent;
  color: #00c184;
}
.training__btn--disabled {
  border-color: #a8b2ba;
  background: #a8b2ba;
  pointer-events: none;
}

.training-list {
  padding: 24px 5%;
  background: #ccf5e8;
}
@media screen and (min-width: 768px) {
  .training-list {
    padding: 24px;
  }
}
.training-list__item, .training-list__item--new, .training-list__item--completed, .training-list__item--left {
  display: block;
  position: relative;
  border: 2px solid #00c184;
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 1em;
  background: #fff;
  color: #00c184;
  font-size: 27.2px;
  font-size: 1.7rem;
  font-weight: bold;
}
.training-list__item:last-of-type, .training-list__item--new:last-of-type, .training-list__item--completed:last-of-type, .training-list__item--left:last-of-type {
  margin-bottom: 0;
}
.training-list__item:before, .training-list__item--new:before, .training-list__item--completed:before, .training-list__item--left:before {
  position: absolute;
  top: 50%;
  right: 18px;
  border-radius: 3px;
  width: 56px;
  color: #fff;
  font-size: 19.2px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  transform: translate(0, -50%);
}
.training-list__item--new, .training-list__item--completed, .training-list__item--left {
  padding-right: calc(1.5em + 56px);
}
.training-list__item--new:before {
  background: #ea6da4;
  content: "NEW";
}
.training-list__item--completed {
  border-color: #6290e8;
  background: #ebf3ff;
  color: #0255f4;
}
.training-list__item--completed:before {
  background: #6290e8;
  content: "完了";
}
.training-list__item--left:before {
  background: #006e5a;
  content: attr(data-item);
}
.training-list__item__num {
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  background: #00c184;
  color: #fff;
  padding: 5px 10px;
  border-radius: 8px;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .training-exam-list__scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 767px) {
  .training-exam-list__outer {
    min-width: 520px;
  }
  .training-exam-list__rowSp .training-exam-list__before-label{
    position: absolute;
  }
  .training-exam-list__rowSp .training-exam-list__ttl{
    margin-top: 35px;
    width: calc(100% - 95px);
    padding: 2px 0.5em 0 0;
  }
  .training-exam-list__rowSp .training-exam-list__correct-status, 
  .training-exam-list__rowSp .training-exam-list__correct-status--correct-blue, 
  .training-exam-list__rowSp .training-exam-list__correct-status--correct-red, 
  .training-exam-list__rowSp .training-exam-list__correct-status--incorrect-blue, 
  .training-exam-list__rowSp .training-exam-list__correct-status--incorrect-red, 
  .training-exam-list__rowSp .training-exam-list__complete-status, 
  .training-exam-list__rowSp .training-exam-list__complete-status--completed {
    width: 45px;
  }
  .training-exam-list__rowSp .training-exam-list-sort--correct {
    right: 65px;
  }
}
.training-exam-list__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 8px;
}
.training-exam-list__item:last-child {
  margin-bottom: 0;
}
.training-exam-list__checkbox {
  margin-right: 10px;
}
.training-exam-list__checkbox input[type="checkbox"] + span {
  display: block;
  position: relative;
  width: 24px;
  height: 22px;
}
@media screen and (min-width: 768px) {
  .training-exam-list__checkbox input[type="checkbox"] + span {
    cursor: pointer;
  }
}
.training-exam-list__checkbox input[type="checkbox"] + span:before, .training-exam-list__checkbox input[type="checkbox"] + span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat top left / contain;
  content: "";
}
.training-exam-list__checkbox input[type="checkbox"] + span:before {
  background-image: url(../images/training_exam_check_off.png);
}
.training-exam-list__checkbox input[type="checkbox"] + span:after {
  display: none;
  background-image: url(../images/training_exam_check_on.png);
}
.training-exam-list__checkbox input[type="checkbox"]:checked + span:after {
  display: block;
}
.training-exam-list__checkbox input[type="checkbox"]:disabled + span:before {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
@media screen and (min-width: 768px) {
  .training-exam-list__checkbox input[type="checkbox"]:disabled + span:before {
    cursor: default;
  }
}
.training-exam-list__link, .training-exam-list__link--disabled {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 2px solid #00c184;
  border-radius: 4px;
  padding: 1em 0 1em 1em;
  width: 100%;
  background: #fff;
}
.training-exam-list__link--disabled {
  position: relative;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .training-exam-list__link--disabled {
    cursor: default;
  }
}
.training-exam-list__link--disabled:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.1);
  content: "";
}
.training-exam-list__link--disabled .training-exam-list__correct-status, .training-exam-list__link--disabled .training-exam-list__correct-status--correct-blue, .training-exam-list__link--disabled .training-exam-list__correct-status--correct-red, .training-exam-list__link--disabled .training-exam-list__correct-status--incorrect-blue, .training-exam-list__link--disabled .training-exam-list__correct-status--incorrect-red {
  color: #a8b2ba;
}
.training-exam-list__before-label {
  display: inline-block;
  -ms-flex-item-align: start;
      align-self: flex-start;
  border-radius: 16px;
  margin-right: 8px;
  width: 64px;
  background: #00c184;
  color: #fff;
  font-size: 22.4px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
}
.training-exam-list__ttl {
  padding: 2px 1em 0 0;
  width: calc(100% - 184px);
  font-size: 28.8px;
  font-size: 1.8rem;
}
.training-exam-list__mgmt .training-exam-list__ttl {
  width: calc(100% - 250px);
}
.training-exam-list__txt {
  display: table;
}
.training-exam-list__txt p {
  display: table-cell;
  vertical-align: middle;
}
.training-exam-list__correct-status, .training-exam-list__correct-status--correct-blue, .training-exam-list__correct-status--correct-red, .training-exam-list__correct-status--incorrect-blue, .training-exam-list__correct-status--incorrect-red, .training-exam-list__complete-status, .training-exam-list__complete-status--completed {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-left: 1px solid #e0e0e0;
  width: 56px;
  font-weight: bold;
  text-align: center;
}
.training-exam-list__correct-status--correct-blue:before, .training-exam-list__correct-status--correct-red:before {
  display: inline-block;
  border: 3px solid;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  content: "";
}
.training-exam-list__correct-status--incorrect-blue, .training-exam-list__correct-status--incorrect-red {
  position: relative;
}
.training-exam-list__correct-status--incorrect-blue:before, .training-exam-list__correct-status--incorrect-blue:after, .training-exam-list__correct-status--incorrect-red:before, .training-exam-list__correct-status--incorrect-red:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 3px;
  background: #91acff;
  content: "";
}
.training-exam-list__correct-status--incorrect-blue:before, .training-exam-list__correct-status--incorrect-red:before {
  transform: translate(-50%) rotate(-45deg);
}
.training-exam-list__correct-status--incorrect-blue:after, .training-exam-list__correct-status--incorrect-red:after {
  transform: translate(-50%) rotate(45deg);
}
.training-exam-list__correct-status--correct-blue:before {
  border-color: #91acff;
}
.training-exam-list__correct-status--correct-red:before {
  border-color: #ff8ca7;
}
.training-exam-list__correct-status--incorrect-blue:before {
  background: #91acff;
}
.training-exam-list__correct-status--incorrect-red:before {
  background: #ff8ca7;
}
.training-exam-list__complete-status, .training-exam-list__complete-status--completed {
  color: #006e5a;
}
.training-exam-list__complete-status--completed {
  color: #a8b2ba;
}

.training-exam-list-sort, .training-exam-list-sort--num, .training-exam-list-sort--correct, .training-exam-list-sort--complete, .student-list-table-sort {
  display: block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 12px;
}
.training-exam-list-sort--num {
  left: 40px;
}
.training-exam-list-sort--correct {
  right: 78px;
}
.training-exam-list-sort--complete {
  right: 22px;
}
.training-exam-list-sort__outer {
  position: relative;
  margin-bottom: 16px;
  width: 100%;
  height: 12px;
}
.training-exam-list-sort__asc:before, .student-list-table-sort__asc:before, .training-exam-list-sort__desc:before, .student-list-table-sort__desc:before {
  position: absolute;
  left: 0;
  border: 4px solid transparent;
  content: "";
}
.training-exam-list-sort__asc:before, .student-list-table-sort__asc:before {
  top: 0;
  border-bottom: 4px solid #00c184;
  border-top: 0;
}
.training-exam-list-sort__desc:before, .student-list-table-sort__desc:before {
  bottom: 0;
  border-top: 4px solid #00c184;
  border-bottom: 0;
}

.training-question__ttl-outer {
  display: -ms-flexbox;
  display: flex;
  /* -ms-flex-wrap: wrap;
      flex-wrap: wrap; */
  margin-bottom: 32px;
}
.training-question__ttl {
  padding-right: 1em;
  width: calc(100% - 176px);
  font-size: 28.8px;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .training-question__ttl {
    font-size: 1.6rem;
    min-width: 200px;
    width: calc(100% - 64px);
  }
}
.training-question__before-label {
  display: inline-block;
  -ms-flex-item-align: start;
      align-self: flex-start;
  border-radius: 20px;
  margin-right: 16px;
  width: 80px;
  background: #00c184;
  color: #fff;
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .training-question__before-label {
    margin-bottom: 4px;
    width: 64px;
    font-size: 1.4rem;
    line-height: 30px;
  }
}
.training-question__correct-status, .training-question__correct-status--correct-blue, .training-question__correct-status--correct-red, .training-question__correct-status--incorrect-blue, .training-question__correct-status--incorrect-red {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-left: 1px solid #e0e0e0;
  width: 80px;
  font-size: 41.6px;
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .training-question__correct-status, .training-question__correct-status--correct-blue, .training-question__correct-status--correct-red, .training-question__correct-status--incorrect-blue, .training-question__correct-status--incorrect-red {
    width: 64px;
  }
}
.training-question__correct-status--correct-blue:before, .training-question__correct-status--correct-red:before {
  display: inline-block;
  border: 3px solid;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  content: "";
}
.training-question__correct-status--incorrect-blue, .training-question__correct-status--incorrect-red {
  position: relative;
}
.training-question__correct-status--incorrect-blue:before, .training-question__correct-status--incorrect-blue:after, .training-question__correct-status--incorrect-red:before, .training-question__correct-status--incorrect-red:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 3px;
  background: #91acff;
  content: "";
}
.training-question__correct-status--incorrect-blue:before, .training-question__correct-status--incorrect-red:before {
  transform: translate(-50%) rotate(-45deg);
}
.training-question__correct-status--incorrect-blue:after, .training-question__correct-status--incorrect-red:after {
  transform: translate(-50%) rotate(45deg);
}
.training-question__correct-status--correct-blue:before {
  border-color: #91acff;
}
.training-question__correct-status--correct-red:before {
  border-color: #ff8ca7;
}
.training-question__correct-status--incorrect-blue:before {
  background: #91acff;
}
.training-question__correct-status--incorrect-red:before {
  background: #ff8ca7;
}
.training-question__txt-outer {
  border: 2px solid #b5efdd;
  border-radius: 8px;
  padding: 24px 5%;
}
@media screen and (min-width: 768px) {
  .training-question__txt-outer {
    padding: 32px;
  }
}
.training-question__txt {
  margin-bottom: 1em;
  font-size: 22.4px;
  font-size: 1.4rem;
}
.training-question__txt:only-of-type {
  margin-bottom: 0;
}
.training-question__img {
  margin-bottom: 48px;
  text-align: center;
}
.training-question__img img {
  max-width: 100%;
}

.training-exam-fixed-bnr {
  display: block;
  border-radius: 12px;
  padding: 20px;
  background: #ff8ca7;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .training-exam-fixed-bnr {
    position: relative;
    margin: 0 auto 48px;
    width: 90%;
    max-width: 280px;
  }
}
@media screen and (min-width: 768px) {
  .training-exam-fixed-bnr {
    position: absolute;
    bottom: 32px;
    right: 32px;
  }
}
.training-exam-fixed-bnr__outer {
  position: relative;
}
.training-exam-fixed-bnr__close {
  position: absolute;
  top: 16px;
  right: 16px;
}
.training-exam-fixed-bnr__close:before, .training-exam-fixed-bnr__close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background: #fff;
  content: "";
}
.training-exam-fixed-bnr__close:before {
  transform: translate(-50%) rotate(-45deg);
}
.training-exam-fixed-bnr__close:after {
  transform: translate(-50%) rotate(45deg);
}
.training-exam-fixed-bnr__balloon {
  position: relative;
  border-radius: 12px;
  margin-bottom: 18px;
  padding: 0.2em 1em;
  background: #fff;
  font-size: 32px;
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .training-exam-fixed-bnr__balloon {
    font-size: 1.8rem;
  }
}
.training-exam-fixed-bnr__balloon:before {
  position: absolute;
  bottom: -10px;
  left: 50%;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
  border-bottom: 0;
  content: "";
  transform: translate(-50%, 0);
}
.training-exam-fixed-bnr__link {
  color: #fff;
  font-size: 22.4px;
  font-size: 1.4rem;
  font-weight: bold;
}
.training-exam-fixed-bnr__link:after {
  display: inline-block;
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  margin: 0 0 1px 4px;
  width: 8px;
  height: 8px;
  content: "";
  transform: rotate(-45deg);
}
@media screen and (min-width: 768px) {
  .training-exam-fixed-bnr__link:hover {
    text-decoration: underline;
  }
}

.daily__btn-outer {
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .sutudent-list_btn {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .daily__btn-outer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
.daily__btn, .daily__btn--back, .daily__btn--accent, .daily__btn--accent-challenge,.daily__btn--nplus {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 2px solid #00c184;
  border-radius: 28px;
  min-height: 56px;
  margin: 16px 8px 0;
  padding: 8px 16px;
  width: 304px;
  background: #00c184;
  color: #fff;
  font-size: 25.6px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .daily__btn, .daily__btn--back, .daily__btn--accent, .daily__btn--accent-challenge,.daily__btn--nplus {
    margin: 16px auto 0;
  }
}
@media screen and (min-width: 768px) {
  .daily__btn, .daily__btn--back, .daily__btn--accent, .daily__btn--accent-challenge,.daily__btn--nplus {
    transition: background 0.4s, color 0.4s;
  }
}
@media screen and (min-width: 768px) {
  .daily__btn:hover, .daily__btn--back:hover, .daily__btn--accent:hover, .daily__btn--accent-challenge:hover,.daily__btn--nplus:hover {
    background: #fff;
    color: #00c184;
  }
  .daily__btn--orange:hover {
    color: #5C4000;
  }
}
.daily__btn--back {
  background-color: transparent;
  color: #00c184;
}
.daily__btn--orange {
  background-color: #F7EEC8;
  color: #674904;
  border-color: #674904;
  flex-direction: column;
}
.daily__btn--nplus {
  background-color: #fff;
  color: #00c184;
}
@media screen and (max-width: 767px) {
  .daily__btn--nplus {
    display: block;
    text-align: center;
    border-radius: 100px;
  }
}
.daily__btn--nplus .nplus_img {
  margin-right: 10px;
  width: 88px;
  height: 31px;
}
@media screen and (max-width: 767px) {
  .daily__btn--nplus .nplus_img {
    margin: 0 auto;
  }
}
.daily__btn--nplus .nplus_img img {
  width: 100%;
  height: 100%;
}
.daily__btn--nplus .icon_blank {
  transition:all 0.4s;
}
@media screen and (min-width: 768px) {
  .daily__btn--back:hover,.daily__btn--nplus:hover {
    background: #00c184;
    color: #fff;
  }
  .daily__btn--nplus:hover .icon_blank {
    fill: #fff;
    transition:all 0.4s;
  }
}
.daily__btn--accent, .daily__btn--accent-challenge {
  border-color: #ea6da4;
  background-color: #ea6da4;
}
@media screen and (max-width: 767px) {
  .daily__btn--accent, .daily__btn--accent-challenge {
    margin: 16px auto 0;
  }
}
@media screen and (min-width: 768px) {
  .daily__btn--accent:hover, .daily__btn--accent-challenge:hover {
    color: #ea6da4;
  }
}
.daily__btn--accent-challenge {
  position: relative;
}
.daily__btn--accent-challenge:before {
  position: absolute;
  top: -26px;
  left: 50%;
  width: 164px;
  height: 39px;
  background: url(../images/img_btn-challenge-balloon.png) no-repeat top left/contain;
  content: "";
  transform: translate(-50%, 0);
}

.daily-searchbox {
  border-radius: 8px;
  margin-bottom: 32px;
  padding: 22px 5% 8px;
  background: #ccf5e8;
}
@media screen and (min-width: 768px) {
  .daily-searchbox {
    padding: 22px 24px 8px;
  }
}
.daily-searchbox__ttl {
  margin-bottom: 0.5em;
  color: #00c184;
  font-size: 25.6px;
  font-size: 1.6rem;
}
.daily-searchbox__ttl:before {
  display: inline-block;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: url(../images/icon_search.png) no-repeat left top/contain;
  content: "";
}

.daily_result__txt {
  margin-bottom: 10px;
  padding: 10px 20px;
  border-radius: 8px;
  background: #ccf5e8;
}

@media screen and (max-width: 768px) {
  .searchbox__daily__result .searchbox__daily__txt {
    display: none;
  }
}

.daily-list, .daily-list--yellow, .daily-list--pink {
  margin-bottom: 24px;
  padding: 24px 5%;
  background: #ccf5e8;
}
@media screen and (min-width: 768px) {
  .daily-list, .daily-list--yellow, .daily-list--pink {
    padding: 24px;
  }
}
.daily-list--yellow {
  background: #dcedc8;
}
.daily-list--pink {
  background: #ffebf0;
}
.daily-list__item, .daily-list__item--progress, .daily-list__item--complete {
  position: relative;
  display: block;
  border: 2px solid #00c184;
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 1em;
  background: #fff;
  color: #00c184;
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: bold;
}
.daily-list__item[data-frequency] {
  padding-right: 135px;
}
@media screen and (max-width: 767px) {
  .daily-list__item[data-frequency] {
    padding-right: 80px;
  }
}
.daily-list__item[data-frequency]::after {
  content: "";
  position: absolute;
  padding: 4px 5px 5px 8px;
  background-color: #00b179;
  border-radius: 3px;
  height: 24px;
  width: 56px;
  top: 50%;
  right:83px;
  transform: translateY(-50%);
  color: #fff;
  line-height: 1;
  font-size: 13px;
}
.daily-list__item[data-frequency="0"]::after {
  display: none;
}
.daily-list__item[data-frequency="1"]::after {
  content: "★";
}
.daily-list__item[data-frequency="2"]::after {
  content: "★★";
}
.daily-list__item[data-frequency="3"]::after {
  content: "★★★";
}
@media screen and (max-width: 767px) {
  .daily-list__item[data-frequency]::after {
    right: 16px;
    transform: translateY(calc(-50% - 14px));
  }
  .daily-list__item[data-frequency]:not(.daily-list__item--progress):not(.daily-list__item--complete)::after {
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px) {
  .daily-list__item, .daily-list__item--progress, .daily-list__item--complete {
    transition: background 0.4s;
  }
}
@media screen and (min-width: 768px) {
  .daily-list__item:hover, .daily-list__item--progress:hover, .daily-list__item--complete:hover {
    background: #fff19f;
  }
}
.daily-list__item--progress, .daily-list__item--complete {
  position: relative;
  border-color: #ff8ca7;
  padding-right: 82px;
  background: #ffebf0;
  color: #ff416d;
}
.daily-list__item--progress:before, .daily-list__item--complete:before {
  position: absolute;
  top: 50%;
  right: 16px;
  border-radius: 3px;
  padding: 0.25em 0.5em;
  width: 56px;
  background: #ea6da4;
  color: #fff;
  font-size: 19.2px;
  font-size: 1.2rem;
  text-align: center;
  content: "学習中";
  transform: translate(0, -50%);
}
.daily-list__item--complete {
  border-color: #6290e8;
  background: #ebf3ff;
  color: #0255f4;
}
.daily-list__item--complete:before {
  background: #6290e8;
  content: "完了";
}
@media screen and (max-width: 767px) {
  .daily-list__item--progress[data-frequency]:before, .daily-list__item--complete[data-frequency]:before {
    transform: translate(0, calc(-50% + 14px));
  }
  .daily-list__item--progress.daily-list__item[data-frequency="0"]:before, .daily-list__item--complete.daily-list__item[data-frequency="0"]:before {
    transform: translate(0, -50% );
  }
}

.daily-enquete {
  border-top: 1px solid #e9ecef;
  margin: 32px auto 0;
  padding-top: 32px;
}
.daily-enquete__inner {
  margin: 0 auto;
  max-width: 465px;
}
.daily-enquete__question {
  margin-bottom: 1em;
  text-align: center;
}
.daily-enquete__answer-outer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -6px;
}
.daily-enquete__answer {
  margin: 0 6px;
  width: calc(33% - 12px);
}
@media screen and (min-width: 768px) {
  .daily-enquete__answer {
    cursor: pointer;
  }
}
.daily-enquete__answer input[type="radio"] + span {
  display: block;
  box-sizing: border-box;
  border-radius: 8px;
  border: 2px solid #00c184;
  line-height: 40px;
  color: #00c184;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .daily-enquete__answer input[type="radio"] + span {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 768px) {
  .daily-enquete__answer input[type="radio"] + span {
    cursor: pointer;
  }
}
.daily-enquete__answer input[type="radio"]:checked + span {
  background: #fff19f;
}

.daily-question__ttl-outer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 32px;
}
.daily-question__ttl {
  min-width: 200px;
  font-size: 28.8px;
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .daily-question__ttl {
    width: calc(100% - 96px);
    font-size: 2.4rem;
  }
}
.daily-question__before-label {
  display: inline-block;
  -ms-flex-item-align: start;
      align-self: flex-start;
  border-radius: 20px;
  margin-right: 16px;
  width: 80px;
  background: #00c184;
  color: #fff;
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .daily-question__before-label {
    margin-bottom: 4px;
    width: 64px;
    font-size: 1.4rem;
    line-height: 32px;
  }
}

.daily-bemater {
  display: none;
  position: relative;
  border-radius: 8px;
  margin: 32px auto;
  padding: 16px;
  background: #00c184;
}
.daily-bemater:before {
  position: absolute;
  top: -12px;
  left: 10px;
  width: 89px;
  height: 72px;
  background: url(../images/img_bee.png) no-repeat top left/contain;
  content: "";
}
@media screen and (min-width: 768px) {
  .daily-bemater:before {
    top: 5px;
    left: 24px;
  }
}
.daily-bemater:after {
  position: absolute;
  top: 62px;
  left: 10px;
  width: 88px;
  color: #fff;
  font-size: 22.4px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  content: "Beメーター";
}
@media screen and (min-width: 768px) {
  .daily-bemater:after {
    top: 77px;
    left: 24px;
    font-size: 1.6rem;
  }
}
.daily-bemater__balloon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  border-radius: 8px;
  margin: 0 0 0 auto;
  padding: 16px;
  width: calc(100% - 96px);
  background: #fff19f;
}
@media screen and (min-width: 768px) {
  .daily-bemater__balloon {
    width: calc(100% - 126px);
  }
}
.daily-bemater__balloon:before {
  position: absolute;
  top: 50%;
  left: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #fff19f;
  border-left: 0;
  content: "";
  transform: translate(0, -50%);
}
.daily-bemater__num {
  border-left: 2px solid #00c184;
  margin-left: 8px;
  padding-left: 8px;
  color: #00c184;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .daily-bemater__num {
    margin-left: 1em;
    padding-left: 1em;
    font-size: 2rem;
  }
}
.daily-bemater__num:first-of-type {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}
.daily-bemater__num > span {
  font-size: 32px;
  font-size: 2rem;
}
@media screen and (min-width: 768px) {
  .daily-bemater__num > span {
    font-size: 4.8rem;
  }
}

.student-list__btn, .student-list__btn--back, .student-list__btn--disabled {
  display: block;
  border: 2px solid #00c184;
  border-radius: 30px;
  margin-bottom: 16px;
  background: #00c184;
  color: #fff;
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .student-list__btn, .student-list__btn--back, .student-list__btn--disabled {
    width: 100%;
    padding: 5px 20px;
  }
}
@media screen and (min-width: 768px) {
  .student-list__btn, .student-list__btn--back, .student-list__btn--disabled {
    line-height: 52px;
    margin-right: auto;
    margin-left: auto;
    width: 450px;
    transition: background 0.4s, color 0.4s;
  }
}
@media screen and (min-width: 768px) {
  .student-list__btn:hover, .student-list__btn--back:hover, .student-list__btn--disabled:hover {
    background: transparent;
    color: #00c184;
  }
}
.student-list__btn--back {
  background: transparent;
  color: #00c184;
  font-weight: normal;
}
.student-list__btn--disabled {
  border-color: #a8b2ba;
  background: #a8b2ba;
  pointer-events: none;
}

.student-list {
  margin-bottom: 32px;
}

.student-list-table, .student-detail-table, .student-detail-table--no-scroll, .daily-map-table {
  min-width: 1740px;
  border-collapse: separate;
}
.student-list-table th, .student-detail-table th, .student-detail-table--no-scroll th, .daily-map-table th,
.student-list-table td,
.student-detail-table td,
.student-detail-table--no-scroll td,
.daily-map-table td {
  border-top: none;
  border-left: none;
}
.student-list-table__outer {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 640px;
  height: 100%;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .student-list-table__outer {
    max-height: 320px;
  }
}
@media screen and (max-width: 767px) {
  .student-list-table__outer_hl02 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .student-list-table__outer:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: +1;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 6px;
    background: url(../images/swipe.png) no-repeat;
    background-size: 160px auto;
    content: "";
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 767px) {
  .student-list-table__outer.is-active:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
  }
}
.student-list-table__link, .student-detail-table__link {
  color: #00c184;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .student-list-table__link:hover, .student-detail-table__link:hover {
    text-decoration: none;
  }
}
.student-list-table thead, .student-detail-table thead, .student-detail-table--no-scroll thead, .daily-map-table thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 12;
  border-bottom: none;
}
.student-list-table thead tr:first-of-type th.student-list-table-fixed, .student-detail-table thead tr:first-of-type th.student-list-table-fixed, .student-detail-table--no-scroll thead tr:first-of-type th.student-list-table-fixed, .daily-map-table thead tr:first-of-type th.student-list-table-fixed {
  z-index: 11;
}
@media screen and (max-width: 767px) {
  .student-list-table thead tr:first-of-type th.student-list-table-fixed, .student-detail-table thead tr:first-of-type th.student-list-table-fixed, .student-detail-table--no-scroll thead tr:first-of-type th.student-list-table-fixed, .daily-map-table thead tr:first-of-type th.student-list-table-fixed {
    left: initial;
  }
}
.student-list-table thead tr:first-of-type th:before, .student-detail-table thead tr:first-of-type th:before, .student-detail-table--no-scroll thead tr:first-of-type th:before, .daily-map-table thead tr:first-of-type th:before {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-bottom: 1px solid #ddd;
}
.student-list-table thead tr:first-of-type th[rowspan="2"]:before, .student-detail-table thead tr:first-of-type th[rowspan="2"]:before, .student-detail-table--no-scroll thead tr:first-of-type th[rowspan="2"]:before, .daily-map-table thead tr:first-of-type th[rowspan="2"]:before {
  border-bottom: 2px solid #00c184;
}
.student-list-table thead tr:first-of-type th:last-child:after, .student-detail-table thead tr:first-of-type th:last-child:after, .student-detail-table--no-scroll thead tr:first-of-type th:last-child:after, .daily-map-table thead tr:first-of-type th:last-child:after {
  content: none;
}
.student-list-table thead tr:last-of-type th, .student-detail-table thead tr:last-of-type th, .student-detail-table--no-scroll thead tr:last-of-type th, .daily-map-table thead tr:last-of-type th {
  position: relative;
}
.-ie11 .student-list-table thead tr:last-of-type th, .-ie11 .student-detail-table thead tr:last-of-type th, .-ie11 .student-detail-table--no-scroll thead tr:last-of-type th, .-ie11 .daily-map-table thead tr:last-of-type th {
  position: -webkit-sticky;
  position: sticky;
}
.student-list-table thead tr:last-of-type th:before, .student-detail-table thead tr:last-of-type th:before, .student-detail-table--no-scroll thead tr:last-of-type th:before, .daily-map-table thead tr:last-of-type th:before {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 1;
  border-bottom: 2px solid #00c184;
}
.student-list-table thead tr:last-of-type th:last-child, .student-detail-table thead tr:last-of-type th:last-child, .student-detail-table--no-scroll thead tr:last-of-type th:last-child, .daily-map-table thead tr:last-of-type th:last-child {
  border-right: 1px solid #ddd;
}
.student-list-table thead th, .student-detail-table thead th, .student-detail-table--no-scroll thead th, .daily-map-table thead th {
  background: #f0faf7;
  position: -webkit-sticky;
  position: sticky;
  z-index: 10;
}
.student-list-table thead th:after, .student-detail-table thead th:after, .student-detail-table--no-scroll thead th:after, .daily-map-table thead th:after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0;
  right: -1px;
  border-right: 1px solid #ddd;
}

.student-list-table-sort__outer {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 12px;
}

.student-detail {
  margin-bottom: 32px;
}
.student-detail__ttl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  margin-bottom: 16px;
  padding-left: 50px;
  min-height: 40px;
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .student-detail__ttl {
    font-size: 2.4rem;
  }
}
.student-detail__ttl > img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
  .student-detail__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .student-detail__wrap {
    display: block;
    width: 98%;
  }
  div.student-detail__wrap {
    width: 100%;
  }
}
.student-detail__list, .study-summary__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #00c184;
}
.student-detail__list__mypage, .study-summary__list__mypage {
  padding: 15px 40px;
  border-radius: 8px;
  border-bottom: none;
  background: #fff;
}
.student-detail__list.single, .study-summary__list.single {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media screen and (min-width: 768px) {
  .student-detail__list, .study-summary__list {
    width: 49%;
  }
}
@media screen and (max-width: 767px) {
  .student-detail__list, .study-summary__list {
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 767px) {
  .student-detail__list__mypage, .study-summary__list__mypage {
    padding: 24px;
  }
}
@media screen and (min-width: 768px) {
  .student-detail__list.long, .long.study-summary__list {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .student-detail__list.long, .long.study-summary__list {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .student-detail__list > dt, .study-summary__list > dt,
  .student-detail__list > dd,
  .study-summary__list > dd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    min-height: 44px;
    padding: 1em 0;
  }
}
.student-detail__list > dt, .study-summary__list > dt {
  color: #00c184;
}
.student-detail__list > dd, .study-summary__list > dd {
  font-weight: bold;
}
.dib {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .student-detail__list > dd, .study-summary__list > dd {
    padding-bottom: 0.5em;
  }
  .student-detail__list > dd .daily-map-meter--all,.study-summary__list > dd .daily-map-meter--all {
    max-width: 400px;
  }
}
@media screen and (min-width: 768px) {
  .student-detail__list > dd:nth-of-type(odd) + dt, .study-summary__list > dd:nth-of-type(odd) + dt {
    margin-left: 2%;
  }
}
.student-detail__btn--map {
  display: inline-block;
  border: 2px solid #00c184;
  border-radius: 15px;
  padding: 0 1em;
  line-height: 26px;
  color: #00c184;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .student-detail__btn--map {
    margin-top: 5px;
  }
}

.student-detail-menu {
  margin-top: 16px;
  text-align: right;
}
.student-detail-menu__btn {
  display: inline-block;
  border-radius: 18px;
  margin: 0 4px;
  padding: 0 1em;
  line-height: 36px;
  background: #fff;
  color: #00c184;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .student-detail-menu__btn {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .student-detail-menu__btn {
    font-size: 1.4rem;
  }
}

.student-detail-tab__trigger {
  width: 24.5%;
  white-space: normal;
}
@media screen and (min-width: 768px) {
  .student-detail-tab__trigger {
    border-bottom: 5px solid #effff9;
  }
}
@media screen and (max-width: 767px) {
  .student-detail-tab__trigger {
    border-bottom: 2px solid #effff9;
  }
}
.student-detail-tab__body {
  padding: 0;
}

.student-detail-table, .student-detail-table--no-scroll, .daily-map-table {
  min-width: 620px;
}
.student-detail-table--no-scroll {
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .student-detail-table__outer, .daily-map-table__outer {
    position: relative;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .student-detail-table__outer:before, .daily-map-table__outer:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: +2;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 6px;
    background: url(../images/swipe.png) no-repeat;
    background-size: 160px auto;
    content: "";
    transform: translate(-50%, -50%);
  }
}

@media screen and (max-width: 767px) {
  .student-detail-table__outer.is-active:before, .is-active.daily-map-table__outer:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
  }
}
.student-detail-table > thead th, .student-detail-table--no-scroll > thead th, .daily-map-table > thead th {
  white-space: nowrap;
}
.student-detail-table > thead .student-detail-table__tab, .student-detail-table--no-scroll > thead .student-detail-table__tab, .daily-map-table > thead .student-detail-table__tab {
  background: none;
  position: relative;
}
.study-summary {
  border-radius: 12px;
  margin-bottom: 32px;
  padding: 24px;
  background: #ccf5e8;
}
.study-summary .study-summary-txt {
  margin-left: 5px;
  margin-bottom: 5px;
}
.study-summary__inner, .study-summary__inner--daily, .study-summary__inner--nationalexam {
  border: 2px solid #00c184;
  border-radius: 8px;
  padding: 24px;
  background: #fff;
}
.study-summary__inner + .study-summary__inner, .study-summary__inner--daily + .study-summary__inner, .study-summary__inner--nationalexam + .study-summary__inner, .study-summary__inner + .study-summary__inner--daily, .study-summary__inner--daily + .study-summary__inner--daily, .study-summary__inner--nationalexam + .study-summary__inner--daily, .study-summary__inner + .study-summary__inner--nationalexam, .study-summary__inner--daily + .study-summary__inner--nationalexam, .study-summary__inner--nationalexam + .study-summary__inner--nationalexam {
  margin-top: 16px;
}
.study-summary__inner--daily {
  border-color: #0255f4;
}
.study-summary__inner--nationalexam {
  border-color: #ff416d;
}
.study-summary__inner a, .study-summary__inner--daily a, .study-summary__inner--nationalexam a {
  position: relative;
}
.study-summary__inner a:after, .study-summary__inner--daily a:after, .study-summary__inner--nationalexam a:after {
  position: absolute;
  top: 50%;
  right: 0;
  border: 2px solid #00c184;
  border-top: 0;
  border-left: 0;
  width: 8px;
  height: 8px;
  content: "";
  transform: translate(0, -50%) rotate(-45deg);
}
@media screen and (max-width: 767px) {
  .study-summary__inner a:after, .study-summary__inner--daily a:after, .study-summary__inner--nationalexam a:after {
    right: -20px;
    top: 45%;
  }
}
.study-summary__ttl, .study-summary__ttl--daily, .study-summary__ttl--nationalexam {
  border-bottom: 1px solid #e9ecef;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  color: #00c184;
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: bold;
}
.study-summary__ttl a, .study-summary__ttl--daily a, .study-summary__ttl--nationalexam a {
  display: inline-block;
  position: relative;
  padding-right: 16px;
  color: #00c184;
}
.study-summary__ttl a:after, .study-summary__ttl--daily a:after, .study-summary__ttl--nationalexam a:after {
  position: absolute;
  top: 50%;
  right: 0;
  border: 2px solid #00c184;
  border-top: 0;
  border-left: 0;
  width: 8px;
  height: 8px;
  content: "";
  transform: translate(0, -50%) rotate(-45deg);
}

.study-summary__ttl a.green_btn_small {
  display: inline-block;
  margin-left: 20px;
  padding: 4px 15px 5px;
  background-color: #00b179;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  transition: all 0.3s;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .study-summary__ttl a.green_btn_small {
    display: block;
    margin-left: 0;
    margin-top: 10px;
  }
}
.study-summary__ttl a.green_btn_small:hover {
  opacity: 0.7;
}
.study-summary__ttl a.green_btn_small::after {
  display: none;
}
.study-summary__ttl--daily {
  color: #0255f4;
}
.study-summary__ttl--daily a {
  color: #0255f4;
}
.study-summary__ttl--daily a:after {
  border-right-color: #0255f4;
  border-bottom-color: #0255f4;
}
.study-summary__ttl--nationalexam {
  color: #ff416d;
}
.study-summary__ttl--nationalexam a {
  color: #ff416d;
}
.study-summary__ttl--nationalexam a:after {
  border-right-color: #ff416d;
  border-bottom-color: #ff416d;
}
.study-summary__ttl-s {
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #37434d;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .study-summary__ttl-s {
    margin: 25px 0 10px 0;
  }
}
.study-summary__ttlmt0 {
  margin-top: 0;
}
.study-summary .swipeTable_wrapper {
  padding-top: 0;
}
.study-summary .btn_tablesort_reset {
  top: 0;
  margin-bottom: 20px;
}
.study-summary .inner {
  background-color: #fff;
  padding: 20px;
}
.study-summary .student_num_ttl {
  display: inline-block;
  margin-right: 20px;
}
.study-summary .student_num {
  display: inline-block;
}

.disabled .student-detail__wrap:after {
  display: none;
}

.daily-map__section {
  margin-bottom: 32px;
}

.daily-map-table tfoot th,
.daily-map-table tfoot td {
  background: #f6f7f8;
}
.daily-map-table tbody tr:nth-of-type(even) {
  background: #fff;
}

.daily-map-meter, .daily-map-meter--small, .daily-map-meter--large, .daily-map-meter--all, .daily-map-meter--example {
  position: relative;
  margin: 0 36px 0 12px;
  min-width: 100px;
  height: 32px;
  background: #eceff1;
}
.daily-map-meter:before, .daily-map-meter--small:before, .daily-map-meter--large:before, .daily-map-meter--all:before, .daily-map-meter--example:before, .daily-map-meter:after, .daily-map-meter--small:after, .daily-map-meter--large:after, .daily-map-meter--all:after, .daily-map-meter--example:after {
  position: absolute;
  top: 50%;
  color: #a8b2ba;
  font-size: 19.2px;
  font-size: 1.2rem;
  font-weight: normal;
  transform: translate(0, -50%);
}
.daily-map-meter:before, .daily-map-meter--small:before, .daily-map-meter--large:before, .daily-map-meter--all:before, .daily-map-meter--example:before {
  right: calc(100% + 4px);
  content: "0";
}
.daily-map-meter:after, .daily-map-meter--small:after, .daily-map-meter--large:after, .daily-map-meter--all:after, .daily-map-meter--example:after {
  left: calc(100% + 4px);
  content: "100%";
}
.daily-map-meter--small {
  height: 16px;
}
.daily-map-meter--large {
  height: 48px;
}
.daily-map-meter--all, .daily-map-meter--example {
  display: inline-block;
  margin-top: 18px;
  margin-bottom: 18px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .daily-map-meter--all, .daily-map-meter--example {
    width: 80%;
  }
}
.daily-map-meter--all .daily-map-meter__complete:before,
.daily-map-meter--all .daily-map-meter__read:before, .daily-map-meter--example .daily-map-meter__complete:before,
.daily-map-meter--example .daily-map-meter__read:before {
  position: absolute;
  left: calc(100% - 18px);
  width: 36px;
  font-size: 19.2px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
.daily-map-meter--all .daily-map-meter__complete:before, .daily-map-meter--example .daily-map-meter__complete:before {
  top: -20px;
  color: #0255f4;
  content: "完了";
}
.daily-map-meter--all .daily-map-meter__read:before, .daily-map-meter--example .daily-map-meter__read:before {
  bottom: -20px;
  color: #ea6da4;
  content: "学習中";
}
@media screen and (min-width: 768px) {
  .daily-map-meter--all {
    margin-left: 24px;
    width: 400px;
  }
}
.daily-map-meter--example {
  height: 16px;
}
@media screen and (min-width: 768px) {
  .daily-map-meter--example {
    width: 250px;
  }
}
.daily-map-meter__complete, .daily-map-meter__read {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.daily-map-meter__complete {
  z-index: +1;
  background: #6290e8;
}
.daily-map-meter__read {
  background: #ea6da4;
}

@media screen and (min-width: 768px) {
  .teacher .daily-map-meter, .teacher .daily-map-meter--small, .teacher .daily-map-meter--large, .teacher .daily-map-meter--all, .teacher .daily-map-meter--example {
    min-width: 150px;
  }
}

@media screen and (min-width: 768px) {
  .student .daily-map-meter, .student .daily-map-meter--small, .student .daily-map-meter--large, .student .daily-map-meter--all, .student .daily-map-meter--example {
    min-width: 80px;
  }
}

html:not([class*="is-pc"]) .fixed_x {
  left: 0 !important;
}

html.is-pc header .gnav {
  min-width: 1088px;
}
@media screen and (max-width: 767px) {
  html.is-pc header .gnav {
    min-width: auto;
  }
}

@media screen and (max-width: 767px) {
  header .gnav .gnav_link {
    box-shadow: 0px 3px 6px rgba(0, 116, 80, 1);
  }
}

.box_profile_study {
  background: inherit !important;
  padding: 0 !important;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .box_profile_study {
    margin-bottom: 20px;
  }
}
.box_profile_study > ul {
  -ms-flex-pack: start !important;
      justify-content: flex-start !important;
}
.box_profile_study > ul li {
  width: 320px !important;
  margin-right: 40px;
}
.box_profile_study.large > ul li {
  width: 380px !important;
  margin-right: 40px;
}
.box_profile_study.mock_exam > ul li {
  margin-right: 25px;
}
@media screen and (max-width: 767px) {
  .box_profile_study > ul li {
    width: 100% !important;
    margin-right: 0;
  }
  .box_profile_study.large > ul li {
    width: 320px !important;
    max-width: 100%;
  }
}
.box_profile_study > ul li:last-child {
  margin-right: 0;
}
.box_profile_study_3col > ul li {
  width: 298px !important;
}
@media screen and (max-width: 767px) {
  .box_profile_study_3col > ul li {
    width: 100% !important;
  }
}
.box_profile_study_3col > ul li label {
  width: 298px !important;
}
@media screen and (max-width: 767px) {
  .box_profile_study_3col > ul li label {
    width: 100% !important;
  }
}
.box_profile_study_3col > ul li:last-child {
  margin-top: 0 !important;
}
@media screen and (max-width: 767px) {
  .box_profile_study_3col > ul li:last-child {
    margin-top: 16px !important;
  }
}
.box_profile_study_4col > ul li {
  width: 226px !important;
}
.box_profile_study_4col > ul li.w330 {
  width: 330px !important;
}
.box_profile_study_4col > ul li.w245 {
  width: 245px !important;
}
@media screen and (max-width: 767px) {
  .box_profile_study_4col > ul li,.box_profile_study_4col > ul li.w245,.box_profile_study_4col > ul li.w330 {
    width: 100% !important;
  }
}
.box_profile_study_4col > ul li label {
  width: 226px !important;
}
.box_profile_study_4col > ul li.w330 label{
  width: 330px !important;
}
.box_profile_study_4col > ul li.w245 label{
  width: 245px !important;
}
@media screen and (max-width: 767px) {
  .box_profile_study_4col > ul li label ,.box_profile_study_4col > ul li.w330 label,.box_profile_study_4col > ul li.w245 label {
    width: 100% !important;
  }
}
.box_profile_study_4col > ul li {
  margin-top: 0 !important;
}
@media screen and (max-width: 767px) {
  .box_profile_study_4col > ul li:not(:first-child) {
    margin-top: 16px !important;
  }
}
.box_profile_study + p {
  margin: -20px 0 30px 0;
}
@media screen and (max-width: 767px) {
  .box_profile_study + p {
    margin-top: 10px;
  }
}

.student-list__btn, .student-list__btn--back, .student-list__btn--disabled {
  width: 510px;
}
@media screen and (max-width: 767px) {
  .student-list__btn, .student-list__btn--back, .student-list__btn--disabled {
    width: 100%;
  }
}

.swipeTable_wrapper {
  position: relative;
  padding-top: 30px;
}
.swipeTable_wrapper .btn_restore {
  top: -20px;
}
.swipeTable_wrapper .btn_restore_txtside {
  top: 24px;
}
@media screen and (max-width: 767px) {
  .swipeTable_wrapper .btn_restore_txtside {
    position: absolute;
    top: 31px;
  }
}
@media screen and (max-width: 767px) {
  .swipeTable_wrapper .btn_restore_txtside_hl02 {
    top: 64px;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
}

.bookmark .main_in article {
  width: 100%;
}
.bookmark .tabOuter_wrapper {
  position: relative;
}
@media screen and (max-width: 767px) {
  .bookmark .tabOuter_wrapper {
    margin-top: 60px;
  }
}
.bookmark .tabOuter_wrapper .bookmark-list_reset {
  position: absolute;
  right: 0;
  top: -45px;
}
.bookmark .tabOuter_wrapper .bookmark-list_reset a {
  font-size: 25.6px;
  font-size: 1.6rem;
  color: #00C184;
}
@media screen and (max-width: 767px) {
  .bookmark .tabOuter_wrapper_choice {
    margin-top: 70px;
  }
}
.bookmark .bookmark_btnset {
  position: absolute;
  right: 0;
  top: -57px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}
.bookmark .bookmark_btnset li {
  margin-right: 32px;
}
@media screen and (max-width: 767px) {
  .bookmark .bookmark_btnset li {
    margin-right: 15px;
  }
}
.bookmark .bookmark_btnset li:last-child {
  margin-right: 0;
}
.bookmark .bookmark_btnset li .btn_cancel {
  font-size: 25.6px;
  font-size: 1.6rem;
  color: #00C184;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .bookmark .bookmark_btnset li .btn_cancel {
    font-size: 1.3rem;
  }
}
.bookmark .bookmark_btnset li .bookmark-list__checkbox {
  font-size: 25.6px;
  font-size: 1.6rem;
  color: #00C184;
  padding-left: 28px;
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .bookmark .bookmark_btnset li .bookmark-list__checkbox {
    font-size: 1.3rem;
  }
}
.bookmark .bookmark_btnset li .bookmark-list__checkbox input[type="checkbox"] + span:before {
  left: -27px;
}
.bookmark .bookmark_btnset li .bookmark-list__checkbox input[type="checkbox"] + span:after {
  left: -18px;
}
.bookmark .bookmark_btnset li .edit_delete_enter {
  display: inline-block;
  padding: 3px 24px 4px;
  border-radius: 16px;
  background: #CFD8DC;
  color: #fff;
  font-size: 25.6px;
  font-size: 1.6rem;
  cursor: pointer;
  transition: background-color 0.3s ease-out;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .bookmark .bookmark_btnset li .edit_delete_enter {
    font-size: 1.3rem;
  }
}
.bookmark .bookmark_btnset li .edit_delete_enter.active {
  background: #FF416D;
  pointer-events: auto;
}
.bookmark .bookmark-list-tab__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.bookmark .bookmark-list-tab__trigger {
  border-radius: 8px 8px 0 0;
  padding: 8px 0;
  width: 24.5%;
  background: #00c184;
  box-shadow: 3px -1px 6px rgba(0, 142, 97, 0.16);
  color: #fff;
  font-size: 19.2px;
  font-size: 1.2rem;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .bookmark .bookmark-list-tab__trigger {
    text-align: center;
    border-bottom: 2px solid #effff9;
  }
}
@media screen and (min-width: 768px) {
  .bookmark .bookmark-list-tab__trigger {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 8px 16px;
    padding-left: 64px;
    min-height: 72px;
    font-size: 1.6rem;
    border-bottom: 5px solid #effff9;
  }
}
.bookmark .bookmark-list-tab__trigger.is-active {
  position: relative;
  background: #fff;
  color: #333;
  border: 3px solid #00c184;
  border-bottom: 0;
}
.bookmark .bookmark-list-tab__trigger.is-active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background: #fff;
  bottom: -4px;
  left: 0;
}
.bookmark .bookmark-list-tab__trigger.is-disabled {
  background: #f4f5f7;
  color: #a8b2ba;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .bookmark .bookmark-list-tab__trigger.is-disabled {
    cursor: default;
  }
}
@media screen and (max-width: 767px) {
  .bookmark .bookmark-list-tab__icon {
    margin-bottom: 4px;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .bookmark .bookmark-list-tab__icon {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translate(0, -50%);
  }
}
.bookmark .bookmark-list-tab__icon img {
  vertical-align: middle;
}
.bookmark .bookmark-list-tab__body {
  display: none;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 3px 6px rgba(0, 142, 97, 0.16);
  padding: 24px 5% 40px 5%;
  background: #fff;
}
.bookmark .bookmark-list-tab__body.is-active {
  display: block;
  border: 3px solid #00c184;
}
.bookmark .hide {
  visibility: hidden;
}
.bookmark .bookmark-list__checkbox {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e9ecef;
}
.bookmark .bookmark-list-tab__body[data-tab-name="movie"] .bookmark-list__checkbox {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .bookmark .bookmark-list-tab__body[data-tab-name="movie"] .bookmark-list__checkbox {
    width:100%;
  }
}
.bookmark .bookmark-list__checkbox a {
  margin-left: 63px;
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .bookmark .bookmark-list__checkbox a {
    margin-left: 50px;
  }
}
.bookmark .bookmark-list__checkbox input[type="checkbox"] + span {
  position: relative;
}
@media screen and (max-width: 767px) {
  .bookmark.learn_reset .bookmark-list__checkbox input[type="checkbox"] + span {
    right: 4px;
  }
}
.bookmark .bookmark-list__checkbox input[type="checkbox"] + span:before, .bookmark .bookmark-list__checkbox input[type="checkbox"] + span:after {
  content: "";
  position: absolute;
}
.bookmark .bookmark-list__checkbox input[type="checkbox"] + span:before {
  top: 50%;
  left: 4px;
  border: 2px solid #ccc;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  background: #fff;
  color: #fff;
  transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .bookmark .bookmark-list__checkbox input[type="checkbox"] + span:before {
    left: 10px;
  }
}
.bookmark .bookmark-list__checkbox input[type="checkbox"] + span:after {
  left: 13px;
  top: calc(50% - 3px);
  border: 2px solid transparent;
  border-top: 0;
  border-right: 0;
  width: 11px;
  height: 5px;
  transform: rotate(-45deg) translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .bookmark .bookmark-list__checkbox input[type="checkbox"] + span:after {
    left: 18px;
  }
}
.bookmark .bookmark-list__checkbox input[type="checkbox"]:checked + span:before {
  border-color: #00c184;
  background: #00c184;
}
.bookmark .bookmark-list__checkbox input[type="checkbox"]:checked + span:after {
  display: block;
  border-color: #fff;
}
.narrow_checkbox {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 20px;
}
.narrow_checkbox span{
  font-size: 1.2em;
}
.narrow_checkbox .cmn-input-checkbox + span:before{
  width: 25px;
  height: 25px;
  transform: translate(-50%, -50%);
}
.narrow_checkbox .cmn-input-checkbox + span:after{
  width: 16px;
  height: 8px;
  left: -5px;
  top: calc(50% - 4px);
}
.in-bookmark {
  background-image: url(../images/bookmark.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 34px;
  margin-left: auto;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .in-bookmark + .daily-enquete {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .in-bookmark + .training__btn-outer {
    margin-top: 10px !important;
  }
}

.no-bookmark {
  background-image: url(../images/no_bookmark.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 34px;
  margin-left: auto;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .no-bookmark + .daily-enquete {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .no-bookmark + .training__btn-outer {
    margin-top: 10px !important;
  }
}
.color_red {
  color:#ff416d;
}
.reset_msg {
  cursor: pointer;
}
.reset_modal {
  display:none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-height: 90%;
  text-align: center;
  z-index: 1000;
}
.reset_modal .reset_modal_btn{
  display: inline-block;
  text-align: center;
  margin-top: 10px;
  padding: 10px 24px 10px;
  border-radius: 10px;
  background: #FF416D;
  color: #fff;
  font-size: 25.6px;
  font-size: 1.6rem;
  cursor: pointer;
  transition: 0.3s ease-out;
}
.reset_modal .reset_modal_btn:hover {
  opacity: 0.7;
}
.reset_modal .reset_modal_ov {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  font-size: 0;
}

.reset_modal .reset_modal_in {
  width: 634px;
  position: absolute;
  left: 50%;
  top: calc(50% + 60px);
  -webkit-transform: translate(-50%,-50%);
  transform: translateY(-50%,-50%);
  padding: 30px 30px 60px 30px;
  background: #FFF;
  border-radius: 24px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .reset_modal .reset_modal_in {
    top: calc(50% + 18px);
  }
}
.reset_modal .btn_wrap {
  position: relative;
}

.reset_modal .reset_modal_close {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-40%);
  height: 30px;
  cursor: pointer;
  color: #00c184;
  z-index: 1;
}

.reset_modal p,.reset_modal ul {
  text-align: left;
}

.reset_modal ul {
  max-height: 30vh;
  margin-top: 10px;
  margin-left: 20px;
  overflow-y: auto;
}
.reset_modal ul li{
  position: relative;
  margin-left: 20px;
}
.reset_modal ul li::before {
  position: absolute;
  content: "・";
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}
.reset_modal .reset_modal_close:before,
.reset_modal .reset_modal_close:after {
  content: "";
  position: absolute;
  left: -13px;
  top: 44%;
  width: 18px;
  height: 2px;
  margin-left: -9px;
  margin-top: -1px;
  background: #00c184;
}

.reset_modal .reset_modal_close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.reset_modal .reset_modal_close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  .reset_modal .reset_modal_in {
    width: calc(100% - 40px);
    height: auto;
    position: absolute;
    margin-left: 0;
    border-radius: 24px;
    overflow: hidden;
  }
}
.step_btn_question ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.step_btn_question ul .prev {
  background-color: #00c184;
}
.step_btn_question ul .prev a {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .step_btn_question ul .prev:hover {
    background-color: #fff !important;
  }
  .step_btn_question ul .prev:hover a {
    color: #00c184 !important;
  }
}
@media screen and (max-width: 767px) {
  .step_btn_question ul .prev:hover {
    background-color: #00c184 !important;
  }
}
.step_btn_question ul li {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .step_btn_question ul li {
    max-width: 220px;
  }
}

select {
  color: inherit !important;
}
.select_right ul{
  justify-content: flex-end!important;
}
input[type="text"] {
  color: black !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.chart__area {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.chart__area .chart{
  background-color: #fff;
  padding: 20px;
}
.chart__area .chart50per {
  width: calc(50% - 10px);
}
@media screen and (max-width: 767px) {
  .chart__area .chart50per {
    width: 100%;
  }
  .chart__area .chart{
    padding: 15px;
  }
  
}
.chart__area .chart100per {
  width: 100%;
}
.school-analysis-table {
  width: 2000px;
  margin: auto;
}
.school-analysis-table.w2500 {
  width: 2500px;
}
.school-analysis-table--sm {
  width: 100%;
  min-width: 1200px;
}
.school-analysis-table.student-list-table tbody tr th {
  background: #f0faf7;
}
.school-analysis-table.student-list-table tbody tr td {
  background: #fff;
}
.school-analysis-table.student-list-table tbody tr:nth-of-type(even) td {
  background: #f6f7f8;
}
.eval {
  position: relative;
  display: inline-block;
  padding: 4px 10px;
  border-radius: 5px;
  top: -3px;
  margin-bottom: 15px;
}
.hl03:has(+ .eval),.hl03.next-eval {
  display: inline-block;
  margin-right: 20px;
  min-width: 320px;
  width: 330px;
}
@media screen and (max-width: 400px) {
  .hl03:has(+ .eval),.hl03.next-eval  {
    min-width: auto;
    width: auto;
  }
}
.school-analysis-table.student-list-table tbody tr td[data-eval="1"],.eval[data-eval="1"] {
  background:#ffd6e0
}
.school-analysis-table.student-list-table tbody tr td[data-eval="2"],.eval[data-eval="2"]  {
  background:#fff19f
}
.school-analysis-table.student-list-table tbody tr td[data-eval="3"],.eval[data-eval="3"]  {
  background:#cee2ff;
}
.school-analysis-table.student-list-table tbody tr td[data-eval="4"],.eval[data-eval="4"]  {
  color:#6290e8 ;
}
.eval[data-eval="4"]  {
  background-color: #fff;
}
.school-analysis-table.student-list-table tbody tr td.fixed {
  position: sticky;
  left: 0;
}
.school-analysis-table tbody tr td[rowspan] .student-list-table__link {
  text-decoration: none;
}
.school-analysis-table tbody tr td[rowspan] .student-list-table__link:hover {
  opacity: 0.6;
}
.student-list .school-analysis-table-fixed{
  position: sticky!important;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .student-list .school-analysis-table-fixed.sp_noFixed {
  position: relative!important;
  left: 0!important;
}
}
.student-list th.school-analysis-table-fixed {
  z-index: 11!important;
}
.student-list th.school-analysis-table-fixed.school-analysis-table-fixed-w150 {
  width: 150px;
}
.student-list th.school-analysis-table-fixed.school-analysis-table-fixed-w150 {
  width: 200px;
}
.student-list .school-analysis-table-fixed:first-of-type {
  width: 100px;
  left: 0;
}
.student-list .school-analysis-table-fixed:nth-of-type(2),.student-list .school-analysis-table-fixed-2 {
  width: 80px;
  left: 100px;
}
.student-list .school-analysis-table-fixed:nth-of-type(3),.student-list .school-analysis-table-fixed-3 {
  width: 80px;
  left: 180px;
}
.student-list .school-analysis-table-fixed-4 {
  width: 110px!important;
  left: calc(100px + 80px + 80px)!important;
}
.student-list .school-analysis-table-fixed-5 {
  width: 160px!important;
  left: calc(100px + 80px + 80px + 110px)!important;
}
.student-list .school-analysis-table-fixed-6{
  width: 150px!important;
  left: calc(100px + 80px + 80px + 110px + 160px)!important;
}
.student-list-table td:last-of-type,.student-list-table th:last-of-type {
  border-right: 1px solid #ddd;
}
.student-list-table .mini td,.student-list-table .mini th {
  font-size: 1rem;
}
.only2month table,table.tl_fixed {
  table-layout: fixed!important;
}
.only2month .student-list tbody th,.only2month .student-list .school-analysis-table-fixed:first-of-type{
  width: auto!important;
}
.only2month .sw_nowrap {
  white-space: nowrap;
}
.only2month .sw_nowrap br {
  display: none;
}
.only2month .sw_19per {
  width: 19%;
}
.only2month .school-analysis-table--sm {
  min-width: auto;
}
.only2month .school-analysis-table {
  width: 100%;
  min-width: auto;
}
.student-list-table tbody tr.grayOut td{
  background-color: #d7d7d7 !important;
  color: #c9c9c9;
}