@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Varela+Round");
.DOWNLOAD {
  background-color: #1c7fa9;
  transition: all 0.7s ease;
}
.DOWNLOAD a {
  color: #FFF;
  text-decoration: none;
  padding: 0px 5px;
}

.DOWNLOAD:hover {
  filter: brightness(130%);
}

header {
  background-color: #1c7fa9;
}
header > img {
  width: 100%;
}

footer {
  background-color: #1c7fa9;
  z-index: 10;
}

.FooterAbs {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.CONTAINER {
  /*width: calc(100% - 52px);*/
}

.LoginCONTAINER {
  background-color: #1c7fa9;
  height: calc(100vh - 22px);
}

.MAIN {
  padding-top: 0;
}
.MAIN > .LOGINTop {
  background-color: #1c7fa9;
  min-height: 100vh;
  min-width: 100% !important;
}

.LOGIN {
  border-radius: 10px;
  padding: 10px 0px 30px 0px;
}
.LOGIN > .BODY > .BLOCK > .SECTION {
  border: none;
}

.WINDOW.CHECK .BLOCK .SECTION, .WINDOW.EDIT .BLOCK .SECTION, .WINDOW.SEARCH .BLOCK .SECTION {
  border: none;
}

nav.SIDE {
  position: static;
  max-width: 100%;
  background-color: #1c7fa9;
}

nav.SIDE .BLOCK,
nav.SIDE .BLOCK .BASE {
  background-color: #1c7fa9;
  width: 184px;
}

.SideIcon {
  width: 52px;
}

.WINDOW.LOGIN {
  margin: auto;
  min-width: 600px;
}

.BUTTONAREA > .CENTER {
  width: 100%;
}

.IndexSide {
  padding: 20px 50px !important;
}

/*--ここから--*/
body,
html {
  overflow-x: hidden;
  max-height: 100%;
}

#sidebarMenu {
  position: absolute;
  right: 0;
  width: auto;
  transform: translateX(1280px);
  transition: transform 250ms ease-in-out;
  z-index: 15;
  margin-top: 81px;
}

.sidebarMenuInner {
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

input[type=checkbox]:checked ~ #sidebarMenu {
  transform: translateX(0);
}

input[type=checkbox] {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;
}

.sidebarIconToggle {
  transition: all 0.3s;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  z-index: 11;
  height: 100%;
  width: 100%;
  top: 30px;
  right: 30px;
  height: 30px;
  width: 30px;
  background-color: #FFF;
  padding: 5px;
}

.spinner {
  transition: all 0.3s;
  box-sizing: border-box;
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #fff;
}

.horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 5px;
  background-color: #1c7fa9;
}

.diagonal.part-1 {
  position: relative;
  transition: all 0.3s;
  box-sizing: border-box;
  float: left;
  margin-top: 1px;
  background-color: #1c7fa9;
}

.diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 5px;
  background-color: #1c7fa9;
}

.sidebarIconToggleBox {
  background-color: #b1d4df;
  width: 0;
  height: 58px;
  position: absolute;
  z-index: -1;
  top: -22px;
}

.sidebarIconToggleBadge::after {
  font-size: 16px;
  content: "\f06a";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  color: red;
  position: relative;
  top: -30px;
  right: -15px;
  text-shadow: 0 0 5px white;
  border-radius: 15px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  opacity: 0;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(135deg);
  margin-top: 8px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(-135deg);
  margin-top: -11px;
}

/*--ここまで--*/
/*--SIDEメニュ--*/
.SideNavList {
  display: flex;
  flex-wrap: wrap;
}

.SideNavList .SideNavBox {
  color: white;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  color: white;
  transition: all 0.3s;
}

.SideNavList :hover {
  color: #c0c0c0;
}

.SideNaviLogout::after {
  font-size: 50px;
  content: "\f007";
  display: block;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  bottom: 40px;
  right: 50px;
  width: 0;
  position: relative;
}

.SideNaviInfo::after {
  font-size: 50px;
  content: "\f06a";
  display: block;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  bottom: 40px;
  right: 50px;
  width: 0;
  position: relative;
}

.SideNaviInfo2::after {
  font-size: 50px;
  content: "\f06a";
  display: block;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  bottom: 40px;
  right: 50px;
  width: 0;
  position: relative;
  color: red;
  text-shadow: 0 0 10px white;
}

.SideNaviHelp::after {
  font-size: 50px;
  content: "\f059";
  display: block;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  bottom: 40px;
  right: 43px;
  width: 0;
  position: relative;
}

.SideNaviContact::after {
  font-size: 50px;
  content: "\f0e0";
  display: block;
  font-weight: 400;
  font-family: "Font Awesome 5 Free";
  bottom: 40px;
  right: 55px;
  width: 0;
  position: relative;
}

.SideNaviSerach::after {
  font-size: 50px;
  content: "\f002";
  display: block;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  bottom: 40px;
  right: 37px;
  width: 0;
  position: relative;
}

.SideNaviSetting::after {
  font-size: 50px;
  content: "\f013";
  display: block;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  bottom: 40px;
  right: 37px;
  width: 0;
  position: relative;
}

/*--ここまで--*/
.swiper-button-next,
.swiper-button-prev {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #215386;
  opacity: 0.7;
}

.swiper-container {
  width: calc(100% - 30px) !important;
  margin-left: 15px;
  margin-right: 15px;
}

.swiper-parent {
  position: relative;
  margin-bottom: 15px;
}

.swiper-slide {
  /*
   margin-top: 10px;
   margin-bottom: 10px;
   */
  max-width: 297px;
  margin-right: 10px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.gauge {
  margin-left: auto;
  width: 300px;
  height: 25px;
  background: #FFF;
  position: relative;
}
.gauge .label {
  z-index: 0;
}

.gauge .fill {
  width: 100%;
  height: 100%;
  background: #00b0f0;
  -webkit-clip-path: inset(0 calc(100% - var(--percent, 100%)) 0 0);
          clip-path: inset(0 calc(100% - var(--percent, 100%)) 0 0);
  display: block;
}

.gauge .label {
  position: absolute;
  color: #00b0f0;
  top: 2px;
  right: 10px;
  display: block;
  font-size: 14px;
}

.gauge .fill .label {
  color: white;
}

.box-wrapper {
  display: flex;
  width: 100%;
  flex-flow: wrap;
}

.horizontal {
  flex-flow: nowrap;
}

.box {
  transition: all 0.3s;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: white;
  width: 100%;
  border: 1px solid #c0c0c0;
}

.box:hover {
  background-color: #dcdcdc;
}

.box_not {
  transition: all 0.3s;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #c0c0c0;
  color: #808080;
  width: 100%;
  border: 1px solid #c0c0c0;
}
.box_not img {
  opacity: 0.5;
}
.box_not .status_img {
  z-index: 1;
}

.CourseWrap {
  width: calc(100% - 20px) !important;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: white;
  width: 100%;
  margin: 10px 10px 0;
  border: 1px solid #afc2d2;
}

.CONTAINER > .CourseWrap > .CourseWrap:last-child,
.CONTAINER > .CourseWrap > .CourseWrap > .CourseWrap:last-child,
.CONTAINER > .CourseWrap > .CourseWrap > .CourseWrap > .CourseWrap:last-child {
  margin-bottom: 10px;
}

.Course_description {
  display: flex;
}
.Course_description img {
  width: 33% !important;
  margin: -10px 15px 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
.Course_description > .DESC {
  margin-bottom: 15px;
  margin-right: 15px;
  font-size: 1.2rem;
}
.Course_description > .DESC > .DATE {
  margin-bottom: 15px;
  margin-right: 15px;
  font-size: 1.5rem;
  font-weight: bold;
}

.ROW > .DATE {
  margin: 10px;
}

.DESCRIPTION {
  margin: 10px;
}

.Couese_Title {
  font-size: 1.5rem;
  padding: 2px;
}

.couese_img {
  width: 100%;
  display: block;
  padding: 10px;
  margin: 3px auto;
  position: reactive;
}
.couese_img + .TYPE {
  margin-left: 10px;
  font-size: 1.05rem;
  color: #777777;
}
.couese_img + .TYPE + .TITLE {
  display: flex;
  align-items: center;
  min-height: 33px;
  margin-left: 10px;
  padding-right: 25px;
  font-size: 1.4rem;
  font-weight: bold;
  background: url("/images/icon/point.png") right no-repeat;
}

.status_img {
  width: 24px;
  margin: 5px;
  position: absolute;
}

.Couese_Title_wap {
  border-radius: 10px;
  padding: 10px 10px 10px 60px;
  margin: 10px;
  background-color: #4c8bc5;
  font-size: 1.2rem;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
}

.CourseWrap > .CourseWrap > .acd-label > .Couese_Title_wap {
  background-color: #94bfe6;
}

.CourseWrap > .CourseWrap > .CourseWrap > .acd-label > .Couese_Title_wap {
  background-color: #d1e9ff;
}

.INFOMATION .Couese_Title_wap, .SEARCH .Couese_Title_wap, form .Couese_Title_wap {
  border-radius: 10px;
  padding: 10px 10px 10px 15px;
  margin: 10px;
  background-color: #adc1d4;
  font-size: 1.2rem;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
}

.box > .COLUMN > .ROW .DESC {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 10px;
}
.CONTENTbadge1, .CONTENTbadge2 {
  padding: 3px 6px;
  margin-right: 2px;
  margin-left: 8px;
  font-size: 75%;
  color: white;
  border-radius: 6px;
  box-shadow: 0 0 3px #ddd;
  white-space: nowrap;
}

.CONTENTbadge1 {
  background-color: #8b0000;
}

.CONTENTbadge2 {
  background-color: #008b8b;
}

.acd-check {
  display: none;
}

.acd-label {
  display: block;
  position: relative;
}

.acd-label:after {
  transition: all 0.3s;
  box-sizing: border-box;
  content: "\f068";
  display: block;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  height: 60px;
  padding: 20px;
  font-size: 32px;
  position: absolute;
  left: 5px;
  top: -8px;
  transform: rotate(90deg);
}

.acd-label::before {
  transition: all 0.3s;
  box-sizing: border-box;
  content: "\f068";
  display: block;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  height: 60px;
  padding: 20px;
  font-size: 32px;
  position: absolute;
  left: 5px;
  top: -8px;
}

.acd-check:checked + .acd-label:after {
  content: "\f068";
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(0deg);
}

.acd-content {
  transition: all 0.5s;
  display: block;
  height: 1px;
  max-height: 1px;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.acd-check:checked + .acd-label + .acd-content {
  transition: all 0.5s;
  display: block;
  height: auto;
  max-height: 1000px;
  opacity: 1;
  visibility: visible;
}

.WINDOW .CAPTION {
  color: #fff;
  background-color: #1c7fa9;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
}

.CustomSearchBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.CustomSearchRow > .SECTION > .CAPTION, .CustomSearchRow2 > div > .SECTION > .CAPTION, .CustomSearchRow2 > div > .CAPTION {
  padding: 10px;
  font-size: 1.05rem;
  background-color: #1c7fa9;
}

.CustomSearchRow > .SECTION > .PARTS input {
  padding: 10px;
}

.CustomSearchRow {
  width: 100%;
  padding: 10px;
}
.CustomSearchRow input {
  width: 100%;
  padding: 5px;
}

.CustomSearchBTN {
  font-size: 1.2rem;
  padding: 10px 20px;
}

.CustomSearchRow2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px;
  width: 100%;
}
.CustomSearchRow2 > div {
  margin-right: 10px;
}
.CustomSearchRow2 .CustomSearch50 {
  width: 50%;
  max-width: 554px;
}

.SECTIONFlex {
  display: flex;
}

.CourseWrap > div > .LIST {
  font-size: 14px;
}

/*--------------------------------------------------------------------*/
.LOGIN img {
  width: 100%;
}

nav.SIDE .BLOCK > div.COURSE,
.WINDOW.COURSE > .TITLE:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -3 36 46"><path fill="%23eee" class="cls-1" d="M63.89,43.85H36.11a1.07,1.07,0,0,0-1.06,1.06v8.2a1.06,1.06,0,0,0,1.06,1.06H63.89A1.06,1.06,0,0,0,65,53.11v-8.2A1.07,1.07,0,0,0,63.89,43.85ZM53.67,49.78H46.33V48.25h7.34Z" transform="translate(-32 -29.3)"/><path fill="%23eee" class="cls-1" d="M63.89,55.35H36.11a1.06,1.06,0,0,0-1.06,1.06v8.2a1.07,1.07,0,0,0,1.06,1.06H63.89A1.07,1.07,0,0,0,65,64.61v-8.2A1.06,1.06,0,0,0,63.89,55.35ZM53.67,61.27H46.33V59.75h7.34Z" transform="translate(-32 -29.3)"/><path fill="%23eee" class="cls-1" d="M63.89,32.36H36.11a1.06,1.06,0,0,0-1.06,1.06v8.2a1.07,1.07,0,0,0,1.06,1.06H63.89A1.07,1.07,0,0,0,65,41.62v-8.2A1.06,1.06,0,0,0,63.89,32.36ZM53.67,38.28H46.33V36.76h7.34Z" transform="translate(-32 -29.3)"/><path fill="%23eee" class="cls-1" d="M32,29.3V70.7h5.83v-2H62.17v2H68V29.3Zm1.88,37.54V31.18H66.12V66.84Z" transform="translate(-32 -29.3)"/></svg>');
  background-size: 26px;
}

nav.SIDE .BLOCK > div.INFOMATION,
.WINDOW.INFOMATION > .TITLE:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -2 36 40"><path fill="%23eee" class="cls-1" d="M0,18A18,18,0,1,0,18,0,18,18,0,0,0,0,18ZM18,7.15a3.06,3.06,0,1,1-3.06,3.06A3.06,3.06,0,0,1,18,7.15ZM14.61,24.29a.29.29,0,0,1,.28-.28h.87V19h-.87a.29.29,0,0,1-.28-.28V14.61a.28.28,0,0,1,.28-.28h5.7a.27.27,0,0,1,.28.28V24h.87a.29.29,0,0,1,.28.28v3.55a.29.29,0,0,1-.28.28H14.89a.29.29,0,0,1-.28-.28Z" transform="translate(0 0)"/></svg>');
  background-size: 30px;
}

nav.SIDE .BLOCK > div.CONTENT,
.WINDOW.CONTENT > .TITLE:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -3 36 40"><polygon fill="%23FFF" class="cls-1" points="2.47 10.57 2.47 26.96 21.97 26.96 21.97 2.47 9.95 2.47 2.47 10.57"/><path class="cls-1" d="M12.05,7.14,7.52,8.24l3.8-4.11Z" transform="translate(-2.49)"/><path fill="%23eee" class="cls-2" d="M2.49,11.13v18.3H26.93V0H11.81Zm5-2.89,3.8-4.11.73,3ZM5,10.57l8.92-2.16L12.44,2.47h12V27H5Z" transform="translate(-2.49)"/><polygon fill="%23eee" class="cls-3" points="5.04 8.24 9.56 7.14 8.83 4.13 5.04 8.24"/><path fill="%23eee" class="cls-2" d="M21.57,11.9a.87.87,0,0,1-.86.86H9.41a.87.87,0,0,1-.86-.86h0A.86.86,0,0,1,9.41,11h11.3a.86.86,0,0,1,.86.86Z" transform="translate(-2.49)"/><path fill="%23eee" class="cls-2" d="M21.57,16a.87.87,0,0,1-.86.86H9.41A.87.87,0,0,1,8.55,16h0a.86.86,0,0,1,.86-.86h11.3a.86.86,0,0,1,.86.86Z" transform="translate(-2.49)"/><path fill="%23eee" class="cls-2" d="M21.57,20.16a.86.86,0,0,1-.86.86H9.41a.86.86,0,0,1-.86-.86h0a.87.87,0,0,1,.86-.86h11.3a.87.87,0,0,1,.86.86Z" transform="translate(-2.49)"/><path fill="%23eee" class="cls-2" d="M21.57,7.76a.86.86,0,0,1-.86.86H16.14a.85.85,0,0,1-.86-.86h0a.86.86,0,0,1,.86-.86h4.57a.87.87,0,0,1,.86.86Z" transform="translate(-2.49)"/><path fill="%23eee" class="cls-2" d="M5.77,32.7H30.22V3.27H27.74v27h-22Z" transform="translate(-2.49)"/><path fill="%23eee" class="cls-2" d="M9.07,36H33.51V6.57H31v27h-22Z" transform="translate(-2.49)"/></svg>');
  background-size: 30px;
}

nav.SIDE .BLOCK > div.SEARCH {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 40"><path fill="%23eee" class="cls-1" d="M35.1,30.76l-9-8.56a14.25,14.25,0,0,0-21.92-18,14.25,14.25,0,0,0,18,21.92l8.56,9a3.07,3.07,0,0,0,4.34-4.34ZM14.26,24.82a10.56,10.56,0,1,1,0-21.12,10.55,10.55,0,0,1,7.46,18A10.45,10.45,0,0,1,14.26,24.82Z" transform="translate(0 0)"/><path fill="%23eee" class="cls-1" d="M7.17,15.18a.93.93,0,0,1-.93-.92,8,8,0,0,1,8-8,.93.93,0,0,1,0,1.85,6.18,6.18,0,0,0-6.17,6.17A.92.92,0,0,1,7.17,15.18Z" transform="translate(0 0)"/></svg>');
  background-size: 30px;
}

nav.SIDE .BLOCK > div.LIST {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 0 36 40"><path fill="%23eee" class="cls-1" d="M29.24,3H25.38V4.54h3.45v29.9H7.17V4.54h3.45V3H6.76A1.16,1.16,0,0,0,5.61,4.13V34.85A1.16,1.16,0,0,0,6.76,36H29.24a1.16,1.16,0,0,0,1.15-1.15V4.13A1.16,1.16,0,0,0,29.24,3Z" transform="translate(-5.61)"/><path fill="%23eee" class="cls-1" d="M13.08,6.34h9.84a1.49,1.49,0,0,0,1.49-1.49V2.29H20.29a2.29,2.29,0,1,0-4.58,0H11.59V4.85A1.49,1.49,0,0,0,13.08,6.34Zm4.92-5a1,1,0,1,1-1,1A1,1,0,0,1,18,1.32Z" transform="translate(-5.61)"/><rect fill="%23eee" class="cls-1" x="4.19" y="12.12" width="16.39" height="1.56"/><rect fill="%23eee" class="cls-1" x="4.19" y="15.23" width="16.39" height="1.56"/><rect fill="%23eee" class="cls-1" x="4.19" y="9" width="16.39" height="1.56"/><rect fill="%23eee" class="cls-1" x="4.19" y="18.34" width="16.39" height="1.56"/><rect fill="%23eee" class="cls-1" x="4.19" y="21.45" width="16.39" height="1.56"/><rect fill="%23eee" class="cls-1" x="4.19" y="24.57" width="16.39" height="1.56"/></svg>');
  background-size: 30px;
}

.WINDOW.HISTORY > .TITLE:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -3 36 40"><path fill="%23eee" class="cls-1" d="M18,0A18,18,0,1,0,36,18,18,18,0,0,0,18,0Zm0,33.79A15.79,15.79,0,1,1,33.79,18,15.8,15.8,0,0,1,18,33.79Z" transform="translate(0)"/><path fill="%23eee" class="cls-1" d="M17.94,19.3a1.05,1.05,0,0,1-1.06-1.05V6.68a1.06,1.06,0,0,1,2.11,0V18.25A1,1,0,0,1,17.94,19.3Z" transform="translate(0)"/><path fill="%23eee" class="cls-1" d="M30.55,18.25A1,1,0,0,1,29.5,19.3H17.94a1.06,1.06,0,1,1,0-2.11H29.5A1.05,1.05,0,0,1,30.55,18.25Z" transform="translate(0)"/></svg>');
  background-size: 30px;
}

nav.SIDE .BLOCK > div.MAIL,
.WINDOW.MAIL > .TITLE:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -7 36 40"><path fill="%23eee" class="cls-1" d="M3.76,30.33l-1.14,1-.06,0h0l1.19-1.07L15.63,19.64ZM16.17,17.72l0,0,0,0,.07.08ZM14,18.26,2.14,28.9l-1,.87-.11.11h0l1.07-1L14,18.26Z" transform="translate(0 -3.52)"/><path fill="%23eee" class="cls-1" d="M36,6.74V30a2.42,2.42,0,0,1-.12.76l-1-.86-1.07-1L22,18.26,33.86,8.5l1.07-.88Z" transform="translate(0 -3.52)"/><path fill="%23eee" class="cls-1" d="M34.42,32.3a2.6,2.6,0,0,1-.92.18H2.5a2.31,2.31,0,0,1-.91-.18l1-.9,1.19-1.07L15.63,19.64h0l.59.49.15.11a3.27,3.27,0,0,0,1.61.41,3.34,3.34,0,0,0,1.6-.41l.16-.11.59-.49,11.9,10.69,1.19,1.07Z" transform="translate(0 -3.52)"/><path fill="%23eee" class="cls-1" d="M14,18.26,2.14,28.9l-1,.87-.11.11v0l-.94.84A2.42,2.42,0,0,1,0,30V6.69l1.07.89,1.07.89Z" transform="translate(0 -3.52)"/><path fill="%23eee" class="cls-1" d="M1.18,29.77l-.11.11v0h0l1.07-1v0Zm2.58.56-1.14,1-.06,0h0l1.19-1.07Z" transform="translate(0 -3.52)"/><path fill="%23eee" class="cls-1" d="M35.43,4.43l-.83.68-.83.68L18.46,18.4a1.11,1.11,0,0,1-1,0L2.25,5.77l-.83-.68L.6,4.4a2.52,2.52,0,0,1,1.9-.88h31A2.53,2.53,0,0,1,35.43,4.43Z" transform="translate(0 -3.52)"/><path class="cls-1" d="M16.23,17.8l-.07-.08,0,0,0,0Z" transform="translate(0 -3.52)"/><path fill="%23eee" class="cls-1" d="M14,18.26,2.14,28.92l-1.07,1h0v0l.11-.11,1-.87L14,18.26Z" transform="translate(0 -3.52)"/><path fill="%23eee" class="cls-1" d="M16.23,17.8l-.07-.08,0,0,0,0Z" transform="translate(0 -3.52)"/><path fill="%23eee" class="cls-1" d="M15.63,19.64,3.78,30.33,2.59,31.4h0l.06,0,1.14-1Z" transform="translate(0 -3.52)"/></svg>');
  background-size: 30px;
}

nav.SIDE .BLOCK > div.PACKAGE {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 40"><path fill="%23eee" class="cls-1" d="M35.21,5.64,29.9.37A1.25,1.25,0,0,0,29,0H7.78a1,1,0,0,0-1,1.07V17.51H8.11V1.66a.24.24,0,0,1,.23-.24H28.28a.22.22,0,0,1,.21.23V6.07a1,1,0,0,0,1,1H34a.21.21,0,0,1,.21.22v27a.23.23,0,0,1-.22.24H8.34a.24.24,0,0,1-.23-.24V30.48H6.77v4.45a1,1,0,0,0,1,1.07H34.56a1,1,0,0,0,1-1.07V6.53A1.25,1.25,0,0,0,35.21,5.64Z" transform="translate(-0.43)"/><path  fill="%23eee" class="cls-1" d="M24.26,18.49h-23a.78.78,0,0,0-.78.78v9.45a.78.78,0,0,0,.78.78H24.26a.78.78,0,0,0,.78-.78V19.27A.78.78,0,0,0,24.26,18.49Zm-16,8.38a2.8,2.8,0,0,1-1.75.53,2.82,2.82,0,0,1-2.15-.9,3.4,3.4,0,0,1-.85-2.45,3.6,3.6,0,0,1,.85-2.55,2.9,2.9,0,0,1,2.23-.91,2.78,2.78,0,0,1,2,.71,2.61,2.61,0,0,1,.67,1.21l-1.32.32a1.35,1.35,0,0,0-1.38-1.11,1.5,1.5,0,0,0-1.19.53A2.6,2.6,0,0,0,4.87,24a2.76,2.76,0,0,0,.45,1.78,1.47,1.47,0,0,0,1.17.53,1.3,1.3,0,0,0,.91-.34A1.91,1.91,0,0,0,8,24.86l1.29.41A2.9,2.9,0,0,1,8.25,26.87Zm6.83-.44a2,2,0,0,1-.89.73,3.71,3.71,0,0,1-1.43.24,2.84,2.84,0,0,1-1.92-.58,2.48,2.48,0,0,1-.8-1.68L11.33,25a1.57,1.57,0,0,0,.48.95,1.4,1.4,0,0,0,1,.31,1.5,1.5,0,0,0,1-.27.82.82,0,0,0,.32-.64.6.6,0,0,0-.13-.4,1.06,1.06,0,0,0-.48-.28c-.16-.06-.51-.15-1.06-.29a3.53,3.53,0,0,1-1.5-.65,1.69,1.69,0,0,1-.61-1.33,1.72,1.72,0,0,1,.28-.94,1.78,1.78,0,0,1,.83-.66,3.13,3.13,0,0,1,1.29-.23,2.8,2.8,0,0,1,1.87.54,2,2,0,0,1,.66,1.45l-1.33.06a1.13,1.13,0,0,0-.37-.73,1.34,1.34,0,0,0-.84-.22,1.51,1.51,0,0,0-.91.24.46.46,0,0,0-.21.4.51.51,0,0,0,.2.4,3.24,3.24,0,0,0,1.22.44,6.31,6.31,0,0,1,1.43.48,1.75,1.75,0,0,1,.73.67,1.9,1.9,0,0,1,.26,1.05A2,2,0,0,1,15.08,26.43Zm4.53.85H18.19L15.84,20.7h1.44L19,25.57l1.61-4.87H22Z" transform="translate(-0.43)"/></svg>');
  background-size: 30px;
}

nav.SIDE .BLOCK > div.GROUP,
.WINDOW.GROUP > .TITLE:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -10 36 40"><path fill="%23eee" id="circle1112" class="cls-1" d="M7.62,6.59A5.41,5.41,0,0,0,2.21,12h0a5.41,5.41,0,0,0,5.41,5.41h0a5.33,5.33,0,0,0,2.77-.77,7.8,7.8,0,0,1-.31-2.17,7.93,7.93,0,0,1,2.1-5.37A5.43,5.43,0,0,0,7.62,6.59Zm20.76,0A5.4,5.4,0,0,0,23.82,9.1a7.93,7.93,0,0,1,2.1,5.37,7.8,7.8,0,0,1-.31,2.17,5.33,5.33,0,0,0,2.77.77A5.41,5.41,0,0,0,33.79,12h0a5.41,5.41,0,0,0-5.41-5.41ZM18,8.3a6.16,6.16,0,0,0-6.17,6.16h0A6.17,6.17,0,0,0,18,20.63h0a6.17,6.17,0,0,0,6.17-6.17h0A6.16,6.16,0,0,0,18,8.3ZM7.62,18.67c-2.68,0-8.77,4.63-7.43,5.65.77.58,5.16.83,9,.74A16.88,16.88,0,0,1,11,23.49a20.38,20.38,0,0,1,2.65-1.72C11.91,20.25,9.18,18.67,7.62,18.67Zm20.76,0c-1.56,0-4.29,1.58-6,3.1A20.38,20.38,0,0,1,25,23.49a16.88,16.88,0,0,1,1.82,1.57c3.82.09,8.21-.16,9-.74C37.15,23.3,31.06,18.67,28.38,18.67ZM18,22.11c-3.05,0-10,5.27-8.47,6.43s15.41,1.16,16.94,0S21.05,22.11,18,22.11Z" transform="translate(0 -6.59)"/></svg>');
  background-size: 30px;
}

nav.SIDE .BLOCK > div.USER,
.WINDOW.USER > .TITLE:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -2 36 40"><path fill="%23eee" id="circle1031" class="cls-1" d="M18,0A10.45,10.45,0,0,0,7.55,10.45h0A10.44,10.44,0,0,0,18,20.89h0A10.44,10.44,0,0,0,28.45,10.45h0A10.45,10.45,0,0,0,18,0Zm0,23.63c-5.17,0-16.93,8.94-14.35,10.9s26.11,2,28.7,0S23.17,23.63,18,23.63Z" transform="translate(-3.29)"/></svg>');
  background-size: 30px;
}

.WINDOW.EDIT > .TITLE:before,
.WINDOW.CHECK > .TITLE:before,
.WINDOW.SEARCH > .TITLE:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -8 36 40"><path fill="%23eee" class="cls-1" d="M34.88,13.31H19.31a4.37,4.37,0,0,1,1.1-1.61,4.84,4.84,0,0,0,1.72-3.64,1.13,1.13,0,0,0-2.25,0,2.79,2.79,0,0,1-1.09,2.09A5.78,5.78,0,0,0,17,13.31H1.12A1.13,1.13,0,0,0,0,14.44v13.5a1.12,1.12,0,0,0,1.12,1.12H34.88A1.12,1.12,0,0,0,36,27.94V14.44A1.13,1.13,0,0,0,34.88,13.31Zm-7.63,9.38v-3H30v3Zm-25,0v-3H4.5v3ZM19.5,15.56v2.63h-3V15.56Zm6,2.63V15.56h3v2.63ZM23,22.69v-3h2.75v3Zm-4.25,0v-3H21.5v3Zm-4.25,0v-3h2.75v3Zm-4.25,0v-3H13v3ZM24,18.19H21V15.56h3Zm-9,0H12V15.56h3Zm-4.5,0h-3V15.56h3ZM6,19.69H8.75v3H6Zm21.75,4.5v2.62H8.25V24.19Zm3.75-4.5h2.25v3H31.5Zm2.25-1.5H30V15.56h3.75ZM6,15.56v2.63H2.25V15.56ZM2.25,24.19h4.5v2.62H2.25Zm27,2.62V24.19h4.5v2.62Z" transform="translate(0 -6.94)"/></svg>');
  background-size: 30px;
}

.WINDOW.SEARCH .BLOCK .SECTION {
  border: none;
}

/*--------------------------------------------------------------------*/
@media screen and (max-width: 844px) {
  .WINDOW.LOGIN {
    margin: auto;
    min-width: 320px !important;
  }
  #sidebarMenu {
    width: 100%;
    height: auto;
    transform: translateX(844px);
  }
  .SideNavList {
    display: flex;
    flex-wrap: wrap;
    width: 195px;
    margin: auto;
  }
  .SideNavList .SideNavBox {
    width: 64px;
    height: 64px;
  }
  nav.SIDE {
    margin: 0;
    padding: 50px 25px;
  }
  .SideNaviLogout::after {
    font-size: 32px;
    bottom: 35px;
    right: 42px;
  }
  .SideNaviInfo2::after,
  .SideNaviInfo::after {
    font-size: 32px;
    bottom: 35px;
    right: 40px;
  }
  .SideNaviHelp::after {
    font-size: 32px;
    bottom: 35px;
    right: 34px;
  }
  .SideNaviContact::after {
    font-size: 32px;
    bottom: 32px;
    right: 48px;
  }
  .SideNaviSerach::after {
    font-size: 32px;
    bottom: 30px;
    right: 28px;
  }
  .SideNaviSetting::after {
    font-size: 32px;
    bottom: 30px;
    right: 28px;
  }
  .sidebarIconToggle {
    top: 6px;
    right: 6px;
  }
  .CourseWrap {
    width: calc(100% - 10px) !important;
    margin: 0 5px 5px;
  }
  .Couese_Title {
    font-size: 1.2rem;
  }
  .Couese_Title_wap {
    padding: 10px 10px 10px 60px;
    margin: 5px;
    font-size: 1rem;
  }
  .Course_description {
    flex-direction: column;
  }
  .Course_description > .DESC {
    margin: 10px;
    font-size: 1rem;
  }
  .Course_description img {
    height: -moz-fit-content;
    height: fit-content;
    width: 95%;
    padding: 0;
    margin: 0 auto;
  }
  .DATE,
  .DESCRIPTION {
    margin: 0 10px;
    font-size: 0.8rem;
  }
  .couese_img + .TYPE {
    font-size: 0.7rem;
    color: #777777;
  }
  .couese_img + .TYPE + .TITLE {
    font-size: 1rem;
    margin-left: 10px;
    padding-right: 10px;
  }
  .CONTENTbadge1, .CONTENTbadge2 {
    margin-left: auto;
  }
  .gauge {
    height: 20px;
    margin-top: 3px;
    width: 240px;
    margin-left: calc(100% - 240px);
  }
  .gauge .label {
    top: 0;
  }
  .swiper-container {
    width: calc(100% - 20px) !important;
    margin-left: 10px;
    margin-right: 10px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    width: 40px;
    height: 40px;
  }
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 28px;
  }
  .swiper-parent {
    margin-bottom: 5px;
  }
  .acd-label::before,
  .acd-label:after {
    left: 1px;
    top: 2px;
  }
  .acd-label::before + .Serach,
  .acd-label:after + .Serach {
    left: 10px;
    top: 20px;
  }
  .CustomSearchRow {
    width: 100%;
    padding: 5px;
  }
  .CustomSearchRow2 {
    padding: 0;
  }
  .CustomSearchRow2 input[type=date] {
    width: 100%;
  }
  .CustomSearchRow2 > div {
    width: 50%;
    margin-right: 0;
    padding: 5px;
  }
  .CustomSearchRow2 > div:first-child {
    width: 60%;
  }
  .ui-button-text-only .ui-button-text {
    padding: 0.6em 0.5em;
  }
  .SECTIONFlex {
    display: block;
  }
  .CustomSearchRow > .SECTION > .CAPTION, .CustomSearchRow2 > div > .SECTION > .CAPTION, .CustomSearchRow2 > div > .CAPTION {
    padding: 5px;
    font-size: 1rem;
    background-color: #1c7fa9;
  }
  .CustomSearchRow > .SECTION > .PARTS input {
    padding: 5px;
  }
}/*# sourceMappingURL=custom.mobile.lms.css.map */