@charset "UTF-8";
/*!
 *   OnMee v1.0.1
 *     Original styles
 *   Author: CI
 *   Website: CI <https://creative-innovation.co.jp>
 */
/**
 * ページャー
 */
cr-pager {
  /* 未選択ページのボタン */
  /* 選択ページのボタン */
  /* マウスが重なった時 */
  /* クリックした時の影（数字） */
  /* クリックした時の影（前、次） */
  /* 前、次ボタンの活性状態 */
  /* 前、次ボタンの非活性状態 */
}
cr-pager .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin: 0 5px;
  line-height: 1.25;
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  width: 37px;
  height: 37px;
  font-size: 0.9rem;
  font-family: "MyRounded";
  font-weight: bold;
  border-radius: 100%;
}
cr-pager .page-item.active .page-link {
  z-index: 3;
  margin: 0 5px;
  color: #000;
  background-color: #fff;
  border-color: #000;
  border-width: 2px;
  width: 37px;
  height: 37px;
  font-size: 0.9rem;
  font-family: "MyRounded";
  font-weight: bold;
  border-radius: 100%;
}
cr-pager .page-link:hover {
  z-index: 2;
  color: #000;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
cr-pager .page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(222, 226, 230, 0.5);
}
cr-pager .page-previous-next > .page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
cr-pager .page-item.page-previous-next .page-link {
  color: #000;
  pointer-events: auto;
  cursor: hand;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
cr-pager .page-item.disabled .page-link {
  color: #d3d9df;
  pointer-events: none;
  cursor: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

/**
 * アラートメッセージ（画面下部に出力）
 */
cr-alertmessage .alert-position {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 3;
  margin-bottom: 0;
}
cr-alertmessage .alert-yellow {
  color: #111;
  background-color: #FFF13E;
  border-color: #FFF13E;
  border-radius: 0;
  margin: 0;
}

/**
 * カスタムボタン
 */
cr-custombutton {
  font-family: MyRounded;
  /* 背景色ターコーズブルー、文字白のボタン --- ここから --- */
  /* 背景色ターコーズブルー、文字白のボタン --- ここまで --- */
  /* 背景色 黒、文字白のボタン --- ここから --- */
  /* ボタン内右に＞等を付ける場合 */
  /* 背景色 黒、文字白のボタン --- ここまで --- */
  /* ボタン内右に＞等を付ける場合 */
  /* サイズ */
  /* 文字色　赤、 縁がグレー、背景白ボタン */
  /* 文字色 縁が黒色、背景白ボタン */
  /* ボタン内左に＜等を付ける場合 */
  /* 背景黒、文字色白ボタン */
}
cr-custombutton .btn-turquoise-blue {
  color: #fff;
  background-color: #54B5CB;
  border: 2px solid #54B5CB;
  box-shadow: none;
}
cr-custombutton .btn-turquoise-blue:hover {
  color: #54B5CB;
  background-color: #fff;
}
cr-custombutton .btn-turquoise-blue.focus, cr-custombutton .btn-turquoise-blue:focus {
  color: #fff;
  background-color: #54B5CB;
  border: 2pxsolid #54B5CB;
  box-shadow: none;
}
cr-custombutton .btn-turquoise-blue.disabled, cr-custombutton .btn-turquoise-blue:disabled {
  color: #fff;
  background-color: #54B5CB;
  border: 2pxsolid #54B5CB;
  box-shadow: none;
}
cr-custombutton .btn-black {
  color: #fff;
  background-color: #111;
  border-color: #111;
  box-shadow: none;
}
cr-custombutton .btn-black:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
cr-custombutton .btn-black.focus, cr-custombutton .btn-black:focus {
  color: #fff;
  background-color: #6c757d;
  border-color: #343a40;
  box-shadow: 0 0 0 0 rgba(161, 148, 148, 0.4);
}
cr-custombutton .btn-black.disabled, cr-custombutton .btn-black:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
cr-custombutton .btn-black-flexbox {
  position: relative;
}
cr-custombutton .btn-black-flexbox > i {
  font-size: 20px;
  position: absolute;
  right: 15px;
  margin-top: 2px;
}
cr-custombutton .btn-black-flexbox-left {
  position: relative;
}
cr-custombutton .btn-black-flexbox-left > i {
  font-size: 20px;
  position: absolute;
  left: 15px;
  margin-top: 2px;
}
cr-custombutton .right .flexbox {
  display: flex;
  justify-content: center;
  position: relative;
}
cr-custombutton .right .flexbox i {
  font-size: 20px;
  position: absolute;
  right: 0;
}
cr-custombutton .size-50-250-center {
  height: 50px;
  width: 250px;
  margin: 0 auto;
  border-radius: 10px;
  /* 角丸み */
}
cr-custombutton .size-35-260-radius25 {
  height: 35px;
  width: 260px;
  border-radius: 25px;
  /* 角丸み */
  font-size: 0.85rem;
}
cr-custombutton .size-35-260-radius25 i {
  font-size: 0.95rem;
}
cr-custombutton .size-50-200-radius25 {
  height: 50px;
  width: 200px;
  border-radius: 25px;
  /* 角丸み */
}
cr-custombutton .size-50-250-radius25 {
  height: 50px;
  width: 250px;
  border-radius: 25px;
  /* 角丸み */
}
cr-custombutton .size-70-340-radius15 {
  height: 70px;
  width: 340px;
  border-radius: 15px;
  /* 角丸み小 */
}
cr-custombutton .size-30-200-radius5 {
  height: 30px;
  width: 200px;
  border-radius: 5px;
  /* 角丸み小 */
  font-size: 0.8rem;
}
cr-custombutton .size-50-180-radius10 {
  height: 50px;
  width: 180px;
  border-radius: 10px;
  /* 角丸み中 */
}
cr-custombutton .size-40-180-radius20 {
  height: 40px;
  width: 180px;
  border-radius: 20px;
  /* 角丸み */
}
cr-custombutton .line-height-4vh {
  line-height: 4vh;
}
cr-custombutton .line-height-25px {
  line-height: 25px;
}
cr-custombutton .radius-15 {
  border-radius: 15px;
}
cr-custombutton .radius-20 {
  border-radius: 20px;
}
cr-custombutton .fontsize-075rem {
  font-size: 0.75rem;
}
cr-custombutton .btn-edge-gray-string-red {
  background-color: #fff;
  color: #d85159;
  font-weight: bold;
  border: 2px solid #ccc;
}
cr-custombutton .btn-edge-black {
  background-color: #fff;
  color: #000;
  font-weight: bold;
  border: 2px solid #000;
}
cr-custombutton .btn-edge-black.left .flexbox {
  display: flex;
  justify-content: center;
  position: relative;
}
cr-custombutton .btn-edge-black.left .flexbox i {
  font-size: 20px;
  position: absolute;
  left: 0;
  right: inherit;
}
cr-custombutton .btn-edge-black.left:hover {
  background-color: #000;
  color: #fff;
  border: 2px solid #fff;
}
cr-custombutton .btn-edge-black.left.flexbox:hover {
  background-color: #000;
}
cr-custombutton .btn-edge-black.left.flexbox:hover i {
  background-color: #000;
  color: #fff;
}
cr-custombutton .btn-black {
  background-color: #000000;
  color: #FFFFFF;
  font-weight: bold;
  border: 2px solid #000000;
}
cr-custombutton .btn-black:hover {
  background-color: #FFFFFF;
  color: #000000;
  border: 2px solid #000000;
}
cr-custombutton .btn-black.flexbox:hover {
  background-color: #FFFFFF;
  color: #000000;
}
cr-custombutton .btn-black.flexbox:hover i {
  background-color: #FFFFFF;
  color: #000000;
}

/**
 * カスタムスライダー
 */
cr-customslider input {
  width: 100%;
}
cr-customslider input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
}
cr-customslider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #cccccc;
}
cr-customslider input[type=range]::-moz-range-thumb {
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #cccccc;
}
cr-customslider input[type=range]::-moz-focus-outer {
  border: 0;
}

/**
 * 見出し（中項目）
 */
cr-headinggroup .heading-group {
  font-family: MyRounded, Meiryo, sans-serif;
  font-weight: bold;
  font-size: x-large;
  text-align: center;
  margin: 20px 0;
}
cr-headinggroup .heading-group > p {
  font-family: MyRounded, Meiryo, sans-serif;
  font-size: small;
  margin-bottom: 0;
}

/**
 * 破線ライン（水平線）
 */
cr-hr {
  /* 黒 */
  /* グレー */
}
cr-hr .horizontal-dashed-line {
  height: 5px;
  margin: 15px 0;
  background-size: 16px 2px;
  background-position: top;
  background-repeat: repeat-x;
}
cr-hr .horizontal-dashed-line.black {
  background-image: linear-gradient(to right, #000, #000 8px, transparent 8px, transparent 16px);
}
cr-hr .gray.horizontal-dashed-line {
  background-image: linear-gradient(to right, #adb5bd, #adb5bd 8px, transparent 8px, transparent 16px);
}
cr-hr .light-gray.horizontal-dashed-line {
  background-image: linear-gradient(to right, #e5e5e5, #e5e5e5 8px, transparent 8px, transparent 16px);
}

/**
 * 「気になる」ボタン
 */
cr-imgfavorite {
  /* 星マーク画像の周り枠 */
  /* 星マークのサイズ指定 */
}
cr-imgfavorite .favorite-box {
  background: #dddddd;
  width: 50px;
  height: 50px;
  position: relative;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  /* 角丸み */
}
cr-imgfavorite .favorite-img {
  width: 20px;
  height: 20px;
}

/**
 * 企業カバー画像
 */
cr-organizationcoverimage .home-image-wrapper {
  position: relative;
  width: 100%;
  margin: 3% auto 0;
}
cr-organizationcoverimage .home-image-wrapper .home-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
cr-organizationcoverimage .home-image-wrapper .home-image .cover-filter {
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
}
cr-organizationcoverimage .home-image-wrapper .home-image .cover-filter .logo-image {
  position: absolute;
  bottom: 15px;
  left: 25px;
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
cr-organizationcoverimage .home-image-wrapper .home-image .cover-filter .organization-name {
  position: absolute;
  color: #fff;
  font-size: 1.3rem;
  bottom: 20px;
  left: 110px;
}
cr-organizationcoverimage .home-image-wrapper .home-image .cover-filter .organization-name .invitation-status {
  font-size: 0.8rem;
  padding: 2px 10px;
  border-radius: 10px;
}
cr-organizationcoverimage .home-image-wrapper .home-image .cover-filter .organization-name .invitation-status-1 {
  color: #ffffff;
  background-color: #54B5CB;
  cursor: pointer;
}
cr-organizationcoverimage .home-image-wrapper .home-image .cover-filter .organization-name .invitation-status-2,
cr-organizationcoverimage .home-image-wrapper .home-image .cover-filter .organization-name .invitation-status-3 {
  color: #111111;
  background-color: #FFF13E;
  cursor: pointer;
}
cr-organizationcoverimage .home-image-wrapper .home-image .cover-filter .organization-name .invitation-status-4 {
  color: #111111;
  background-color: #F1F1F1;
}
cr-organizationcoverimage .home-image-wrapper:before {
  content: "";
  display: block;
  padding-top: 42%;
}

/**
 * 検索
 */
cr-searchjobbox {
  /* 外枠 */
  /* 内線（一旦削除） */
  /* 内線（下） */
  /* 内線（右） */
  /* 検索項目のセル */
  /* セルでの水平中央揃え用（他の効かないので） */
  /* 空白セル */
  /* テーブルの内のアイコン */
  /* テーブルの内の右側プラスアイコン */
}
cr-searchjobbox :root {
  --searchbox-width: 100%;
}
cr-searchjobbox .table-border-radius {
  border: 3px solid black;
  border-radius: 25px;
  border-spacing: 0;
  border-collapse: separate;
  max-width: 600px;
  margin: 0 auto 0 auto;
}
cr-searchjobbox .table-bordered td {
  border: none;
  vertical-align: middle;
  /* 中央揃え */
}
cr-searchjobbox .table-bordered > tbody > tr > td.td-bottom-line {
  border-bottom: 1px solid #E2E2E2;
}
cr-searchjobbox .table-bordered > tbody > tr > td.td-right-line {
  border-right: 1px solid #E2E2E2;
}
cr-searchjobbox .td-search-item {
  width: calc((var(--searchbox-width) - 20px) / 2);
  /* テーブル左右の空白サイズ(20px)を引く */
  cursor: pointer;
}
cr-searchjobbox .td-search-item .param-text {
  font-size: 0.8rem;
  color: #999999;
}
cr-searchjobbox .margin-y-set-l {
  margin-top: 20px;
  margin-bottom: 20px;
}
cr-searchjobbox .td-empty {
  width: 10px;
}
cr-searchjobbox td > div > img.img-icon {
  height: 18px;
  width: 18px;
  margin: 0 5px 3px 0;
}
cr-searchjobbox .plus-grey {
  color: #a9a9a9;
}
cr-searchjobbox .i-plus-flexbox {
  position: relative;
}
cr-searchjobbox .i-plus-flexbox > div > i {
  font-size: 20px;
  position: absolute;
  right: 15px;
  margin-top: 3px;
}

/**
 * セレクトボックス
 */
cr-select {
  /* セレクトボックスの枠 */
  /* セレクトボックスの矢印（上） */
  /* セレクトボックスの矢印（下） */
  /* セレクトボックスの文字色と文字周りの余白（pattern01） */
  /* セレクトボックスのサイズ（size01） */
}
cr-select .cmn_select {
  overflow: hidden;
  width: 90%;
  text-align: center;
}
cr-select .cmn_select select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
cr-select .cmn_select select::-ms-expand {
  display: none;
}
cr-select .cmn_select.pattern01 {
  position: relative;
  border: 1px solid #000;
  border-radius: 10px;
  background: #ffffff;
}
cr-select .cmn_select.pattern01::before {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-bottom: 6px solid #000;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  pointer-events: none;
}
cr-select .cmn_select.pattern01::after {
  position: absolute;
  top: 19px;
  right: 9px;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
  pointer-events: none;
}
cr-select .cmn_select.pattern01 select {
  padding: 5px 38px 5px 15px;
  color: #000;
}
cr-select .cmn_select.size01 {
  max-width: 110px;
  height: 36px;
}
@media (min-width: 370px) {
  cr-select .cmn_select.size01 {
    max-width: 130px;
  }
}
@media (min-width: 480px) {
  cr-select .cmn_select.size01 {
    max-width: 180px;
  }
}
@media (min-width: 768px) {
  cr-select .cmn_select.size01 {
    max-width: 200px;
  }
}
cr-select .admin-login-select select {
  width: 100%;
  border: 1px solid #ced4da;
  border-radius: 15px;
  padding-top: 1vh;
  padding-bottom: 1vh;
  padding-left: 10px;
}

/**
 * タグ（条件タグ）
 */
cr-tag .condition-tag {
  display: inline-block;
  background: #E2E2E2;
  border-radius: 20px;
  height: 25px;
}

/**
 * タイトル
 */
cr-title {
  /* OnMeeRecruitment部分 */
}
cr-title .title-box {
  text-align: center;
}
cr-title .title-name {
  font-family: MyRounded, Meiryo, sans-serif;
  font-weight: bold;
  font-size: x-large;
  line-height: 1;
}

/**
 * フラッシュメッセージ
 */
cr-flashmessage .flash-message-box {
  color: #ffffff;
  padding: 20px 15px;
  border-radius: 15px;
  margin: 5px;
}
cr-flashmessage .flash-message-box.turquoise-blue {
  color: #fff;
  background-color: #54B5CB;
  border-color: #54B5CB;
  box-shadow: none;
}
cr-flashmessage .flash-message-box.red {
  color: #fff;
  background-color: #d85159;
  border-color: #d85159;
  box-shadow: none;
}
cr-flashmessage .flash-message-box .white-button {
  min-width: 4vw;
  background-color: #ffffff;
  border-radius: 20px;
  border-shadow: none;
  font-size: 20px;
  padding-top: 5px;
  cursor: pointer;
}
cr-flashmessage .flash-message-box .turquoise-blue {
  color: #54B5CB !important;
}
cr-flashmessage .flash-message-box .red {
  color: #d85159 !important;
}

cr-videomodal .video-container {
  position: relative;
}
cr-videomodal .video-thumbnail {
  width: 100%;
  border-radius: 15px;
}
cr-videomodal .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 60px;
  color: #ffffff;
  cursor: pointer;
}

cr-error404 .error-container,
cr-error500 .error-container {
  width: 100%;
  height: 100%;
  background: #EEECE8;
  color: #333333;
  text-align: center;
  font-family: "MyRounded";
  font-weight: bold;
}
cr-error404 .error-container .error-code,
cr-error500 .error-container .error-code {
  width: 100%;
  font-size: 6rem;
}
cr-error404 .error-container .error-title,
cr-error500 .error-container .error-title {
  width: 100%;
  font-size: 2rem;
}
cr-error404 .error-container .error-message,
cr-error500 .error-container .error-message {
  width: 100%;
  font-size: 1rem;
}
cr-error404 .error-container .error-submessage,
cr-error500 .error-container .error-submessage {
  width: 100%;
  font-size: 1rem;
  font-weight: normal;
}
cr-error404 .error-container .back-link,
cr-error500 .error-container .back-link {
  width: 100%;
  font-size: 1rem;
  text-decoration: underline;
  font-weight: normal;
}
cr-error404 .error-container .back-link a,
cr-error500 .error-container .back-link a {
  color: #707070;
}
cr-error404 .error-container .back-link a:hover,
cr-error500 .error-container .back-link a:hover {
  color: #54B5CB;
}

cr-layout {
  /* vendor.css指定の背景色を変更 */
  /* 1画面サイズ設定用 ーーーここから */
  /* 1画面サイズ設定用 ーーーここまで */
  /* フッターが下に来るための処理 ーーーここから */
  /* フッターが下に来るための処理 ーーーここまで */
}
cr-layout .content-wrapper {
  background-color: #fff;
}
cr-layout :root {
  --wrapper-min-height: 100vh;
  --header-height: 75px;
  /* default値を設定。フロントから変更 */
  --footer-height: 200px;
  /* default値を設定。フロントから変更 */
  --layout-height: 100%;
  --spaces-footer: 200px;
  /* default値を設定。フロントから変更 */
}
cr-layout .wrapper {
  min-height: var(--wrapper-min-height);
}
cr-layout .wrapper {
  margin: 0;
  display: flex;
  flex-flow: column;
  /* 縦 */
}
cr-layout .content-wrapper {
  position: relative;
}
cr-layout .main-footer {
  width: 100%;
  height: var(--footer-height);
  /* フッターの縦 */
  position: absolute;
  bottom: 0;
}
cr-layout .spaces-footer {
  height: var(--spaces-footer);
}
cr-layout .my-header {
  height: var(--header-height);
}
cr-layout .wrapper .content-wrapper {
  min-height: calc( var(--wrapper-min-height) - var(--header-height) - var(--footer-height) );
}
cr-layout .dashed-line {
  border-top: 2px dashed #111;
  margin: 0 auto;
}

cr-layoutfull {
  /* 1画面サイズ取得用 ーーーここから */
  /* 1画面サイズ取得用 ーーーここまで */
  /* フッターが下に来るための処理 ーーーここから */
  /* フッターが下に来るための処理 ーーーここまで */
}
cr-layoutfull :root {
  --wrapper-min-height: 100vh;
  --header-height: 75px;
  /* default値を設定。フロントから変更 */
  --footer-height: 200px;
  /* default値を設定。フロントから変更 */
  --layout-height: 100%;
  --spaces-footer: 200px;
  /* default値を設定。フロントから変更 */
}
cr-layoutfull .wrapper {
  min-height: var(--wrapper-min-height);
}
cr-layoutfull .layoutfull-page {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}
cr-layoutfull .layoutfull-box {
  width: 90%;
  margin: 10px auto;
  overflow: auto;
}
@media (min-width: 576px) {
  cr-layoutfull .layoutfull-box {
    width: 480px;
    margin: auto;
    overflow: auto;
  }
}
cr-layoutfull .wrapper {
  margin: 0;
  display: flex;
  flex-flow: column;
  /* 縦 */
}
cr-layoutfull .content-full {
  position: relative;
}
cr-layoutfull .main-footer {
  width: 100%;
  height: var(--footer-height);
  /* フッターの縦 */
  position: absolute;
  bottom: 0;
}
cr-layoutfull .spaces-footer {
  height: var(--spaces-footer);
  width: 100%;
}
cr-layoutfull .my-header {
  height: var(--header-height);
}
cr-layoutfull .header-small-blue {
  background-color: #54B5CB;
}
cr-layoutfull .header-small-blue .name-logo {
  color: #fff;
  font-weight: normal;
}
cr-layoutfull .header-small-blue cr-link {
  text-decoration: none;
}
cr-layoutfull .wrapper .content-full {
  min-height: calc( var(--wrapper-min-height) - var(--header-height) - var(--footer-height) );
}

cr-layoutcenter {
  /* 1画面サイズ取得用 ーーーここから */
  /* 1画面サイズ取得用 ーーーここまで */
  /* フッターが下に来るための処理 ーーーここから */
  /* フッターが下に来るための処理 ーーーここまで */
}
cr-layoutcenter :root {
  --wrapper-min-height: 100vh;
  --header-height: 75px;
  /* default値を設定。フロントから変更 */
  --footer-height: 200px;
  /* default値を設定。フロントから変更 */
  --layout-height: 100%;
  --spaces-footer: 200px;
  /* default値を設定。フロントから変更 */
}
cr-layoutcenter .wrapper {
  min-height: var(--wrapper-min-height);
}
cr-layoutcenter .wrapper {
  margin: 0;
  display: flex;
  flex-flow: column;
  /* 縦 */
}
cr-layoutcenter .content-full {
  position: relative;
}
cr-layoutcenter .main-footer {
  width: 100%;
  height: var(--footer-height);
  /* フッターの縦 */
  position: absolute;
  bottom: 0;
}
cr-layoutcenter .spaces-footer {
  height: var(--spaces-footer);
  width: 100%;
}
cr-layoutcenter .my-header {
  height: var(--header-height);
}
cr-layoutcenter .header-small-blue {
  background-color: #54B5CB;
}
cr-layoutcenter .header-small-blue .name-logo {
  color: #fff;
  font-weight: normal;
}
cr-layoutcenter .header-small-blue cr-link {
  text-decoration: none;
}
cr-layoutcenter .wrapper .content-full {
  min-height: calc( var(--wrapper-min-height) - var(--header-height) - var(--footer-height) );
}

cr-header {
  /* OnMeeRecruitment部分 */
  /* ハンバーガー ーーーここから */
  /* タップされたとき三本線を「×」マークに ーーーここから */
  /* タップされたとき三本線を「×」マークに ーーーここまで */
  /* チェックボックス非表示 */
  /* ハンバーガー ーーーここまで */
  /* ハンバーガーのメニュー ーーーここから */
  /* アコーディオン（タイトル部分）ーーーここから */
  /* アコーディオン（タイトル部分）ーーーここまで */
  /* アコーディオンの中の実線ありの枠 ーーーここから */
  /* アコーディオンの中の実線ありの枠 ーーーここまで */
  /* アコーディオンの中のアコーディオン ーーーここから */
  /* アコーディオンの中のアコーディオン ーーーここまで */
  /* アコーディオンの中のリスト ーーーここから */
  /* アコーディオンの中のリスト ーーーここまで */
  /* 企業ロゴ等 ーーーここから */
  /* 会社ロゴ */
  /* 会社名 */
  /* 企業ロゴ等 ーーーここまで */
  /* ハンバーガーのメニュー ーーーここまで */
  /* 画像を丸くトリミング */
  /* 求職者専用メニュー */
}
cr-header .name-logo {
  font-family: MyRounded, Meiryo, sans-serif;
  font-weight: bold;
  font-size: x-large;
  line-height: 1;
}
@media (min-width: 768px) {
  cr-header .hamburger-menu {
    display: none;
  }
}
@media (min-width: 974px) {
  cr-header .hamburger-menu-admin {
    display: none;
  }
}
cr-header .menu-btn {
  position: fixed;
  top: 10px;
  right: 10px;
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  z-index: 90;
  border-radius: 50%;
  border: 1.5px solid #000;
}
cr-header .menu-btn span,
cr-header .menu-btn span:before,
cr-header .menu-btn span:after {
  content: "";
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background-color: #111;
  position: absolute;
}
cr-header .menu-btn span:before {
  bottom: 8px;
}
cr-header .menu-btn span:after {
  top: 8px;
}
cr-header #menu-btn-check:checked ~ .menu-btn span {
  background-color: rgba(255, 255, 255, 0);
  /*メニューオープン時は真ん中の線を透明にする*/
}
cr-header #menu-btn-check:checked ~ .menu-btn span::before {
  bottom: 0;
  transform: rotate(45deg);
}
cr-header #menu-btn-check:checked ~ .menu-btn span::after {
  top: 0;
  transform: rotate(-45deg);
}
cr-header #menu-btn-check {
  display: none;
}
cr-header .menu-contents {
  width: 100%;
  height: 100%;
  position: fixed;
  top: -200%;
  /*メニューを画面外へ*/
  left: 0;
  z-index: 80;
  background-color: #FFFFFF;
  transition: top 0.5s;
  /*アニメーション設定*/
  overflow-y: scroll;
}
cr-header #menu-btn-check:checked ~ .menu-contents {
  top: 0;
  /*メニューを画面内へ*/
}
cr-header .menu-accordion {
  margin: 75px 0 0 0;
}
cr-header .menu-toggle {
  display: none;
}
cr-header .menu-option {
  position: relative;
}
cr-header .menu-title,
cr-header .menu-content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
cr-header .menu-title {
  border: solid 1px #e7e0d7;
  background-color: #EEECE8;
  padding: 1em;
  margin-bottom: 0;
  display: block;
  color: #333;
  font-family: MyRounded, Meiryo, sans-serif;
  font-weight: bold;
  font-size: large;
}
cr-header .menu-title::after,
cr-header .menu-title::before {
  content: "";
  position: absolute;
  right: 30px;
  top: 20px;
  width: 3px;
  height: 25px;
  background-color: #999;
  transition: all 0.3s;
}
cr-header .menu-title::after {
  transform: rotate(90deg);
}
cr-header .menu-content {
  max-height: 0;
  overflow: hidden;
}
cr-header .menu-toggle:checked + .menu-title + .menu-content {
  max-height: 100vh;
  transition: all 1.5s;
  flex-flow: column;
  /* 縦 */
  display: flex;
  width: 90vw;
  margin: 10px auto;
}
cr-header .menu-toggle:checked + .menu-title::before {
  transform: rotate(90deg) !important;
}
cr-header .content-box {
  display: inline-block;
  border: 1px solid #dcdbdb;
  border-radius: 10px;
  text-align: center;
  padding: 10px;
  height: 60px;
  width: calc((90vw - 10px) / 2);
}
cr-header .content-right {
  float: right;
}
cr-header .content-box2 {
  border: 1px solid #dcdbdb;
  border-radius: 10px;
  text-align: center;
  width: 90vw;
}
cr-header .horizontal {
  display: flex;
  /* 横 */
  flex-wrap: wrap;
  /* 横 */
  align-items: center;
  /* 縦中央寄せ */
}
cr-header .text-align-left {
  text-align: left;
}
cr-header .box2-h {
  height: 80px;
}
cr-header .inside-box2 {
  width: calc((100% - 2px) / 2);
}
cr-header .line {
  width: 1px;
  height: 60px;
  background-color: #dcdbdb;
}
cr-header .menu-p {
  margin: 0;
  font-weight: bold;
  font-size: 0.8rem;
}
cr-header .data-p {
  margin: 1rem 0 0.25rem 1rem;
  font-size: 0.8rem;
  color: #c0bfbf;
}
cr-header .menu-accordion2 {
  margin: 0;
}
cr-header .menu-toggle2 {
  display: none;
}
cr-header .menu-option2 {
  position: relative;
}
cr-header .menu-title2,
cr-header .menu-content2 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
  width: 100%;
}
cr-header .menu-title2 {
  padding: 16px 16px 5px 16px;
  margin-bottom: 0;
  display: block;
}
cr-header .menu-title2 a {
  color: #333;
}
cr-header .menu-title2::before {
  content: "";
  position: absolute;
  top: 20px;
  right: 30px;
  width: 13px;
  /* くの字を山なりに見た時、左側の長さ */
  height: 13px;
  /* くの字を山なりに見た時、右側の長さ */
  border-top: 3px solid #999;
  /* くの字を山なりに見た時、左側の太さと色 */
  border-right: 3px solid #999;
  /* くの字を山なりに見た時、右側の太さと色 */
  transform: rotate(135deg);
  /* くの字の向き */
}
cr-header .menu-content2 {
  max-height: 0;
  overflow: hidden;
}
cr-header .menu-toggle2:checked + .menu-title2 + .menu-content2 {
  max-height: 500px;
  transition: all 1.5s;
}
cr-header .menu-toggle2:checked + .menu-title2::before {
  transform: rotate(315deg) !important;
  /* くの字の向き */
}
cr-header .content-accordion {
  margin: 0 !important;
  padding-left: 10vw !important;
  width: 100% !important;
}
cr-header .content2-bk {
  width: 100vw;
  margin-left: -10vw;
  padding-left: 13vw;
  background-color: #f1f0f0;
}
cr-header .title2-ul {
  padding: 0 0 0 16px !important;
}
cr-header .menu-content ul {
  padding: 10px 10px 0;
}
cr-header .menu-content ul li {
  list-style: none;
}
cr-header .menu-content ul li a {
  display: block;
  width: 100%;
  font-size: 1rem;
  box-sizing: border-box;
  color: #111;
  text-decoration: none;
  padding: 5px 0;
  position: relative;
}
cr-header .container-organization-cover {
  position: relative;
  /* 場所指定時の起点 ※A */
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100px;
}
cr-header .organization-logo-image {
  /* 位置 */
  position: absolute;
  /* 要素の配置方法：絶対配置（起点※A） */
  top: 20px;
  left: 20px;
  /* 画像を丸くトリミング */
  border-radius: 50%;
  object-fit: cover;
  /* アスペクト比を維持。拡大縮小 */
  width: 65px;
  height: 65px;
}
cr-header .organization-name {
  position: absolute;
  /* 要素の配置方法：絶対配置（起点※A） */
  top: 30px;
  left: 100px;
  /* 2行目以降の文字スタート位置 */
  padding-left: 10px;
  /* 余白 */
  text-indent: -10px;
  /* 1行目を余白分移動 */
}
cr-header .red {
  color: #d85159;
}
cr-header .icon-color {
  color: #54B5CB !important;
}
cr-header .icon-color-white {
  color: #FFFFFF !important;
}
cr-header .bg-color {
  background-color: #EEECE8;
}
cr-header #header-user-info-box {
  min-width: 300px !important;
}
cr-header .turquoise-box {
  border-radius: 15px;
  width: 30px;
  height: 18px;
  background-color: #54B5CB;
  color: #FFFFFF;
  font-size: 0.8rem;
  text-align: center;
  font-weight: normal;
  display: inline-table;
  margin-top: -25px;
  padding-top: 0px;
  margin-left: 5px;
}
cr-header .trim-image-to-circle {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  object-fit: cover;
  border: 3px solid #FFF;
  /* 枠線表示 */
}
cr-header .jobseeker-menu-contents {
  border-bottom: 1px solid #aaa;
}
cr-header .jobseeker-menu-contents .menu-item {
  width: 100%;
  font-size: 1.1rem;
  list-style: none;
  border-top: 1px solid #aaa;
  padding: 14px 22px;
}
cr-header .jobseeker-menu-contents i {
  color: #54B5CB;
}
cr-header .period-icon {
  color: #ffffff;
  font-size: 0.7rem;
  border-radius: 10px;
  padding: 2px 5px;
  font-weight: bold;
}
cr-header .period-icon-trial {
  background: #FABE00;
}
cr-header .period-icon-active {
  background: #54B5CB;
}

cr-headersmall {
  text-align: center;
  /* OnMeeRecruitment部分 */
}
cr-headersmall .name-logo {
  height: 5vh;
  line-height: 5vh;
  margin: auto 0px;
  width: 100%;
  font-family: MyRounded, Meiryo, sans-serif;
  font-weight: bolder;
  font-size: large;
}

cr-footer {
  /* 全体 */
  /* フッターの高さ */
  /* OnMeeRecruitment部分 */
  /* リンク項目（会社概要等）ーーーここから */
  /* リンク項目（会社概要等）ーーーここまで */
}
cr-footer .main-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #000;
  color: #fff;
}
cr-footer .footer-h-default {
  height: 200px;
}
cr-footer .footer-h-copyright {
  height: 73px;
}
cr-footer .name-logo {
  font-family: MyRounded, Meiryo, sans-serif;
  font-weight: bold;
  font-size: x-large;
  text-align: center;
  line-height: 1;
}
cr-footer .link-items {
  text-align: center;
}
cr-footer .link-items > .item {
  display: inline-block;
  white-space: nowrap;
  margin: 3px 10px;
  font-size: 80%;
}
cr-footer .copyright {
  text-align: center;
  font-size: 70%;
}

cr-adminoffer,
cr-adminofferinfo,
cr-adminofferconfirm,
cr-adminofferedit,
cr-adminofferregist,
cr-adminofferregistconfirm,
cr-adminofferregistcomplete,
cr-adminforgotpassword,
cr-adminupdatepassword,
cr-adminupdatepasswordcomplete,
cr-adminforgotpasswordcomplete,
cr-registermail,
cr-registermailcomplete,
cr-mailautherror,
cr-registerorganization,
cr-confirmorganization,
cr-registerorganizationcomplete,
cr-adminhome,
cr-adminorganizationinfo,
cr-adminorganizationedit,
cr-adminorganizationconfirm {
  /* ・・・にカーソルを合わせた時のメニュー表示部分 */
  /* ・・・にカーソルを合わせた時のメニューを浮き上がらせて表示 */
  /* ・・・にカーソルを合わせた時のメニューを浮き上がらせて表示の位置 */
  /* ・・・にカーソルを合わせた時のメニューを浮き上がらせて表示の項目 */
  /* ・・・にカーソルを合わせた時のメニューを浮き上がらせて表示のリンク色 */
  /* ・・・にカーソルを合わせた時のメニューを浮き上がらせて表示のhover時リンク背景色 */
  /* 1画面の画像（992px以上） */
  /* 1画面の画像（991px以下） */
}
cr-adminoffer body, cr-adminoffer .no-header-page,
cr-adminofferinfo body,
cr-adminofferinfo .no-header-page,
cr-adminofferconfirm body,
cr-adminofferconfirm .no-header-page,
cr-adminofferedit body,
cr-adminofferedit .no-header-page,
cr-adminofferregist body,
cr-adminofferregist .no-header-page,
cr-adminofferregistconfirm body,
cr-adminofferregistconfirm .no-header-page,
cr-adminofferregistcomplete body,
cr-adminofferregistcomplete .no-header-page,
cr-adminforgotpassword body,
cr-adminforgotpassword .no-header-page,
cr-adminupdatepassword body,
cr-adminupdatepassword .no-header-page,
cr-adminupdatepasswordcomplete body,
cr-adminupdatepasswordcomplete .no-header-page,
cr-adminforgotpasswordcomplete body,
cr-adminforgotpasswordcomplete .no-header-page,
cr-registermail body,
cr-registermail .no-header-page,
cr-registermailcomplete body,
cr-registermailcomplete .no-header-page,
cr-mailautherror body,
cr-mailautherror .no-header-page,
cr-registerorganization body,
cr-registerorganization .no-header-page,
cr-confirmorganization body,
cr-confirmorganization .no-header-page,
cr-registerorganizationcomplete body,
cr-registerorganizationcomplete .no-header-page,
cr-adminhome body,
cr-adminhome .no-header-page,
cr-adminorganizationinfo body,
cr-adminorganizationinfo .no-header-page,
cr-adminorganizationedit body,
cr-adminorganizationedit .no-header-page,
cr-adminorganizationconfirm body,
cr-adminorganizationconfirm .no-header-page {
  background-color: #EEECE8;
}
cr-adminoffer #id-before-login-title a,
cr-adminoffer #id-before-login-title a:visited,
cr-adminofferinfo #id-before-login-title a,
cr-adminofferinfo #id-before-login-title a:visited,
cr-adminofferconfirm #id-before-login-title a,
cr-adminofferconfirm #id-before-login-title a:visited,
cr-adminofferedit #id-before-login-title a,
cr-adminofferedit #id-before-login-title a:visited,
cr-adminofferregist #id-before-login-title a,
cr-adminofferregist #id-before-login-title a:visited,
cr-adminofferregistconfirm #id-before-login-title a,
cr-adminofferregistconfirm #id-before-login-title a:visited,
cr-adminofferregistcomplete #id-before-login-title a,
cr-adminofferregistcomplete #id-before-login-title a:visited,
cr-adminforgotpassword #id-before-login-title a,
cr-adminforgotpassword #id-before-login-title a:visited,
cr-adminupdatepassword #id-before-login-title a,
cr-adminupdatepassword #id-before-login-title a:visited,
cr-adminupdatepasswordcomplete #id-before-login-title a,
cr-adminupdatepasswordcomplete #id-before-login-title a:visited,
cr-adminforgotpasswordcomplete #id-before-login-title a,
cr-adminforgotpasswordcomplete #id-before-login-title a:visited,
cr-registermail #id-before-login-title a,
cr-registermail #id-before-login-title a:visited,
cr-registermailcomplete #id-before-login-title a,
cr-registermailcomplete #id-before-login-title a:visited,
cr-mailautherror #id-before-login-title a,
cr-mailautherror #id-before-login-title a:visited,
cr-registerorganization #id-before-login-title a,
cr-registerorganization #id-before-login-title a:visited,
cr-confirmorganization #id-before-login-title a,
cr-confirmorganization #id-before-login-title a:visited,
cr-registerorganizationcomplete #id-before-login-title a,
cr-registerorganizationcomplete #id-before-login-title a:visited,
cr-adminhome #id-before-login-title a,
cr-adminhome #id-before-login-title a:visited,
cr-adminorganizationinfo #id-before-login-title a,
cr-adminorganizationinfo #id-before-login-title a:visited,
cr-adminorganizationedit #id-before-login-title a,
cr-adminorganizationedit #id-before-login-title a:visited,
cr-adminorganizationconfirm #id-before-login-title a,
cr-adminorganizationconfirm #id-before-login-title a:visited {
  color: #000;
}
cr-adminoffer .cursor-pointer,
cr-adminofferinfo .cursor-pointer,
cr-adminofferconfirm .cursor-pointer,
cr-adminofferedit .cursor-pointer,
cr-adminofferregist .cursor-pointer,
cr-adminofferregistconfirm .cursor-pointer,
cr-adminofferregistcomplete .cursor-pointer,
cr-adminforgotpassword .cursor-pointer,
cr-adminupdatepassword .cursor-pointer,
cr-adminupdatepasswordcomplete .cursor-pointer,
cr-adminforgotpasswordcomplete .cursor-pointer,
cr-registermail .cursor-pointer,
cr-registermailcomplete .cursor-pointer,
cr-mailautherror .cursor-pointer,
cr-registerorganization .cursor-pointer,
cr-confirmorganization .cursor-pointer,
cr-registerorganizationcomplete .cursor-pointer,
cr-adminhome .cursor-pointer,
cr-adminorganizationinfo .cursor-pointer,
cr-adminorganizationedit .cursor-pointer,
cr-adminorganizationconfirm .cursor-pointer {
  cursor: pointer;
}
cr-adminoffer .underline,
cr-adminofferinfo .underline,
cr-adminofferconfirm .underline,
cr-adminofferedit .underline,
cr-adminofferregist .underline,
cr-adminofferregistconfirm .underline,
cr-adminofferregistcomplete .underline,
cr-adminforgotpassword .underline,
cr-adminupdatepassword .underline,
cr-adminupdatepasswordcomplete .underline,
cr-adminforgotpasswordcomplete .underline,
cr-registermail .underline,
cr-registermailcomplete .underline,
cr-mailautherror .underline,
cr-registerorganization .underline,
cr-confirmorganization .underline,
cr-registerorganizationcomplete .underline,
cr-adminhome .underline,
cr-adminorganizationinfo .underline,
cr-adminorganizationedit .underline,
cr-adminorganizationconfirm .underline {
  text-decoration: underline;
}
cr-adminoffer input.form-control,
cr-adminofferinfo input.form-control,
cr-adminofferconfirm input.form-control,
cr-adminofferedit input.form-control,
cr-adminofferregist input.form-control,
cr-adminofferregistconfirm input.form-control,
cr-adminofferregistcomplete input.form-control,
cr-adminforgotpassword input.form-control,
cr-adminupdatepassword input.form-control,
cr-adminupdatepasswordcomplete input.form-control,
cr-adminforgotpasswordcomplete input.form-control,
cr-registermail input.form-control,
cr-registermailcomplete input.form-control,
cr-mailautherror input.form-control,
cr-registerorganization input.form-control,
cr-confirmorganization input.form-control,
cr-registerorganizationcomplete input.form-control,
cr-adminhome input.form-control,
cr-adminorganizationinfo input.form-control,
cr-adminorganizationedit input.form-control,
cr-adminorganizationconfirm input.form-control {
  border-radius: 15px;
  padding-top: 2.2vh;
  padding-bottom: 2.2vh;
}
cr-adminoffer select.form-control,
cr-adminofferinfo select.form-control,
cr-adminofferconfirm select.form-control,
cr-adminofferedit select.form-control,
cr-adminofferregist select.form-control,
cr-adminofferregistconfirm select.form-control,
cr-adminofferregistcomplete select.form-control,
cr-adminforgotpassword select.form-control,
cr-adminupdatepassword select.form-control,
cr-adminupdatepasswordcomplete select.form-control,
cr-adminforgotpasswordcomplete select.form-control,
cr-registermail select.form-control,
cr-registermailcomplete select.form-control,
cr-mailautherror select.form-control,
cr-registerorganization select.form-control,
cr-confirmorganization select.form-control,
cr-registerorganizationcomplete select.form-control,
cr-adminhome select.form-control,
cr-adminorganizationinfo select.form-control,
cr-adminorganizationedit select.form-control,
cr-adminorganizationconfirm select.form-control {
  border-radius: 15px;
  padding-top: 1vh;
  padding-bottom: 1vh;
}
cr-adminoffer #organization.form-control,
cr-adminofferinfo #organization.form-control,
cr-adminofferconfirm #organization.form-control,
cr-adminofferedit #organization.form-control,
cr-adminofferregist #organization.form-control,
cr-adminofferregistconfirm #organization.form-control,
cr-adminofferregistcomplete #organization.form-control,
cr-adminforgotpassword #organization.form-control,
cr-adminupdatepassword #organization.form-control,
cr-adminupdatepasswordcomplete #organization.form-control,
cr-adminforgotpasswordcomplete #organization.form-control,
cr-registermail #organization.form-control,
cr-registermailcomplete #organization.form-control,
cr-mailautherror #organization.form-control,
cr-registerorganization #organization.form-control,
cr-confirmorganization #organization.form-control,
cr-registerorganizationcomplete #organization.form-control,
cr-adminhome #organization.form-control,
cr-adminorganizationinfo #organization.form-control,
cr-adminorganizationedit #organization.form-control,
cr-adminorganizationconfirm #organization.form-control {
  height: inherit !important;
}
cr-adminoffer .wrapper, cr-adminoffer .content-wrapper,
cr-adminofferinfo .wrapper,
cr-adminofferinfo .content-wrapper,
cr-adminofferconfirm .wrapper,
cr-adminofferconfirm .content-wrapper,
cr-adminofferedit .wrapper,
cr-adminofferedit .content-wrapper,
cr-adminofferregist .wrapper,
cr-adminofferregist .content-wrapper,
cr-adminofferregistconfirm .wrapper,
cr-adminofferregistconfirm .content-wrapper,
cr-adminofferregistcomplete .wrapper,
cr-adminofferregistcomplete .content-wrapper,
cr-adminforgotpassword .wrapper,
cr-adminforgotpassword .content-wrapper,
cr-adminupdatepassword .wrapper,
cr-adminupdatepassword .content-wrapper,
cr-adminupdatepasswordcomplete .wrapper,
cr-adminupdatepasswordcomplete .content-wrapper,
cr-adminforgotpasswordcomplete .wrapper,
cr-adminforgotpasswordcomplete .content-wrapper,
cr-registermail .wrapper,
cr-registermail .content-wrapper,
cr-registermailcomplete .wrapper,
cr-registermailcomplete .content-wrapper,
cr-mailautherror .wrapper,
cr-mailautherror .content-wrapper,
cr-registerorganization .wrapper,
cr-registerorganization .content-wrapper,
cr-confirmorganization .wrapper,
cr-confirmorganization .content-wrapper,
cr-registerorganizationcomplete .wrapper,
cr-registerorganizationcomplete .content-wrapper,
cr-adminhome .wrapper,
cr-adminhome .content-wrapper,
cr-adminorganizationinfo .wrapper,
cr-adminorganizationinfo .content-wrapper,
cr-adminorganizationedit .wrapper,
cr-adminorganizationedit .content-wrapper,
cr-adminorganizationconfirm .wrapper,
cr-adminorganizationconfirm .content-wrapper {
  /* background: linear-gradient(to left top, #FAFAFA, #EEECE8)!important; */
  background-color: #EEECE8;
}
cr-adminoffer .right-white-box,
cr-adminofferinfo .right-white-box,
cr-adminofferconfirm .right-white-box,
cr-adminofferedit .right-white-box,
cr-adminofferregist .right-white-box,
cr-adminofferregistconfirm .right-white-box,
cr-adminofferregistcomplete .right-white-box,
cr-adminforgotpassword .right-white-box,
cr-adminupdatepassword .right-white-box,
cr-adminupdatepasswordcomplete .right-white-box,
cr-adminforgotpasswordcomplete .right-white-box,
cr-registermail .right-white-box,
cr-registermailcomplete .right-white-box,
cr-mailautherror .right-white-box,
cr-registerorganization .right-white-box,
cr-confirmorganization .right-white-box,
cr-registerorganizationcomplete .right-white-box,
cr-adminhome .right-white-box,
cr-adminorganizationinfo .right-white-box,
cr-adminorganizationedit .right-white-box,
cr-adminorganizationconfirm .right-white-box {
  background-color: #fff;
  color: #101010;
  padding: 25px;
  border-radius: 15px;
  margin-right: 10px;
}
cr-adminoffer .red,
cr-adminofferinfo .red,
cr-adminofferconfirm .red,
cr-adminofferedit .red,
cr-adminofferregist .red,
cr-adminofferregistconfirm .red,
cr-adminofferregistcomplete .red,
cr-adminforgotpassword .red,
cr-adminupdatepassword .red,
cr-adminupdatepasswordcomplete .red,
cr-adminforgotpasswordcomplete .red,
cr-registermail .red,
cr-registermailcomplete .red,
cr-mailautherror .red,
cr-registerorganization .red,
cr-confirmorganization .red,
cr-registerorganizationcomplete .red,
cr-adminhome .red,
cr-adminorganizationinfo .red,
cr-adminorganizationedit .red,
cr-adminorganizationconfirm .red {
  color: #d85159;
}
cr-adminoffer .ex_chart,
cr-adminofferinfo .ex_chart,
cr-adminofferconfirm .ex_chart,
cr-adminofferedit .ex_chart,
cr-adminofferregist .ex_chart,
cr-adminofferregistconfirm .ex_chart,
cr-adminofferregistcomplete .ex_chart,
cr-adminforgotpassword .ex_chart,
cr-adminupdatepassword .ex_chart,
cr-adminupdatepasswordcomplete .ex_chart,
cr-adminforgotpasswordcomplete .ex_chart,
cr-registermail .ex_chart,
cr-registermailcomplete .ex_chart,
cr-mailautherror .ex_chart,
cr-registerorganization .ex_chart,
cr-confirmorganization .ex_chart,
cr-registerorganizationcomplete .ex_chart,
cr-adminhome .ex_chart,
cr-adminorganizationinfo .ex_chart,
cr-adminorganizationedit .ex_chart,
cr-adminorganizationconfirm .ex_chart {
  width: 640px;
  height: 240px;
}
cr-adminoffer .job-seeker-name,
cr-adminofferinfo .job-seeker-name,
cr-adminofferconfirm .job-seeker-name,
cr-adminofferedit .job-seeker-name,
cr-adminofferregist .job-seeker-name,
cr-adminofferregistconfirm .job-seeker-name,
cr-adminofferregistcomplete .job-seeker-name,
cr-adminforgotpassword .job-seeker-name,
cr-adminupdatepassword .job-seeker-name,
cr-adminupdatepasswordcomplete .job-seeker-name,
cr-adminforgotpasswordcomplete .job-seeker-name,
cr-registermail .job-seeker-name,
cr-registermailcomplete .job-seeker-name,
cr-mailautherror .job-seeker-name,
cr-registerorganization .job-seeker-name,
cr-confirmorganization .job-seeker-name,
cr-registerorganizationcomplete .job-seeker-name,
cr-adminhome .job-seeker-name,
cr-adminorganizationinfo .job-seeker-name,
cr-adminorganizationedit .job-seeker-name,
cr-adminorganizationconfirm .job-seeker-name {
  font-weight: bold;
  font-size: 1.2rem;
}
cr-adminoffer .yellow-box,
cr-adminofferinfo .yellow-box,
cr-adminofferconfirm .yellow-box,
cr-adminofferedit .yellow-box,
cr-adminofferregist .yellow-box,
cr-adminofferregistconfirm .yellow-box,
cr-adminofferregistcomplete .yellow-box,
cr-adminforgotpassword .yellow-box,
cr-adminupdatepassword .yellow-box,
cr-adminupdatepasswordcomplete .yellow-box,
cr-adminforgotpasswordcomplete .yellow-box,
cr-registermail .yellow-box,
cr-registermailcomplete .yellow-box,
cr-mailautherror .yellow-box,
cr-registerorganization .yellow-box,
cr-confirmorganization .yellow-box,
cr-registerorganizationcomplete .yellow-box,
cr-adminhome .yellow-box,
cr-adminorganizationinfo .yellow-box,
cr-adminorganizationedit .yellow-box,
cr-adminorganizationconfirm .yellow-box {
  border-radius: 8px;
  margin-right: 2px;
  margin-bottom: 5px;
  background-color: #fff13e;
  color: #403d19;
  padding-top: 5px;
  font-size: 0.7rem;
  min-width: 46px;
  text-align: center;
}
cr-adminoffer .edge-black-box,
cr-adminofferinfo .edge-black-box,
cr-adminofferconfirm .edge-black-box,
cr-adminofferedit .edge-black-box,
cr-adminofferregist .edge-black-box,
cr-adminofferregistconfirm .edge-black-box,
cr-adminofferregistcomplete .edge-black-box,
cr-adminforgotpassword .edge-black-box,
cr-adminupdatepassword .edge-black-box,
cr-adminupdatepasswordcomplete .edge-black-box,
cr-adminforgotpasswordcomplete .edge-black-box,
cr-registermail .edge-black-box,
cr-registermailcomplete .edge-black-box,
cr-mailautherror .edge-black-box,
cr-registerorganization .edge-black-box,
cr-confirmorganization .edge-black-box,
cr-registerorganizationcomplete .edge-black-box,
cr-adminhome .edge-black-box,
cr-adminorganizationinfo .edge-black-box,
cr-adminorganizationedit .edge-black-box,
cr-adminorganizationconfirm .edge-black-box {
  border-radius: 15px;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 3px solid #111111;
  background-color: #FFFFFF;
  padding: 15px;
}
cr-adminoffer .edge-black-box.height-90px,
cr-adminofferinfo .edge-black-box.height-90px,
cr-adminofferconfirm .edge-black-box.height-90px,
cr-adminofferedit .edge-black-box.height-90px,
cr-adminofferregist .edge-black-box.height-90px,
cr-adminofferregistconfirm .edge-black-box.height-90px,
cr-adminofferregistcomplete .edge-black-box.height-90px,
cr-adminforgotpassword .edge-black-box.height-90px,
cr-adminupdatepassword .edge-black-box.height-90px,
cr-adminupdatepasswordcomplete .edge-black-box.height-90px,
cr-adminforgotpasswordcomplete .edge-black-box.height-90px,
cr-registermail .edge-black-box.height-90px,
cr-registermailcomplete .edge-black-box.height-90px,
cr-mailautherror .edge-black-box.height-90px,
cr-registerorganization .edge-black-box.height-90px,
cr-confirmorganization .edge-black-box.height-90px,
cr-registerorganizationcomplete .edge-black-box.height-90px,
cr-adminhome .edge-black-box.height-90px,
cr-adminorganizationinfo .edge-black-box.height-90px,
cr-adminorganizationedit .edge-black-box.height-90px,
cr-adminorganizationconfirm .edge-black-box.height-90px {
  min-height: 90px;
}
cr-adminoffer .edge-black-box.height-100px,
cr-adminofferinfo .edge-black-box.height-100px,
cr-adminofferconfirm .edge-black-box.height-100px,
cr-adminofferedit .edge-black-box.height-100px,
cr-adminofferregist .edge-black-box.height-100px,
cr-adminofferregistconfirm .edge-black-box.height-100px,
cr-adminofferregistcomplete .edge-black-box.height-100px,
cr-adminforgotpassword .edge-black-box.height-100px,
cr-adminupdatepassword .edge-black-box.height-100px,
cr-adminupdatepasswordcomplete .edge-black-box.height-100px,
cr-adminforgotpasswordcomplete .edge-black-box.height-100px,
cr-registermail .edge-black-box.height-100px,
cr-registermailcomplete .edge-black-box.height-100px,
cr-mailautherror .edge-black-box.height-100px,
cr-registerorganization .edge-black-box.height-100px,
cr-confirmorganization .edge-black-box.height-100px,
cr-registerorganizationcomplete .edge-black-box.height-100px,
cr-adminhome .edge-black-box.height-100px,
cr-adminorganizationinfo .edge-black-box.height-100px,
cr-adminorganizationedit .edge-black-box.height-100px,
cr-adminorganizationconfirm .edge-black-box.height-100px {
  min-height: 100px;
}
cr-adminoffer .edge-black-box.height-120px,
cr-adminofferinfo .edge-black-box.height-120px,
cr-adminofferconfirm .edge-black-box.height-120px,
cr-adminofferedit .edge-black-box.height-120px,
cr-adminofferregist .edge-black-box.height-120px,
cr-adminofferregistconfirm .edge-black-box.height-120px,
cr-adminofferregistcomplete .edge-black-box.height-120px,
cr-adminforgotpassword .edge-black-box.height-120px,
cr-adminupdatepassword .edge-black-box.height-120px,
cr-adminupdatepasswordcomplete .edge-black-box.height-120px,
cr-adminforgotpasswordcomplete .edge-black-box.height-120px,
cr-registermail .edge-black-box.height-120px,
cr-registermailcomplete .edge-black-box.height-120px,
cr-mailautherror .edge-black-box.height-120px,
cr-registerorganization .edge-black-box.height-120px,
cr-confirmorganization .edge-black-box.height-120px,
cr-registerorganizationcomplete .edge-black-box.height-120px,
cr-adminhome .edge-black-box.height-120px,
cr-adminorganizationinfo .edge-black-box.height-120px,
cr-adminorganizationedit .edge-black-box.height-120px,
cr-adminorganizationconfirm .edge-black-box.height-120px {
  min-height: 120px;
}
cr-adminoffer .edge-black-box.height-140px,
cr-adminofferinfo .edge-black-box.height-140px,
cr-adminofferconfirm .edge-black-box.height-140px,
cr-adminofferedit .edge-black-box.height-140px,
cr-adminofferregist .edge-black-box.height-140px,
cr-adminofferregistconfirm .edge-black-box.height-140px,
cr-adminofferregistcomplete .edge-black-box.height-140px,
cr-adminforgotpassword .edge-black-box.height-140px,
cr-adminupdatepassword .edge-black-box.height-140px,
cr-adminupdatepasswordcomplete .edge-black-box.height-140px,
cr-adminforgotpasswordcomplete .edge-black-box.height-140px,
cr-registermail .edge-black-box.height-140px,
cr-registermailcomplete .edge-black-box.height-140px,
cr-mailautherror .edge-black-box.height-140px,
cr-registerorganization .edge-black-box.height-140px,
cr-confirmorganization .edge-black-box.height-140px,
cr-registerorganizationcomplete .edge-black-box.height-140px,
cr-adminhome .edge-black-box.height-140px,
cr-adminorganizationinfo .edge-black-box.height-140px,
cr-adminorganizationedit .edge-black-box.height-140px,
cr-adminorganizationconfirm .edge-black-box.height-140px {
  min-height: 140px;
}
cr-adminoffer .edge-black-box.height-150px,
cr-adminofferinfo .edge-black-box.height-150px,
cr-adminofferconfirm .edge-black-box.height-150px,
cr-adminofferedit .edge-black-box.height-150px,
cr-adminofferregist .edge-black-box.height-150px,
cr-adminofferregistconfirm .edge-black-box.height-150px,
cr-adminofferregistcomplete .edge-black-box.height-150px,
cr-adminforgotpassword .edge-black-box.height-150px,
cr-adminupdatepassword .edge-black-box.height-150px,
cr-adminupdatepasswordcomplete .edge-black-box.height-150px,
cr-adminforgotpasswordcomplete .edge-black-box.height-150px,
cr-registermail .edge-black-box.height-150px,
cr-registermailcomplete .edge-black-box.height-150px,
cr-mailautherror .edge-black-box.height-150px,
cr-registerorganization .edge-black-box.height-150px,
cr-confirmorganization .edge-black-box.height-150px,
cr-registerorganizationcomplete .edge-black-box.height-150px,
cr-adminhome .edge-black-box.height-150px,
cr-adminorganizationinfo .edge-black-box.height-150px,
cr-adminorganizationedit .edge-black-box.height-150px,
cr-adminorganizationconfirm .edge-black-box.height-150px {
  min-height: 150px;
}
cr-adminoffer .edge-black-box .height-30px,
cr-adminofferinfo .edge-black-box .height-30px,
cr-adminofferconfirm .edge-black-box .height-30px,
cr-adminofferedit .edge-black-box .height-30px,
cr-adminofferregist .edge-black-box .height-30px,
cr-adminofferregistconfirm .edge-black-box .height-30px,
cr-adminofferregistcomplete .edge-black-box .height-30px,
cr-adminforgotpassword .edge-black-box .height-30px,
cr-adminupdatepassword .edge-black-box .height-30px,
cr-adminupdatepasswordcomplete .edge-black-box .height-30px,
cr-adminforgotpasswordcomplete .edge-black-box .height-30px,
cr-registermail .edge-black-box .height-30px,
cr-registermailcomplete .edge-black-box .height-30px,
cr-mailautherror .edge-black-box .height-30px,
cr-registerorganization .edge-black-box .height-30px,
cr-confirmorganization .edge-black-box .height-30px,
cr-registerorganizationcomplete .edge-black-box .height-30px,
cr-adminhome .edge-black-box .height-30px,
cr-adminorganizationinfo .edge-black-box .height-30px,
cr-adminorganizationedit .edge-black-box .height-30px,
cr-adminorganizationconfirm .edge-black-box .height-30px {
  min-height: 30px;
}
cr-adminoffer .edge-black-box .line-height-30px,
cr-adminofferinfo .edge-black-box .line-height-30px,
cr-adminofferconfirm .edge-black-box .line-height-30px,
cr-adminofferedit .edge-black-box .line-height-30px,
cr-adminofferregist .edge-black-box .line-height-30px,
cr-adminofferregistconfirm .edge-black-box .line-height-30px,
cr-adminofferregistcomplete .edge-black-box .line-height-30px,
cr-adminforgotpassword .edge-black-box .line-height-30px,
cr-adminupdatepassword .edge-black-box .line-height-30px,
cr-adminupdatepasswordcomplete .edge-black-box .line-height-30px,
cr-adminforgotpasswordcomplete .edge-black-box .line-height-30px,
cr-registermail .edge-black-box .line-height-30px,
cr-registermailcomplete .edge-black-box .line-height-30px,
cr-mailautherror .edge-black-box .line-height-30px,
cr-registerorganization .edge-black-box .line-height-30px,
cr-confirmorganization .edge-black-box .line-height-30px,
cr-registerorganizationcomplete .edge-black-box .line-height-30px,
cr-adminhome .edge-black-box .line-height-30px,
cr-adminorganizationinfo .edge-black-box .line-height-30px,
cr-adminorganizationedit .edge-black-box .line-height-30px,
cr-adminorganizationconfirm .edge-black-box .line-height-30px {
  line-height: 30px;
}
cr-adminoffer .edge-black-box .height-35px,
cr-adminofferinfo .edge-black-box .height-35px,
cr-adminofferconfirm .edge-black-box .height-35px,
cr-adminofferedit .edge-black-box .height-35px,
cr-adminofferregist .edge-black-box .height-35px,
cr-adminofferregistconfirm .edge-black-box .height-35px,
cr-adminofferregistcomplete .edge-black-box .height-35px,
cr-adminforgotpassword .edge-black-box .height-35px,
cr-adminupdatepassword .edge-black-box .height-35px,
cr-adminupdatepasswordcomplete .edge-black-box .height-35px,
cr-adminforgotpasswordcomplete .edge-black-box .height-35px,
cr-registermail .edge-black-box .height-35px,
cr-registermailcomplete .edge-black-box .height-35px,
cr-mailautherror .edge-black-box .height-35px,
cr-registerorganization .edge-black-box .height-35px,
cr-confirmorganization .edge-black-box .height-35px,
cr-registerorganizationcomplete .edge-black-box .height-35px,
cr-adminhome .edge-black-box .height-35px,
cr-adminorganizationinfo .edge-black-box .height-35px,
cr-adminorganizationedit .edge-black-box .height-35px,
cr-adminorganizationconfirm .edge-black-box .height-35px {
  min-height: 35px;
}
cr-adminoffer .line-height-20px,
cr-adminofferinfo .line-height-20px,
cr-adminofferconfirm .line-height-20px,
cr-adminofferedit .line-height-20px,
cr-adminofferregist .line-height-20px,
cr-adminofferregistconfirm .line-height-20px,
cr-adminofferregistcomplete .line-height-20px,
cr-adminforgotpassword .line-height-20px,
cr-adminupdatepassword .line-height-20px,
cr-adminupdatepasswordcomplete .line-height-20px,
cr-adminforgotpasswordcomplete .line-height-20px,
cr-registermail .line-height-20px,
cr-registermailcomplete .line-height-20px,
cr-mailautherror .line-height-20px,
cr-registerorganization .line-height-20px,
cr-confirmorganization .line-height-20px,
cr-registerorganizationcomplete .line-height-20px,
cr-adminhome .line-height-20px,
cr-adminorganizationinfo .line-height-20px,
cr-adminorganizationedit .line-height-20px,
cr-adminorganizationconfirm .line-height-20px {
  line-height: 20px;
}
cr-adminoffer .line-height-25px,
cr-adminofferinfo .line-height-25px,
cr-adminofferconfirm .line-height-25px,
cr-adminofferedit .line-height-25px,
cr-adminofferregist .line-height-25px,
cr-adminofferregistconfirm .line-height-25px,
cr-adminofferregistcomplete .line-height-25px,
cr-adminforgotpassword .line-height-25px,
cr-adminupdatepassword .line-height-25px,
cr-adminupdatepasswordcomplete .line-height-25px,
cr-adminforgotpasswordcomplete .line-height-25px,
cr-registermail .line-height-25px,
cr-registermailcomplete .line-height-25px,
cr-mailautherror .line-height-25px,
cr-registerorganization .line-height-25px,
cr-confirmorganization .line-height-25px,
cr-registerorganizationcomplete .line-height-25px,
cr-adminhome .line-height-25px,
cr-adminorganizationinfo .line-height-25px,
cr-adminorganizationedit .line-height-25px,
cr-adminorganizationconfirm .line-height-25px {
  line-height: 25px;
}
cr-adminoffer .line-height-35px,
cr-adminofferinfo .line-height-35px,
cr-adminofferconfirm .line-height-35px,
cr-adminofferedit .line-height-35px,
cr-adminofferregist .line-height-35px,
cr-adminofferregistconfirm .line-height-35px,
cr-adminofferregistcomplete .line-height-35px,
cr-adminforgotpassword .line-height-35px,
cr-adminupdatepassword .line-height-35px,
cr-adminupdatepasswordcomplete .line-height-35px,
cr-adminforgotpasswordcomplete .line-height-35px,
cr-registermail .line-height-35px,
cr-registermailcomplete .line-height-35px,
cr-mailautherror .line-height-35px,
cr-registerorganization .line-height-35px,
cr-confirmorganization .line-height-35px,
cr-registerorganizationcomplete .line-height-35px,
cr-adminhome .line-height-35px,
cr-adminorganizationinfo .line-height-35px,
cr-adminorganizationedit .line-height-35px,
cr-adminorganizationconfirm .line-height-35px {
  line-height: 35px;
}
cr-adminoffer .height-50px,
cr-adminofferinfo .height-50px,
cr-adminofferconfirm .height-50px,
cr-adminofferedit .height-50px,
cr-adminofferregist .height-50px,
cr-adminofferregistconfirm .height-50px,
cr-adminofferregistcomplete .height-50px,
cr-adminforgotpassword .height-50px,
cr-adminupdatepassword .height-50px,
cr-adminupdatepasswordcomplete .height-50px,
cr-adminforgotpasswordcomplete .height-50px,
cr-registermail .height-50px,
cr-registermailcomplete .height-50px,
cr-mailautherror .height-50px,
cr-registerorganization .height-50px,
cr-confirmorganization .height-50px,
cr-registerorganizationcomplete .height-50px,
cr-adminhome .height-50px,
cr-adminorganizationinfo .height-50px,
cr-adminorganizationedit .height-50px,
cr-adminorganizationconfirm .height-50px {
  height: 50px;
}
cr-adminoffer .height-60px,
cr-adminofferinfo .height-60px,
cr-adminofferconfirm .height-60px,
cr-adminofferedit .height-60px,
cr-adminofferregist .height-60px,
cr-adminofferregistconfirm .height-60px,
cr-adminofferregistcomplete .height-60px,
cr-adminforgotpassword .height-60px,
cr-adminupdatepassword .height-60px,
cr-adminupdatepasswordcomplete .height-60px,
cr-adminforgotpasswordcomplete .height-60px,
cr-registermail .height-60px,
cr-registermailcomplete .height-60px,
cr-mailautherror .height-60px,
cr-registerorganization .height-60px,
cr-confirmorganization .height-60px,
cr-registerorganizationcomplete .height-60px,
cr-adminhome .height-60px,
cr-adminorganizationinfo .height-60px,
cr-adminorganizationedit .height-60px,
cr-adminorganizationconfirm .height-60px {
  height: 60px;
}
cr-adminoffer .height-90px,
cr-adminofferinfo .height-90px,
cr-adminofferconfirm .height-90px,
cr-adminofferedit .height-90px,
cr-adminofferregist .height-90px,
cr-adminofferregistconfirm .height-90px,
cr-adminofferregistcomplete .height-90px,
cr-adminforgotpassword .height-90px,
cr-adminupdatepassword .height-90px,
cr-adminupdatepasswordcomplete .height-90px,
cr-adminforgotpasswordcomplete .height-90px,
cr-registermail .height-90px,
cr-registermailcomplete .height-90px,
cr-mailautherror .height-90px,
cr-registerorganization .height-90px,
cr-confirmorganization .height-90px,
cr-registerorganizationcomplete .height-90px,
cr-adminhome .height-90px,
cr-adminorganizationinfo .height-90px,
cr-adminorganizationedit .height-90px,
cr-adminorganizationconfirm .height-90px {
  height: 90px;
}
cr-adminoffer .min-height-90px,
cr-adminofferinfo .min-height-90px,
cr-adminofferconfirm .min-height-90px,
cr-adminofferedit .min-height-90px,
cr-adminofferregist .min-height-90px,
cr-adminofferregistconfirm .min-height-90px,
cr-adminofferregistcomplete .min-height-90px,
cr-adminforgotpassword .min-height-90px,
cr-adminupdatepassword .min-height-90px,
cr-adminupdatepasswordcomplete .min-height-90px,
cr-adminforgotpasswordcomplete .min-height-90px,
cr-registermail .min-height-90px,
cr-registermailcomplete .min-height-90px,
cr-mailautherror .min-height-90px,
cr-registerorganization .min-height-90px,
cr-confirmorganization .min-height-90px,
cr-registerorganizationcomplete .min-height-90px,
cr-adminhome .min-height-90px,
cr-adminorganizationinfo .min-height-90px,
cr-adminorganizationedit .min-height-90px,
cr-adminorganizationconfirm .min-height-90px {
  min-height: 90px;
}
cr-adminoffer .edge-black-box .rem066,
cr-adminofferinfo .edge-black-box .rem066,
cr-adminofferconfirm .edge-black-box .rem066,
cr-adminofferedit .edge-black-box .rem066,
cr-adminofferregist .edge-black-box .rem066,
cr-adminofferregistconfirm .edge-black-box .rem066,
cr-adminofferregistcomplete .edge-black-box .rem066,
cr-adminforgotpassword .edge-black-box .rem066,
cr-adminupdatepassword .edge-black-box .rem066,
cr-adminupdatepasswordcomplete .edge-black-box .rem066,
cr-adminforgotpasswordcomplete .edge-black-box .rem066,
cr-registermail .edge-black-box .rem066,
cr-registermailcomplete .edge-black-box .rem066,
cr-mailautherror .edge-black-box .rem066,
cr-registerorganization .edge-black-box .rem066,
cr-confirmorganization .edge-black-box .rem066,
cr-registerorganizationcomplete .edge-black-box .rem066,
cr-adminhome .edge-black-box .rem066,
cr-adminorganizationinfo .edge-black-box .rem066,
cr-adminorganizationedit .edge-black-box .rem066,
cr-adminorganizationconfirm .edge-black-box .rem066 {
  font-size: 0.66rem;
}
cr-adminoffer .edge-black-box .red,
cr-adminofferinfo .edge-black-box .red,
cr-adminofferconfirm .edge-black-box .red,
cr-adminofferedit .edge-black-box .red,
cr-adminofferregist .edge-black-box .red,
cr-adminofferregistconfirm .edge-black-box .red,
cr-adminofferregistcomplete .edge-black-box .red,
cr-adminforgotpassword .edge-black-box .red,
cr-adminupdatepassword .edge-black-box .red,
cr-adminupdatepasswordcomplete .edge-black-box .red,
cr-adminforgotpasswordcomplete .edge-black-box .red,
cr-registermail .edge-black-box .red,
cr-registermailcomplete .edge-black-box .red,
cr-mailautherror .edge-black-box .red,
cr-registerorganization .edge-black-box .red,
cr-confirmorganization .edge-black-box .red,
cr-registerorganizationcomplete .edge-black-box .red,
cr-adminhome .edge-black-box .red,
cr-adminorganizationinfo .edge-black-box .red,
cr-adminorganizationedit .edge-black-box .red,
cr-adminorganizationconfirm .edge-black-box .red {
  color: #d85159;
  font-size: 0.66rem;
}
cr-adminoffer .edge-black-box .ellipsis,
cr-adminofferinfo .edge-black-box .ellipsis,
cr-adminofferconfirm .edge-black-box .ellipsis,
cr-adminofferedit .edge-black-box .ellipsis,
cr-adminofferregist .edge-black-box .ellipsis,
cr-adminofferregistconfirm .edge-black-box .ellipsis,
cr-adminofferregistcomplete .edge-black-box .ellipsis,
cr-adminforgotpassword .edge-black-box .ellipsis,
cr-adminupdatepassword .edge-black-box .ellipsis,
cr-adminupdatepasswordcomplete .edge-black-box .ellipsis,
cr-adminforgotpasswordcomplete .edge-black-box .ellipsis,
cr-registermail .edge-black-box .ellipsis,
cr-registermailcomplete .edge-black-box .ellipsis,
cr-mailautherror .edge-black-box .ellipsis,
cr-registerorganization .edge-black-box .ellipsis,
cr-confirmorganization .edge-black-box .ellipsis,
cr-registerorganizationcomplete .edge-black-box .ellipsis,
cr-adminhome .edge-black-box .ellipsis,
cr-adminorganizationinfo .edge-black-box .ellipsis,
cr-adminorganizationedit .edge-black-box .ellipsis,
cr-adminorganizationconfirm .edge-black-box .ellipsis {
  color: #BDBDBD;
}
cr-adminoffer .edge-black-box .ellipsis:hover,
cr-adminoffer .edge-black-box .ellipsis:active,
cr-adminofferinfo .edge-black-box .ellipsis:hover,
cr-adminofferinfo .edge-black-box .ellipsis:active,
cr-adminofferconfirm .edge-black-box .ellipsis:hover,
cr-adminofferconfirm .edge-black-box .ellipsis:active,
cr-adminofferedit .edge-black-box .ellipsis:hover,
cr-adminofferedit .edge-black-box .ellipsis:active,
cr-adminofferregist .edge-black-box .ellipsis:hover,
cr-adminofferregist .edge-black-box .ellipsis:active,
cr-adminofferregistconfirm .edge-black-box .ellipsis:hover,
cr-adminofferregistconfirm .edge-black-box .ellipsis:active,
cr-adminofferregistcomplete .edge-black-box .ellipsis:hover,
cr-adminofferregistcomplete .edge-black-box .ellipsis:active,
cr-adminforgotpassword .edge-black-box .ellipsis:hover,
cr-adminforgotpassword .edge-black-box .ellipsis:active,
cr-adminupdatepassword .edge-black-box .ellipsis:hover,
cr-adminupdatepassword .edge-black-box .ellipsis:active,
cr-adminupdatepasswordcomplete .edge-black-box .ellipsis:hover,
cr-adminupdatepasswordcomplete .edge-black-box .ellipsis:active,
cr-adminforgotpasswordcomplete .edge-black-box .ellipsis:hover,
cr-adminforgotpasswordcomplete .edge-black-box .ellipsis:active,
cr-registermail .edge-black-box .ellipsis:hover,
cr-registermail .edge-black-box .ellipsis:active,
cr-registermailcomplete .edge-black-box .ellipsis:hover,
cr-registermailcomplete .edge-black-box .ellipsis:active,
cr-mailautherror .edge-black-box .ellipsis:hover,
cr-mailautherror .edge-black-box .ellipsis:active,
cr-registerorganization .edge-black-box .ellipsis:hover,
cr-registerorganization .edge-black-box .ellipsis:active,
cr-confirmorganization .edge-black-box .ellipsis:hover,
cr-confirmorganization .edge-black-box .ellipsis:active,
cr-registerorganizationcomplete .edge-black-box .ellipsis:hover,
cr-registerorganizationcomplete .edge-black-box .ellipsis:active,
cr-adminhome .edge-black-box .ellipsis:hover,
cr-adminhome .edge-black-box .ellipsis:active,
cr-adminorganizationinfo .edge-black-box .ellipsis:hover,
cr-adminorganizationinfo .edge-black-box .ellipsis:active,
cr-adminorganizationedit .edge-black-box .ellipsis:hover,
cr-adminorganizationedit .edge-black-box .ellipsis:active,
cr-adminorganizationconfirm .edge-black-box .ellipsis:hover,
cr-adminorganizationconfirm .edge-black-box .ellipsis:active {
  color: #000000;
}
cr-adminoffer .edge-black-box .grey-box,
cr-adminofferinfo .edge-black-box .grey-box,
cr-adminofferconfirm .edge-black-box .grey-box,
cr-adminofferedit .edge-black-box .grey-box,
cr-adminofferregist .edge-black-box .grey-box,
cr-adminofferregistconfirm .edge-black-box .grey-box,
cr-adminofferregistcomplete .edge-black-box .grey-box,
cr-adminforgotpassword .edge-black-box .grey-box,
cr-adminupdatepassword .edge-black-box .grey-box,
cr-adminupdatepasswordcomplete .edge-black-box .grey-box,
cr-adminforgotpasswordcomplete .edge-black-box .grey-box,
cr-registermail .edge-black-box .grey-box,
cr-registermailcomplete .edge-black-box .grey-box,
cr-mailautherror .edge-black-box .grey-box,
cr-registerorganization .edge-black-box .grey-box,
cr-confirmorganization .edge-black-box .grey-box,
cr-registerorganizationcomplete .edge-black-box .grey-box,
cr-adminhome .edge-black-box .grey-box,
cr-adminorganizationinfo .edge-black-box .grey-box,
cr-adminorganizationedit .edge-black-box .grey-box,
cr-adminorganizationconfirm .edge-black-box .grey-box {
  background-color: #F1F1F1;
  color: #000000;
  border-radius: 10px;
  width: 100px;
  height: 25px;
  padding: 4px !important;
  text-align: center;
  font-size: 0.7rem;
  margin-top: 5px;
}
cr-adminoffer .trim-image-to-circle,
cr-adminofferinfo .trim-image-to-circle,
cr-adminofferconfirm .trim-image-to-circle,
cr-adminofferedit .trim-image-to-circle,
cr-adminofferregist .trim-image-to-circle,
cr-adminofferregistconfirm .trim-image-to-circle,
cr-adminofferregistcomplete .trim-image-to-circle,
cr-adminforgotpassword .trim-image-to-circle,
cr-adminupdatepassword .trim-image-to-circle,
cr-adminupdatepasswordcomplete .trim-image-to-circle,
cr-adminforgotpasswordcomplete .trim-image-to-circle,
cr-registermail .trim-image-to-circle,
cr-registermailcomplete .trim-image-to-circle,
cr-mailautherror .trim-image-to-circle,
cr-registerorganization .trim-image-to-circle,
cr-confirmorganization .trim-image-to-circle,
cr-registerorganizationcomplete .trim-image-to-circle,
cr-adminhome .trim-image-to-circle,
cr-adminorganizationinfo .trim-image-to-circle,
cr-adminorganizationedit .trim-image-to-circle,
cr-adminorganizationconfirm .trim-image-to-circle {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  object-fit: cover;
  border: 3px solid #FFF;
  /* 枠線表示 */
}
cr-adminoffer .trim-image-to-circle.medium,
cr-adminofferinfo .trim-image-to-circle.medium,
cr-adminofferconfirm .trim-image-to-circle.medium,
cr-adminofferedit .trim-image-to-circle.medium,
cr-adminofferregist .trim-image-to-circle.medium,
cr-adminofferregistconfirm .trim-image-to-circle.medium,
cr-adminofferregistcomplete .trim-image-to-circle.medium,
cr-adminforgotpassword .trim-image-to-circle.medium,
cr-adminupdatepassword .trim-image-to-circle.medium,
cr-adminupdatepasswordcomplete .trim-image-to-circle.medium,
cr-adminforgotpasswordcomplete .trim-image-to-circle.medium,
cr-registermail .trim-image-to-circle.medium,
cr-registermailcomplete .trim-image-to-circle.medium,
cr-mailautherror .trim-image-to-circle.medium,
cr-registerorganization .trim-image-to-circle.medium,
cr-confirmorganization .trim-image-to-circle.medium,
cr-registerorganizationcomplete .trim-image-to-circle.medium,
cr-adminhome .trim-image-to-circle.medium,
cr-adminorganizationinfo .trim-image-to-circle.medium,
cr-adminorganizationedit .trim-image-to-circle.medium,
cr-adminorganizationconfirm .trim-image-to-circle.medium {
  width: 70px;
  height: 70px;
}
cr-adminoffer .grey-message-box,
cr-adminofferinfo .grey-message-box,
cr-adminofferconfirm .grey-message-box,
cr-adminofferedit .grey-message-box,
cr-adminofferregist .grey-message-box,
cr-adminofferregistconfirm .grey-message-box,
cr-adminofferregistcomplete .grey-message-box,
cr-adminforgotpassword .grey-message-box,
cr-adminupdatepassword .grey-message-box,
cr-adminupdatepasswordcomplete .grey-message-box,
cr-adminforgotpasswordcomplete .grey-message-box,
cr-registermail .grey-message-box,
cr-registermailcomplete .grey-message-box,
cr-mailautherror .grey-message-box,
cr-registerorganization .grey-message-box,
cr-confirmorganization .grey-message-box,
cr-registerorganizationcomplete .grey-message-box,
cr-adminhome .grey-message-box,
cr-adminorganizationinfo .grey-message-box,
cr-adminorganizationedit .grey-message-box,
cr-adminorganizationconfirm .grey-message-box {
  background-color: #F1F1F1;
  color: #333333;
  border-radius: 10px;
  width: 100%;
  padding: 6px !important;
  text-align: left;
  font-size: 0.9rem;
  margin-top: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
cr-adminoffer .grey-message-box::before,
cr-adminofferinfo .grey-message-box::before,
cr-adminofferconfirm .grey-message-box::before,
cr-adminofferedit .grey-message-box::before,
cr-adminofferregist .grey-message-box::before,
cr-adminofferregistconfirm .grey-message-box::before,
cr-adminofferregistcomplete .grey-message-box::before,
cr-adminforgotpassword .grey-message-box::before,
cr-adminupdatepassword .grey-message-box::before,
cr-adminupdatepasswordcomplete .grey-message-box::before,
cr-adminforgotpasswordcomplete .grey-message-box::before,
cr-registermail .grey-message-box::before,
cr-registermailcomplete .grey-message-box::before,
cr-mailautherror .grey-message-box::before,
cr-registerorganization .grey-message-box::before,
cr-confirmorganization .grey-message-box::before,
cr-registerorganizationcomplete .grey-message-box::before,
cr-adminhome .grey-message-box::before,
cr-adminorganizationinfo .grey-message-box::before,
cr-adminorganizationedit .grey-message-box::before,
cr-adminorganizationconfirm .grey-message-box::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #F1F1F1;
  border-left: 5px solid transparent;
}
cr-adminoffer .cls-child-menu,
cr-adminoffer .cls-child-menu-wide,
cr-adminofferinfo .cls-child-menu,
cr-adminofferinfo .cls-child-menu-wide,
cr-adminofferconfirm .cls-child-menu,
cr-adminofferconfirm .cls-child-menu-wide,
cr-adminofferedit .cls-child-menu,
cr-adminofferedit .cls-child-menu-wide,
cr-adminofferregist .cls-child-menu,
cr-adminofferregist .cls-child-menu-wide,
cr-adminofferregistconfirm .cls-child-menu,
cr-adminofferregistconfirm .cls-child-menu-wide,
cr-adminofferregistcomplete .cls-child-menu,
cr-adminofferregistcomplete .cls-child-menu-wide,
cr-adminforgotpassword .cls-child-menu,
cr-adminforgotpassword .cls-child-menu-wide,
cr-adminupdatepassword .cls-child-menu,
cr-adminupdatepassword .cls-child-menu-wide,
cr-adminupdatepasswordcomplete .cls-child-menu,
cr-adminupdatepasswordcomplete .cls-child-menu-wide,
cr-adminforgotpasswordcomplete .cls-child-menu,
cr-adminforgotpasswordcomplete .cls-child-menu-wide,
cr-registermail .cls-child-menu,
cr-registermail .cls-child-menu-wide,
cr-registermailcomplete .cls-child-menu,
cr-registermailcomplete .cls-child-menu-wide,
cr-mailautherror .cls-child-menu,
cr-mailautherror .cls-child-menu-wide,
cr-registerorganization .cls-child-menu,
cr-registerorganization .cls-child-menu-wide,
cr-confirmorganization .cls-child-menu,
cr-confirmorganization .cls-child-menu-wide,
cr-registerorganizationcomplete .cls-child-menu,
cr-registerorganizationcomplete .cls-child-menu-wide,
cr-adminhome .cls-child-menu,
cr-adminhome .cls-child-menu-wide,
cr-adminorganizationinfo .cls-child-menu,
cr-adminorganizationinfo .cls-child-menu-wide,
cr-adminorganizationedit .cls-child-menu,
cr-adminorganizationedit .cls-child-menu-wide,
cr-adminorganizationconfirm .cls-child-menu,
cr-adminorganizationconfirm .cls-child-menu-wide {
  /* display: block; */
  display: none;
  position: initial;
}
cr-adminoffer .list-right-link:hover > .cls-child-menu,
cr-adminoffer .list-right-link:active > .cls-child-menu,
cr-adminoffer .list-right-link:hover > .cls-child-menu-wide,
cr-adminoffer .list-right-link:active > .cls-child-menu-wide,
cr-adminofferinfo .list-right-link:hover > .cls-child-menu,
cr-adminofferinfo .list-right-link:active > .cls-child-menu,
cr-adminofferinfo .list-right-link:hover > .cls-child-menu-wide,
cr-adminofferinfo .list-right-link:active > .cls-child-menu-wide,
cr-adminofferconfirm .list-right-link:hover > .cls-child-menu,
cr-adminofferconfirm .list-right-link:active > .cls-child-menu,
cr-adminofferconfirm .list-right-link:hover > .cls-child-menu-wide,
cr-adminofferconfirm .list-right-link:active > .cls-child-menu-wide,
cr-adminofferedit .list-right-link:hover > .cls-child-menu,
cr-adminofferedit .list-right-link:active > .cls-child-menu,
cr-adminofferedit .list-right-link:hover > .cls-child-menu-wide,
cr-adminofferedit .list-right-link:active > .cls-child-menu-wide,
cr-adminofferregist .list-right-link:hover > .cls-child-menu,
cr-adminofferregist .list-right-link:active > .cls-child-menu,
cr-adminofferregist .list-right-link:hover > .cls-child-menu-wide,
cr-adminofferregist .list-right-link:active > .cls-child-menu-wide,
cr-adminofferregistconfirm .list-right-link:hover > .cls-child-menu,
cr-adminofferregistconfirm .list-right-link:active > .cls-child-menu,
cr-adminofferregistconfirm .list-right-link:hover > .cls-child-menu-wide,
cr-adminofferregistconfirm .list-right-link:active > .cls-child-menu-wide,
cr-adminofferregistcomplete .list-right-link:hover > .cls-child-menu,
cr-adminofferregistcomplete .list-right-link:active > .cls-child-menu,
cr-adminofferregistcomplete .list-right-link:hover > .cls-child-menu-wide,
cr-adminofferregistcomplete .list-right-link:active > .cls-child-menu-wide,
cr-adminforgotpassword .list-right-link:hover > .cls-child-menu,
cr-adminforgotpassword .list-right-link:active > .cls-child-menu,
cr-adminforgotpassword .list-right-link:hover > .cls-child-menu-wide,
cr-adminforgotpassword .list-right-link:active > .cls-child-menu-wide,
cr-adminupdatepassword .list-right-link:hover > .cls-child-menu,
cr-adminupdatepassword .list-right-link:active > .cls-child-menu,
cr-adminupdatepassword .list-right-link:hover > .cls-child-menu-wide,
cr-adminupdatepassword .list-right-link:active > .cls-child-menu-wide,
cr-adminupdatepasswordcomplete .list-right-link:hover > .cls-child-menu,
cr-adminupdatepasswordcomplete .list-right-link:active > .cls-child-menu,
cr-adminupdatepasswordcomplete .list-right-link:hover > .cls-child-menu-wide,
cr-adminupdatepasswordcomplete .list-right-link:active > .cls-child-menu-wide,
cr-adminforgotpasswordcomplete .list-right-link:hover > .cls-child-menu,
cr-adminforgotpasswordcomplete .list-right-link:active > .cls-child-menu,
cr-adminforgotpasswordcomplete .list-right-link:hover > .cls-child-menu-wide,
cr-adminforgotpasswordcomplete .list-right-link:active > .cls-child-menu-wide,
cr-registermail .list-right-link:hover > .cls-child-menu,
cr-registermail .list-right-link:active > .cls-child-menu,
cr-registermail .list-right-link:hover > .cls-child-menu-wide,
cr-registermail .list-right-link:active > .cls-child-menu-wide,
cr-registermailcomplete .list-right-link:hover > .cls-child-menu,
cr-registermailcomplete .list-right-link:active > .cls-child-menu,
cr-registermailcomplete .list-right-link:hover > .cls-child-menu-wide,
cr-registermailcomplete .list-right-link:active > .cls-child-menu-wide,
cr-mailautherror .list-right-link:hover > .cls-child-menu,
cr-mailautherror .list-right-link:active > .cls-child-menu,
cr-mailautherror .list-right-link:hover > .cls-child-menu-wide,
cr-mailautherror .list-right-link:active > .cls-child-menu-wide,
cr-registerorganization .list-right-link:hover > .cls-child-menu,
cr-registerorganization .list-right-link:active > .cls-child-menu,
cr-registerorganization .list-right-link:hover > .cls-child-menu-wide,
cr-registerorganization .list-right-link:active > .cls-child-menu-wide,
cr-confirmorganization .list-right-link:hover > .cls-child-menu,
cr-confirmorganization .list-right-link:active > .cls-child-menu,
cr-confirmorganization .list-right-link:hover > .cls-child-menu-wide,
cr-confirmorganization .list-right-link:active > .cls-child-menu-wide,
cr-registerorganizationcomplete .list-right-link:hover > .cls-child-menu,
cr-registerorganizationcomplete .list-right-link:active > .cls-child-menu,
cr-registerorganizationcomplete .list-right-link:hover > .cls-child-menu-wide,
cr-registerorganizationcomplete .list-right-link:active > .cls-child-menu-wide,
cr-adminhome .list-right-link:hover > .cls-child-menu,
cr-adminhome .list-right-link:active > .cls-child-menu,
cr-adminhome .list-right-link:hover > .cls-child-menu-wide,
cr-adminhome .list-right-link:active > .cls-child-menu-wide,
cr-adminorganizationinfo .list-right-link:hover > .cls-child-menu,
cr-adminorganizationinfo .list-right-link:active > .cls-child-menu,
cr-adminorganizationinfo .list-right-link:hover > .cls-child-menu-wide,
cr-adminorganizationinfo .list-right-link:active > .cls-child-menu-wide,
cr-adminorganizationedit .list-right-link:hover > .cls-child-menu,
cr-adminorganizationedit .list-right-link:active > .cls-child-menu,
cr-adminorganizationedit .list-right-link:hover > .cls-child-menu-wide,
cr-adminorganizationedit .list-right-link:active > .cls-child-menu-wide,
cr-adminorganizationconfirm .list-right-link:hover > .cls-child-menu,
cr-adminorganizationconfirm .list-right-link:active > .cls-child-menu,
cr-adminorganizationconfirm .list-right-link:hover > .cls-child-menu-wide,
cr-adminorganizationconfirm .list-right-link:active > .cls-child-menu-wide {
  display: block;
}
cr-adminoffer .cls-child-menu ul,
cr-adminoffer .cls-child-menu-wide ul,
cr-adminofferinfo .cls-child-menu ul,
cr-adminofferinfo .cls-child-menu-wide ul,
cr-adminofferconfirm .cls-child-menu ul,
cr-adminofferconfirm .cls-child-menu-wide ul,
cr-adminofferedit .cls-child-menu ul,
cr-adminofferedit .cls-child-menu-wide ul,
cr-adminofferregist .cls-child-menu ul,
cr-adminofferregist .cls-child-menu-wide ul,
cr-adminofferregistconfirm .cls-child-menu ul,
cr-adminofferregistconfirm .cls-child-menu-wide ul,
cr-adminofferregistcomplete .cls-child-menu ul,
cr-adminofferregistcomplete .cls-child-menu-wide ul,
cr-adminforgotpassword .cls-child-menu ul,
cr-adminforgotpassword .cls-child-menu-wide ul,
cr-adminupdatepassword .cls-child-menu ul,
cr-adminupdatepassword .cls-child-menu-wide ul,
cr-adminupdatepasswordcomplete .cls-child-menu ul,
cr-adminupdatepasswordcomplete .cls-child-menu-wide ul,
cr-adminforgotpasswordcomplete .cls-child-menu ul,
cr-adminforgotpasswordcomplete .cls-child-menu-wide ul,
cr-registermail .cls-child-menu ul,
cr-registermail .cls-child-menu-wide ul,
cr-registermailcomplete .cls-child-menu ul,
cr-registermailcomplete .cls-child-menu-wide ul,
cr-mailautherror .cls-child-menu ul,
cr-mailautherror .cls-child-menu-wide ul,
cr-registerorganization .cls-child-menu ul,
cr-registerorganization .cls-child-menu-wide ul,
cr-confirmorganization .cls-child-menu ul,
cr-confirmorganization .cls-child-menu-wide ul,
cr-registerorganizationcomplete .cls-child-menu ul,
cr-registerorganizationcomplete .cls-child-menu-wide ul,
cr-adminhome .cls-child-menu ul,
cr-adminhome .cls-child-menu-wide ul,
cr-adminorganizationinfo .cls-child-menu ul,
cr-adminorganizationinfo .cls-child-menu-wide ul,
cr-adminorganizationedit .cls-child-menu ul,
cr-adminorganizationedit .cls-child-menu-wide ul,
cr-adminorganizationconfirm .cls-child-menu ul,
cr-adminorganizationconfirm .cls-child-menu-wide ul {
  z-index: 4;
  position: absolute;
  margin-left: -230px;
  margin-top: -65px;
  padding: 0px;
  padding-top: 4px;
  padding-left: 10px;
  height: 40px;
  min-width: 260px;
  border-radius: 10px;
  background-color: #000;
}
cr-adminoffer .cls-child-menu-wide ul,
cr-adminofferinfo .cls-child-menu-wide ul,
cr-adminofferconfirm .cls-child-menu-wide ul,
cr-adminofferedit .cls-child-menu-wide ul,
cr-adminofferregist .cls-child-menu-wide ul,
cr-adminofferregistconfirm .cls-child-menu-wide ul,
cr-adminofferregistcomplete .cls-child-menu-wide ul,
cr-adminforgotpassword .cls-child-menu-wide ul,
cr-adminupdatepassword .cls-child-menu-wide ul,
cr-adminupdatepasswordcomplete .cls-child-menu-wide ul,
cr-adminforgotpasswordcomplete .cls-child-menu-wide ul,
cr-registermail .cls-child-menu-wide ul,
cr-registermailcomplete .cls-child-menu-wide ul,
cr-mailautherror .cls-child-menu-wide ul,
cr-registerorganization .cls-child-menu-wide ul,
cr-confirmorganization .cls-child-menu-wide ul,
cr-registerorganizationcomplete .cls-child-menu-wide ul,
cr-adminhome .cls-child-menu-wide ul,
cr-adminorganizationinfo .cls-child-menu-wide ul,
cr-adminorganizationedit .cls-child-menu-wide ul,
cr-adminorganizationconfirm .cls-child-menu-wide ul {
  margin-left: -233px;
  min-width: 280px;
}
cr-adminoffer .cls-child-menu ul::before,
cr-adminoffer .cls-child-menu-wide ul::before,
cr-adminofferinfo .cls-child-menu ul::before,
cr-adminofferinfo .cls-child-menu-wide ul::before,
cr-adminofferconfirm .cls-child-menu ul::before,
cr-adminofferconfirm .cls-child-menu-wide ul::before,
cr-adminofferedit .cls-child-menu ul::before,
cr-adminofferedit .cls-child-menu-wide ul::before,
cr-adminofferregist .cls-child-menu ul::before,
cr-adminofferregist .cls-child-menu-wide ul::before,
cr-adminofferregistconfirm .cls-child-menu ul::before,
cr-adminofferregistconfirm .cls-child-menu-wide ul::before,
cr-adminofferregistcomplete .cls-child-menu ul::before,
cr-adminofferregistcomplete .cls-child-menu-wide ul::before,
cr-adminforgotpassword .cls-child-menu ul::before,
cr-adminforgotpassword .cls-child-menu-wide ul::before,
cr-adminupdatepassword .cls-child-menu ul::before,
cr-adminupdatepassword .cls-child-menu-wide ul::before,
cr-adminupdatepasswordcomplete .cls-child-menu ul::before,
cr-adminupdatepasswordcomplete .cls-child-menu-wide ul::before,
cr-adminforgotpasswordcomplete .cls-child-menu ul::before,
cr-adminforgotpasswordcomplete .cls-child-menu-wide ul::before,
cr-registermail .cls-child-menu ul::before,
cr-registermail .cls-child-menu-wide ul::before,
cr-registermailcomplete .cls-child-menu ul::before,
cr-registermailcomplete .cls-child-menu-wide ul::before,
cr-mailautherror .cls-child-menu ul::before,
cr-mailautherror .cls-child-menu-wide ul::before,
cr-registerorganization .cls-child-menu ul::before,
cr-registerorganization .cls-child-menu-wide ul::before,
cr-confirmorganization .cls-child-menu ul::before,
cr-confirmorganization .cls-child-menu-wide ul::before,
cr-registerorganizationcomplete .cls-child-menu ul::before,
cr-registerorganizationcomplete .cls-child-menu-wide ul::before,
cr-adminhome .cls-child-menu ul::before,
cr-adminhome .cls-child-menu-wide ul::before,
cr-adminorganizationinfo .cls-child-menu ul::before,
cr-adminorganizationinfo .cls-child-menu-wide ul::before,
cr-adminorganizationedit .cls-child-menu ul::before,
cr-adminorganizationedit .cls-child-menu-wide ul::before,
cr-adminorganizationconfirm .cls-child-menu ul::before,
cr-adminorganizationconfirm .cls-child-menu-wide ul::before {
  content: "";
  position: absolute;
  left: 230px;
  top: 35px;
  display: block;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-top: 12px solid #000000;
  border-left: 10px solid transparent;
}
cr-adminoffer .cls-child-menu-wide ul::before,
cr-adminofferinfo .cls-child-menu-wide ul::before,
cr-adminofferconfirm .cls-child-menu-wide ul::before,
cr-adminofferedit .cls-child-menu-wide ul::before,
cr-adminofferregist .cls-child-menu-wide ul::before,
cr-adminofferregistconfirm .cls-child-menu-wide ul::before,
cr-adminofferregistcomplete .cls-child-menu-wide ul::before,
cr-adminforgotpassword .cls-child-menu-wide ul::before,
cr-adminupdatepassword .cls-child-menu-wide ul::before,
cr-adminupdatepasswordcomplete .cls-child-menu-wide ul::before,
cr-adminforgotpasswordcomplete .cls-child-menu-wide ul::before,
cr-registermail .cls-child-menu-wide ul::before,
cr-registermailcomplete .cls-child-menu-wide ul::before,
cr-mailautherror .cls-child-menu-wide ul::before,
cr-registerorganization .cls-child-menu-wide ul::before,
cr-confirmorganization .cls-child-menu-wide ul::before,
cr-registerorganizationcomplete .cls-child-menu-wide ul::before,
cr-adminhome .cls-child-menu-wide ul::before,
cr-adminorganizationinfo .cls-child-menu-wide ul::before,
cr-adminorganizationedit .cls-child-menu-wide ul::before,
cr-adminorganizationconfirm .cls-child-menu-wide ul::before {
  left: 232px;
}
cr-adminoffer .cls-child-menu li,
cr-adminoffer .cls-child-menu-wide li,
cr-adminofferinfo .cls-child-menu li,
cr-adminofferinfo .cls-child-menu-wide li,
cr-adminofferconfirm .cls-child-menu li,
cr-adminofferconfirm .cls-child-menu-wide li,
cr-adminofferedit .cls-child-menu li,
cr-adminofferedit .cls-child-menu-wide li,
cr-adminofferregist .cls-child-menu li,
cr-adminofferregist .cls-child-menu-wide li,
cr-adminofferregistconfirm .cls-child-menu li,
cr-adminofferregistconfirm .cls-child-menu-wide li,
cr-adminofferregistcomplete .cls-child-menu li,
cr-adminofferregistcomplete .cls-child-menu-wide li,
cr-adminforgotpassword .cls-child-menu li,
cr-adminforgotpassword .cls-child-menu-wide li,
cr-adminupdatepassword .cls-child-menu li,
cr-adminupdatepassword .cls-child-menu-wide li,
cr-adminupdatepasswordcomplete .cls-child-menu li,
cr-adminupdatepasswordcomplete .cls-child-menu-wide li,
cr-adminforgotpasswordcomplete .cls-child-menu li,
cr-adminforgotpasswordcomplete .cls-child-menu-wide li,
cr-registermail .cls-child-menu li,
cr-registermail .cls-child-menu-wide li,
cr-registermailcomplete .cls-child-menu li,
cr-registermailcomplete .cls-child-menu-wide li,
cr-mailautherror .cls-child-menu li,
cr-mailautherror .cls-child-menu-wide li,
cr-registerorganization .cls-child-menu li,
cr-registerorganization .cls-child-menu-wide li,
cr-confirmorganization .cls-child-menu li,
cr-confirmorganization .cls-child-menu-wide li,
cr-registerorganizationcomplete .cls-child-menu li,
cr-registerorganizationcomplete .cls-child-menu-wide li,
cr-adminhome .cls-child-menu li,
cr-adminhome .cls-child-menu-wide li,
cr-adminorganizationinfo .cls-child-menu li,
cr-adminorganizationinfo .cls-child-menu-wide li,
cr-adminorganizationedit .cls-child-menu li,
cr-adminorganizationedit .cls-child-menu-wide li,
cr-adminorganizationconfirm .cls-child-menu li,
cr-adminorganizationconfirm .cls-child-menu-wide li {
  list-style: none;
  border-right: solid 1px #fff;
  background-color: black;
  color: white;
  display: table-cell;
  padding: 5px;
  padding-right: 8px;
  font-size: 0.75rem;
  text-align: center;
}
cr-adminoffer .cls-child-menu li:nth-child(3n),
cr-adminoffer .cls-child-menu-wide li:nth-child(3n),
cr-adminofferinfo .cls-child-menu li:nth-child(3n),
cr-adminofferinfo .cls-child-menu-wide li:nth-child(3n),
cr-adminofferconfirm .cls-child-menu li:nth-child(3n),
cr-adminofferconfirm .cls-child-menu-wide li:nth-child(3n),
cr-adminofferedit .cls-child-menu li:nth-child(3n),
cr-adminofferedit .cls-child-menu-wide li:nth-child(3n),
cr-adminofferregist .cls-child-menu li:nth-child(3n),
cr-adminofferregist .cls-child-menu-wide li:nth-child(3n),
cr-adminofferregistconfirm .cls-child-menu li:nth-child(3n),
cr-adminofferregistconfirm .cls-child-menu-wide li:nth-child(3n),
cr-adminofferregistcomplete .cls-child-menu li:nth-child(3n),
cr-adminofferregistcomplete .cls-child-menu-wide li:nth-child(3n),
cr-adminforgotpassword .cls-child-menu li:nth-child(3n),
cr-adminforgotpassword .cls-child-menu-wide li:nth-child(3n),
cr-adminupdatepassword .cls-child-menu li:nth-child(3n),
cr-adminupdatepassword .cls-child-menu-wide li:nth-child(3n),
cr-adminupdatepasswordcomplete .cls-child-menu li:nth-child(3n),
cr-adminupdatepasswordcomplete .cls-child-menu-wide li:nth-child(3n),
cr-adminforgotpasswordcomplete .cls-child-menu li:nth-child(3n),
cr-adminforgotpasswordcomplete .cls-child-menu-wide li:nth-child(3n),
cr-registermail .cls-child-menu li:nth-child(3n),
cr-registermail .cls-child-menu-wide li:nth-child(3n),
cr-registermailcomplete .cls-child-menu li:nth-child(3n),
cr-registermailcomplete .cls-child-menu-wide li:nth-child(3n),
cr-mailautherror .cls-child-menu li:nth-child(3n),
cr-mailautherror .cls-child-menu-wide li:nth-child(3n),
cr-registerorganization .cls-child-menu li:nth-child(3n),
cr-registerorganization .cls-child-menu-wide li:nth-child(3n),
cr-confirmorganization .cls-child-menu li:nth-child(3n),
cr-confirmorganization .cls-child-menu-wide li:nth-child(3n),
cr-registerorganizationcomplete .cls-child-menu li:nth-child(3n),
cr-registerorganizationcomplete .cls-child-menu-wide li:nth-child(3n),
cr-adminhome .cls-child-menu li:nth-child(3n),
cr-adminhome .cls-child-menu-wide li:nth-child(3n),
cr-adminorganizationinfo .cls-child-menu li:nth-child(3n),
cr-adminorganizationinfo .cls-child-menu-wide li:nth-child(3n),
cr-adminorganizationedit .cls-child-menu li:nth-child(3n),
cr-adminorganizationedit .cls-child-menu-wide li:nth-child(3n),
cr-adminorganizationconfirm .cls-child-menu li:nth-child(3n),
cr-adminorganizationconfirm .cls-child-menu-wide li:nth-child(3n) {
  border-right: 0px !important;
}
cr-adminoffer .cls-child-menu ul li a,
cr-adminoffer .cls-child-menu ul li a:visited,
cr-adminoffer .cls-child-menu-wide ul li a,
cr-adminoffer .cls-child-menu-wide ul li a:visited,
cr-adminofferinfo .cls-child-menu ul li a,
cr-adminofferinfo .cls-child-menu ul li a:visited,
cr-adminofferinfo .cls-child-menu-wide ul li a,
cr-adminofferinfo .cls-child-menu-wide ul li a:visited,
cr-adminofferconfirm .cls-child-menu ul li a,
cr-adminofferconfirm .cls-child-menu ul li a:visited,
cr-adminofferconfirm .cls-child-menu-wide ul li a,
cr-adminofferconfirm .cls-child-menu-wide ul li a:visited,
cr-adminofferedit .cls-child-menu ul li a,
cr-adminofferedit .cls-child-menu ul li a:visited,
cr-adminofferedit .cls-child-menu-wide ul li a,
cr-adminofferedit .cls-child-menu-wide ul li a:visited,
cr-adminofferregist .cls-child-menu ul li a,
cr-adminofferregist .cls-child-menu ul li a:visited,
cr-adminofferregist .cls-child-menu-wide ul li a,
cr-adminofferregist .cls-child-menu-wide ul li a:visited,
cr-adminofferregistconfirm .cls-child-menu ul li a,
cr-adminofferregistconfirm .cls-child-menu ul li a:visited,
cr-adminofferregistconfirm .cls-child-menu-wide ul li a,
cr-adminofferregistconfirm .cls-child-menu-wide ul li a:visited,
cr-adminofferregistcomplete .cls-child-menu ul li a,
cr-adminofferregistcomplete .cls-child-menu ul li a:visited,
cr-adminofferregistcomplete .cls-child-menu-wide ul li a,
cr-adminofferregistcomplete .cls-child-menu-wide ul li a:visited,
cr-adminforgotpassword .cls-child-menu ul li a,
cr-adminforgotpassword .cls-child-menu ul li a:visited,
cr-adminforgotpassword .cls-child-menu-wide ul li a,
cr-adminforgotpassword .cls-child-menu-wide ul li a:visited,
cr-adminupdatepassword .cls-child-menu ul li a,
cr-adminupdatepassword .cls-child-menu ul li a:visited,
cr-adminupdatepassword .cls-child-menu-wide ul li a,
cr-adminupdatepassword .cls-child-menu-wide ul li a:visited,
cr-adminupdatepasswordcomplete .cls-child-menu ul li a,
cr-adminupdatepasswordcomplete .cls-child-menu ul li a:visited,
cr-adminupdatepasswordcomplete .cls-child-menu-wide ul li a,
cr-adminupdatepasswordcomplete .cls-child-menu-wide ul li a:visited,
cr-adminforgotpasswordcomplete .cls-child-menu ul li a,
cr-adminforgotpasswordcomplete .cls-child-menu ul li a:visited,
cr-adminforgotpasswordcomplete .cls-child-menu-wide ul li a,
cr-adminforgotpasswordcomplete .cls-child-menu-wide ul li a:visited,
cr-registermail .cls-child-menu ul li a,
cr-registermail .cls-child-menu ul li a:visited,
cr-registermail .cls-child-menu-wide ul li a,
cr-registermail .cls-child-menu-wide ul li a:visited,
cr-registermailcomplete .cls-child-menu ul li a,
cr-registermailcomplete .cls-child-menu ul li a:visited,
cr-registermailcomplete .cls-child-menu-wide ul li a,
cr-registermailcomplete .cls-child-menu-wide ul li a:visited,
cr-mailautherror .cls-child-menu ul li a,
cr-mailautherror .cls-child-menu ul li a:visited,
cr-mailautherror .cls-child-menu-wide ul li a,
cr-mailautherror .cls-child-menu-wide ul li a:visited,
cr-registerorganization .cls-child-menu ul li a,
cr-registerorganization .cls-child-menu ul li a:visited,
cr-registerorganization .cls-child-menu-wide ul li a,
cr-registerorganization .cls-child-menu-wide ul li a:visited,
cr-confirmorganization .cls-child-menu ul li a,
cr-confirmorganization .cls-child-menu ul li a:visited,
cr-confirmorganization .cls-child-menu-wide ul li a,
cr-confirmorganization .cls-child-menu-wide ul li a:visited,
cr-registerorganizationcomplete .cls-child-menu ul li a,
cr-registerorganizationcomplete .cls-child-menu ul li a:visited,
cr-registerorganizationcomplete .cls-child-menu-wide ul li a,
cr-registerorganizationcomplete .cls-child-menu-wide ul li a:visited,
cr-adminhome .cls-child-menu ul li a,
cr-adminhome .cls-child-menu ul li a:visited,
cr-adminhome .cls-child-menu-wide ul li a,
cr-adminhome .cls-child-menu-wide ul li a:visited,
cr-adminorganizationinfo .cls-child-menu ul li a,
cr-adminorganizationinfo .cls-child-menu ul li a:visited,
cr-adminorganizationinfo .cls-child-menu-wide ul li a,
cr-adminorganizationinfo .cls-child-menu-wide ul li a:visited,
cr-adminorganizationedit .cls-child-menu ul li a,
cr-adminorganizationedit .cls-child-menu ul li a:visited,
cr-adminorganizationedit .cls-child-menu-wide ul li a,
cr-adminorganizationedit .cls-child-menu-wide ul li a:visited,
cr-adminorganizationconfirm .cls-child-menu ul li a,
cr-adminorganizationconfirm .cls-child-menu ul li a:visited,
cr-adminorganizationconfirm .cls-child-menu-wide ul li a,
cr-adminorganizationconfirm .cls-child-menu-wide ul li a:visited {
  color: white;
}
cr-adminoffer .cls-child-menu ul li:hover,
cr-adminoffer .cls-child-menu ul li:active,
cr-adminoffer .cls-child-menu-wide ul li:hover,
cr-adminoffer .cls-child-menu-wide ul li:active,
cr-adminofferinfo .cls-child-menu ul li:hover,
cr-adminofferinfo .cls-child-menu ul li:active,
cr-adminofferinfo .cls-child-menu-wide ul li:hover,
cr-adminofferinfo .cls-child-menu-wide ul li:active,
cr-adminofferconfirm .cls-child-menu ul li:hover,
cr-adminofferconfirm .cls-child-menu ul li:active,
cr-adminofferconfirm .cls-child-menu-wide ul li:hover,
cr-adminofferconfirm .cls-child-menu-wide ul li:active,
cr-adminofferedit .cls-child-menu ul li:hover,
cr-adminofferedit .cls-child-menu ul li:active,
cr-adminofferedit .cls-child-menu-wide ul li:hover,
cr-adminofferedit .cls-child-menu-wide ul li:active,
cr-adminofferregist .cls-child-menu ul li:hover,
cr-adminofferregist .cls-child-menu ul li:active,
cr-adminofferregist .cls-child-menu-wide ul li:hover,
cr-adminofferregist .cls-child-menu-wide ul li:active,
cr-adminofferregistconfirm .cls-child-menu ul li:hover,
cr-adminofferregistconfirm .cls-child-menu ul li:active,
cr-adminofferregistconfirm .cls-child-menu-wide ul li:hover,
cr-adminofferregistconfirm .cls-child-menu-wide ul li:active,
cr-adminofferregistcomplete .cls-child-menu ul li:hover,
cr-adminofferregistcomplete .cls-child-menu ul li:active,
cr-adminofferregistcomplete .cls-child-menu-wide ul li:hover,
cr-adminofferregistcomplete .cls-child-menu-wide ul li:active,
cr-adminforgotpassword .cls-child-menu ul li:hover,
cr-adminforgotpassword .cls-child-menu ul li:active,
cr-adminforgotpassword .cls-child-menu-wide ul li:hover,
cr-adminforgotpassword .cls-child-menu-wide ul li:active,
cr-adminupdatepassword .cls-child-menu ul li:hover,
cr-adminupdatepassword .cls-child-menu ul li:active,
cr-adminupdatepassword .cls-child-menu-wide ul li:hover,
cr-adminupdatepassword .cls-child-menu-wide ul li:active,
cr-adminupdatepasswordcomplete .cls-child-menu ul li:hover,
cr-adminupdatepasswordcomplete .cls-child-menu ul li:active,
cr-adminupdatepasswordcomplete .cls-child-menu-wide ul li:hover,
cr-adminupdatepasswordcomplete .cls-child-menu-wide ul li:active,
cr-adminforgotpasswordcomplete .cls-child-menu ul li:hover,
cr-adminforgotpasswordcomplete .cls-child-menu ul li:active,
cr-adminforgotpasswordcomplete .cls-child-menu-wide ul li:hover,
cr-adminforgotpasswordcomplete .cls-child-menu-wide ul li:active,
cr-registermail .cls-child-menu ul li:hover,
cr-registermail .cls-child-menu ul li:active,
cr-registermail .cls-child-menu-wide ul li:hover,
cr-registermail .cls-child-menu-wide ul li:active,
cr-registermailcomplete .cls-child-menu ul li:hover,
cr-registermailcomplete .cls-child-menu ul li:active,
cr-registermailcomplete .cls-child-menu-wide ul li:hover,
cr-registermailcomplete .cls-child-menu-wide ul li:active,
cr-mailautherror .cls-child-menu ul li:hover,
cr-mailautherror .cls-child-menu ul li:active,
cr-mailautherror .cls-child-menu-wide ul li:hover,
cr-mailautherror .cls-child-menu-wide ul li:active,
cr-registerorganization .cls-child-menu ul li:hover,
cr-registerorganization .cls-child-menu ul li:active,
cr-registerorganization .cls-child-menu-wide ul li:hover,
cr-registerorganization .cls-child-menu-wide ul li:active,
cr-confirmorganization .cls-child-menu ul li:hover,
cr-confirmorganization .cls-child-menu ul li:active,
cr-confirmorganization .cls-child-menu-wide ul li:hover,
cr-confirmorganization .cls-child-menu-wide ul li:active,
cr-registerorganizationcomplete .cls-child-menu ul li:hover,
cr-registerorganizationcomplete .cls-child-menu ul li:active,
cr-registerorganizationcomplete .cls-child-menu-wide ul li:hover,
cr-registerorganizationcomplete .cls-child-menu-wide ul li:active,
cr-adminhome .cls-child-menu ul li:hover,
cr-adminhome .cls-child-menu ul li:active,
cr-adminhome .cls-child-menu-wide ul li:hover,
cr-adminhome .cls-child-menu-wide ul li:active,
cr-adminorganizationinfo .cls-child-menu ul li:hover,
cr-adminorganizationinfo .cls-child-menu ul li:active,
cr-adminorganizationinfo .cls-child-menu-wide ul li:hover,
cr-adminorganizationinfo .cls-child-menu-wide ul li:active,
cr-adminorganizationedit .cls-child-menu ul li:hover,
cr-adminorganizationedit .cls-child-menu ul li:active,
cr-adminorganizationedit .cls-child-menu-wide ul li:hover,
cr-adminorganizationedit .cls-child-menu-wide ul li:active,
cr-adminorganizationconfirm .cls-child-menu ul li:hover,
cr-adminorganizationconfirm .cls-child-menu ul li:active,
cr-adminorganizationconfirm .cls-child-menu-wide ul li:hover,
cr-adminorganizationconfirm .cls-child-menu-wide ul li:active {
  background-color: gray;
}
cr-adminoffer .movie-thumbnail-box,
cr-adminofferinfo .movie-thumbnail-box,
cr-adminofferconfirm .movie-thumbnail-box,
cr-adminofferedit .movie-thumbnail-box,
cr-adminofferregist .movie-thumbnail-box,
cr-adminofferregistconfirm .movie-thumbnail-box,
cr-adminofferregistcomplete .movie-thumbnail-box,
cr-adminforgotpassword .movie-thumbnail-box,
cr-adminupdatepassword .movie-thumbnail-box,
cr-adminupdatepasswordcomplete .movie-thumbnail-box,
cr-adminforgotpasswordcomplete .movie-thumbnail-box,
cr-registermail .movie-thumbnail-box,
cr-registermailcomplete .movie-thumbnail-box,
cr-mailautherror .movie-thumbnail-box,
cr-registerorganization .movie-thumbnail-box,
cr-confirmorganization .movie-thumbnail-box,
cr-registerorganizationcomplete .movie-thumbnail-box,
cr-adminhome .movie-thumbnail-box,
cr-adminorganizationinfo .movie-thumbnail-box,
cr-adminorganizationedit .movie-thumbnail-box,
cr-adminorganizationconfirm .movie-thumbnail-box {
  position: relative;
  /*相対配置*/
}
cr-adminoffer .movie-thumbnail,
cr-adminofferinfo .movie-thumbnail,
cr-adminofferconfirm .movie-thumbnail,
cr-adminofferedit .movie-thumbnail,
cr-adminofferregist .movie-thumbnail,
cr-adminofferregistconfirm .movie-thumbnail,
cr-adminofferregistcomplete .movie-thumbnail,
cr-adminforgotpassword .movie-thumbnail,
cr-adminupdatepassword .movie-thumbnail,
cr-adminupdatepasswordcomplete .movie-thumbnail,
cr-adminforgotpasswordcomplete .movie-thumbnail,
cr-registermail .movie-thumbnail,
cr-registermailcomplete .movie-thumbnail,
cr-mailautherror .movie-thumbnail,
cr-registerorganization .movie-thumbnail,
cr-confirmorganization .movie-thumbnail,
cr-registerorganizationcomplete .movie-thumbnail,
cr-adminhome .movie-thumbnail,
cr-adminorganizationinfo .movie-thumbnail,
cr-adminorganizationedit .movie-thumbnail,
cr-adminorganizationconfirm .movie-thumbnail {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
cr-adminoffer .movie-thumbnail-box i,
cr-adminofferinfo .movie-thumbnail-box i,
cr-adminofferconfirm .movie-thumbnail-box i,
cr-adminofferedit .movie-thumbnail-box i,
cr-adminofferregist .movie-thumbnail-box i,
cr-adminofferregistconfirm .movie-thumbnail-box i,
cr-adminofferregistcomplete .movie-thumbnail-box i,
cr-adminforgotpassword .movie-thumbnail-box i,
cr-adminupdatepassword .movie-thumbnail-box i,
cr-adminupdatepasswordcomplete .movie-thumbnail-box i,
cr-adminforgotpasswordcomplete .movie-thumbnail-box i,
cr-registermail .movie-thumbnail-box i,
cr-registermailcomplete .movie-thumbnail-box i,
cr-mailautherror .movie-thumbnail-box i,
cr-registerorganization .movie-thumbnail-box i,
cr-confirmorganization .movie-thumbnail-box i,
cr-registerorganizationcomplete .movie-thumbnail-box i,
cr-adminhome .movie-thumbnail-box i,
cr-adminorganizationinfo .movie-thumbnail-box i,
cr-adminorganizationedit .movie-thumbnail-box i,
cr-adminorganizationconfirm .movie-thumbnail-box i {
  color: #FFFFFF !important;
}
cr-adminoffer .movie-thumbnail-box p,
cr-adminofferinfo .movie-thumbnail-box p,
cr-adminofferconfirm .movie-thumbnail-box p,
cr-adminofferedit .movie-thumbnail-box p,
cr-adminofferregist .movie-thumbnail-box p,
cr-adminofferregistconfirm .movie-thumbnail-box p,
cr-adminofferregistcomplete .movie-thumbnail-box p,
cr-adminforgotpassword .movie-thumbnail-box p,
cr-adminupdatepassword .movie-thumbnail-box p,
cr-adminupdatepasswordcomplete .movie-thumbnail-box p,
cr-adminforgotpasswordcomplete .movie-thumbnail-box p,
cr-registermail .movie-thumbnail-box p,
cr-registermailcomplete .movie-thumbnail-box p,
cr-mailautherror .movie-thumbnail-box p,
cr-registerorganization .movie-thumbnail-box p,
cr-confirmorganization .movie-thumbnail-box p,
cr-registerorganizationcomplete .movie-thumbnail-box p,
cr-adminhome .movie-thumbnail-box p,
cr-adminorganizationinfo .movie-thumbnail-box p,
cr-adminorganizationedit .movie-thumbnail-box p,
cr-adminorganizationconfirm .movie-thumbnail-box p {
  position: absolute;
  /*絶対配置*/
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
cr-adminoffer .admin-top-header,
cr-adminofferinfo .admin-top-header,
cr-adminofferconfirm .admin-top-header,
cr-adminofferedit .admin-top-header,
cr-adminofferregist .admin-top-header,
cr-adminofferregistconfirm .admin-top-header,
cr-adminofferregistcomplete .admin-top-header,
cr-adminforgotpassword .admin-top-header,
cr-adminupdatepassword .admin-top-header,
cr-adminupdatepasswordcomplete .admin-top-header,
cr-adminforgotpasswordcomplete .admin-top-header,
cr-registermail .admin-top-header,
cr-registermailcomplete .admin-top-header,
cr-mailautherror .admin-top-header,
cr-registerorganization .admin-top-header,
cr-confirmorganization .admin-top-header,
cr-registerorganizationcomplete .admin-top-header,
cr-adminhome .admin-top-header,
cr-adminorganizationinfo .admin-top-header,
cr-adminorganizationedit .admin-top-header,
cr-adminorganizationconfirm .admin-top-header {
  font-family: "M PLUS Rounded 1c", sans-serif;
  margin-left: -1rem !important;
}
cr-adminoffer .rounded1c,
cr-adminofferinfo .rounded1c,
cr-adminofferconfirm .rounded1c,
cr-adminofferedit .rounded1c,
cr-adminofferregist .rounded1c,
cr-adminofferregistconfirm .rounded1c,
cr-adminofferregistcomplete .rounded1c,
cr-adminforgotpassword .rounded1c,
cr-adminupdatepassword .rounded1c,
cr-adminupdatepasswordcomplete .rounded1c,
cr-adminforgotpasswordcomplete .rounded1c,
cr-registermail .rounded1c,
cr-registermailcomplete .rounded1c,
cr-mailautherror .rounded1c,
cr-registerorganization .rounded1c,
cr-confirmorganization .rounded1c,
cr-registerorganizationcomplete .rounded1c,
cr-adminhome .rounded1c,
cr-adminorganizationinfo .rounded1c,
cr-adminorganizationedit .rounded1c,
cr-adminorganizationconfirm .rounded1c {
  font-family: "M PLUS Rounded 1c", sans-serif;
}
cr-adminoffer .rounded,
cr-adminofferinfo .rounded,
cr-adminofferconfirm .rounded,
cr-adminofferedit .rounded,
cr-adminofferregist .rounded,
cr-adminofferregistconfirm .rounded,
cr-adminofferregistcomplete .rounded,
cr-adminforgotpassword .rounded,
cr-adminupdatepassword .rounded,
cr-adminupdatepasswordcomplete .rounded,
cr-adminforgotpasswordcomplete .rounded,
cr-registermail .rounded,
cr-registermailcomplete .rounded,
cr-mailautherror .rounded,
cr-registerorganization .rounded,
cr-confirmorganization .rounded,
cr-registerorganizationcomplete .rounded,
cr-adminhome .rounded,
cr-adminorganizationinfo .rounded,
cr-adminorganizationedit .rounded,
cr-adminorganizationconfirm .rounded {
  font-family: "M PLUS Rounded", sans-serif;
}
cr-adminoffer .admin-top-header h3,
cr-adminofferinfo .admin-top-header h3,
cr-adminofferconfirm .admin-top-header h3,
cr-adminofferedit .admin-top-header h3,
cr-adminofferregist .admin-top-header h3,
cr-adminofferregistconfirm .admin-top-header h3,
cr-adminofferregistcomplete .admin-top-header h3,
cr-adminforgotpassword .admin-top-header h3,
cr-adminupdatepassword .admin-top-header h3,
cr-adminupdatepasswordcomplete .admin-top-header h3,
cr-adminforgotpasswordcomplete .admin-top-header h3,
cr-registermail .admin-top-header h3,
cr-registermailcomplete .admin-top-header h3,
cr-mailautherror .admin-top-header h3,
cr-registerorganization .admin-top-header h3,
cr-confirmorganization .admin-top-header h3,
cr-registerorganizationcomplete .admin-top-header h3,
cr-adminhome .admin-top-header h3,
cr-adminorganizationinfo .admin-top-header h3,
cr-adminorganizationedit .admin-top-header h3,
cr-adminorganizationconfirm .admin-top-header h3 {
  font-size: 1.55rem;
}
cr-adminoffer .employee-regist-number-box,
cr-adminoffer .employee-member-box,
cr-adminoffer .top-graph-box,
cr-adminofferinfo .employee-regist-number-box,
cr-adminofferinfo .employee-member-box,
cr-adminofferinfo .top-graph-box,
cr-adminofferconfirm .employee-regist-number-box,
cr-adminofferconfirm .employee-member-box,
cr-adminofferconfirm .top-graph-box,
cr-adminofferedit .employee-regist-number-box,
cr-adminofferedit .employee-member-box,
cr-adminofferedit .top-graph-box,
cr-adminofferregist .employee-regist-number-box,
cr-adminofferregist .employee-member-box,
cr-adminofferregist .top-graph-box,
cr-adminofferregistconfirm .employee-regist-number-box,
cr-adminofferregistconfirm .employee-member-box,
cr-adminofferregistconfirm .top-graph-box,
cr-adminofferregistcomplete .employee-regist-number-box,
cr-adminofferregistcomplete .employee-member-box,
cr-adminofferregistcomplete .top-graph-box,
cr-adminforgotpassword .employee-regist-number-box,
cr-adminforgotpassword .employee-member-box,
cr-adminforgotpassword .top-graph-box,
cr-adminupdatepassword .employee-regist-number-box,
cr-adminupdatepassword .employee-member-box,
cr-adminupdatepassword .top-graph-box,
cr-adminupdatepasswordcomplete .employee-regist-number-box,
cr-adminupdatepasswordcomplete .employee-member-box,
cr-adminupdatepasswordcomplete .top-graph-box,
cr-adminforgotpasswordcomplete .employee-regist-number-box,
cr-adminforgotpasswordcomplete .employee-member-box,
cr-adminforgotpasswordcomplete .top-graph-box,
cr-registermail .employee-regist-number-box,
cr-registermail .employee-member-box,
cr-registermail .top-graph-box,
cr-registermailcomplete .employee-regist-number-box,
cr-registermailcomplete .employee-member-box,
cr-registermailcomplete .top-graph-box,
cr-mailautherror .employee-regist-number-box,
cr-mailautherror .employee-member-box,
cr-mailautherror .top-graph-box,
cr-registerorganization .employee-regist-number-box,
cr-registerorganization .employee-member-box,
cr-registerorganization .top-graph-box,
cr-confirmorganization .employee-regist-number-box,
cr-confirmorganization .employee-member-box,
cr-confirmorganization .top-graph-box,
cr-registerorganizationcomplete .employee-regist-number-box,
cr-registerorganizationcomplete .employee-member-box,
cr-registerorganizationcomplete .top-graph-box,
cr-adminhome .employee-regist-number-box,
cr-adminhome .employee-member-box,
cr-adminhome .top-graph-box,
cr-adminorganizationinfo .employee-regist-number-box,
cr-adminorganizationinfo .employee-member-box,
cr-adminorganizationinfo .top-graph-box,
cr-adminorganizationedit .employee-regist-number-box,
cr-adminorganizationedit .employee-member-box,
cr-adminorganizationedit .top-graph-box,
cr-adminorganizationconfirm .employee-regist-number-box,
cr-adminorganizationconfirm .employee-member-box,
cr-adminorganizationconfirm .top-graph-box {
  background-color: #ffffff;
  color: #000000;
  font-family: "M PLUS Rounded 1c", sans-serif;
  padding: 20px 15px;
  border-radius: 15px;
  /* margin: 5px; */
  font-size: 1.45rem;
  min-height: 10vh;
}
cr-adminoffer .top-graph-box,
cr-adminofferinfo .top-graph-box,
cr-adminofferconfirm .top-graph-box,
cr-adminofferedit .top-graph-box,
cr-adminofferregist .top-graph-box,
cr-adminofferregistconfirm .top-graph-box,
cr-adminofferregistcomplete .top-graph-box,
cr-adminforgotpassword .top-graph-box,
cr-adminupdatepassword .top-graph-box,
cr-adminupdatepasswordcomplete .top-graph-box,
cr-adminforgotpasswordcomplete .top-graph-box,
cr-registermail .top-graph-box,
cr-registermailcomplete .top-graph-box,
cr-mailautherror .top-graph-box,
cr-registerorganization .top-graph-box,
cr-confirmorganization .top-graph-box,
cr-registerorganizationcomplete .top-graph-box,
cr-adminhome .top-graph-box,
cr-adminorganizationinfo .top-graph-box,
cr-adminorganizationedit .top-graph-box,
cr-adminorganizationconfirm .top-graph-box {
  min-height: 30vh;
  width: 100% !important;
}
cr-adminoffer .employee-regist-number-box p,
cr-adminofferinfo .employee-regist-number-box p,
cr-adminofferconfirm .employee-regist-number-box p,
cr-adminofferedit .employee-regist-number-box p,
cr-adminofferregist .employee-regist-number-box p,
cr-adminofferregistconfirm .employee-regist-number-box p,
cr-adminofferregistcomplete .employee-regist-number-box p,
cr-adminforgotpassword .employee-regist-number-box p,
cr-adminupdatepassword .employee-regist-number-box p,
cr-adminupdatepasswordcomplete .employee-regist-number-box p,
cr-adminforgotpasswordcomplete .employee-regist-number-box p,
cr-registermail .employee-regist-number-box p,
cr-registermailcomplete .employee-regist-number-box p,
cr-mailautherror .employee-regist-number-box p,
cr-registerorganization .employee-regist-number-box p,
cr-confirmorganization .employee-regist-number-box p,
cr-registerorganizationcomplete .employee-regist-number-box p,
cr-adminhome .employee-regist-number-box p,
cr-adminorganizationinfo .employee-regist-number-box p,
cr-adminorganizationedit .employee-regist-number-box p,
cr-adminorganizationconfirm .employee-regist-number-box p {
  position: absolute;
  /*絶対配置*/
  top: 50%;
  left: 0%;
  padding: 3vh 1vw;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
cr-adminoffer .employee-regist-number-box p span.turquoise-blue,
cr-adminofferinfo .employee-regist-number-box p span.turquoise-blue,
cr-adminofferconfirm .employee-regist-number-box p span.turquoise-blue,
cr-adminofferedit .employee-regist-number-box p span.turquoise-blue,
cr-adminofferregist .employee-regist-number-box p span.turquoise-blue,
cr-adminofferregistconfirm .employee-regist-number-box p span.turquoise-blue,
cr-adminofferregistcomplete .employee-regist-number-box p span.turquoise-blue,
cr-adminforgotpassword .employee-regist-number-box p span.turquoise-blue,
cr-adminupdatepassword .employee-regist-number-box p span.turquoise-blue,
cr-adminupdatepasswordcomplete .employee-regist-number-box p span.turquoise-blue,
cr-adminforgotpasswordcomplete .employee-regist-number-box p span.turquoise-blue,
cr-registermail .employee-regist-number-box p span.turquoise-blue,
cr-registermailcomplete .employee-regist-number-box p span.turquoise-blue,
cr-mailautherror .employee-regist-number-box p span.turquoise-blue,
cr-registerorganization .employee-regist-number-box p span.turquoise-blue,
cr-confirmorganization .employee-regist-number-box p span.turquoise-blue,
cr-registerorganizationcomplete .employee-regist-number-box p span.turquoise-blue,
cr-adminhome .employee-regist-number-box p span.turquoise-blue,
cr-adminorganizationinfo .employee-regist-number-box p span.turquoise-blue,
cr-adminorganizationedit .employee-regist-number-box p span.turquoise-blue,
cr-adminorganizationconfirm .employee-regist-number-box p span.turquoise-blue {
  color: #54B5CB;
  font-size: 2.5rem;
}
cr-adminoffer .rounded1c span.turquoise-blue,
cr-adminofferinfo .rounded1c span.turquoise-blue,
cr-adminofferconfirm .rounded1c span.turquoise-blue,
cr-adminofferedit .rounded1c span.turquoise-blue,
cr-adminofferregist .rounded1c span.turquoise-blue,
cr-adminofferregistconfirm .rounded1c span.turquoise-blue,
cr-adminofferregistcomplete .rounded1c span.turquoise-blue,
cr-adminforgotpassword .rounded1c span.turquoise-blue,
cr-adminupdatepassword .rounded1c span.turquoise-blue,
cr-adminupdatepasswordcomplete .rounded1c span.turquoise-blue,
cr-adminforgotpasswordcomplete .rounded1c span.turquoise-blue,
cr-registermail .rounded1c span.turquoise-blue,
cr-registermailcomplete .rounded1c span.turquoise-blue,
cr-mailautherror .rounded1c span.turquoise-blue,
cr-registerorganization .rounded1c span.turquoise-blue,
cr-confirmorganization .rounded1c span.turquoise-blue,
cr-registerorganizationcomplete .rounded1c span.turquoise-blue,
cr-adminhome .rounded1c span.turquoise-blue,
cr-adminorganizationinfo .rounded1c span.turquoise-blue,
cr-adminorganizationedit .rounded1c span.turquoise-blue,
cr-adminorganizationconfirm .rounded1c span.turquoise-blue {
  color: #54B5CB;
  font-size: 1.5rem;
}
cr-adminoffer .offer-list-box-bottom,
cr-adminofferinfo .offer-list-box-bottom,
cr-adminofferconfirm .offer-list-box-bottom,
cr-adminofferedit .offer-list-box-bottom,
cr-adminofferregist .offer-list-box-bottom,
cr-adminofferregistconfirm .offer-list-box-bottom,
cr-adminofferregistcomplete .offer-list-box-bottom,
cr-adminforgotpassword .offer-list-box-bottom,
cr-adminupdatepassword .offer-list-box-bottom,
cr-adminupdatepasswordcomplete .offer-list-box-bottom,
cr-adminforgotpasswordcomplete .offer-list-box-bottom,
cr-registermail .offer-list-box-bottom,
cr-registermailcomplete .offer-list-box-bottom,
cr-mailautherror .offer-list-box-bottom,
cr-registerorganization .offer-list-box-bottom,
cr-confirmorganization .offer-list-box-bottom,
cr-registerorganizationcomplete .offer-list-box-bottom,
cr-adminhome .offer-list-box-bottom,
cr-adminorganizationinfo .offer-list-box-bottom,
cr-adminorganizationedit .offer-list-box-bottom,
cr-adminorganizationconfirm .offer-list-box-bottom {
  font-size: 0.8rem;
}
cr-adminoffer .offer-list-box-bottom .turquoise-blue,
cr-adminofferinfo .offer-list-box-bottom .turquoise-blue,
cr-adminofferconfirm .offer-list-box-bottom .turquoise-blue,
cr-adminofferedit .offer-list-box-bottom .turquoise-blue,
cr-adminofferregist .offer-list-box-bottom .turquoise-blue,
cr-adminofferregistconfirm .offer-list-box-bottom .turquoise-blue,
cr-adminofferregistcomplete .offer-list-box-bottom .turquoise-blue,
cr-adminforgotpassword .offer-list-box-bottom .turquoise-blue,
cr-adminupdatepassword .offer-list-box-bottom .turquoise-blue,
cr-adminupdatepasswordcomplete .offer-list-box-bottom .turquoise-blue,
cr-adminforgotpasswordcomplete .offer-list-box-bottom .turquoise-blue,
cr-registermail .offer-list-box-bottom .turquoise-blue,
cr-registermailcomplete .offer-list-box-bottom .turquoise-blue,
cr-mailautherror .offer-list-box-bottom .turquoise-blue,
cr-registerorganization .offer-list-box-bottom .turquoise-blue,
cr-confirmorganization .offer-list-box-bottom .turquoise-blue,
cr-registerorganizationcomplete .offer-list-box-bottom .turquoise-blue,
cr-adminhome .offer-list-box-bottom .turquoise-blue,
cr-adminorganizationinfo .offer-list-box-bottom .turquoise-blue,
cr-adminorganizationedit .offer-list-box-bottom .turquoise-blue,
cr-adminorganizationconfirm .offer-list-box-bottom .turquoise-blue {
  color: #54B5CB;
}
cr-adminoffer .offer-regist-box,
cr-adminofferinfo .offer-regist-box,
cr-adminofferconfirm .offer-regist-box,
cr-adminofferedit .offer-regist-box,
cr-adminofferregist .offer-regist-box,
cr-adminofferregistconfirm .offer-regist-box,
cr-adminofferregistcomplete .offer-regist-box,
cr-adminforgotpassword .offer-regist-box,
cr-adminupdatepassword .offer-regist-box,
cr-adminupdatepasswordcomplete .offer-regist-box,
cr-adminforgotpasswordcomplete .offer-regist-box,
cr-registermail .offer-regist-box,
cr-registermailcomplete .offer-regist-box,
cr-mailautherror .offer-regist-box,
cr-registerorganization .offer-regist-box,
cr-confirmorganization .offer-regist-box,
cr-registerorganizationcomplete .offer-regist-box,
cr-adminhome .offer-regist-box,
cr-adminorganizationinfo .offer-regist-box,
cr-adminorganizationedit .offer-regist-box,
cr-adminorganizationconfirm .offer-regist-box {
  font-size: 1rem;
}
cr-adminoffer .font-normal,
cr-adminofferinfo .font-normal,
cr-adminofferconfirm .font-normal,
cr-adminofferedit .font-normal,
cr-adminofferregist .font-normal,
cr-adminofferregistconfirm .font-normal,
cr-adminofferregistcomplete .font-normal,
cr-adminforgotpassword .font-normal,
cr-adminupdatepassword .font-normal,
cr-adminupdatepasswordcomplete .font-normal,
cr-adminforgotpasswordcomplete .font-normal,
cr-registermail .font-normal,
cr-registermailcomplete .font-normal,
cr-mailautherror .font-normal,
cr-registerorganization .font-normal,
cr-confirmorganization .font-normal,
cr-registerorganizationcomplete .font-normal,
cr-adminhome .font-normal,
cr-adminorganizationinfo .font-normal,
cr-adminorganizationedit .font-normal,
cr-adminorganizationconfirm .font-normal {
  font-family: normal;
}
cr-adminoffer .font-size-normal,
cr-adminofferinfo .font-size-normal,
cr-adminofferconfirm .font-size-normal,
cr-adminofferedit .font-size-normal,
cr-adminofferregist .font-size-normal,
cr-adminofferregistconfirm .font-size-normal,
cr-adminofferregistcomplete .font-size-normal,
cr-adminforgotpassword .font-size-normal,
cr-adminupdatepassword .font-size-normal,
cr-adminupdatepasswordcomplete .font-size-normal,
cr-adminforgotpasswordcomplete .font-size-normal,
cr-registermail .font-size-normal,
cr-registermailcomplete .font-size-normal,
cr-mailautherror .font-size-normal,
cr-registerorganization .font-size-normal,
cr-confirmorganization .font-size-normal,
cr-registerorganizationcomplete .font-size-normal,
cr-adminhome .font-size-normal,
cr-adminorganizationinfo .font-size-normal,
cr-adminorganizationedit .font-size-normal,
cr-adminorganizationconfirm .font-size-normal {
  font-size: 1rem;
}
cr-adminoffer .employee-name,
cr-adminofferinfo .employee-name,
cr-adminofferconfirm .employee-name,
cr-adminofferedit .employee-name,
cr-adminofferregist .employee-name,
cr-adminofferregistconfirm .employee-name,
cr-adminofferregistcomplete .employee-name,
cr-adminforgotpassword .employee-name,
cr-adminupdatepassword .employee-name,
cr-adminupdatepasswordcomplete .employee-name,
cr-adminforgotpasswordcomplete .employee-name,
cr-registermail .employee-name,
cr-registermailcomplete .employee-name,
cr-mailautherror .employee-name,
cr-registerorganization .employee-name,
cr-confirmorganization .employee-name,
cr-registerorganizationcomplete .employee-name,
cr-adminhome .employee-name,
cr-adminorganizationinfo .employee-name,
cr-adminorganizationedit .employee-name,
cr-adminorganizationconfirm .employee-name {
  font-size: 1.4rem;
}
cr-adminoffer .employee-category,
cr-adminofferinfo .employee-category,
cr-adminofferconfirm .employee-category,
cr-adminofferedit .employee-category,
cr-adminofferregist .employee-category,
cr-adminofferregistconfirm .employee-category,
cr-adminofferregistcomplete .employee-category,
cr-adminforgotpassword .employee-category,
cr-adminupdatepassword .employee-category,
cr-adminupdatepasswordcomplete .employee-category,
cr-adminforgotpasswordcomplete .employee-category,
cr-registermail .employee-category,
cr-registermailcomplete .employee-category,
cr-mailautherror .employee-category,
cr-registerorganization .employee-category,
cr-confirmorganization .employee-category,
cr-registerorganizationcomplete .employee-category,
cr-adminhome .employee-category,
cr-adminorganizationinfo .employee-category,
cr-adminorganizationedit .employee-category,
cr-adminorganizationconfirm .employee-category {
  font-size: 0.85rem;
  color: #aaa;
}
cr-adminoffer .graph-title,
cr-adminofferinfo .graph-title,
cr-adminofferconfirm .graph-title,
cr-adminofferedit .graph-title,
cr-adminofferregist .graph-title,
cr-adminofferregistconfirm .graph-title,
cr-adminofferregistcomplete .graph-title,
cr-adminforgotpassword .graph-title,
cr-adminupdatepassword .graph-title,
cr-adminupdatepasswordcomplete .graph-title,
cr-adminforgotpasswordcomplete .graph-title,
cr-registermail .graph-title,
cr-registermailcomplete .graph-title,
cr-mailautherror .graph-title,
cr-registerorganization .graph-title,
cr-confirmorganization .graph-title,
cr-registerorganizationcomplete .graph-title,
cr-adminhome .graph-title,
cr-adminorganizationinfo .graph-title,
cr-adminorganizationedit .graph-title,
cr-adminorganizationconfirm .graph-title {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 1.25rem;
  padding-bottom: 20px;
}
cr-adminoffer .gift-string, cr-adminoffer .use-percent-title,
cr-adminofferinfo .gift-string,
cr-adminofferinfo .use-percent-title,
cr-adminofferconfirm .gift-string,
cr-adminofferconfirm .use-percent-title,
cr-adminofferedit .gift-string,
cr-adminofferedit .use-percent-title,
cr-adminofferregist .gift-string,
cr-adminofferregist .use-percent-title,
cr-adminofferregistconfirm .gift-string,
cr-adminofferregistconfirm .use-percent-title,
cr-adminofferregistcomplete .gift-string,
cr-adminofferregistcomplete .use-percent-title,
cr-adminforgotpassword .gift-string,
cr-adminforgotpassword .use-percent-title,
cr-adminupdatepassword .gift-string,
cr-adminupdatepassword .use-percent-title,
cr-adminupdatepasswordcomplete .gift-string,
cr-adminupdatepasswordcomplete .use-percent-title,
cr-adminforgotpasswordcomplete .gift-string,
cr-adminforgotpasswordcomplete .use-percent-title,
cr-registermail .gift-string,
cr-registermail .use-percent-title,
cr-registermailcomplete .gift-string,
cr-registermailcomplete .use-percent-title,
cr-mailautherror .gift-string,
cr-mailautherror .use-percent-title,
cr-registerorganization .gift-string,
cr-registerorganization .use-percent-title,
cr-confirmorganization .gift-string,
cr-confirmorganization .use-percent-title,
cr-registerorganizationcomplete .gift-string,
cr-registerorganizationcomplete .use-percent-title,
cr-adminhome .gift-string,
cr-adminhome .use-percent-title,
cr-adminorganizationinfo .gift-string,
cr-adminorganizationinfo .use-percent-title,
cr-adminorganizationedit .gift-string,
cr-adminorganizationedit .use-percent-title,
cr-adminorganizationconfirm .gift-string,
cr-adminorganizationconfirm .use-percent-title {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 0.92rem;
}
cr-adminoffer .gift-number,
cr-adminofferinfo .gift-number,
cr-adminofferconfirm .gift-number,
cr-adminofferedit .gift-number,
cr-adminofferregist .gift-number,
cr-adminofferregistconfirm .gift-number,
cr-adminofferregistcomplete .gift-number,
cr-adminforgotpassword .gift-number,
cr-adminupdatepassword .gift-number,
cr-adminupdatepasswordcomplete .gift-number,
cr-adminforgotpasswordcomplete .gift-number,
cr-registermail .gift-number,
cr-registermailcomplete .gift-number,
cr-mailautherror .gift-number,
cr-registerorganization .gift-number,
cr-confirmorganization .gift-number,
cr-registerorganizationcomplete .gift-number,
cr-adminhome .gift-number,
cr-adminorganizationinfo .gift-number,
cr-adminorganizationedit .gift-number,
cr-adminorganizationconfirm .gift-number {
  font-family: "M PLUS Rounded", sans-serif;
  font-size: 1.3rem;
  font-weight: normal;
}
cr-adminoffer .employee-use-percent-box,
cr-adminofferinfo .employee-use-percent-box,
cr-adminofferconfirm .employee-use-percent-box,
cr-adminofferedit .employee-use-percent-box,
cr-adminofferregist .employee-use-percent-box,
cr-adminofferregistconfirm .employee-use-percent-box,
cr-adminofferregistcomplete .employee-use-percent-box,
cr-adminforgotpassword .employee-use-percent-box,
cr-adminupdatepassword .employee-use-percent-box,
cr-adminupdatepasswordcomplete .employee-use-percent-box,
cr-adminforgotpasswordcomplete .employee-use-percent-box,
cr-registermail .employee-use-percent-box,
cr-registermailcomplete .employee-use-percent-box,
cr-mailautherror .employee-use-percent-box,
cr-registerorganization .employee-use-percent-box,
cr-confirmorganization .employee-use-percent-box,
cr-registerorganizationcomplete .employee-use-percent-box,
cr-adminhome .employee-use-percent-box,
cr-adminorganizationinfo .employee-use-percent-box,
cr-adminorganizationedit .employee-use-percent-box,
cr-adminorganizationconfirm .employee-use-percent-box {
  border: 1px solid #ccc;
  border-radius: 5px;
  min-height: 12vh;
  margin: 5px;
}
cr-adminoffer .employee-use-percent-box.outer,
cr-adminofferinfo .employee-use-percent-box.outer,
cr-adminofferconfirm .employee-use-percent-box.outer,
cr-adminofferedit .employee-use-percent-box.outer,
cr-adminofferregist .employee-use-percent-box.outer,
cr-adminofferregistconfirm .employee-use-percent-box.outer,
cr-adminofferregistcomplete .employee-use-percent-box.outer,
cr-adminforgotpassword .employee-use-percent-box.outer,
cr-adminupdatepassword .employee-use-percent-box.outer,
cr-adminupdatepasswordcomplete .employee-use-percent-box.outer,
cr-adminforgotpasswordcomplete .employee-use-percent-box.outer,
cr-registermail .employee-use-percent-box.outer,
cr-registermailcomplete .employee-use-percent-box.outer,
cr-mailautherror .employee-use-percent-box.outer,
cr-registerorganization .employee-use-percent-box.outer,
cr-confirmorganization .employee-use-percent-box.outer,
cr-registerorganizationcomplete .employee-use-percent-box.outer,
cr-adminhome .employee-use-percent-box.outer,
cr-adminorganizationinfo .employee-use-percent-box.outer,
cr-adminorganizationedit .employee-use-percent-box.outer,
cr-adminorganizationconfirm .employee-use-percent-box.outer {
  position: relative;
}
cr-adminoffer .employee-use-percent-box .inner,
cr-adminofferinfo .employee-use-percent-box .inner,
cr-adminofferconfirm .employee-use-percent-box .inner,
cr-adminofferedit .employee-use-percent-box .inner,
cr-adminofferregist .employee-use-percent-box .inner,
cr-adminofferregistconfirm .employee-use-percent-box .inner,
cr-adminofferregistcomplete .employee-use-percent-box .inner,
cr-adminforgotpassword .employee-use-percent-box .inner,
cr-adminupdatepassword .employee-use-percent-box .inner,
cr-adminupdatepasswordcomplete .employee-use-percent-box .inner,
cr-adminforgotpasswordcomplete .employee-use-percent-box .inner,
cr-registermail .employee-use-percent-box .inner,
cr-registermailcomplete .employee-use-percent-box .inner,
cr-mailautherror .employee-use-percent-box .inner,
cr-registerorganization .employee-use-percent-box .inner,
cr-confirmorganization .employee-use-percent-box .inner,
cr-registerorganizationcomplete .employee-use-percent-box .inner,
cr-adminhome .employee-use-percent-box .inner,
cr-adminorganizationinfo .employee-use-percent-box .inner,
cr-adminorganizationedit .employee-use-percent-box .inner,
cr-adminorganizationconfirm .employee-use-percent-box .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
cr-adminoffer .employee-use-percent-box .turquoise-blue,
cr-adminofferinfo .employee-use-percent-box .turquoise-blue,
cr-adminofferconfirm .employee-use-percent-box .turquoise-blue,
cr-adminofferedit .employee-use-percent-box .turquoise-blue,
cr-adminofferregist .employee-use-percent-box .turquoise-blue,
cr-adminofferregistconfirm .employee-use-percent-box .turquoise-blue,
cr-adminofferregistcomplete .employee-use-percent-box .turquoise-blue,
cr-adminforgotpassword .employee-use-percent-box .turquoise-blue,
cr-adminupdatepassword .employee-use-percent-box .turquoise-blue,
cr-adminupdatepasswordcomplete .employee-use-percent-box .turquoise-blue,
cr-adminforgotpasswordcomplete .employee-use-percent-box .turquoise-blue,
cr-registermail .employee-use-percent-box .turquoise-blue,
cr-registermailcomplete .employee-use-percent-box .turquoise-blue,
cr-mailautherror .employee-use-percent-box .turquoise-blue,
cr-registerorganization .employee-use-percent-box .turquoise-blue,
cr-confirmorganization .employee-use-percent-box .turquoise-blue,
cr-registerorganizationcomplete .employee-use-percent-box .turquoise-blue,
cr-adminhome .employee-use-percent-box .turquoise-blue,
cr-adminorganizationinfo .employee-use-percent-box .turquoise-blue,
cr-adminorganizationedit .employee-use-percent-box .turquoise-blue,
cr-adminorganizationconfirm .employee-use-percent-box .turquoise-blue {
  color: #54B5CB;
  font-size: 1.2rem;
  font-family: "M PLUS Rounded", sans-serif;
  font-weight: normal;
}
cr-adminoffer .employee-use-percent-box .use-percent-body,
cr-adminofferinfo .employee-use-percent-box .use-percent-body,
cr-adminofferconfirm .employee-use-percent-box .use-percent-body,
cr-adminofferedit .employee-use-percent-box .use-percent-body,
cr-adminofferregist .employee-use-percent-box .use-percent-body,
cr-adminofferregistconfirm .employee-use-percent-box .use-percent-body,
cr-adminofferregistcomplete .employee-use-percent-box .use-percent-body,
cr-adminforgotpassword .employee-use-percent-box .use-percent-body,
cr-adminupdatepassword .employee-use-percent-box .use-percent-body,
cr-adminupdatepasswordcomplete .employee-use-percent-box .use-percent-body,
cr-adminforgotpasswordcomplete .employee-use-percent-box .use-percent-body,
cr-registermail .employee-use-percent-box .use-percent-body,
cr-registermailcomplete .employee-use-percent-box .use-percent-body,
cr-mailautherror .employee-use-percent-box .use-percent-body,
cr-registerorganization .employee-use-percent-box .use-percent-body,
cr-confirmorganization .employee-use-percent-box .use-percent-body,
cr-registerorganizationcomplete .employee-use-percent-box .use-percent-body,
cr-adminhome .employee-use-percent-box .use-percent-body,
cr-adminorganizationinfo .employee-use-percent-box .use-percent-body,
cr-adminorganizationedit .employee-use-percent-box .use-percent-body,
cr-adminorganizationconfirm .employee-use-percent-box .use-percent-body {
  color: #000;
  font-size: 0.92rem;
  font-family: normal;
}
cr-adminoffer .admin-top-header h1,
cr-adminofferinfo .admin-top-header h1,
cr-adminofferconfirm .admin-top-header h1,
cr-adminofferedit .admin-top-header h1,
cr-adminofferregist .admin-top-header h1,
cr-adminofferregistconfirm .admin-top-header h1,
cr-adminofferregistcomplete .admin-top-header h1,
cr-adminforgotpassword .admin-top-header h1,
cr-adminupdatepassword .admin-top-header h1,
cr-adminupdatepasswordcomplete .admin-top-header h1,
cr-adminforgotpasswordcomplete .admin-top-header h1,
cr-registermail .admin-top-header h1,
cr-registermailcomplete .admin-top-header h1,
cr-mailautherror .admin-top-header h1,
cr-registerorganization .admin-top-header h1,
cr-confirmorganization .admin-top-header h1,
cr-registerorganizationcomplete .admin-top-header h1,
cr-adminhome .admin-top-header h1,
cr-adminorganizationinfo .admin-top-header h1,
cr-adminorganizationedit .admin-top-header h1,
cr-adminorganizationconfirm .admin-top-header h1 {
  font-size: 2.2rem;
}
cr-adminoffer #top-right-column.col-lg-3,
cr-adminofferinfo #top-right-column.col-lg-3,
cr-adminofferconfirm #top-right-column.col-lg-3,
cr-adminofferedit #top-right-column.col-lg-3,
cr-adminofferregist #top-right-column.col-lg-3,
cr-adminofferregistconfirm #top-right-column.col-lg-3,
cr-adminofferregistcomplete #top-right-column.col-lg-3,
cr-adminforgotpassword #top-right-column.col-lg-3,
cr-adminupdatepassword #top-right-column.col-lg-3,
cr-adminupdatepasswordcomplete #top-right-column.col-lg-3,
cr-adminforgotpasswordcomplete #top-right-column.col-lg-3,
cr-registermail #top-right-column.col-lg-3,
cr-registermailcomplete #top-right-column.col-lg-3,
cr-mailautherror #top-right-column.col-lg-3,
cr-registerorganization #top-right-column.col-lg-3,
cr-confirmorganization #top-right-column.col-lg-3,
cr-registerorganizationcomplete #top-right-column.col-lg-3,
cr-adminhome #top-right-column.col-lg-3,
cr-adminorganizationinfo #top-right-column.col-lg-3,
cr-adminorganizationedit #top-right-column.col-lg-3,
cr-adminorganizationconfirm #top-right-column.col-lg-3 {
  max-width: 24% !important;
}
cr-adminoffer .bottom-message-yellow-box,
cr-adminofferinfo .bottom-message-yellow-box,
cr-adminofferconfirm .bottom-message-yellow-box,
cr-adminofferedit .bottom-message-yellow-box,
cr-adminofferregist .bottom-message-yellow-box,
cr-adminofferregistconfirm .bottom-message-yellow-box,
cr-adminofferregistcomplete .bottom-message-yellow-box,
cr-adminforgotpassword .bottom-message-yellow-box,
cr-adminupdatepassword .bottom-message-yellow-box,
cr-adminupdatepasswordcomplete .bottom-message-yellow-box,
cr-adminforgotpasswordcomplete .bottom-message-yellow-box,
cr-registermail .bottom-message-yellow-box,
cr-registermailcomplete .bottom-message-yellow-box,
cr-mailautherror .bottom-message-yellow-box,
cr-registerorganization .bottom-message-yellow-box,
cr-confirmorganization .bottom-message-yellow-box,
cr-registerorganizationcomplete .bottom-message-yellow-box,
cr-adminhome .bottom-message-yellow-box,
cr-adminorganizationinfo .bottom-message-yellow-box,
cr-adminorganizationedit .bottom-message-yellow-box,
cr-adminorganizationconfirm .bottom-message-yellow-box {
  position: fixed;
  /* 要素の位置を固定する */
  bottom: 0;
  /* 基準の位置を画面の一番下に指定する */
  right: 0;
  /* 基準の位置を画面の一番右に指定する */
  width: 100%;
  /* 幅を指定する */
  min-height: 60px;
  background-color: #fff13e;
  color: #111111;
  padding: 20px;
  text-align: center;
  font-family: "M PLUS Rounded", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
}
cr-adminoffer .bottom-message-yellow-box-close,
cr-adminofferinfo .bottom-message-yellow-box-close,
cr-adminofferconfirm .bottom-message-yellow-box-close,
cr-adminofferedit .bottom-message-yellow-box-close,
cr-adminofferregist .bottom-message-yellow-box-close,
cr-adminofferregistconfirm .bottom-message-yellow-box-close,
cr-adminofferregistcomplete .bottom-message-yellow-box-close,
cr-adminforgotpassword .bottom-message-yellow-box-close,
cr-adminupdatepassword .bottom-message-yellow-box-close,
cr-adminupdatepasswordcomplete .bottom-message-yellow-box-close,
cr-adminforgotpasswordcomplete .bottom-message-yellow-box-close,
cr-registermail .bottom-message-yellow-box-close,
cr-registermailcomplete .bottom-message-yellow-box-close,
cr-mailautherror .bottom-message-yellow-box-close,
cr-registerorganization .bottom-message-yellow-box-close,
cr-confirmorganization .bottom-message-yellow-box-close,
cr-registerorganizationcomplete .bottom-message-yellow-box-close,
cr-adminhome .bottom-message-yellow-box-close,
cr-adminorganizationinfo .bottom-message-yellow-box-close,
cr-adminorganizationedit .bottom-message-yellow-box-close,
cr-adminorganizationconfirm .bottom-message-yellow-box-close {
  position: fixed;
  right: 0;
  margin-top: -10px;
  font-weight: bold;
  font-size: 1.3rem;
  cursor: pointer;
}
cr-adminoffer .display-none,
cr-adminofferinfo .display-none,
cr-adminofferconfirm .display-none,
cr-adminofferedit .display-none,
cr-adminofferregist .display-none,
cr-adminofferregistconfirm .display-none,
cr-adminofferregistcomplete .display-none,
cr-adminforgotpassword .display-none,
cr-adminupdatepassword .display-none,
cr-adminupdatepasswordcomplete .display-none,
cr-adminforgotpasswordcomplete .display-none,
cr-registermail .display-none,
cr-registermailcomplete .display-none,
cr-mailautherror .display-none,
cr-registerorganization .display-none,
cr-confirmorganization .display-none,
cr-registerorganizationcomplete .display-none,
cr-adminhome .display-none,
cr-adminorganizationinfo .display-none,
cr-adminorganizationedit .display-none,
cr-adminorganizationconfirm .display-none {
  display: none;
}
cr-adminoffer .page-title,
cr-adminofferinfo .page-title,
cr-adminofferconfirm .page-title,
cr-adminofferedit .page-title,
cr-adminofferregist .page-title,
cr-adminofferregistconfirm .page-title,
cr-adminofferregistcomplete .page-title,
cr-adminforgotpassword .page-title,
cr-adminupdatepassword .page-title,
cr-adminupdatepasswordcomplete .page-title,
cr-adminforgotpasswordcomplete .page-title,
cr-registermail .page-title,
cr-registermailcomplete .page-title,
cr-mailautherror .page-title,
cr-registerorganization .page-title,
cr-confirmorganization .page-title,
cr-registerorganizationcomplete .page-title,
cr-adminhome .page-title,
cr-adminorganizationinfo .page-title,
cr-adminorganizationedit .page-title,
cr-adminorganizationconfirm .page-title {
  font-family: "MyRounded";
  font-weight: bold;
  font-size: 27px;
}
@media (max-width: 480px) {
  cr-adminoffer .layoutfull-page,
cr-adminofferinfo .layoutfull-page,
cr-adminofferconfirm .layoutfull-page,
cr-adminofferedit .layoutfull-page,
cr-adminofferregist .layoutfull-page,
cr-adminofferregistconfirm .layoutfull-page,
cr-adminofferregistcomplete .layoutfull-page,
cr-adminforgotpassword .layoutfull-page,
cr-adminupdatepassword .layoutfull-page,
cr-adminupdatepasswordcomplete .layoutfull-page,
cr-adminforgotpasswordcomplete .layoutfull-page,
cr-registermail .layoutfull-page,
cr-registermailcomplete .layoutfull-page,
cr-mailautherror .layoutfull-page,
cr-registerorganization .layoutfull-page,
cr-confirmorganization .layoutfull-page,
cr-registerorganizationcomplete .layoutfull-page,
cr-adminhome .layoutfull-page,
cr-adminorganizationinfo .layoutfull-page,
cr-adminorganizationedit .layoutfull-page,
cr-adminorganizationconfirm .layoutfull-page {
    padding-top: 10px !important;
  }
  cr-adminoffer .layoutfull-box,
cr-adminofferinfo .layoutfull-box,
cr-adminofferconfirm .layoutfull-box,
cr-adminofferedit .layoutfull-box,
cr-adminofferregist .layoutfull-box,
cr-adminofferregistconfirm .layoutfull-box,
cr-adminofferregistcomplete .layoutfull-box,
cr-adminforgotpassword .layoutfull-box,
cr-adminupdatepassword .layoutfull-box,
cr-adminupdatepasswordcomplete .layoutfull-box,
cr-adminforgotpasswordcomplete .layoutfull-box,
cr-registermail .layoutfull-box,
cr-registermailcomplete .layoutfull-box,
cr-mailautherror .layoutfull-box,
cr-registerorganization .layoutfull-box,
cr-confirmorganization .layoutfull-box,
cr-registerorganizationcomplete .layoutfull-box,
cr-adminhome .layoutfull-box,
cr-adminorganizationinfo .layoutfull-box,
cr-adminorganizationedit .layoutfull-box,
cr-adminorganizationconfirm .layoutfull-box {
    padding-top: 10px !important;
  }
  cr-adminoffer .employee-regist-number-box p,
cr-adminofferinfo .employee-regist-number-box p,
cr-adminofferconfirm .employee-regist-number-box p,
cr-adminofferedit .employee-regist-number-box p,
cr-adminofferregist .employee-regist-number-box p,
cr-adminofferregistconfirm .employee-regist-number-box p,
cr-adminofferregistcomplete .employee-regist-number-box p,
cr-adminforgotpassword .employee-regist-number-box p,
cr-adminupdatepassword .employee-regist-number-box p,
cr-adminupdatepasswordcomplete .employee-regist-number-box p,
cr-adminforgotpasswordcomplete .employee-regist-number-box p,
cr-registermail .employee-regist-number-box p,
cr-registermailcomplete .employee-regist-number-box p,
cr-mailautherror .employee-regist-number-box p,
cr-registerorganization .employee-regist-number-box p,
cr-confirmorganization .employee-regist-number-box p,
cr-registerorganizationcomplete .employee-regist-number-box p,
cr-adminhome .employee-regist-number-box p,
cr-adminorganizationinfo .employee-regist-number-box p,
cr-adminorganizationedit .employee-regist-number-box p,
cr-adminorganizationconfirm .employee-regist-number-box p {
    font-size: 0.77rem !important;
  }
  cr-adminoffer .employee-regist-number-box .turquoise-blue,
cr-adminofferinfo .employee-regist-number-box .turquoise-blue,
cr-adminofferconfirm .employee-regist-number-box .turquoise-blue,
cr-adminofferedit .employee-regist-number-box .turquoise-blue,
cr-adminofferregist .employee-regist-number-box .turquoise-blue,
cr-adminofferregistconfirm .employee-regist-number-box .turquoise-blue,
cr-adminofferregistcomplete .employee-regist-number-box .turquoise-blue,
cr-adminforgotpassword .employee-regist-number-box .turquoise-blue,
cr-adminupdatepassword .employee-regist-number-box .turquoise-blue,
cr-adminupdatepasswordcomplete .employee-regist-number-box .turquoise-blue,
cr-adminforgotpasswordcomplete .employee-regist-number-box .turquoise-blue,
cr-registermail .employee-regist-number-box .turquoise-blue,
cr-registermailcomplete .employee-regist-number-box .turquoise-blue,
cr-mailautherror .employee-regist-number-box .turquoise-blue,
cr-registerorganization .employee-regist-number-box .turquoise-blue,
cr-confirmorganization .employee-regist-number-box .turquoise-blue,
cr-registerorganizationcomplete .employee-regist-number-box .turquoise-blue,
cr-adminhome .employee-regist-number-box .turquoise-blue,
cr-adminorganizationinfo .employee-regist-number-box .turquoise-blue,
cr-adminorganizationedit .employee-regist-number-box .turquoise-blue,
cr-adminorganizationconfirm .employee-regist-number-box .turquoise-blue {
    font-size: 0.77rem !important;
  }
  cr-adminoffer .employee-regist-number-box .btn-turquoise-blue,
cr-adminofferinfo .employee-regist-number-box .btn-turquoise-blue,
cr-adminofferconfirm .employee-regist-number-box .btn-turquoise-blue,
cr-adminofferedit .employee-regist-number-box .btn-turquoise-blue,
cr-adminofferregist .employee-regist-number-box .btn-turquoise-blue,
cr-adminofferregistconfirm .employee-regist-number-box .btn-turquoise-blue,
cr-adminofferregistcomplete .employee-regist-number-box .btn-turquoise-blue,
cr-adminforgotpassword .employee-regist-number-box .btn-turquoise-blue,
cr-adminupdatepassword .employee-regist-number-box .btn-turquoise-blue,
cr-adminupdatepasswordcomplete .employee-regist-number-box .btn-turquoise-blue,
cr-adminforgotpasswordcomplete .employee-regist-number-box .btn-turquoise-blue,
cr-registermail .employee-regist-number-box .btn-turquoise-blue,
cr-registermailcomplete .employee-regist-number-box .btn-turquoise-blue,
cr-mailautherror .employee-regist-number-box .btn-turquoise-blue,
cr-registerorganization .employee-regist-number-box .btn-turquoise-blue,
cr-confirmorganization .employee-regist-number-box .btn-turquoise-blue,
cr-registerorganizationcomplete .employee-regist-number-box .btn-turquoise-blue,
cr-adminhome .employee-regist-number-box .btn-turquoise-blue,
cr-adminorganizationinfo .employee-regist-number-box .btn-turquoise-blue,
cr-adminorganizationedit .employee-regist-number-box .btn-turquoise-blue,
cr-adminorganizationconfirm .employee-regist-number-box .btn-turquoise-blue {
    font-size: 0.72rem !important;
  }
  cr-adminoffer .employee-member-box .employee-name,
cr-adminofferinfo .employee-member-box .employee-name,
cr-adminofferconfirm .employee-member-box .employee-name,
cr-adminofferedit .employee-member-box .employee-name,
cr-adminofferregist .employee-member-box .employee-name,
cr-adminofferregistconfirm .employee-member-box .employee-name,
cr-adminofferregistcomplete .employee-member-box .employee-name,
cr-adminforgotpassword .employee-member-box .employee-name,
cr-adminupdatepassword .employee-member-box .employee-name,
cr-adminupdatepasswordcomplete .employee-member-box .employee-name,
cr-adminforgotpasswordcomplete .employee-member-box .employee-name,
cr-registermail .employee-member-box .employee-name,
cr-registermailcomplete .employee-member-box .employee-name,
cr-mailautherror .employee-member-box .employee-name,
cr-registerorganization .employee-member-box .employee-name,
cr-confirmorganization .employee-member-box .employee-name,
cr-registerorganizationcomplete .employee-member-box .employee-name,
cr-adminhome .employee-member-box .employee-name,
cr-adminorganizationinfo .employee-member-box .employee-name,
cr-adminorganizationedit .employee-member-box .employee-name,
cr-adminorganizationconfirm .employee-member-box .employee-name {
    font-size: 0.8rem;
  }
  cr-adminoffer .employee-member-box .employee-category,
cr-adminofferinfo .employee-member-box .employee-category,
cr-adminofferconfirm .employee-member-box .employee-category,
cr-adminofferedit .employee-member-box .employee-category,
cr-adminofferregist .employee-member-box .employee-category,
cr-adminofferregistconfirm .employee-member-box .employee-category,
cr-adminofferregistcomplete .employee-member-box .employee-category,
cr-adminforgotpassword .employee-member-box .employee-category,
cr-adminupdatepassword .employee-member-box .employee-category,
cr-adminupdatepasswordcomplete .employee-member-box .employee-category,
cr-adminforgotpasswordcomplete .employee-member-box .employee-category,
cr-registermail .employee-member-box .employee-category,
cr-registermailcomplete .employee-member-box .employee-category,
cr-mailautherror .employee-member-box .employee-category,
cr-registerorganization .employee-member-box .employee-category,
cr-confirmorganization .employee-member-box .employee-category,
cr-registerorganizationcomplete .employee-member-box .employee-category,
cr-adminhome .employee-member-box .employee-category,
cr-adminorganizationinfo .employee-member-box .employee-category,
cr-adminorganizationedit .employee-member-box .employee-category,
cr-adminorganizationconfirm .employee-member-box .employee-category {
    font-size: 0.6rem;
  }
  cr-adminoffer .employee-member-box .gift-number,
cr-adminoffer .employee-member-box .red,
cr-adminofferinfo .employee-member-box .gift-number,
cr-adminofferinfo .employee-member-box .red,
cr-adminofferconfirm .employee-member-box .gift-number,
cr-adminofferconfirm .employee-member-box .red,
cr-adminofferedit .employee-member-box .gift-number,
cr-adminofferedit .employee-member-box .red,
cr-adminofferregist .employee-member-box .gift-number,
cr-adminofferregist .employee-member-box .red,
cr-adminofferregistconfirm .employee-member-box .gift-number,
cr-adminofferregistconfirm .employee-member-box .red,
cr-adminofferregistcomplete .employee-member-box .gift-number,
cr-adminofferregistcomplete .employee-member-box .red,
cr-adminforgotpassword .employee-member-box .gift-number,
cr-adminforgotpassword .employee-member-box .red,
cr-adminupdatepassword .employee-member-box .gift-number,
cr-adminupdatepassword .employee-member-box .red,
cr-adminupdatepasswordcomplete .employee-member-box .gift-number,
cr-adminupdatepasswordcomplete .employee-member-box .red,
cr-adminforgotpasswordcomplete .employee-member-box .gift-number,
cr-adminforgotpasswordcomplete .employee-member-box .red,
cr-registermail .employee-member-box .gift-number,
cr-registermail .employee-member-box .red,
cr-registermailcomplete .employee-member-box .gift-number,
cr-registermailcomplete .employee-member-box .red,
cr-mailautherror .employee-member-box .gift-number,
cr-mailautherror .employee-member-box .red,
cr-registerorganization .employee-member-box .gift-number,
cr-registerorganization .employee-member-box .red,
cr-confirmorganization .employee-member-box .gift-number,
cr-confirmorganization .employee-member-box .red,
cr-registerorganizationcomplete .employee-member-box .gift-number,
cr-registerorganizationcomplete .employee-member-box .red,
cr-adminhome .employee-member-box .gift-number,
cr-adminhome .employee-member-box .red,
cr-adminorganizationinfo .employee-member-box .gift-number,
cr-adminorganizationinfo .employee-member-box .red,
cr-adminorganizationedit .employee-member-box .gift-number,
cr-adminorganizationedit .employee-member-box .red,
cr-adminorganizationconfirm .employee-member-box .gift-number,
cr-adminorganizationconfirm .employee-member-box .red {
    font-size: 0.7rem;
  }
  cr-adminoffer .employee-member-box .gift-string,
cr-adminoffer .employee-member-box .red,
cr-adminofferinfo .employee-member-box .gift-string,
cr-adminofferinfo .employee-member-box .red,
cr-adminofferconfirm .employee-member-box .gift-string,
cr-adminofferconfirm .employee-member-box .red,
cr-adminofferedit .employee-member-box .gift-string,
cr-adminofferedit .employee-member-box .red,
cr-adminofferregist .employee-member-box .gift-string,
cr-adminofferregist .employee-member-box .red,
cr-adminofferregistconfirm .employee-member-box .gift-string,
cr-adminofferregistconfirm .employee-member-box .red,
cr-adminofferregistcomplete .employee-member-box .gift-string,
cr-adminofferregistcomplete .employee-member-box .red,
cr-adminforgotpassword .employee-member-box .gift-string,
cr-adminforgotpassword .employee-member-box .red,
cr-adminupdatepassword .employee-member-box .gift-string,
cr-adminupdatepassword .employee-member-box .red,
cr-adminupdatepasswordcomplete .employee-member-box .gift-string,
cr-adminupdatepasswordcomplete .employee-member-box .red,
cr-adminforgotpasswordcomplete .employee-member-box .gift-string,
cr-adminforgotpasswordcomplete .employee-member-box .red,
cr-registermail .employee-member-box .gift-string,
cr-registermail .employee-member-box .red,
cr-registermailcomplete .employee-member-box .gift-string,
cr-registermailcomplete .employee-member-box .red,
cr-mailautherror .employee-member-box .gift-string,
cr-mailautherror .employee-member-box .red,
cr-registerorganization .employee-member-box .gift-string,
cr-registerorganization .employee-member-box .red,
cr-confirmorganization .employee-member-box .gift-string,
cr-confirmorganization .employee-member-box .red,
cr-registerorganizationcomplete .employee-member-box .gift-string,
cr-registerorganizationcomplete .employee-member-box .red,
cr-adminhome .employee-member-box .gift-string,
cr-adminhome .employee-member-box .red,
cr-adminorganizationinfo .employee-member-box .gift-string,
cr-adminorganizationinfo .employee-member-box .red,
cr-adminorganizationedit .employee-member-box .gift-string,
cr-adminorganizationedit .employee-member-box .red,
cr-adminorganizationconfirm .employee-member-box .gift-string,
cr-adminorganizationconfirm .employee-member-box .red {
    font-size: 0.7rem;
  }
  cr-adminoffer .employee-member-box,
cr-adminofferinfo .employee-member-box,
cr-adminofferconfirm .employee-member-box,
cr-adminofferedit .employee-member-box,
cr-adminofferregist .employee-member-box,
cr-adminofferregistconfirm .employee-member-box,
cr-adminofferregistcomplete .employee-member-box,
cr-adminforgotpassword .employee-member-box,
cr-adminupdatepassword .employee-member-box,
cr-adminupdatepasswordcomplete .employee-member-box,
cr-adminforgotpasswordcomplete .employee-member-box,
cr-registermail .employee-member-box,
cr-registermailcomplete .employee-member-box,
cr-mailautherror .employee-member-box,
cr-registerorganization .employee-member-box,
cr-confirmorganization .employee-member-box,
cr-registerorganizationcomplete .employee-member-box,
cr-adminhome .employee-member-box,
cr-adminorganizationinfo .employee-member-box,
cr-adminorganizationedit .employee-member-box,
cr-adminorganizationconfirm .employee-member-box {
    padding: 10px;
  }
  cr-adminoffer .employee-use-percent-box .use-percent-title,
cr-adminoffer .employee-use-percent-box .use-percent-body,
cr-adminofferinfo .employee-use-percent-box .use-percent-title,
cr-adminofferinfo .employee-use-percent-box .use-percent-body,
cr-adminofferconfirm .employee-use-percent-box .use-percent-title,
cr-adminofferconfirm .employee-use-percent-box .use-percent-body,
cr-adminofferedit .employee-use-percent-box .use-percent-title,
cr-adminofferedit .employee-use-percent-box .use-percent-body,
cr-adminofferregist .employee-use-percent-box .use-percent-title,
cr-adminofferregist .employee-use-percent-box .use-percent-body,
cr-adminofferregistconfirm .employee-use-percent-box .use-percent-title,
cr-adminofferregistconfirm .employee-use-percent-box .use-percent-body,
cr-adminofferregistcomplete .employee-use-percent-box .use-percent-title,
cr-adminofferregistcomplete .employee-use-percent-box .use-percent-body,
cr-adminforgotpassword .employee-use-percent-box .use-percent-title,
cr-adminforgotpassword .employee-use-percent-box .use-percent-body,
cr-adminupdatepassword .employee-use-percent-box .use-percent-title,
cr-adminupdatepassword .employee-use-percent-box .use-percent-body,
cr-adminupdatepasswordcomplete .employee-use-percent-box .use-percent-title,
cr-adminupdatepasswordcomplete .employee-use-percent-box .use-percent-body,
cr-adminforgotpasswordcomplete .employee-use-percent-box .use-percent-title,
cr-adminforgotpasswordcomplete .employee-use-percent-box .use-percent-body,
cr-registermail .employee-use-percent-box .use-percent-title,
cr-registermail .employee-use-percent-box .use-percent-body,
cr-registermailcomplete .employee-use-percent-box .use-percent-title,
cr-registermailcomplete .employee-use-percent-box .use-percent-body,
cr-mailautherror .employee-use-percent-box .use-percent-title,
cr-mailautherror .employee-use-percent-box .use-percent-body,
cr-registerorganization .employee-use-percent-box .use-percent-title,
cr-registerorganization .employee-use-percent-box .use-percent-body,
cr-confirmorganization .employee-use-percent-box .use-percent-title,
cr-confirmorganization .employee-use-percent-box .use-percent-body,
cr-registerorganizationcomplete .employee-use-percent-box .use-percent-title,
cr-registerorganizationcomplete .employee-use-percent-box .use-percent-body,
cr-adminhome .employee-use-percent-box .use-percent-title,
cr-adminhome .employee-use-percent-box .use-percent-body,
cr-adminorganizationinfo .employee-use-percent-box .use-percent-title,
cr-adminorganizationinfo .employee-use-percent-box .use-percent-body,
cr-adminorganizationedit .employee-use-percent-box .use-percent-title,
cr-adminorganizationedit .employee-use-percent-box .use-percent-body,
cr-adminorganizationconfirm .employee-use-percent-box .use-percent-title,
cr-adminorganizationconfirm .employee-use-percent-box .use-percent-body {
    font-size: 0.8rem;
  }
  cr-adminoffer .employee-use-percent-box .turquoise-blue,
cr-adminofferinfo .employee-use-percent-box .turquoise-blue,
cr-adminofferconfirm .employee-use-percent-box .turquoise-blue,
cr-adminofferedit .employee-use-percent-box .turquoise-blue,
cr-adminofferregist .employee-use-percent-box .turquoise-blue,
cr-adminofferregistconfirm .employee-use-percent-box .turquoise-blue,
cr-adminofferregistcomplete .employee-use-percent-box .turquoise-blue,
cr-adminforgotpassword .employee-use-percent-box .turquoise-blue,
cr-adminupdatepassword .employee-use-percent-box .turquoise-blue,
cr-adminupdatepasswordcomplete .employee-use-percent-box .turquoise-blue,
cr-adminforgotpasswordcomplete .employee-use-percent-box .turquoise-blue,
cr-registermail .employee-use-percent-box .turquoise-blue,
cr-registermailcomplete .employee-use-percent-box .turquoise-blue,
cr-mailautherror .employee-use-percent-box .turquoise-blue,
cr-registerorganization .employee-use-percent-box .turquoise-blue,
cr-confirmorganization .employee-use-percent-box .turquoise-blue,
cr-registerorganizationcomplete .employee-use-percent-box .turquoise-blue,
cr-adminhome .employee-use-percent-box .turquoise-blue,
cr-adminorganizationinfo .employee-use-percent-box .turquoise-blue,
cr-adminorganizationedit .employee-use-percent-box .turquoise-blue,
cr-adminorganizationconfirm .employee-use-percent-box .turquoise-blue {
    font-size: 1rem;
    font-weight: bold;
  }
  cr-adminoffer .top-graph-box,
cr-adminofferinfo .top-graph-box,
cr-adminofferconfirm .top-graph-box,
cr-adminofferedit .top-graph-box,
cr-adminofferregist .top-graph-box,
cr-adminofferregistconfirm .top-graph-box,
cr-adminofferregistcomplete .top-graph-box,
cr-adminforgotpassword .top-graph-box,
cr-adminupdatepassword .top-graph-box,
cr-adminupdatepasswordcomplete .top-graph-box,
cr-adminforgotpasswordcomplete .top-graph-box,
cr-registermail .top-graph-box,
cr-registermailcomplete .top-graph-box,
cr-mailautherror .top-graph-box,
cr-registerorganization .top-graph-box,
cr-confirmorganization .top-graph-box,
cr-registerorganizationcomplete .top-graph-box,
cr-adminhome .top-graph-box,
cr-adminorganizationinfo .top-graph-box,
cr-adminorganizationedit .top-graph-box,
cr-adminorganizationconfirm .top-graph-box {
    min-height: 45vh;
  }
  cr-adminoffer .edge-black-box .grey-box,
cr-adminofferinfo .edge-black-box .grey-box,
cr-adminofferconfirm .edge-black-box .grey-box,
cr-adminofferedit .edge-black-box .grey-box,
cr-adminofferregist .edge-black-box .grey-box,
cr-adminofferregistconfirm .edge-black-box .grey-box,
cr-adminofferregistcomplete .edge-black-box .grey-box,
cr-adminforgotpassword .edge-black-box .grey-box,
cr-adminupdatepassword .edge-black-box .grey-box,
cr-adminupdatepasswordcomplete .edge-black-box .grey-box,
cr-adminforgotpasswordcomplete .edge-black-box .grey-box,
cr-registermail .edge-black-box .grey-box,
cr-registermailcomplete .edge-black-box .grey-box,
cr-mailautherror .edge-black-box .grey-box,
cr-registerorganization .edge-black-box .grey-box,
cr-confirmorganization .edge-black-box .grey-box,
cr-registerorganizationcomplete .edge-black-box .grey-box,
cr-adminhome .edge-black-box .grey-box,
cr-adminorganizationinfo .edge-black-box .grey-box,
cr-adminorganizationedit .edge-black-box .grey-box,
cr-adminorganizationconfirm .edge-black-box .grey-box {
    font-size: 0.6rem;
  }
  cr-adminoffer .edge-black-box .yellow-box,
cr-adminofferinfo .edge-black-box .yellow-box,
cr-adminofferconfirm .edge-black-box .yellow-box,
cr-adminofferedit .edge-black-box .yellow-box,
cr-adminofferregist .edge-black-box .yellow-box,
cr-adminofferregistconfirm .edge-black-box .yellow-box,
cr-adminofferregistcomplete .edge-black-box .yellow-box,
cr-adminforgotpassword .edge-black-box .yellow-box,
cr-adminupdatepassword .edge-black-box .yellow-box,
cr-adminupdatepasswordcomplete .edge-black-box .yellow-box,
cr-adminforgotpasswordcomplete .edge-black-box .yellow-box,
cr-registermail .edge-black-box .yellow-box,
cr-registermailcomplete .edge-black-box .yellow-box,
cr-mailautherror .edge-black-box .yellow-box,
cr-registerorganization .edge-black-box .yellow-box,
cr-confirmorganization .edge-black-box .yellow-box,
cr-registerorganizationcomplete .edge-black-box .yellow-box,
cr-adminhome .edge-black-box .yellow-box,
cr-adminorganizationinfo .edge-black-box .yellow-box,
cr-adminorganizationedit .edge-black-box .yellow-box,
cr-adminorganizationconfirm .edge-black-box .yellow-box {
    font-size: 0.5rem;
  }
  cr-adminoffer .edge-black-box .red,
cr-adminofferinfo .edge-black-box .red,
cr-adminofferconfirm .edge-black-box .red,
cr-adminofferedit .edge-black-box .red,
cr-adminofferregist .edge-black-box .red,
cr-adminofferregistconfirm .edge-black-box .red,
cr-adminofferregistcomplete .edge-black-box .red,
cr-adminforgotpassword .edge-black-box .red,
cr-adminupdatepassword .edge-black-box .red,
cr-adminupdatepasswordcomplete .edge-black-box .red,
cr-adminforgotpasswordcomplete .edge-black-box .red,
cr-registermail .edge-black-box .red,
cr-registermailcomplete .edge-black-box .red,
cr-mailautherror .edge-black-box .red,
cr-registerorganization .edge-black-box .red,
cr-confirmorganization .edge-black-box .red,
cr-registerorganizationcomplete .edge-black-box .red,
cr-adminhome .edge-black-box .red,
cr-adminorganizationinfo .edge-black-box .red,
cr-adminorganizationedit .edge-black-box .red,
cr-adminorganizationconfirm .edge-black-box .red {
    font-size: 0.4rem;
  }
}
cr-adminsidebar {
  /*
  .main-sidebar-admin .sub-menu {
      margin-left: 20px;
  }
  .main-sidebar-admin .sub-menu i{
      padding-left: 30px;
  }
  */
}
cr-adminsidebar .main-sidebar-admin .brand-link {
  margin-left: 20px;
  cursor: pointer;
}
cr-adminsidebar .main-sidebar-admin i:hover {
  color: #2ad0f6 !important;
}
cr-adminsidebar .main-sidebar-admin .nav-item h2 {
  font-size: 1.3rem;
  font-weight: bold;
  margin-left: 10px;
}
cr-adminsidebar .main-sidebar-admin li {
  list-style-type: none !important;
  font-size: 1rem;
  margin-bottom: 16px;
}
cr-adminsidebar .main-sidebar-admin li p {
  color: #000 !important;
}
cr-adminsidebar .main-sidebar-admin li p:hover {
  color: #54B5CB !important;
}
cr-adminsidebar .main-sidebar-admin li .smallmenu {
  font-size: 0.9rem;
}
cr-adminsidebar .main-sidebar-admin li i {
  color: #54B5CB !important;
}
cr-adminsidebar .main-sidebar-admin li .nav-link {
  padding-top: 0.3rem;
}
cr-adminsidebar .main-sidebar-admin .turquoise-box {
  border-radius: 15px;
  width: 30px;
  height: 18px;
  background-color: #54B5CB;
  color: #FFFFFF;
  font-size: 0.8rem;
  text-align: center;
  font-weight: normal;
  display: inline-table;
  margin-top: -25px;
  padding-top: 0px;
  margin-left: 5px;
}
cr-adminsidebar #menu01-angle {
  margin-top: -15px;
}

cr-adminofferregist #add_offer_tags {
  cursor: pointer;
}

cr-adminhome .container {
  min-height: 800px;
}
cr-adminhome .clock-alert {
  color: #000000;
  font-size: 0.8rem;
}
cr-adminhome .clock-alert .clock-alert-text {
  color: #D85159;
  font-weight: bold;
}
cr-adminhome .clock-alert-gray {
  color: #979797;
  font-size: 0.8rem;
}
cr-adminhome .job-seeker-name {
  font-size: 1rem;
  white-space: nowrap;
}
cr-adminhome .manager-title {
  font-size: 0.8rem;
  background-color: #F1F1F1;
  border-radius: 15px;
  padding: 2px 10px;
  font-weight: bold;
}
cr-adminhome .manager-name {
  font-size: 0.9rem;
  margin-left: 5px;
}
cr-adminhome .edge-black-box {
  width: 98%;
  margin-left: 1%;
}
cr-adminhome .offer-title {
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
}
cr-adminhome .offer-title:hover {
  color: #54B5CB;
}

cr-adminoffer .container,
cr-adminofferinfo .container,
cr-adminofferconfirm .container,
cr-adminofferedit .container {
  max-width: 700px;
  min-height: 900px;
}

cr-adminoffer .offer-count {
  font-family: "MyRounded";
  font-weight: bold;
  font-size: 16px;
}
cr-adminoffer .offer-count .turquoise-blue {
  color: #54B5CB;
}
cr-adminoffer .offer-box {
  background-color: #fff;
  border-radius: 15px;
}
cr-adminoffer .offer-box .offer-title {
  font-size: 1.1rem;
  font-weight: bold;
}
cr-adminoffer .offer-box .offer-title a {
  color: #111111;
  text-decoration: none;
}
cr-adminoffer .offer-box .offer-title a:hover {
  color: #54B5CB;
}
cr-adminoffer .offer-box .offer-status {
  border-radius: 18px;
  color: #fff;
  padding: 7px 18px;
  font-size: 0.9rem;
}
cr-adminoffer .offer-box .offer-open {
  background-color: #54B5CB;
}
cr-adminoffer .offer-box .offer-close {
  background-color: #979797;
}
cr-adminoffer .offer-box .offer-subtitle {
  font-size: 0.95rem;
  color: #979797;
}
cr-adminoffer .offer-box .offer-detail {
  font-size: 0.95rem;
}
cr-adminoffer .offer-box .employee-icon {
  height: 40px;
  width: 40px;
  border-radius: 20px;
  float: left;
}
cr-adminoffer .offer-box .employee-post {
  color: #979797;
  font-size: 0.75rem;
}
cr-adminoffer .offer-box .employee-name {
  font-size: 0.9rem;
}
cr-adminoffer .offer-box .favorite {
  border: 1px solid #E2E2E2;
  border-radius: 18px;
  color: #D85159;
  padding: 7px 18px;
}

cr-adminofferinfo .offer-box,
cr-adminofferconfirm .offer-box,
cr-adminofferedit .offer-box {
  background-color: #fff;
  border-radius: 15px;
}
cr-adminofferinfo .offer-box .offer-image-wrapper,
cr-adminofferconfirm .offer-box .offer-image-wrapper,
cr-adminofferedit .offer-box .offer-image-wrapper {
  position: relative;
  width: 95%;
  margin: 2.5% auto 0;
}
cr-adminofferinfo .offer-box .offer-image-wrapper .offer-image,
cr-adminofferconfirm .offer-box .offer-image-wrapper .offer-image,
cr-adminofferedit .offer-box .offer-image-wrapper .offer-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  border-radius: 15px;
}
cr-adminofferinfo .offer-box .offer-status,
cr-adminofferconfirm .offer-box .offer-status,
cr-adminofferedit .offer-box .offer-status {
  border-radius: 18px;
  color: #fff;
  padding: 7px 18px;
  font-size: 0.9rem;
}
cr-adminofferinfo .offer-box .btn-edit,
cr-adminofferconfirm .offer-box .btn-edit,
cr-adminofferedit .offer-box .btn-edit {
  color: #999999;
}
cr-adminofferinfo .offer-box .btn-edit:hover,
cr-adminofferconfirm .offer-box .btn-edit:hover,
cr-adminofferedit .offer-box .btn-edit:hover {
  color: #54B5CB;
}
cr-adminofferinfo .offer-box .offer-open,
cr-adminofferconfirm .offer-box .offer-open,
cr-adminofferedit .offer-box .offer-open {
  background-color: #54B5CB;
}
cr-adminofferinfo .offer-box .offer-close,
cr-adminofferconfirm .offer-box .offer-close,
cr-adminofferedit .offer-box .offer-close {
  background-color: #979797;
}
cr-adminofferinfo .offer-box .offer-image-wrapper:before,
cr-adminofferconfirm .offer-box .offer-image-wrapper:before,
cr-adminofferedit .offer-box .offer-image-wrapper:before {
  content: "";
  display: block;
  padding-top: 44%;
}
cr-adminofferinfo .offer-box .offer-tag,
cr-adminofferconfirm .offer-box .offer-tag,
cr-adminofferedit .offer-box .offer-tag {
  display: inline-block;
  background-color: #F1F1F1;
  font-size: 0.9rem;
  border-radius: 10px;
  padding: 2px 13px;
  margin-bottom: 0.25rem;
  font-weight: bold;
}
cr-adminofferinfo .offer-box .offer-label,
cr-adminofferconfirm .offer-box .offer-label,
cr-adminofferedit .offer-box .offer-label {
  font-size: 0.8rem;
  color: #999999;
  line-height: 1.5rem;
}
cr-adminofferinfo .offer-box .offer-text,
cr-adminofferconfirm .offer-box .offer-text,
cr-adminofferedit .offer-box .offer-text {
  font-size: 0.9rem;
  color: #333333;
  white-space: pre-wrap;
}
cr-adminofferinfo .offer-box .offer-title,
cr-adminofferconfirm .offer-box .offer-title,
cr-adminofferedit .offer-box .offer-title {
  font-size: 1.1rem;
  font-weight: bold;
}
cr-adminofferinfo .offer-box .offer-period,
cr-adminofferconfirm .offer-box .offer-period,
cr-adminofferedit .offer-box .offer-period {
  font-size: 0.8rem;
  font-weight: bold;
  background-color: #FFF13E;
  padding: 3px 7px;
  border-radius: 20px;
  margin-right: 0.5rem;
}
cr-adminofferinfo .offer-box hr,
cr-adminofferconfirm .offer-box hr,
cr-adminofferedit .offer-box hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
cr-adminofferinfo .offer-box .line,
cr-adminofferconfirm .offer-box .line,
cr-adminofferedit .offer-box .line {
  border-top: 2px dashed #111;
  margin: 0 auto;
}
cr-adminofferinfo .offer-box .employee-icon,
cr-adminofferconfirm .offer-box .employee-icon,
cr-adminofferedit .offer-box .employee-icon {
  height: 40px;
  width: 40px;
  border-radius: 20px;
  float: left;
}
cr-adminofferinfo .offer-box .employee-post,
cr-adminofferconfirm .offer-box .employee-post,
cr-adminofferedit .offer-box .employee-post {
  color: #979797;
  font-size: 0.75rem;
}
cr-adminofferinfo .offer-box .employee-name,
cr-adminofferconfirm .offer-box .employee-name,
cr-adminofferedit .offer-box .employee-name {
  font-size: 0.9rem;
}
cr-adminofferinfo .offer-box .favorite,
cr-adminofferconfirm .offer-box .favorite,
cr-adminofferedit .offer-box .favorite {
  border: 1px solid #E2E2E2;
  border-radius: 18px;
  color: #D85159;
  padding: 7px 18px;
}
cr-adminofferinfo .cancel-text,
cr-adminofferconfirm .cancel-text,
cr-adminofferedit .cancel-text {
  color: #999999;
  font-size: 0.85rem;
  text-decoration: underline;
  cursor: pointer;
}

cr-adminofferedit .offer-box {
  background-color: transparent;
}
cr-adminofferedit .offer-box .add-button, cr-adminofferedit .offer-box .delete-button {
  cursor: pointer;
  color: #54B5CB;
  font-size: 0.95rem;
}
cr-adminofferedit .offer-box .add-button i, cr-adminofferedit .offer-box .delete-button i {
  font-size: 1.2rem;
}
cr-adminofferedit .offer-box .image-button {
  font-size: 0.8rem;
  cursor: pointer;
  background-color: #54B5CB;
  padding: 2px 5px;
  color: #fff;
  border-radius: 20px;
}

cr-adminlogin {
  color: #333333;
  scrollbar-width: none;
}
cr-adminlogin .form-control {
  height: 50px;
  border-radius: 15px;
}
cr-adminlogin cr-link {
  text-decoration: underline;
  font-size: 0.9rem;
}
cr-adminlogin hr {
  border-top: 2px dashed #111;
  margin: 0 auto;
  margin-top: 0.65rem;
}
cr-adminlogin p {
  font-size: 0.9rem;
}
cr-adminlogin .layoutfull-box {
  margin: 0 auto;
}
cr-adminlogin .content::-webkit-scrollbar {
  display: none;
}
cr-adminlogin .login-link {
  font-size: 1rem;
  text-decoration: underline;
  color: #54B5CB;
  cursor: pointer;
}

cr-terms .row {
  margin: 0;
}
cr-terms .scroll-box {
  border: #E2E2E2 solid 1px;
  background-color: #fff;
}
cr-terms .form-check-label {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
cr-terms .form-check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
cr-terms .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 4px;
}
cr-terms .form-check-label input ~ .checkmark {
  background-color: #ccc;
}
cr-terms .form-check-label:hover input ~ .checkmark {
  background-color: #ccc;
}
cr-terms .form-check-label input:checked ~ .checkmark {
  background-color: #54B5CB;
}
cr-terms .checkmark:after {
  content: "";
  position: absolute;
}
cr-terms .form-check-label input:checked ~ .checkmark:after {
  display: block;
}
cr-terms .form-check-label .checkmark:after {
  left: 8px;
  top: 2px;
  width: 10px;
  height: 17px;
  border: solid white;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

cr-adminorganizationinfo .container,
cr-adminorganizationedit .container,
cr-adminorganizationconfirm .container {
  max-width: 700px;
  min-height: 800px;
}
cr-adminorganizationinfo .layoutfull-box,
cr-adminorganizationedit .layoutfull-box,
cr-adminorganizationconfirm .layoutfull-box {
  width: 100%;
}
cr-adminorganizationinfo .home-image,
cr-adminorganizationedit .home-image,
cr-adminorganizationconfirm .home-image {
  position: relative;
  width: 100%;
  height: 166px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
cr-adminorganizationinfo .logo-image,
cr-adminorganizationedit .logo-image,
cr-adminorganizationconfirm .logo-image {
  top: 90px;
  left: 20px;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  border: 3px solid #ffffff;
  position: absolute;
}
cr-adminorganizationinfo .name,
cr-adminorganizationedit .name,
cr-adminorganizationconfirm .name {
  font-weight: bold;
  font-size: 1rem;
}
cr-adminorganizationinfo .profile-label,
cr-adminorganizationedit .profile-label,
cr-adminorganizationconfirm .profile-label {
  color: #999999;
  font-size: 0.8rem;
}
cr-adminorganizationinfo .profile-text,
cr-adminorganizationedit .profile-text,
cr-adminorganizationconfirm .profile-text {
  font-size: 0.95rem;
}
cr-adminorganizationinfo .home-image-button,
cr-adminorganizationedit .home-image-button,
cr-adminorganizationconfirm .home-image-button {
  position: absolute;
  top: 20px;
  right: 20px;
}
cr-adminorganizationinfo .logo-image-button,
cr-adminorganizationedit .logo-image-button,
cr-adminorganizationconfirm .logo-image-button {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
cr-adminorganizationinfo .btn-edit,
cr-adminorganizationedit .btn-edit,
cr-adminorganizationconfirm .btn-edit {
  color: #999999;
}
cr-adminorganizationinfo .btn-edit:hover,
cr-adminorganizationedit .btn-edit:hover,
cr-adminorganizationconfirm .btn-edit:hover {
  color: #54B5CB;
}
cr-adminorganizationinfo .cancel-text,
cr-adminorganizationedit .cancel-text,
cr-adminorganizationconfirm .cancel-text {
  color: #999999;
  font-size: 0.85rem;
  text-decoration: underline;
}
cr-adminorganizationinfo #qrcode img,
cr-adminorganizationedit #qrcode img,
cr-adminorganizationconfirm #qrcode img {
  height: 200px;
  margin: 0 auto;
}
cr-adminorganizationinfo .btn-copy,
cr-adminorganizationedit .btn-copy,
cr-adminorganizationconfirm .btn-copy {
  color: #999999;
  font-size: 1.5rem;
  cursor: pointer;
}
cr-adminorganizationinfo .btn-copy:hover,
cr-adminorganizationedit .btn-copy:hover,
cr-adminorganizationconfirm .btn-copy:hover {
  color: #54B5CB;
}

cr-adminemployeelist,
cr-adminemployeeinfo {
  /* 画像 */
  /* 役職 */
  /* 名前 */
  /* 在籍 */
  /* 在籍の枠 */
  /* 画像を丸くトリミング */
  /* カードの影を削除 */
}
cr-adminemployeelist .wrapper, cr-adminemployeelist .content-wrapper,
cr-adminemployeeinfo .wrapper,
cr-adminemployeeinfo .content-wrapper {
  background-color: #EEECE8;
}
cr-adminemployeelist .container,
cr-adminemployeeinfo .container {
  max-width: 700px;
  min-height: 800px;
}
cr-adminemployeelist .page-title,
cr-adminemployeeinfo .page-title {
  font-family: "MyRounded";
  font-weight: bold;
  font-size: 27px;
}
cr-adminemployeelist .page-title i,
cr-adminemployeeinfo .page-title i {
  color: #54B5CB;
}
cr-adminemployeelist .employee-image,
cr-adminemployeeinfo .employee-image {
  object-fit: cover;
  /* アスペクト比を維持。拡大縮小 */
  margin: 0 10px;
  float: left;
  /* 画像の横に文字 */
  border-radius: 20px;
  width: 83px;
  height: 83px;
}
@media (min-width: 370px) {
  cr-adminemployeelist .employee-image,
cr-adminemployeeinfo .employee-image {
    width: 110px;
    height: 110px;
  }
}
@media (min-width: 480px) {
  cr-adminemployeelist .employee-image,
cr-adminemployeeinfo .employee-image {
    width: 130px;
    height: 130px;
  }
}
@media (min-width: 768px) {
  cr-adminemployeelist .employee-image,
cr-adminemployeeinfo .employee-image {
    width: 133px;
    height: 133px;
  }
}
@media (min-width: 992px) {
  cr-adminemployeelist .employee-image,
cr-adminemployeeinfo .employee-image {
    width: 187px;
    height: 187px;
  }
}
cr-adminemployeelist .employee-post,
cr-adminemployeeinfo .employee-post {
  font-size: 80%;
  color: #979797;
  padding-top: 0;
  margin: 0;
}
@media (min-width: 370px) {
  cr-adminemployeelist .employee-post,
cr-adminemployeeinfo .employee-post {
    padding-top: 10px;
  }
}
@media (min-width: 480px) {
  cr-adminemployeelist .employee-post,
cr-adminemployeeinfo .employee-post {
    padding-top: 10px;
    font-size: 110%;
  }
}
cr-adminemployeelist .employee-name,
cr-adminemployeeinfo .employee-name {
  font-weight: bolder;
  padding-right: 15px;
  margin: 0;
}
@media (min-width: 370px) {
  cr-adminemployeelist .employee-name,
cr-adminemployeeinfo .employee-name {
    margin: 0;
  }
}
@media (min-width: 480px) {
  cr-adminemployeelist .employee-name,
cr-adminemployeeinfo .employee-name {
    margin: 0;
  }
}
cr-adminemployeelist .employee-enrollment,
cr-adminemployeeinfo .employee-enrollment {
  font-size: 70%;
  padding-bottom: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
@media (min-width: 370px) {
  cr-adminemployeelist .employee-enrollment,
cr-adminemployeeinfo .employee-enrollment {
    font-size: 80%;
  }
}
@media (min-width: 480px) {
  cr-adminemployeelist .employee-enrollment,
cr-adminemployeeinfo .employee-enrollment {
    font-size: 80%;
  }
}
cr-adminemployeelist .enrollment-tag,
cr-adminemployeeinfo .enrollment-tag {
  background: #FFF13E;
  border-radius: 20px;
  height: 20px;
  display: flex;
  align-items: center;
}
cr-adminemployeelist .image-frame,
cr-adminemployeeinfo .image-frame {
  object-fit: cover;
  display: block;
  margin-right: auto;
  border-radius: 15%;
  max-width: 100px;
  height: 75px;
}
@media (min-width: 370px) {
  cr-adminemployeelist .image-frame,
cr-adminemployeeinfo .image-frame {
    max-width: 110px;
    height: 83px;
  }
}
@media (min-width: 480px) {
  cr-adminemployeelist .image-frame,
cr-adminemployeeinfo .image-frame {
    max-width: 130px;
    height: 98px;
  }
}
@media (min-width: 768px) {
  cr-adminemployeelist .image-frame,
cr-adminemployeeinfo .image-frame {
    max-width: 187px;
    height: 140px;
  }
}
cr-adminemployeelist .trim-image-to-circle,
cr-adminemployeeinfo .trim-image-to-circle {
  border-radius: 50%;
  width: 75px;
  height: 75px;
  object-fit: cover;
  border: 3px solid #FFF;
  /* 枠線表示 */
}
cr-adminemployeelist .card-box-shadow-none,
cr-adminemployeeinfo .card-box-shadow-none {
  box-shadow: none;
}
cr-adminemployeelist .cover-image-wrapper,
cr-adminemployeeinfo .cover-image-wrapper {
  position: relative;
  width: 100%;
  margin: 3% auto 0;
}
cr-adminemployeelist .cover-image-wrapper .cover-image,
cr-adminemployeeinfo .cover-image-wrapper .cover-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
cr-adminemployeelist .cover-image-wrapper:before,
cr-adminemployeeinfo .cover-image-wrapper:before {
  content: "";
  display: block;
  padding-top: 44%;
}
cr-adminemployeelist .portrait-image,
cr-adminemployeeinfo .portrait-image {
  bottom: -20px;
  left: 20px;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  border: 3px solid #ffffff;
  position: absolute;
}
cr-adminemployeelist .name,
cr-adminemployeeinfo .name {
  font-weight: bold;
  font-size: 1rem;
}
cr-adminemployeelist .profile-label,
cr-adminemployeeinfo .profile-label {
  color: #999999;
  font-size: 0.8rem;
}
cr-adminemployeelist .profile-text,
cr-adminemployeeinfo .profile-text {
  white-space: pre-wrap;
  font-size: 0.95rem;
}
cr-adminemployeelist .video-date,
cr-adminemployeeinfo .video-date {
  color: #333333;
  font-size: 0.9rem;
  line-height: 1.3rem;
}
cr-adminemployeelist .video-title,
cr-adminemployeeinfo .video-title {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}
cr-adminemployeelist .video-container,
cr-adminemployeeinfo .video-container {
  width: 90%;
  margin-left: 10%;
}
cr-adminemployeelist .video-count-text,
cr-adminemployeeinfo .video-count-text {
  text-align: right;
  font-size: 0.9rem;
  color: #333333;
}

cr-adminapprovedlist .wrapper, cr-adminapprovedlist .content-wrapper,
cr-admininvitationrequestlist .wrapper,
cr-admininvitationrequestlist .content-wrapper,
cr-admininvitationlist .wrapper,
cr-admininvitationlist .content-wrapper {
  /* background: linear-gradient(to left top, #FAFAFA, #EEECE8)!important; */
  background-color: #EEECE8;
}
cr-adminapprovedlist .container,
cr-admininvitationrequestlist .container,
cr-admininvitationlist .container {
  max-width: 700px;
  min-height: 800px;
}
cr-adminapprovedlist .page-title,
cr-admininvitationrequestlist .page-title,
cr-admininvitationlist .page-title {
  font-family: "MyRounded";
  font-weight: bold;
  font-size: 27px;
}
cr-adminapprovedlist .edge-black-box,
cr-admininvitationrequestlist .edge-black-box,
cr-admininvitationlist .edge-black-box {
  border-radius: 15px;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 3px solid #000000;
  background-color: #FFFFFF;
  padding: 15px;
}
cr-adminapprovedlist .edge-black-box .red,
cr-admininvitationrequestlist .edge-black-box .red,
cr-admininvitationlist .edge-black-box .red {
  color: #d85159;
  font-size: 0.66rem;
}
cr-adminapprovedlist .edge-black-box .grey-box,
cr-admininvitationrequestlist .edge-black-box .grey-box,
cr-admininvitationlist .edge-black-box .grey-box {
  background-color: #F1F1F1;
  color: #000000;
  border-radius: 10px;
  width: 100px;
  height: 25px;
  padding: 4px !important;
  text-align: center;
  font-size: 0.7rem;
  margin-top: 5px;
}
cr-adminapprovedlist .min-height-90px,
cr-admininvitationrequestlist .min-height-90px,
cr-admininvitationlist .min-height-90px {
  min-height: 90px;
}
cr-adminapprovedlist .yellow-box,
cr-admininvitationrequestlist .yellow-box,
cr-admininvitationlist .yellow-box {
  border-radius: 8px;
  margin-right: 2px;
  margin-bottom: 5px;
  background-color: #fff13e;
  color: #403d19;
  padding-top: 5px;
  font-size: 0.7rem;
  min-width: 46px;
  text-align: center;
}
cr-adminapprovedlist .trim-image-to-circle,
cr-admininvitationrequestlist .trim-image-to-circle,
cr-admininvitationlist .trim-image-to-circle {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  object-fit: cover;
  border: 3px solid #FFF;
  /* 枠線表示 */
}
cr-adminapprovedlist .trim-image-to-circle.medium,
cr-admininvitationrequestlist .trim-image-to-circle.medium,
cr-admininvitationlist .trim-image-to-circle.medium {
  width: 70px;
  height: 70px;
}
cr-adminapprovedlist .job-seeker-name,
cr-admininvitationrequestlist .job-seeker-name,
cr-admininvitationlist .job-seeker-name {
  font-weight: bold;
  font-size: 1.2rem;
}
cr-adminapprovedlist .line-height-35px,
cr-admininvitationrequestlist .line-height-35px,
cr-admininvitationlist .line-height-35px {
  line-height: 35px;
}
cr-adminapprovedlist .clock-alert,
cr-admininvitationrequestlist .clock-alert,
cr-admininvitationlist .clock-alert {
  color: #000000;
  font-size: 0.8rem;
}
cr-adminapprovedlist .clock-alert .clock-alert-text,
cr-admininvitationrequestlist .clock-alert .clock-alert-text,
cr-admininvitationlist .clock-alert .clock-alert-text {
  color: #D85159;
  font-weight: bold;
}
cr-adminapprovedlist .clock-alert-gray,
cr-admininvitationrequestlist .clock-alert-gray,
cr-admininvitationlist .clock-alert-gray {
  color: #979797;
  font-size: 0.8rem;
}
cr-adminapprovedlist .job-seeker-name,
cr-admininvitationrequestlist .job-seeker-name,
cr-admininvitationlist .job-seeker-name {
  font-size: 1rem;
  white-space: nowrap;
}
cr-adminapprovedlist .manager-title,
cr-admininvitationrequestlist .manager-title,
cr-admininvitationlist .manager-title {
  font-size: 0.8rem;
  background-color: #F1F1F1;
  border-radius: 15px;
  padding: 2px 10px;
  font-weight: bold;
}
cr-adminapprovedlist .manager-name,
cr-admininvitationrequestlist .manager-name,
cr-admininvitationlist .manager-name {
  font-size: 0.9rem;
  margin-left: 5px;
}

cr-adminjobseekerinformation .wrapper, cr-adminjobseekerinformation .content-wrapper {
  /* background: linear-gradient(to left top, #FAFAFA, #EEECE8)!important; */
  background-color: #EEECE8;
}
cr-adminjobseekerinformation .container {
  max-width: 700px;
}
cr-adminjobseekerinformation .container-mat {
  max-width: 680px;
  background-color: #ffffff;
  border-radius: 10px;
}
cr-adminjobseekerinformation .page-title {
  font-family: "MyRounded";
  font-weight: bold;
  font-size: 27px;
}
cr-adminjobseekerinformation .page-title i {
  color: #54B5CB;
}
cr-adminjobseekerinformation .layoutfull-box {
  width: 100%;
}
@media (min-width: 576px) {
  cr-adminjobseekerinformation .layoutfull-box {
    width: 480px;
  }
}
cr-adminjobseekerinformation .container {
  max-width: 700px;
}
cr-adminjobseekerinformation .cover-image-wrapper {
  position: relative;
  width: 100%;
  margin: 3% auto 0;
}
cr-adminjobseekerinformation .cover-image-wrapper .cover-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
cr-adminjobseekerinformation .cover-image-wrapper:before {
  content: "";
  display: block;
  padding-top: 44%;
}
cr-adminjobseekerinformation .portrait-image {
  bottom: -20px;
  left: 20px;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  border: 3px solid #ffffff;
  position: absolute;
}
cr-adminjobseekerinformation .name {
  font-weight: bold;
  font-size: 1rem;
}
cr-adminjobseekerinformation .age {
  color: #999999;
  font-size: 0.8rem;
}
cr-adminjobseekerinformation .profile-label {
  color: #999999;
  font-size: 0.8rem;
}
cr-adminjobseekerinformation .profile-text {
  font-size: 0.95rem;
}
cr-adminjobseekerinformation hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
cr-adminjobseekerinformation .line {
  border-top: 2px dashed #111;
  margin: 0 auto;
}
cr-adminjobseekerinformation .cv-month, cr-adminjobseekerinformation .cv-industory {
  font-size: 0.8rem;
}
cr-adminjobseekerinformation .btn-edit {
  color: #999999;
}
cr-adminjobseekerinformation .count-box {
  background: #ffffff;
  border: 1px solid #E2E2E2;
  border-radius: 6px;
  width: 120px;
  height: 50px;
  padding-top: 8px;
  text-align: center;
  font-size: 0.7rem;
  position: absolute;
}
cr-adminjobseekerinformation .count-box i {
  color: #54B5CB;
}
cr-adminjobseekerinformation .count-box .count-text {
  font-size: 0.8rem;
}
cr-adminjobseekerinformation .count-box-video {
  top: 10px;
  right: 140px;
}
cr-adminjobseekerinformation .count-box-message {
  top: 10px;
  right: 10px;
}
cr-adminjobseekerinformation .video-date {
  color: #333333;
  font-size: 0.9rem;
  line-height: 1.3rem;
}
cr-adminjobseekerinformation .video-title {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}
cr-adminjobseekerinformation .video-container {
  width: 90%;
  margin-left: 10%;
}
cr-adminjobseekerinformation .video-count-text {
  text-align: right;
  font-size: 0.9rem;
  color: #333333;
}

cr-adminmessagelist .container,
cr-adminmessagegroup .container {
  max-width: 700px;
  min-height: 800px;
}

cr-adminmessagelist .page-title {
  font-family: "MyRounded";
  font-weight: bold;
  font-size: 27px;
}
cr-adminmessagelist .wrapper, cr-adminmessagelist .content-wrapper {
  /* background: linear-gradient(to left top, #FAFAFA, #EEECE8)!important; */
  background-color: #EEECE8;
}
cr-adminmessagelist div.wrapper #search_condition, cr-adminmessagelist div.wrapper div.my-header #search_condition {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: small;
  line-height: 1;
}
cr-adminmessagelist div.wrapper cr-link div.message_list, cr-adminmessagelist div.wrapper div.my-header cr-link div.message_list {
  border-top: solid #ffffff 2px;
}
cr-adminmessagelist div.wrapper cr-link div.message_list cr-imgexistencecheck, cr-adminmessagelist div.wrapper div.my-header cr-link div.message_list cr-imgexistencecheck {
  display: block;
  text-align: center;
}
cr-adminmessagelist div.wrapper cr-link div.message_list cr-imgexistencecheck img, cr-adminmessagelist div.wrapper div.my-header cr-link div.message_list cr-imgexistencecheck img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
}
cr-adminmessagelist div.wrapper cr-link:last-of-type div.message_list, cr-adminmessagelist div.wrapper div.my-header cr-link:last-of-type div.message_list {
  border-bottom: solid #ffffff 2px;
}

cr-adminmessagegroup .wrapper, cr-adminmessagegroup .content-wrapper {
  /* background: linear-gradient(to left top, #FAFAFA, #EEECE8)!important; */
  background-color: #EEECE8;
}
cr-adminmessagegroup .wrapper {
  height: 100vh;
}
cr-adminmessagegroup #message-container {
  position: relative;
  width: 100%;
}
cr-adminmessagegroup #message-container #message-header {
  position: absolute;
  top: 0px;
  color: #ffffff;
  background-color: rgba(84, 181, 203, 0.9) !important;
  z-index: 1030;
  padding: 10px;
  width: 100%;
}
cr-adminmessagegroup #message-container #message-header img.header-employee-icon {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
  margin-left: 10px;
  float: left;
  margin-right: 5px;
}
cr-adminmessagegroup #message-container #message-header .organization_name {
  font-size: 10px;
}
cr-adminmessagegroup #message-container #message-header .employee_name {
  font-weight: bolder;
}
cr-adminmessagegroup #message-container #message-header .employee_post {
  font-size: 10px;
}
cr-adminmessagegroup #message-container #chat-history-box {
  top: 0px;
  overflow: auto;
  /* スクロールを効かせつつ、メッセージがタイムラインの外に出ないようにする */
  height: 94vh;
  min-height: 94vh;
  width: 100%;
  background-color: #eee;
  padding-top: 100px;
  padding-bottom: 60px;
}
cr-adminmessagegroup #message-container #chat-history-box div.message {
  position: relative;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.my-message {
  margin: 0 0 0 auto;
  width: 80%;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.my-message div.message-text {
  position: relative;
  font-size: 12px !important;
  color: #ffffff !important;
  background-color: #54b5cb !important;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.my-message div.message-text::after {
  content: "";
  position: absolute;
  top: 3px;
  right: -19px;
  border: 8px solid transparent;
  border-left: 18px solid #54b5cb;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
cr-adminmessagegroup #message-container #chat-history-box div.message.my-message div.message-image {
  text-align: right;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.my-message div.message-image img {
  max-width: 500px;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.my-message div.message-movie {
  text-align: right;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.my-message div.message-movie video {
  max-width: 500px;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.my-message div.message-pdf {
  text-decoration: none;
  position: relative;
  color: #ffffff !important;
  background-color: #54b5cb !important;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.my-message div.message-pdf::after {
  content: "";
  position: absolute;
  top: 3px;
  right: -19px;
  border: 8px solid transparent;
  border-left: 18px solid #54b5cb;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
cr-adminmessagegroup #message-container #chat-history-box div.message.my-message div.message-time {
  position: relative;
  font-size: 8px;
  margin-right: 3px;
  margin-left: 3px;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.partner-message {
  width: 80%;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.partner-message img.employee-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25px;
  height: 25px;
  object-fit: cover;
  border-radius: 50%;
  margin-left: 20px;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.partner-message div.name-and-position {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 55px;
  font-size: 8px;
  color: #6c757d !important;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.partner-message div.message-text {
  position: relative;
  top: 20px;
  left: 35px;
  border: none !important;
  font-size: 12px !important;
  color: #303030 !important;
  background-color: #ffffff !important;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.partner-message div.message-text::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -19px;
  border: 8px solid transparent;
  border-right: 18px solid #ffffff;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}
cr-adminmessagegroup #message-container #chat-history-box div.message.partner-message div.message-image {
  position: relative;
  top: 20px;
  left: 35px;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.partner-message div.message-movie {
  position: relative;
  top: 20px;
  left: 35px;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.partner-message div.message-pdf {
  position: relative;
  top: 20px;
  left: 35px;
  color: #000000 !important;
  background-color: #ffffff !important;
}
cr-adminmessagegroup #message-container #chat-history-box div.message.partner-message div.message-pdf::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -19px;
  border: 8px solid transparent;
  border-right: 18px solid #ffffff;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}
cr-adminmessagegroup #message-container #chat-history-box div.message.partner-message div.message-time {
  position: relative;
  left: 35px;
  font-size: 8px;
  margin-right: 3px;
  margin-left: 3px;
}
cr-adminmessagegroup #message-container #chat-history-box .check-color {
  color: #54b5cb;
}
cr-adminmessagegroup #message-container #send-message-box {
  position: absolute;
  bottom: 0px;
  color: #ffffff;
  z-index: 1030;
  padding: 10px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
cr-adminmessagegroup #message-container #send-message-box textarea#message_text {
  font-size: 12px !important;
}
cr-adminmessagegroup #message-container #send-message-box textarea#message_text::placeholder {
  font-size: 12px !important;
}
cr-adminmessagegroup #message-container #send-message-box #send_message_button, cr-adminmessagegroup #message-container #send-message-box #select_file_button {
  color: #54b5cb !important;
  background-color: rgba(255, 255, 255, 0.1);
}
cr-adminmessagegroup #message-container #send-message-box .none {
  display: none;
}
cr-adminmessagegroup #message-container #send-message-box #message_file_preview {
  max-width: 100%;
}
@media (min-width: 370px) {
  cr-adminmessagegroup #message-container #send-message-box #message_file_preview {
    max-width: 70%;
  }
}
@media (min-width: 480px) {
  cr-adminmessagegroup #message-container #send-message-box #message_file_preview {
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  cr-adminmessagegroup #message-container #send-message-box #message_file_preview {
    max-width: 30%;
  }
}
cr-adminmessagegroup #message-container #send-message-box #message_videofile_preview {
  max-width: 100%;
}
@media (min-width: 370px) {
  cr-adminmessagegroup #message-container #send-message-box #message_videofile_preview {
    max-width: 70%;
  }
}
@media (min-width: 480px) {
  cr-adminmessagegroup #message-container #send-message-box #message_videofile_preview {
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  cr-adminmessagegroup #message-container #send-message-box #message_videofile_preview {
    max-width: 30%;
  }
}
cr-adminmessagegroup #message-container #send-message-box img#pdf_file_preview {
  max-width: 20%;
}
@media (min-width: 370px) {
  cr-adminmessagegroup #message-container #send-message-box img#pdf_file_preview {
    max-width: 20%;
  }
}
@media (min-width: 480px) {
  cr-adminmessagegroup #message-container #send-message-box img#pdf_file_preview {
    max-width: 150%;
  }
}
@media (min-width: 768px) {
  cr-adminmessagegroup #message-container #send-message-box img#pdf_file_preview {
    max-width: 10%;
  }
}
cr-adminmessagegroup #message-container #send-message-box #pdf_file_name {
  color: #000000;
}

cr-adminpayment .content-wrapper,
cr-adminpaymentregist .content-wrapper,
cr-adminpaymentedit .content-wrapper {
  background: #EEECE8;
}
cr-adminpayment .container,
cr-adminpaymentregist .container,
cr-adminpaymentedit .container {
  max-width: 700px;
  min-height: 800px;
}
cr-adminpayment .page-title,
cr-adminpaymentregist .page-title,
cr-adminpaymentedit .page-title {
  font-family: "MyRounded";
  font-weight: bold;
  font-size: 27px;
}
cr-adminpayment .payment-label,
cr-adminpaymentregist .payment-label,
cr-adminpaymentedit .payment-label {
  color: #999999;
  font-size: 0.8rem;
}
cr-adminpayment .payment-text,
cr-adminpaymentregist .payment-text,
cr-adminpaymentedit .payment-text {
  font-size: 0.95rem;
}
cr-adminpayment .stripe-form,
cr-adminpaymentregist .stripe-form,
cr-adminpaymentedit .stripe-form {
  padding-top: 0.7rem;
}

cr-employeevideoindex .layoutfull-page,
cr-employeevideoupload .layoutfull-page,
cr-employeevideoedit .layoutfull-page,
cr-employeevideoeditmetainformation .layoutfull-page,
cr-employeevideoeditcomplete .layoutfull-page {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 576px) {
  cr-employeevideoindex .layoutfull-page,
cr-employeevideoupload .layoutfull-page,
cr-employeevideoedit .layoutfull-page,
cr-employeevideoeditmetainformation .layoutfull-page,
cr-employeevideoeditcomplete .layoutfull-page {
    width: 480px;
  }
}
cr-employeevideoindex .wrapper, cr-employeevideoindex .content-wrapper,
cr-employeevideoupload .wrapper,
cr-employeevideoupload .content-wrapper,
cr-employeevideoedit .wrapper,
cr-employeevideoedit .content-wrapper,
cr-employeevideoeditmetainformation .wrapper,
cr-employeevideoeditmetainformation .content-wrapper,
cr-employeevideoeditcomplete .wrapper,
cr-employeevideoeditcomplete .content-wrapper {
  background-color: #EEECE8;
}
cr-employeevideoindex .container,
cr-employeevideoupload .container,
cr-employeevideoedit .container,
cr-employeevideoeditmetainformation .container,
cr-employeevideoeditcomplete .container {
  max-width: 700px;
  min-height: 800px;
}
cr-employeevideoindex .container .container-mat,
cr-employeevideoupload .container .container-mat,
cr-employeevideoedit .container .container-mat,
cr-employeevideoeditmetainformation .container .container-mat,
cr-employeevideoeditcomplete .container .container-mat {
  width: 100%;
  border-radius: 20px;
  background-color: #ffffff;
}
cr-employeevideoindex .page-title,
cr-employeevideoupload .page-title,
cr-employeevideoedit .page-title,
cr-employeevideoeditmetainformation .page-title,
cr-employeevideoeditcomplete .page-title {
  font-family: "MyRounded";
  font-weight: bold;
  font-size: 27px;
}

cr-employeevideolist .video-title {
  font-weight: bold;
  font-size: 1.1rem;
}
cr-employeevideolist .video-title:hover {
  color: #54B5CB;
}
cr-employeevideolist .video-view-count {
  color: #707070;
}
cr-employeevideolist .video-published-status {
  font-weight: bold;
  font-size: 0.9rem;
  padding: 2px 10px;
  margin: 0 5px;
  border-radius: 20px;
}
cr-employeevideolist .status-published {
  background: #FFF13E;
}
cr-employeevideolist .status-non-published {
  background: #E6E6E6;
}
cr-employeevideolist .delete-button {
  color: #707070;
  cursor: pointer;
}
cr-employeevideolist .delete-button:hover {
  color: #54B5CB;
}

cr-employeevideoupload .text-rounded-title {
  text-align: center;
  margin-top: 3rem;
}
cr-employeevideoupload .cloud-upload-image {
  text-align: center;
  padding-top: 3rem;
}
cr-employeevideoupload .upload-attention {
  text-align: center;
}
cr-employeevideoupload .btn-black-flexbox-left {
  font-size: 1.4rem;
}
cr-employeevideoupload .btn-black-flexbox-left > i {
  font-size: 30px;
  left: 46px;
}
cr-employeevideoupload .preview-video {
  width: 60%;
  display: none;
}

cr-employeevideoedit .container {
  padding: 0;
}
cr-employeevideoedit .editor {
  width: 50%;
  margin-left: 25%;
}
cr-employeevideoedit .video-container {
  position: relative;
  width: 100%;
}
cr-employeevideoedit .video-container video {
  position: absolute;
  z-index: 1;
}
cr-employeevideoedit .video-container canvas {
  position: absolute;
  z-index: 2;
}
cr-employeevideoedit .video-edit-container {
  text-align: center;
}
cr-employeevideoedit .video-edit-container .video-progress {
  width: 90%;
  margin-top: 1rem;
}
cr-employeevideoedit .video-edit-container .video-time {
  display: flex;
  justify-content: space-between;
}
cr-employeevideoedit .video-edit-container .video-time-now {
  display: inline-block;
  text-align: left;
  width: auto;
  padding: 0 20px;
}
cr-employeevideoedit .video-edit-container .video-time-max {
  display: inline-block;
  text-align: right;
  width: auto;
  padding: 0 20px;
}
cr-employeevideoedit .img-button-pause, cr-employeevideoedit .img-button-play {
  height: 22px;
  margin: 0 80px;
  width: 21px;
  cursor: pointer;
}
cr-employeevideoedit .img-button-5seconds-ago, cr-employeevideoedit .img-button-5seconds-later {
  height: 16px;
  cursor: pointer;
}
cr-employeevideoedit .hidden-container {
  /* display: none; */
}
cr-employeevideoedit .slider {
  position: relative;
  width: 100%;
  height: 20px;
}
cr-employeevideoedit .slider div {
  background: #ddd;
  height: 3px;
  border: 1px inset #aaa;
  position: relative;
  top: 12px;
  font-size: 0px;
}
cr-employeevideoedit .slider input {
  position: absolute;
  width: 15px;
  height: 20px;
  display: block;
}
cr-employeevideoedit .asset-item img,
cr-employeevideoedit .timeline_object img {
  width: 30px;
}
cr-employeevideoedit #edit-container {
  width: 100%;
  background: transparent;
  /* height: 300px; */
  position: absolute;
  z-index: 1010;
}
cr-employeevideoedit #edit-container .asset-image {
  cursor: move;
  position: absolute;
  z-index: 1000;
}
cr-employeevideoedit #edit-container .button-start {
  position: absolute;
  right: 230px !important;
}
cr-employeevideoedit #edit-container .button-end {
  position: absolute;
  right: 140px !important;
}
cr-employeevideoedit #edit-container .button-save {
  position: absolute;
  top: 10px;
  right: 90px;
  background: #333;
  color: #FFF;
  font-size: 10px;
  padding: 10px;
  border-radius: 10px;
  text-decoration: none;
}
cr-employeevideoedit #edit-container .button-cancel {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #333;
  color: #FFF;
  font-size: 10px;
  padding: 10px;
  border-radius: 10px;
  text-decoration: none;
}
cr-employeevideoedit .seekbar {
  background: #333;
  height: 5px;
  width: 100%;
  position: relative;
}
cr-employeevideoedit .seekbar #currenttime {
  position: absolute;
}
cr-employeevideoedit .seekbar .cover {
  position: absolute;
}
cr-employeevideoedit #currenttime {
  background: #C00;
  height: 5px;
  width: 0%;
}
cr-employeevideoedit .telop1 {
  display: inline-block;
  color: #ff0000;
  /* 文字の色 */
  font-size: 3vw;
  /* 文字のサイズ */
  letter-spacing: 8px;
  /* 文字間 */
  text-shadow: 4px 4px 1px #ffffff, -4px 4px 1px #ffffff, 4px -4px 1px #ffffff, -4px -4px 1px #ffffff, 4px 0px 1px #ffffff, 0px 4px 1px #ffffff, -4px 0px 1px #ffffff, 0px -4px 1px #ffffff;
  font-weight: bold;
  letter-spacing: -1px;
}
cr-employeevideoedit #controls a {
  cursor: pointer;
}
cr-employeevideoedit input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  background: #cccccc;
  width: 100%;
  height: 4px;
  border-radius: 3px;
}
cr-employeevideoedit input[type=range]::-webkit-slider-thumb {
  opacity: 0;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #cccccc;
}
cr-employeevideoedit input[type=range]::-moz-range-thumb {
  opacity: 0;
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #cccccc;
}
cr-employeevideoedit input[type=range]::-moz-focus-outer {
  border: 0;
}
cr-employeevideoedit .video-edit-menu .tab {
  height: 70px;
  padding: 0;
  border: 1px solid #cccccc;
  cursor: pointer;
}
cr-employeevideoedit .video-edit-menu .tab-compensation {
  background-image: url("/images/tab_compensation.svg");
  background-repeat: no-repeat;
  background-position: center;
}
cr-employeevideoedit .video-edit-menu .tab-stamp {
  background-image: url("/images/tab_stamp.svg");
  background-repeat: no-repeat;
  background-position: center;
}
cr-employeevideoedit .video-edit-menu .tab-sound {
  background-image: url("/images/tab_sound.svg");
  background-repeat: no-repeat;
  background-position: center;
}
cr-employeevideoedit .video-edit-menu .tab-telop {
  background-image: url("/images/tab_telop.svg");
  background-repeat: no-repeat;
  background-position: center;
}
cr-employeevideoedit .video-edit-menu .icon-volume {
  background-image: url("/images/volume.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 34px;
  margin-left: 10px;
}
cr-employeevideoedit .video-edit-menu .volume-slider {
  width: 100%;
  padding-top: 10px;
}
cr-employeevideoedit .value-button {
  font-size: 1.6rem;
  color: #54B5CB;
  cursor: pointer;
}
cr-employeevideoedit .value-button-s {
  font-size: 1.3rem;
  color: #54B5CB;
  cursor: pointer;
}
cr-employeevideoedit .video-edit-menu .volume-0 {
  font-size: 0.9rem;
  text-align: right;
  padding: 0;
}
cr-employeevideoedit .video-edit-menu .volume-100 {
  font-size: 0.9rem;
  text-align: left;
  padding: 0;
}
cr-employeevideoedit .video-edit-button {
  background: #eeeeee;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
cr-employeevideoedit .edit_header {
  background: #eeeeee;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
cr-employeevideoedit .edit_header .close-button {
  cursor: pointer;
}
cr-employeevideoedit .edit_header img {
  height: 16px;
  margin: 0.4rem 0;
}
cr-employeevideoedit .video-edit-compensation .compemsation-value-left {
  font-size: 0.8rem;
  text-align: left;
}
cr-employeevideoedit .video-edit-compensation .compemsation-value-center {
  font-size: 0.8rem;
  text-align: center;
}
cr-employeevideoedit .video-edit-compensation .compemsation-value-right {
  font-size: 0.8rem;
  text-align: right;
}
cr-employeevideoedit .video-edit-compensation .compemsation-range-line {
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0px;
  border-right: 1px solid #cccccc;
  z-index: -1;
}

cr-employeevideoeditmetainformation .thumb-video-wrapper {
  position: relative;
  margin: auto;
  width: 100%;
}
cr-employeevideoeditmetainformation .thumb-video-wrapper:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
cr-employeevideoeditmetainformation .thumb-video-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
cr-employeevideoeditmetainformation .video-container {
  position: relative;
  width: 100%;
  min-height: 16vh;
}
cr-employeevideoeditmetainformation .video-container video {
  position: absolute;
  z-index: 1;
  border-radius: 12px;
}
cr-employeevideoeditmetainformation .video-container canvas {
  position: absolute;
  z-index: 2;
}
cr-employeevideoeditmetainformation #edit-container {
  width: 100%;
  background: transparent;
  /* height: 300px; */
  position: absolute;
  z-index: 1010;
  max-height: 300px !important;
}
cr-employeevideoeditmetainformation .seekbar {
  background: #333;
  height: 5px;
  width: 100%;
  position: relative;
}
cr-employeevideoeditmetainformation .seekbar #currenttime {
  position: absolute;
}
cr-employeevideoeditmetainformation .seekbar .cover {
  position: absolute;
}
cr-employeevideoeditmetainformation #currenttime {
  background: #C00;
  height: 5px;
  width: 0%;
}
cr-employeevideoeditmetainformation .input-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
cr-employeevideoeditmetainformation .input-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
cr-employeevideoeditmetainformation .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 4px;
}
cr-employeevideoeditmetainformation .input-container:hover input ~ .checkmark {
  background-color: #ccc;
}
cr-employeevideoeditmetainformation .input-container input:checked ~ .checkmark {
  background-color: #54B5CB;
}
cr-employeevideoeditmetainformation .checkmark:after {
  content: "";
  position: absolute;
}
cr-employeevideoeditmetainformation .input-container input:checked ~ .checkmark:after {
  display: block;
}
cr-employeevideoeditmetainformation .input-container .checkmark:after {
  left: 8px;
  top: 2px;
  width: 10px;
  height: 17px;
  border: solid white;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
cr-employeevideoeditmetainformation .no-padding {
  padding: 0;
}
cr-employeevideoeditmetainformation .preview-image {
  width: 100%;
}
cr-employeevideoeditmetainformation .preview-image img {
  width: 100%;
  border-radius: 12px;
}
cr-employeevideoeditmetainformation .p-select-thumb {
  text-align: center;
  font-size: 0.8rem;
}
cr-employeevideoeditmetainformation .p-select-or {
  text-align: center;
  font-size: 0.8rem;
}
cr-employeevideoeditmetainformation .btn-upload {
  font-size: 0.8rem;
  background-color: #54B5CB;
}
cr-employeevideoeditmetainformation .btn-black-flexbox-left > i {
  font-size: 1.1rem;
  margin-top: 0;
}
cr-employeevideoeditmetainformation input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  background: #cccccc;
  width: 100%;
  height: 4px;
  border-radius: 3px;
}
cr-employeevideoeditmetainformation input[type=range]::-webkit-slider-thumb {
  opacity: 0;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #cccccc;
}
cr-employeevideoeditmetainformation input[type=range]::-moz-range-thumb {
  opacity: 0;
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #cccccc;
}
cr-employeevideoeditmetainformation input[type=range]::-moz-focus-outer {
  border: 0;
}
cr-employeevideoeditmetainformation .value-button-s {
  font-size: 1.3rem;
  color: #54B5CB;
  cursor: pointer;
}

cr-employeevideoeditcomplete .text-rounded-title {
  text-align: center;
  margin-top: 3rem;
}
cr-employeevideoeditcomplete .cloud-upload-image {
  text-align: center;
  padding-top: 3rem;
}
cr-employeevideoeditcomplete .cloud-upload-image img {
  width: 160px;
}
cr-employeevideoeditcomplete .upload-attention {
  text-align: center;
}

cr-employeeprofile .wrapper, cr-employeeprofile .content-wrapper,
cr-employeeprofileedit .wrapper,
cr-employeeprofileedit .content-wrapper,
cr-employeeprofileeditconfirm .wrapper,
cr-employeeprofileeditconfirm .content-wrapper {
  background-color: #EEECE8;
}
cr-employeeprofile .container,
cr-employeeprofileedit .container,
cr-employeeprofileeditconfirm .container {
  max-width: 700px;
  min-height: 800px;
  background: #EEECE8;
}
cr-employeeprofile .page-title,
cr-employeeprofileedit .page-title,
cr-employeeprofileeditconfirm .page-title {
  font-family: "MyRounded";
  font-weight: bold;
  font-size: 27px;
}
cr-employeeprofile .cover-image-wrapper,
cr-employeeprofileedit .cover-image-wrapper,
cr-employeeprofileeditconfirm .cover-image-wrapper {
  position: relative;
  width: 100%;
  margin: 3% auto 0;
}
cr-employeeprofile .cover-image-wrapper .cover-image,
cr-employeeprofileedit .cover-image-wrapper .cover-image,
cr-employeeprofileeditconfirm .cover-image-wrapper .cover-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
cr-employeeprofile .cover-image-wrapper:before,
cr-employeeprofileedit .cover-image-wrapper:before,
cr-employeeprofileeditconfirm .cover-image-wrapper:before {
  content: "";
  display: block;
  padding-top: 44%;
}
cr-employeeprofile .portrait-image,
cr-employeeprofileedit .portrait-image,
cr-employeeprofileeditconfirm .portrait-image {
  bottom: -20px;
  left: 20px;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  border: 3px solid #ffffff;
  position: absolute;
}
cr-employeeprofile .name,
cr-employeeprofileedit .name,
cr-employeeprofileeditconfirm .name {
  font-weight: bold;
  font-size: 1rem;
}
cr-employeeprofile .profile-label,
cr-employeeprofileedit .profile-label,
cr-employeeprofileeditconfirm .profile-label {
  color: #999999;
  font-size: 0.8rem;
}
cr-employeeprofile .profile-text,
cr-employeeprofileedit .profile-text,
cr-employeeprofileeditconfirm .profile-text {
  white-space: pre-wrap;
  font-size: 0.95rem;
}
cr-employeeprofile .line,
cr-employeeprofileedit .line,
cr-employeeprofileeditconfirm .line {
  border-top: 2px dashed #111;
  margin: 0 auto;
}
cr-employeeprofile .cv-month, cr-employeeprofile .cv-industory,
cr-employeeprofileedit .cv-month,
cr-employeeprofileedit .cv-industory,
cr-employeeprofileeditconfirm .cv-month,
cr-employeeprofileeditconfirm .cv-industory {
  font-size: 0.8rem;
}
cr-employeeprofile .btn-edit,
cr-employeeprofileedit .btn-edit,
cr-employeeprofileeditconfirm .btn-edit {
  color: #999999;
}
cr-employeeprofile .cover-image-button,
cr-employeeprofileedit .cover-image-button,
cr-employeeprofileeditconfirm .cover-image-button {
  position: absolute;
  top: 20px;
  right: 20px;
}
cr-employeeprofile .portrait-image-button,
cr-employeeprofileedit .portrait-image-button,
cr-employeeprofileeditconfirm .portrait-image-button {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

cr-favoritelist .container,
cr-offerdetail .container {
  max-width: 700px;
}

/**
 * 気になる求人リスト
 */
cr-favoritelist {
  /* 求人画像 */
}
cr-favoritelist .condition-tag {
  height: auto;
  font-size: 0.9rem;
  font-weight: bold;
  padding: 2px 2px;
}
cr-favoritelist .image-frame {
  object-fit: cover;
  display: block;
  margin-right: auto;
  border-radius: 15%;
  max-width: 100px;
  height: 75px;
}
@media (min-width: 370px) {
  cr-favoritelist .image-frame {
    max-width: 110px;
    height: 83px;
  }
}
@media (min-width: 480px) {
  cr-favoritelist .image-frame {
    max-width: 130px;
    height: 98px;
  }
}
@media (min-width: 768px) {
  cr-favoritelist .image-frame {
    max-width: 187px;
    height: 140px;
  }
}
cr-favoritelist .favorite-box {
  cursor: pointer;
}

cr-offerdetail .offer-box {
  background-color: transparent;
}
cr-offerdetail .offer-box .offer-image-wrapper {
  position: relative;
  width: 95%;
  margin: 2.5% auto 0;
}
cr-offerdetail .offer-box .offer-image-wrapper .offer-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  border-radius: 15px;
}
cr-offerdetail .offer-box .offer-status {
  border-radius: 18px;
  color: #fff;
  padding: 7px 18px;
  font-size: 0.9rem;
}
cr-offerdetail .offer-box .btn-edit {
  color: #999999;
}
cr-offerdetail .offer-box .btn-edit:hover {
  color: #54B5CB;
}
cr-offerdetail .offer-box .offer-open {
  background-color: #54B5CB;
}
cr-offerdetail .offer-box .offer-close {
  background-color: #979797;
}
cr-offerdetail .offer-box .offer-image-wrapper:before {
  content: "";
  display: block;
  padding-top: 44%;
}
cr-offerdetail .offer-box .offer-tag {
  display: inline-block;
  background-color: #F1F1F1;
  font-size: 0.9rem;
  border-radius: 10px;
  padding: 2px 13px;
  margin-bottom: 0.25rem;
  font-weight: bold;
}
cr-offerdetail .offer-box .offer-label {
  font-size: 0.8rem;
  color: #999999;
  line-height: 1.5rem;
}
cr-offerdetail .offer-box .offer-text {
  font-size: 0.9rem;
  color: #333333;
  white-space: pre-wrap;
}
cr-offerdetail .offer-box .offer-title {
  font-size: 1.1rem;
  font-weight: bold;
}
cr-offerdetail .offer-box .offer-period {
  font-size: 0.8rem;
  font-weight: bold;
  background-color: #FFF13E;
  padding: 3px 7px;
  border-radius: 20px;
  margin-right: 0.5rem;
}
cr-offerdetail .offer-box hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
cr-offerdetail .offer-box .line {
  border-top: 2px dashed #111;
  margin: 0 auto;
}
cr-offerdetail .offer-box .employee-icon {
  height: 40px;
  width: 40px;
  border-radius: 20px;
  float: left;
}
cr-offerdetail .offer-box .employee-post {
  color: #979797;
  font-size: 0.75rem;
}
cr-offerdetail .offer-box .employee-name {
  font-size: 0.9rem;
}
cr-offerdetail .offer-box .favorite {
  border: 1px solid #E2E2E2;
  border-radius: 18px;
  color: #D85159;
  padding: 7px 18px;
}
cr-offerdetail .favorite-display {
  background-color: #EEECE8;
  text-align: center;
  font-weight: bold;
  font-size: 0.8rem;
  padding-top: 2rem;
}
cr-offerdetail .favorite-display .deco {
  background: linear-gradient(transparent 60%, #FFF13E 0%);
}

cr-videoindex .layoutfull-page,
cr-videoupload .layoutfull-page,
cr-videoedit .layoutfull-page,
cr-videoeditmetainformation .layoutfull-page {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 576px) {
  cr-videoindex .layoutfull-page,
cr-videoupload .layoutfull-page,
cr-videoedit .layoutfull-page,
cr-videoeditmetainformation .layoutfull-page {
    width: 480px;
  }
}
cr-videoindex .container,
cr-videoupload .container,
cr-videoedit .container,
cr-videoeditmetainformation .container {
  max-width: 700px;
}

/* 求職者の面談一覧 */
cr-interviewlist {
  /* 「検索する」リンク */
  /* ・・・にカーソルを合わせた時のメニュー表示部分 */
  /* ・・・にカーソルを合わせた時のメニューを浮き上がらせて表示 */
  /* ・・・にカーソルを合わせた時のメニューを浮き上がらせて表示の位置 */
  /* ・・・にカーソルを合わせた時のメニューを浮き上がらせて表示の項目 */
  /* ・・・にカーソルを合わせた時のメニューを浮き上がらせて表示のリンク色 */
  /* ・・・にカーソルを合わせた時のメニューを浮き上がらせて表示のhover時リンク背景色 */
  /* 期限過ぎた面談予定時間の文字色 */
}
cr-interviewlist #id_open_search_modal {
  cursor: pointer;
}
cr-interviewlist .cls_child_menu {
  display: none;
  position: initial;
}
cr-interviewlist .cls_list_right_link:hover > .cls_child_menu {
  display: block;
}
cr-interviewlist .cls_child_menu ul {
  z-index: 4;
  position: absolute;
  margin-left: -300px;
  padding: 10px;
}
cr-interviewlist .cls_child_menu li {
  list-style: none;
  border: solid 1px;
  background-color: black;
  color: white;
  display: table-cell;
  padding: 5px;
}
cr-interviewlist .cls_child_menu ul li a,
cr-interviewlist .cls_child_menu ul li a:visited {
  color: white;
}
cr-interviewlist .cls_child_menu ul li:hover {
  background-color: gray;
}
cr-interviewlist .cls_over_date_color {
  color: #C0C0C0;
}

/* 求職者ビデオガイドライン一覧 */
cr-videoguideline .cls_delete_guideline {
  cursor: pointer;
}

cr-organizationinvitation .container,
cr-organizationinvitationcomplete .container {
  max-width: 700px;
}

cr-organizationinvitation #id_video {
  width: 100%;
  height: auto;
}
cr-organizationinvitation #id_video_comment {
  height: 100px;
}
cr-organizationinvitation .wrapper, cr-organizationinvitation body, cr-organizationinvitation html {
  min-height: 110% !important;
}

cr-organizationinvitationcomplete .text-rounded-title {
  text-align: center;
  margin-top: 3rem;
}
cr-organizationinvitationcomplete .cloud-upload-image {
  text-align: center;
  padding-top: 3rem;
}
cr-organizationinvitationcomplete .cloud-upload-image img {
  width: 160px;
}
cr-organizationinvitationcomplete .upload-attention {
  text-align: center;
}

cr-jobseekervideolist .video-title {
  font-weight: bold;
  font-size: 1.1rem;
}
cr-jobseekervideolist .video-title:hover {
  color: #54B5CB;
}
cr-jobseekervideolist .video-view-count {
  color: #707070;
}
cr-jobseekervideolist .video-published-status {
  font-weight: bold;
  font-size: 0.9rem;
  padding: 2px 10px;
  margin: 0 5px;
  border-radius: 20px;
}
cr-jobseekervideolist .status-published {
  background: #FFF13E;
}
cr-jobseekervideolist .status-non-published {
  background: #E6E6E6;
}
cr-jobseekervideolist .delete-button {
  color: #707070;
  cursor: pointer;
}
cr-jobseekervideolist .delete-button:hover {
  color: #54B5CB;
}

cr-videoupload .text-rounded-title {
  text-align: center;
  margin-top: 3rem;
}
cr-videoupload .cloud-upload-image {
  text-align: center;
  padding-top: 3rem;
}
cr-videoupload .upload-attention {
  text-align: center;
}
cr-videoupload .btn-black-flexbox-left {
  font-size: 1.4rem;
}
cr-videoupload .btn-black-flexbox-left > i {
  font-size: 30px;
  left: 46px;
}
cr-videoupload .preview-video {
  width: 60%;
  display: none;
}

cr-videoeditmetainformation .thumb-video-wrapper {
  position: relative;
  margin: auto;
  width: 100%;
}
cr-videoeditmetainformation .thumb-video-wrapper:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
cr-videoeditmetainformation .thumb-video-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
cr-videoeditmetainformation .video-container {
  position: relative;
  width: 100%;
  min-height: 16vh;
}
cr-videoeditmetainformation .video-container video {
  position: absolute;
  z-index: 1;
  border-radius: 12px;
}
cr-videoeditmetainformation .video-container canvas {
  position: absolute;
  z-index: 2;
}
cr-videoeditmetainformation #edit-container {
  width: 100%;
  background: transparent;
  /* height: 300px; */
  position: absolute;
  z-index: 1010;
  max-height: 300px !important;
}
cr-videoeditmetainformation .seekbar {
  background: #333;
  height: 5px;
  width: 100%;
  position: relative;
}
cr-videoeditmetainformation .seekbar #currenttime {
  position: absolute;
}
cr-videoeditmetainformation .seekbar .cover {
  position: absolute;
}
cr-videoeditmetainformation #currenttime {
  background: #C00;
  height: 5px;
  width: 0%;
}
cr-videoeditmetainformation .input-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
cr-videoeditmetainformation .input-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
cr-videoeditmetainformation .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 4px;
}
cr-videoeditmetainformation .input-container:hover input ~ .checkmark {
  background-color: #ccc;
}
cr-videoeditmetainformation .input-container input:checked ~ .checkmark {
  background-color: #54B5CB;
}
cr-videoeditmetainformation .checkmark:after {
  content: "";
  position: absolute;
}
cr-videoeditmetainformation .input-container input:checked ~ .checkmark:after {
  display: block;
}
cr-videoeditmetainformation .input-container .checkmark:after {
  left: 8px;
  top: 2px;
  width: 10px;
  height: 17px;
  border: solid white;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
cr-videoeditmetainformation .no-padding {
  padding: 0;
}
cr-videoeditmetainformation .preview-image {
  width: 100%;
}
cr-videoeditmetainformation .preview-image img {
  width: 100%;
  border-radius: 12px;
}
cr-videoeditmetainformation .p-select-thumb {
  text-align: center;
  font-size: 0.8rem;
}
cr-videoeditmetainformation .p-select-or {
  text-align: center;
  font-size: 0.8rem;
}
cr-videoeditmetainformation .btn-upload {
  font-size: 0.8rem;
  background-color: #54B5CB;
}
cr-videoeditmetainformation .btn-black-flexbox-left > i {
  font-size: 1.1rem;
  margin-top: 0;
}
cr-videoeditmetainformation input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  background: #cccccc;
  width: 100%;
  height: 4px;
  border-radius: 3px;
}
cr-videoeditmetainformation input[type=range]::-webkit-slider-thumb {
  opacity: 0;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #cccccc;
}
cr-videoeditmetainformation input[type=range]::-moz-range-thumb {
  opacity: 0;
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #cccccc;
}
cr-videoeditmetainformation input[type=range]::-moz-focus-outer {
  border: 0;
}
cr-videoeditmetainformation .value-button-s {
  font-size: 1.3rem;
  color: #54B5CB;
  cursor: pointer;
}

cr-videoeditcomplete .text-rounded-title {
  text-align: center;
  margin-top: 3rem;
}
cr-videoeditcomplete .cloud-upload-image {
  text-align: center;
  padding-top: 3rem;
}
cr-videoeditcomplete .cloud-upload-image img {
  width: 160px;
}
cr-videoeditcomplete .upload-attention {
  text-align: center;
}

cr-videoedit .container {
  padding: 0;
}
cr-videoedit .editor {
  width: 50%;
  margin-left: 25%;
}
cr-videoedit .video-container {
  position: relative;
  width: 100%;
}
cr-videoedit .video-container video {
  position: absolute;
  z-index: 1;
}
cr-videoedit .video-container canvas {
  position: absolute;
  z-index: 2;
}
cr-videoedit .video-edit-container {
  text-align: center;
}
cr-videoedit .video-edit-container .video-progress {
  width: 90%;
  margin-top: 1rem;
}
cr-videoedit .video-edit-container .video-time {
  display: flex;
  justify-content: space-between;
}
cr-videoedit .video-edit-container .video-time-now {
  display: inline-block;
  text-align: left;
  width: auto;
  padding: 0 20px;
}
cr-videoedit .video-edit-container .video-time-max {
  display: inline-block;
  text-align: right;
  width: auto;
  padding: 0 20px;
}
cr-videoedit .img-button-pause, cr-videoedit .img-button-play {
  height: 22px;
  margin: 0 80px;
  width: 21px;
  cursor: pointer;
}
cr-videoedit .img-button-5seconds-ago, cr-videoedit .img-button-5seconds-later {
  height: 16px;
  cursor: pointer;
}
cr-videoedit .hidden-container {
  /* display: none; */
}
cr-videoedit .slider {
  position: relative;
  width: 100%;
  height: 20px;
}
cr-videoedit .slider div {
  background: #ddd;
  height: 3px;
  border: 1px inset #aaa;
  position: relative;
  top: 12px;
  font-size: 0px;
}
cr-videoedit .slider input {
  position: absolute;
  width: 15px;
  height: 20px;
  display: block;
}
cr-videoedit .asset-item img,
cr-videoedit .timeline_object img {
  width: 30px;
}
cr-videoedit #edit-container {
  width: 100%;
  background: transparent;
  /* height: 300px; */
  position: absolute;
  z-index: 1010;
}
cr-videoedit #edit-container .asset-image {
  cursor: move;
  position: absolute;
  z-index: 1000;
}
cr-videoedit #edit-container .button-start {
  position: absolute;
  right: 230px !important;
}
cr-videoedit #edit-container .button-end {
  position: absolute;
  right: 140px !important;
}
cr-videoedit #edit-container .button-save {
  position: absolute;
  top: 10px;
  right: 90px;
  background: #333;
  color: #FFF;
  font-size: 10px;
  padding: 10px;
  border-radius: 10px;
  text-decoration: none;
}
cr-videoedit #edit-container .button-cancel {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #333;
  color: #FFF;
  font-size: 10px;
  padding: 10px;
  border-radius: 10px;
  text-decoration: none;
}
cr-videoedit .seekbar {
  background: #333;
  height: 5px;
  width: 100%;
  position: relative;
}
cr-videoedit .seekbar #currenttime {
  position: absolute;
}
cr-videoedit .seekbar .cover {
  position: absolute;
}
cr-videoedit #currenttime {
  background: #C00;
  height: 5px;
  width: 0%;
}
cr-videoedit .telop1 {
  display: inline-block;
  color: #ff0000;
  /* 文字の色 */
  font-size: 3vw;
  /* 文字のサイズ */
  letter-spacing: 8px;
  /* 文字間 */
  text-shadow: 4px 4px 1px #ffffff, -4px 4px 1px #ffffff, 4px -4px 1px #ffffff, -4px -4px 1px #ffffff, 4px 0px 1px #ffffff, 0px 4px 1px #ffffff, -4px 0px 1px #ffffff, 0px -4px 1px #ffffff;
  font-weight: bold;
  letter-spacing: -1px;
}
cr-videoedit #controls a {
  cursor: pointer;
}
cr-videoedit input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  background: #cccccc;
  width: 100%;
  height: 4px;
  border-radius: 3px;
}
cr-videoedit input[type=range]::-webkit-slider-thumb {
  opacity: 0;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #cccccc;
}
cr-videoedit input[type=range]::-moz-range-thumb {
  opacity: 0;
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #cccccc;
}
cr-videoedit input[type=range]::-moz-focus-outer {
  border: 0;
}
cr-videoedit .video-edit-menu .tab {
  height: 70px;
  padding: 0;
  border: 1px solid #cccccc;
  cursor: pointer;
}
cr-videoedit .video-edit-menu .tab-compensation {
  background-image: url("/images/tab_compensation.svg");
  background-repeat: no-repeat;
  background-position: center;
}
cr-videoedit .video-edit-menu .tab-stamp {
  background-image: url("../../images/tab_stamp.svg");
  background-repeat: no-repeat;
  background-position: center;
}
cr-videoedit .video-edit-menu .tab-sound {
  background-image: url("../../images/tab_sound.svg");
  background-repeat: no-repeat;
  background-position: center;
}
cr-videoedit .video-edit-menu .tab-telop {
  background-image: url("../../images/tab_telop.svg");
  background-repeat: no-repeat;
  background-position: center;
}
cr-videoedit .video-edit-menu .icon-volume {
  background-image: url("../../images/volume.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 34px;
  margin-left: 10px;
}
cr-videoedit .video-edit-menu .volume-slider {
  width: 100%;
  padding-top: 10px;
}
cr-videoedit .video-edit-menu .volume-text {
  font-size: 0.9rem;
}
cr-videoedit .value-button {
  font-size: 1.6rem;
  color: #54B5CB;
  cursor: pointer;
}
cr-videoedit .value-button-s {
  font-size: 1.3rem;
  color: #54B5CB;
  cursor: pointer;
}
cr-videoedit .video-edit-button {
  background: #eeeeee;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
cr-videoedit .edit_header {
  background: #eeeeee;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
cr-videoedit .edit_header .close-button {
  cursor: pointer;
}
cr-videoedit .edit_header img {
  height: 16px;
  margin: 0.4rem 0;
}
cr-videoedit .video-edit-compensation .compemsation-value-left {
  font-size: 0.8rem;
  text-align: left;
}
cr-videoedit .video-edit-compensation .compemsation-value-center {
  font-size: 0.8rem;
  text-align: center;
}
cr-videoedit .video-edit-compensation .compemsation-value-right {
  font-size: 0.8rem;
  text-align: right;
}
cr-videoedit .video-edit-compensation .compemsation-range-line {
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0px;
  border-right: 1px solid #cccccc;
  z-index: -1;
}

cr-accountedittop .layoutfull-box,
cr-accounteditform .layoutfull-box,
cr-accounteditconfirm .layoutfull-box {
  width: 100%;
}
@media (min-width: 576px) {
  cr-accountedittop .layoutfull-box,
cr-accounteditform .layoutfull-box,
cr-accounteditconfirm .layoutfull-box {
    width: 480px;
  }
}
cr-accountedittop .container,
cr-accounteditform .container,
cr-accounteditconfirm .container {
  max-width: 700px;
}
cr-accountedittop .cover-image-wrapper,
cr-accounteditform .cover-image-wrapper,
cr-accounteditconfirm .cover-image-wrapper {
  position: relative;
  width: 100%;
  margin: 3% auto 0;
}
cr-accountedittop .cover-image-wrapper .cover-image,
cr-accounteditform .cover-image-wrapper .cover-image,
cr-accounteditconfirm .cover-image-wrapper .cover-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
cr-accountedittop .cover-image-wrapper:before,
cr-accounteditform .cover-image-wrapper:before,
cr-accounteditconfirm .cover-image-wrapper:before {
  content: "";
  display: block;
  padding-top: 44%;
}
cr-accountedittop .portrait-image,
cr-accounteditform .portrait-image,
cr-accounteditconfirm .portrait-image {
  bottom: -20px;
  left: 20px;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  border: 3px solid #ffffff;
  position: absolute;
}

cr-accountedittop .name, cr-accounteditconfirm .name {
  font-weight: bold;
  font-size: 1rem;
}
cr-accountedittop .age, cr-accounteditconfirm .age {
  color: #999999;
  font-size: 0.8rem;
}
cr-accountedittop .profile-label, cr-accounteditconfirm .profile-label {
  color: #999999;
  font-size: 0.8rem;
}
cr-accountedittop .profile-text, cr-accounteditconfirm .profile-text {
  font-size: 0.95rem;
}
cr-accountedittop hr, cr-accounteditconfirm hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
cr-accountedittop .line, cr-accounteditconfirm .line {
  border-top: 2px dashed #111;
  margin: 0 auto;
}
cr-accountedittop .cv-month, cr-accountedittop .cv-industory, cr-accounteditconfirm .cv-month, cr-accounteditconfirm .cv-industory {
  font-size: 0.8rem;
}
cr-accountedittop .btn-edit, cr-accounteditconfirm .btn-edit {
  color: #999999;
}

cr-accounteditform p, cr-accounteditconfirm p {
  word-break: break-all;
}
cr-accounteditform .cover-image-button, cr-accounteditconfirm .cover-image-button {
  position: absolute;
  top: 20px;
  right: 20px;
}
cr-accounteditform .portrait-image-button, cr-accounteditconfirm .portrait-image-button {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
cr-accounteditform .name, cr-accounteditconfirm .name {
  font-weight: bold;
  font-size: 1rem;
}
cr-accounteditform .age, cr-accounteditconfirm .age {
  color: #999999;
  font-size: 0.8rem;
}
cr-accounteditform .profile-label, cr-accounteditconfirm .profile-label {
  color: #999999;
  font-size: 0.8rem;
}
cr-accounteditform .profile-text, cr-accounteditconfirm .profile-text {
  font-size: 0.95rem;
}
cr-accounteditform hr, cr-accounteditconfirm hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
cr-accounteditform .line, cr-accounteditconfirm .line {
  border-top: 2px dashed #111;
  margin: 0 auto;
}
cr-accounteditform .cv-month, cr-accounteditform .cv-industory, cr-accounteditconfirm .cv-month, cr-accounteditconfirm .cv-industory {
  font-size: 0.8rem;
}
cr-accounteditform .btn-edit, cr-accounteditconfirm .btn-edit {
  color: #999999;
}
cr-accounteditform .text-edit, cr-accounteditconfirm .text-edit {
  border-radius: 0.5rem;
}
cr-accounteditform .form-control, cr-accounteditconfirm .form-control {
  border-radius: 0.5rem;
}
cr-accounteditform .worklocation-text, cr-accounteditconfirm .worklocation-text {
  color: #54B5CB;
}
cr-accounteditform .file-url, cr-accounteditconfirm .file-url {
  color: #54B5CB;
  text-decoration: underline;
  word-break: break-all;
}
cr-accounteditform .delete-text, cr-accounteditconfirm .delete-text {
  color: #707070;
  font-size: 0.9rem;
}
cr-accounteditform .delete-skill-button, cr-accounteditconfirm .delete-skill-button {
  color: #54B5CB;
  font-size: 1.2rem;
}
cr-accounteditform .add-skill-text, cr-accounteditconfirm .add-skill-text {
  color: #54B5CB;
  font-size: 0.95rem;
}
cr-accounteditform .add-skill-text i, cr-accounteditconfirm .add-skill-text i {
  font-size: 1.2rem;
}
cr-accounteditform .cancel-text, cr-accounteditconfirm .cancel-text {
  color: #999999;
  font-size: 0.85rem;
  text-decoration: underline;
}

cr-invitation .container,
cr-invitationdetail .container {
  max-width: 700px;
}
cr-invitation .logo-image-wrapper,
cr-invitationdetail .logo-image-wrapper {
  position: relative;
  width: 90%;
  max-width: 90px;
  margin: 0 auto;
}
cr-invitation .logo-image-wrapper .logo-image,
cr-invitationdetail .logo-image-wrapper .logo-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  margin: 0 auto;
}
cr-invitation .logo-image-wrapper:before,
cr-invitationdetail .logo-image-wrapper:before {
  content: "";
  display: block;
  padding-top: 100%;
}
cr-invitation .organization-name,
cr-invitationdetail .organization-name {
  font-weight: bold;
}
cr-invitation .limit-label,
cr-invitationdetail .limit-label {
  background-color: #FFF13E;
  padding: 3px 10px;
  font-size: 0.75rem;
  font-weight: bold;
  border-radius: 10px;
}
cr-invitation .limit-date,
cr-invitationdetail .limit-date {
  color: #333333;
  font-size: 0.85rem;
}

cr-invitationdetail p {
  font-size: 0.95rem;
  color: #111111;
}
cr-invitationdetail .detail-label {
  font-size: 1.2rem;
  font-family: "MyRounded";
  font-weight: bold;
}
cr-invitationdetail .detail-label i {
  color: #54B5CB;
}
cr-invitationdetail .decline-text {
  cursor: pointer;
  text-decoration: underline;
  color: #999999;
  font-size: 0.9rem;
}
cr-invitationdetail video {
  width: 100%;
  border-radius: 15px;
}
cr-invitationdetail .video-name {
  font-size: 0.9rem;
  font-weight: bold;
}

cr-employeelist .container {
  max-width: 700px;
  min-height: 800px;
}

cr-employeelist {
  /* 画像を丸くトリミング */
  /* カードの影を削除 */
}
cr-employeelist .employee-row {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  cr-employeelist .employee-row {
    width: 560px;
  }
}
@media (min-width: 768px) {
  cr-employeelist .employee-row {
    width: 660px;
  }
}
@media (min-width: 992px) {
  cr-employeelist .employee-row {
    width: 880px;
  }
}
cr-employeelist .trim-image-to-circle {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  object-fit: cover;
  border: 3px solid #FFF;
  /* 枠線表示 */
}
cr-employeelist .card-box-shadow-none {
  box-shadow: none;
}

cr-employeeDetail {
  /* 動画日付 */
  /* 動画タイトル */
  /* 動画カテゴリ */
  /* 枠 */
  /* 動画、求人の見出し前のアイコン */
  /* 動画一覧 --- ここから --- */
  /* 画像 */
  /* 日付、タイトル含む右側 */
  /* カテゴリのタグ */
  /* 動画一覧 --- ここまで --- */
  /* 求人一覧の画像、タイトル、企業名 --- ここから --- */
  /* 画像 */
  /* タイトル、会社名 含む右側 */
  /* タイトル */
  /* 会社名 */
  /* 求人一覧の画像、タイトル、企業名 --- ここまで --- */
  /* 求人の 年収、雇用形態、勤務地のテーブル ---ここから--- */
  /* テーブルの線削除 */
  /* テーブルのセルの境界線を共有 */
  /* テーブルのセル全て */
  /* テーブルのセル左側 */
  /* テーブルのセル真ん中 */
  /* テーブルのセル右側 */
  /* テーブルのセル左側内のアイコン */
  /* 求人の 年収、雇用形態、勤務地のテーブル ---ここまで--- */
}
cr-employeeDetail .container {
  max-width: 700px;
}
cr-employeeDetail .cover-image-wrapper {
  position: relative;
  width: 100%;
  margin: 3% auto 0;
}
cr-employeeDetail .cover-image-wrapper .cover-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* 会社名 */
  /* 役職 */
  /* 従業員名 */
  /* メッセージを送るボタン */
}
cr-employeeDetail .cover-image-wrapper .cover-image .cover-shadow {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
cr-employeeDetail .cover-image-wrapper .cover-image .portrait-image {
  bottom: 10px;
  left: 10px;
  width: 85px;
  height: 85px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  border: 3px solid #ffffff;
  position: absolute;
}
cr-employeeDetail .cover-image-wrapper .cover-image .organization-name {
  position: absolute;
  /* 要素の配置方法：絶対配置（起点※A） */
  bottom: 70px;
  left: 100px;
  font-size: 1.1rem;
  line-height: 1;
  color: #ffffff;
}
cr-employeeDetail .cover-image-wrapper .cover-image .organization-post {
  position: absolute;
  /* 要素の配置方法：絶対配置（起点※A） */
  bottom: 40px;
  left: 100px;
  font-size: 0.9rem;
  color: #ffffff;
}
cr-employeeDetail .cover-image-wrapper .cover-image .employee-name {
  position: absolute;
  /* 要素の配置方法：絶対配置（起点※A） */
  bottom: 15px;
  left: 100px;
  font-size: 1.2rem;
  color: #ffffff;
}
cr-employeeDetail .cover-image-wrapper .cover-image .send-message {
  background: #54B5CB;
  border-radius: 20px;
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: bold;
  /* 位置 */
  position: absolute;
  /* 要素の配置方法：絶対配置（起点※A） */
  bottom: 10px;
  right: 10px;
  padding: 4px 12px;
  cursor: pointer;
}
cr-employeeDetail .cover-image-wrapper:before {
  content: "";
  display: block;
  padding-top: 42%;
}
cr-employeeDetail .profile-label {
  color: #999999;
  font-size: 0.8rem;
}
cr-employeeDetail .profile-text {
  font-size: 0.95rem;
}
cr-employeeDetail .subtitle {
  font-size: 1.2rem;
}
cr-employeeDetail .subtitle i {
  color: #54B5CB;
}
cr-employeeDetail .employee-video {
  width: 100%;
  border-radius: 15px;
}
cr-employeeDetail .video-date {
  color: #333333;
  font-size: 0.8rem;
  line-height: 1.3rem;
}
cr-employeeDetail .video-title {
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 1.5rem;
}
cr-employeeDetail .video-category {
  font-weight: bold;
  font-size: 0.8rem;
  background-color: #F1F1F1;
  padding: 2px 9px;
  border-radius: 20px;
}
cr-employeeDetail .employee-detail-box,
cr-employeeDetail .employee-video-box,
cr-employeeDetail .offer-box {
  margin-left: 5%;
  margin-right: 5%;
}
@media (min-width: 480px) {
  cr-employeeDetail .employee-detail-box,
cr-employeeDetail .employee-video-box,
cr-employeeDetail .offer-box {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  cr-employeeDetail .employee-detail-box,
cr-employeeDetail .employee-video-box,
cr-employeeDetail .offer-box {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  cr-employeeDetail .employee-detail-box,
cr-employeeDetail .employee-video-box,
cr-employeeDetail .offer-box {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
cr-employeeDetail .img-icon {
  height: 18px;
  width: 18px;
  margin: 0 5px 3px 0;
}
cr-employeeDetail .video-article {
  content: "";
  display: block;
  clear: both;
  margin-bottom: 10px;
  height: 80px;
}
@media (min-width: 370px) {
  cr-employeeDetail .video-article {
    height: 100px;
  }
}
@media (min-width: 480px) {
  cr-employeeDetail .video-article {
    height: 130px;
  }
}
@media (min-width: 768px) {
  cr-employeeDetail .video-article {
    height: 133px;
  }
}
@media (min-width: 992px) {
  cr-employeeDetail .video-article {
    height: 187px;
  }
}
cr-employeeDetail .video-image {
  object-fit: cover;
  /* アスペクト比を維持。拡大縮小 */
  margin: 0 10px 0 0;
  float: left;
  /* 画像の横に文字 */
  border-radius: 15%;
  width: 120px;
  height: 80px;
}
@media (min-width: 370px) {
  cr-employeeDetail .video-image {
    width: 150px;
    height: 100px;
  }
}
@media (min-width: 480px) {
  cr-employeeDetail .video-image {
    width: 130px;
    height: 130px;
  }
}
@media (min-width: 768px) {
  cr-employeeDetail .video-image {
    width: 200px;
    height: 133px;
  }
}
@media (min-width: 992px) {
  cr-employeeDetail .video-image {
    width: 280px;
    height: 187px;
  }
}
cr-employeeDetail .video-right {
  display: table-cell;
  /* 縦中央寄せ */
  vertical-align: middle;
  /* 縦中央寄せ */
  height: 80px;
}
@media (min-width: 370px) {
  cr-employeeDetail .video-right {
    height: 100px;
  }
}
@media (min-width: 480px) {
  cr-employeeDetail .video-right {
    height: 130px;
  }
}
@media (min-width: 768px) {
  cr-employeeDetail .video-right {
    height: 133px;
  }
}
@media (min-width: 992px) {
  cr-employeeDetail .video-right {
    height: 187px;
  }
}
cr-employeeDetail .category-tag {
  display: inline-block;
  background: #F1F1F1;
  border-radius: 20px;
  color: #000000;
  font-weight: bold;
  height: 25px;
  font-size: 12px;
}
@media (min-width: 768px) {
  cr-employeeDetail .category-tag {
    height: 30px;
    font-size: 14px;
  }
}
cr-employeeDetail .offer-article {
  content: "";
  display: block;
  clear: both;
  margin-bottom: 10px;
  height: 83px;
}
@media (min-width: 370px) {
  cr-employeeDetail .offer-article {
    height: 110px;
  }
}
@media (min-width: 480px) {
  cr-employeeDetail .offer-article {
    height: 130px;
  }
}
@media (min-width: 768px) {
  cr-employeeDetail .offer-article {
    height: 133px;
  }
}
@media (min-width: 992px) {
  cr-employeeDetail .offer-article {
    height: 187px;
  }
}
cr-employeeDetail .offer-image {
  object-fit: cover;
  /* アスペクト比を維持。拡大縮小 */
  margin: 0 10px 0 0;
  float: left;
  /* 画像の横に文字 */
  border-radius: 15%;
  width: 83px;
  height: 83px;
}
@media (min-width: 370px) {
  cr-employeeDetail .offer-image {
    width: 110px;
    height: 110px;
  }
}
@media (min-width: 480px) {
  cr-employeeDetail .offer-image {
    width: 130px;
    height: 130px;
  }
}
@media (min-width: 768px) {
  cr-employeeDetail .offer-image {
    width: 200px;
    height: 133px;
  }
}
@media (min-width: 992px) {
  cr-employeeDetail .offer-image {
    width: 280px;
    height: 187px;
  }
}
cr-employeeDetail .offer-right {
  display: table-cell;
  /* 縦中央寄せ */
  vertical-align: middle;
  /* 縦中央寄せ */
  height: 83px;
}
@media (min-width: 370px) {
  cr-employeeDetail .offer-right {
    height: 110px;
  }
}
@media (min-width: 480px) {
  cr-employeeDetail .offer-right {
    height: 130px;
  }
}
@media (min-width: 768px) {
  cr-employeeDetail .offer-right {
    height: 133px;
  }
}
@media (min-width: 992px) {
  cr-employeeDetail .offer-right {
    height: 187px;
  }
}
cr-employeeDetail .offer-title {
  font-weight: bolder;
  padding: 0;
  margin: 0 0 5px 0;
}
cr-employeeDetail .offer-organization {
  margin: 0 0 5px 0;
}
cr-employeeDetail table, cr-employeeDetail th, cr-employeeDetail td {
  padding: 0;
  vertical-align: middle;
  border-style: none !important;
}
cr-employeeDetail table {
  border-collapse: collapse;
  width: 100%;
}
cr-employeeDetail .table td {
  padding: 0;
  min-height: 40px;
  text-align: left;
  vertical-align: middle;
  border-top: none;
}
cr-employeeDetail td.td-icon {
  width: 25px;
}
cr-employeeDetail td.td-title {
  width: 100px;
  margin-left: 5px;
}
cr-employeeDetail td.td-content {
  vertical-align: top;
}
cr-employeeDetail td.td-icon > img.img-icon {
  height: 18px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

cr-employeeVideo {
  /* 1画面の画像（992px以上） */
  /* 1画面の画像（991px以下） */
}
cr-employeeVideo video {
  max-width: 100%;
  /* はみ出ないように */
}
@media (min-width: 992px) {
  cr-employeeVideo .image-frame {
    max-width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991px) {
  cr-employeeVideo .image-frame {
    max-width: 100%;
    height: 100px;
    object-fit: cover;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

cr-messagelist div.wrapper, cr-messagelist div.wrapper div.my-header {
  background-color: #eeece8;
}
cr-messagelist div.wrapper cr-link div.message_list, cr-messagelist div.wrapper div.my-header cr-link div.message_list {
  border-top: solid #ffffff 2px;
}
cr-messagelist div.wrapper cr-link div.message_list img, cr-messagelist div.wrapper div.my-header cr-link div.message_list img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
}
cr-messagelist div.wrapper cr-link:last-of-type div.message_list, cr-messagelist div.wrapper div.my-header cr-link:last-of-type div.message_list {
  border-bottom: solid #ffffff 2px;
}

cr-messagegroup .wrapper {
  height: 100vh;
}
cr-messagegroup #message-container {
  position: relative;
  width: 100%;
}
cr-messagegroup #message-container #message-header {
  position: absolute;
  top: 0px;
  color: #ffffff;
  background-color: rgba(84, 181, 203, 0.9) !important;
  z-index: 1030;
  padding: 10px;
  width: 100%;
}
cr-messagegroup #message-container #message-header img.header-employee-icon {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
  margin-left: 10px;
  float: left;
  margin-right: 5px;
}
cr-messagegroup #message-container #message-header .organization_name {
  font-size: 10px;
}
cr-messagegroup #message-container #message-header .employee_name {
  font-weight: bolder;
}
cr-messagegroup #message-container #message-header .employee_post {
  font-size: 10px;
}
cr-messagegroup #message-container #chat-history-box {
  top: 0px;
  overflow: auto;
  /* スクロールを効かせつつ、メッセージがタイムラインの外に出ないようにする */
  height: 94vh;
  min-height: 94vh;
  width: 100%;
  background-color: #eee;
  padding-top: 100px;
  padding-bottom: 60px;
}
cr-messagegroup #message-container #chat-history-box div.message {
  position: relative;
}
cr-messagegroup #message-container #chat-history-box div.message.my-message {
  margin: 0 0 0 auto;
  width: 80%;
}
cr-messagegroup #message-container #chat-history-box div.message.my-message div.message-text {
  position: relative;
  font-size: 12px !important;
  color: #ffffff !important;
  background-color: #54b5cb !important;
}
cr-messagegroup #message-container #chat-history-box div.message.my-message div.message-text::after {
  content: "";
  position: absolute;
  top: 3px;
  right: -19px;
  border: 8px solid transparent;
  border-left: 18px solid #54b5cb;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
cr-messagegroup #message-container #chat-history-box div.message.my-message div.message-image {
  text-align: right;
}
cr-messagegroup #message-container #chat-history-box div.message.my-message div.message-image img {
  max-width: 500px;
}
cr-messagegroup #message-container #chat-history-box div.message.my-message div.message-movie {
  text-align: right;
}
cr-messagegroup #message-container #chat-history-box div.message.my-message div.message-movie video {
  max-width: 500px;
}
cr-messagegroup #message-container #chat-history-box div.message.my-message div.message-pdf {
  text-decoration: none;
  position: relative;
  color: #ffffff !important;
  background-color: #54b5cb !important;
}
cr-messagegroup #message-container #chat-history-box div.message.my-message div.message-pdf::after {
  content: "";
  position: absolute;
  top: 3px;
  right: -19px;
  border: 8px solid transparent;
  border-left: 18px solid #54b5cb;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
cr-messagegroup #message-container #chat-history-box div.message.my-message div.message-time {
  position: relative;
  font-size: 8px;
  margin-right: 3px;
  margin-left: 3px;
}
cr-messagegroup #message-container #chat-history-box div.message.partner-message {
  width: 80%;
}
cr-messagegroup #message-container #chat-history-box div.message.partner-message img.employee-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25px;
  height: 25px;
  object-fit: cover;
  border-radius: 50%;
  margin-left: 20px;
}
cr-messagegroup #message-container #chat-history-box div.message.partner-message div.name-and-position {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 55px;
  font-size: 8px;
  color: #6c757d !important;
}
cr-messagegroup #message-container #chat-history-box div.message.partner-message div.message-text {
  position: relative;
  top: 20px;
  left: 35px;
  border: none !important;
  font-size: 12px !important;
  color: #303030 !important;
  background-color: #ffffff !important;
}
cr-messagegroup #message-container #chat-history-box div.message.partner-message div.message-text::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -19px;
  border: 8px solid transparent;
  border-right: 18px solid #ffffff;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}
cr-messagegroup #message-container #chat-history-box div.message.partner-message div.message-image {
  position: relative;
  top: 20px;
  left: 35px;
}
cr-messagegroup #message-container #chat-history-box div.message.partner-message div.message-movie {
  position: relative;
  top: 20px;
  left: 35px;
}
cr-messagegroup #message-container #chat-history-box div.message.partner-message div.message-pdf {
  position: relative;
  top: 20px;
  left: 35px;
  color: #000000 !important;
  background-color: #ffffff !important;
}
cr-messagegroup #message-container #chat-history-box div.message.partner-message div.message-pdf::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -19px;
  border: 8px solid transparent;
  border-right: 18px solid #ffffff;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}
cr-messagegroup #message-container #chat-history-box div.message.partner-message div.message-time {
  position: relative;
  left: 35px;
  font-size: 8px;
  margin-right: 3px;
  margin-left: 3px;
}
cr-messagegroup #message-container #chat-history-box .check-color {
  color: #54b5cb;
}
cr-messagegroup #message-container #send-message-box {
  position: absolute;
  bottom: 0px;
  color: #ffffff;
  z-index: 1030;
  padding: 10px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
cr-messagegroup #message-container #send-message-box textarea#message_text {
  font-size: 12px !important;
}
cr-messagegroup #message-container #send-message-box textarea#message_text::placeholder {
  font-size: 12px !important;
}
cr-messagegroup #message-container #send-message-box #send_message_button, cr-messagegroup #message-container #send-message-box #select_file_button {
  color: #54b5cb !important;
  background-color: rgba(255, 255, 255, 0.1);
}
cr-messagegroup #message-container #send-message-box .none {
  display: none;
}
cr-messagegroup #message-container #send-message-box #message_file_preview {
  max-width: 100%;
}
@media (min-width: 370px) {
  cr-messagegroup #message-container #send-message-box #message_file_preview {
    max-width: 70%;
  }
}
@media (min-width: 480px) {
  cr-messagegroup #message-container #send-message-box #message_file_preview {
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  cr-messagegroup #message-container #send-message-box #message_file_preview {
    max-width: 30%;
  }
}
cr-messagegroup #message-container #send-message-box #message_videofile_preview {
  max-width: 100%;
}
@media (min-width: 370px) {
  cr-messagegroup #message-container #send-message-box #message_videofile_preview {
    max-width: 70%;
  }
}
@media (min-width: 480px) {
  cr-messagegroup #message-container #send-message-box #message_videofile_preview {
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  cr-messagegroup #message-container #send-message-box #message_videofile_preview {
    max-width: 30%;
  }
}
cr-messagegroup #message-container #send-message-box img#pdf_file_preview {
  max-width: 20%;
}
@media (min-width: 370px) {
  cr-messagegroup #message-container #send-message-box img#pdf_file_preview {
    max-width: 20%;
  }
}
@media (min-width: 480px) {
  cr-messagegroup #message-container #send-message-box img#pdf_file_preview {
    max-width: 150%;
  }
}
@media (min-width: 768px) {
  cr-messagegroup #message-container #send-message-box img#pdf_file_preview {
    max-width: 10%;
  }
}
cr-messagegroup #message-container #send-message-box #pdf_file_name {
  color: #000000;
}

cr-offerlist {
  /* 求人画像 */
}
cr-offerlist .container {
  max-width: 700px;
}
cr-offerlist .image-frame {
  object-fit: cover;
  display: block;
  margin-right: auto;
  border-radius: 15px;
  max-width: 100px;
  height: 75px;
}
@media (min-width: 370px) {
  cr-offerlist .image-frame {
    max-width: 110px;
    height: 83px;
  }
}
@media (min-width: 480px) {
  cr-offerlist .image-frame {
    max-width: 130px;
    height: 98px;
  }
}
@media (min-width: 768px) {
  cr-offerlist .image-frame {
    max-width: 187px;
    height: 140px;
  }
}

cr-organizationapprovedlist .container,
cr-organizationinfo .container,
cr-organizationhome .container,
cr-organizationoffer .container,
cr-organizationinformation .container {
  max-width: 700px;
}

/**
 * 企業（組織）
 */
cr-organizationapprovedlist .logo-image-wrapper {
  position: relative;
  width: 70%;
  margin: 0 auto;
}
cr-organizationapprovedlist .logo-image-wrapper .logo-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  margin: 0 auto;
}
cr-organizationapprovedlist .logo-image-wrapper:before {
  content: "";
  display: block;
  padding-top: 100%;
}
cr-organizationapprovedlist .organization-name {
  font-weight: bold;
  font-size: 0.9rem;
}
cr-organizationapprovedlist a {
  color: #111111;
}
cr-organizationapprovedlist a:hover {
  color: #54B5CB;
}

cr-organizationhome {
  /* 一覧、概要等へのリンク --- ここから --- */
  /* ボタン３つを囲う枠 */
  /* ボタン枠 */
  /* 画像 */
  /* タイトル */
  /* 一覧、概要等へのリンク --- ここまで --- */
  /* 新着情報 --- ここから --- */
  /* 画像 */
  /* 日付、タイトル含む右側 */
  /* 日付 */
  /* タイトル */
  /* 新着情報 --- ここまで --- */
  /* 従業員一覧 --- ここから --- */
  /* 画像を丸くトリミング */
  /* カードの影を削除 */
  /* 従業員一覧 --- ここまで --- */
}
cr-organizationhome .list-etc-frame {
  display: flex;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  width: 360px;
  height: 100px;
}
@media (min-width: 650px) {
  cr-organizationhome .list-etc-frame {
    width: 420px;
    height: 100px;
  }
}
cr-organizationhome .list-etc-box {
  border-radius: 25px;
  background-color: #F1F1F1;
  width: 115px;
  height: 100px;
}
@media (min-width: 650px) {
  cr-organizationhome .list-etc-box {
    width: 130px;
  }
}
cr-organizationhome .img-icon {
  object-fit: cover;
  /* アスペクト比を維持。拡大縮小 */
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: 35px;
}
cr-organizationhome .list-etc-title {
  font-family: MyRounded, Meiryo, sans-serif;
  font-weight: bold;
  font-size: small;
  text-align: center;
}
cr-organizationhome .topics-image-wrapper {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
cr-organizationhome .topics-image-wrapper .topics-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 12px;
  margin: 0 auto;
}
cr-organizationhome .topics-image-wrapper:before {
  content: "";
  display: block;
  padding-top: 75%;
}
cr-organizationhome .topics-right {
  display: table-cell;
  /* 縦中央寄せ */
  vertical-align: middle;
  /* 縦中央寄せ */
}
cr-organizationhome .topics-day {
  font-size: 90%;
  color: #979797;
  margin: 0 0 5px 0;
}
cr-organizationhome .topics-title {
  font-weight: bolder;
  padding: 0;
  margin: 0;
}
cr-organizationhome .employee-row {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  cr-organizationhome .employee-row {
    width: 560px;
  }
}
@media (min-width: 768px) {
  cr-organizationhome .employee-row {
    width: 660px;
  }
}
@media (min-width: 992px) {
  cr-organizationhome .employee-row {
    width: 880px;
  }
}
cr-organizationhome .trim-image-to-circle {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  object-fit: cover;
  border: 3px solid #FFF;
  /* 枠線表示 */
}
cr-organizationhome .card-box-shadow-none {
  box-shadow: none;
}

cr-organizationoffer {
  /* 求人画像 */
}
cr-organizationoffer .condition-tag {
  height: auto;
  font-size: 0.9rem;
  font-weight: bold;
  padding: 2px 2px;
}
cr-organizationoffer .image-frame {
  object-fit: cover;
  display: block;
  margin-right: auto;
  border-radius: 15%;
  max-width: 100px;
  height: 75px;
}
@media (min-width: 370px) {
  cr-organizationoffer .image-frame {
    max-width: 110px;
    height: 83px;
  }
}
@media (min-width: 480px) {
  cr-organizationoffer .image-frame {
    max-width: 130px;
    height: 98px;
  }
}
@media (min-width: 768px) {
  cr-organizationoffer .image-frame {
    max-width: 187px;
    height: 140px;
  }
}
cr-organizationoffer .favorite-box {
  cursor: pointer;
}

cr-organizationinformation {
  /* 枠 */
  /* 地図 */
  /* 代表者画像 */
}
cr-organizationinformation .company-box,
cr-organizationinformation .ceo-box {
  margin-left: 5%;
  margin-right: 5%;
}
@media (min-width: 480px) {
  cr-organizationinformation .company-box,
cr-organizationinformation .ceo-box {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  cr-organizationinformation .company-box,
cr-organizationinformation .ceo-box {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  cr-organizationinformation .company-box,
cr-organizationinformation .ceo-box {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
cr-organizationinformation .company-map {
  width: 100%;
  border: 0;
  height: 200px;
}
@media (min-width: 480px) {
  cr-organizationinformation .company-map {
    height: 250px;
  }
}
@media (min-width: 768px) {
  cr-organizationinformation .company-map {
    height: 300px;
  }
}
@media (min-width: 992px) {
  cr-organizationinformation .company-map {
    height: 350px;
  }
}
cr-organizationinformation .ceo-image {
  border-radius: 15px;
  object-fit: cover;
  /* アスペクト比を維持。拡大縮小 */
  border: 3px solid #FFF;
  /* 枠線表示 */
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 250px;
  height: 167px;
}
@media (min-width: 480px) {
  cr-organizationinformation .ceo-image {
    width: 280px;
    height: 187px;
  }
}
@media (min-width: 768px) {
  cr-organizationinformation .ceo-image {
    width: 300px;
    height: 200px;
  }
}
@media (min-width: 992px) {
  cr-organizationinformation .ceo-image {
    width: 320px;
    height: 213px;
  }
}
cr-organizationinformation .profile-label {
  color: #999999;
  font-size: 0.8rem;
}
cr-organizationinformation .profile-text {
  font-size: 0.95rem;
}

cr-organizationnewinformation {
  /* 新着情報 --- ここから --- */
  /* PC */
  /* PC */
  /* 画像 */
  /* 日付、タイトル含む右側 */
  /* 日付 */
  /* タイトル */
  /* スマホ */
  /* 新着情報 --- ここまで --- */
}
cr-organizationnewinformation .clearfix, cr-organizationnewinformation .topics-article {
  zoom: 1;
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  cr-organizationnewinformation .clearfix, cr-organizationnewinformation .topics-article {
    width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  cr-organizationnewinformation .clearfix, cr-organizationnewinformation .topics-article {
    width: 200px;
    /* 画像と同サイズ ※REQ-1 */
    margin: 0;
  }
}
@media (min-width: 992px) {
  cr-organizationnewinformation .clearfix, cr-organizationnewinformation .topics-article {
    width: 280px;
    /* 画像と同サイズ ※REQ-1 */
    margin: 0;
  }
}
cr-organizationnewinformation .clearfix:after, cr-organizationnewinformation .topics-article:after {
  content: "";
  display: block;
  clear: both;
}
@media (min-width: 768px) {
  cr-organizationnewinformation {
    /* カード縦向き 要素は横向き 768px以上 */
  }
  cr-organizationnewinformation .topics-pc {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  cr-organizationnewinformation .topics-pc {
    width: 660px;
  }
}
@media (min-width: 992px) {
  cr-organizationnewinformation .topics-pc {
    width: 880px;
  }
}
cr-organizationnewinformation .topics-image {
  object-fit: cover;
  /* アスペクト比を維持。拡大縮小 */
  margin: 0 10px;
  float: left;
  /* 画像の横に文字 */
  border-radius: 15%;
  width: 83px;
  height: 83px;
}
@media (min-width: 370px) {
  cr-organizationnewinformation .topics-image {
    width: 110px;
    height: 110px;
  }
}
@media (min-width: 480px) {
  cr-organizationnewinformation .topics-image {
    width: 130px;
    height: 130px;
  }
}
@media (min-width: 768px) {
  cr-organizationnewinformation .topics-image {
    float: none;
    /* 画像の下に文字 */
    margin: 0;
    width: 200px;
    /* articleタグと同サイズ ※REQ-1 */
    height: 133px;
  }
}
@media (min-width: 992px) {
  cr-organizationnewinformation .topics-image {
    float: none;
    /* 画像の下に文字 */
    margin: 0;
    width: 280px;
    /* articleタグと同サイズ ※REQ-1 */
    height: 187px;
  }
}
cr-organizationnewinformation .topics-right {
  display: table-cell;
  /* 縦中央寄せ */
  vertical-align: middle;
  /* 縦中央寄せ */
  height: 83px;
}
@media (min-width: 370px) {
  cr-organizationnewinformation .topics-right {
    height: 110px;
  }
}
@media (min-width: 480px) {
  cr-organizationnewinformation .topics-right {
    height: 130px;
  }
}
cr-organizationnewinformation .topics-day {
  font-size: 90%;
  color: #979797;
  margin: 0 0 5px 0;
}
cr-organizationnewinformation .topics-title {
  font-weight: bolder;
  padding: 0;
  margin: 0;
}
cr-organizationnewinformation .topics-display-hidden {
  display: none;
}

cr-registermail .wrapper,
cr-registermailcomplete .wrapper,
cr-mailautherror .wrapper,
cr-registerorganization .wrapper,
cr-confirmorganization .wrapper,
cr-registerorganizationcomplete .wrapper,
cr-adminforgotpassword .wrapper,
cr-adminupdatepassword .wrapper,
cr-adminupdatepasswordcomplete .wrapper,
cr-adminforgotpasswordcomplete .wrapper {
  background-color: #fff;
}
cr-registermail .form-box,
cr-registermailcomplete .form-box,
cr-mailautherror .form-box,
cr-registerorganization .form-box,
cr-confirmorganization .form-box,
cr-registerorganizationcomplete .form-box,
cr-adminforgotpassword .form-box,
cr-adminupdatepassword .form-box,
cr-adminupdatepasswordcomplete .form-box,
cr-adminforgotpasswordcomplete .form-box {
  display: block;
  margin: 20px auto;
}
@media (max-width: 768px) {
  cr-registermail .form-box,
cr-registermailcomplete .form-box,
cr-mailautherror .form-box,
cr-registerorganization .form-box,
cr-confirmorganization .form-box,
cr-registerorganizationcomplete .form-box,
cr-adminforgotpassword .form-box,
cr-adminupdatepassword .form-box,
cr-adminupdatepasswordcomplete .form-box,
cr-adminforgotpasswordcomplete .form-box {
    margin: 20px auto;
    width: 100%;
  }
}
cr-registermail .form-label,
cr-registermailcomplete .form-label,
cr-mailautherror .form-label,
cr-registerorganization .form-label,
cr-confirmorganization .form-label,
cr-registerorganizationcomplete .form-label,
cr-adminforgotpassword .form-label,
cr-adminupdatepassword .form-label,
cr-adminupdatepasswordcomplete .form-label,
cr-adminforgotpasswordcomplete .form-label {
  color: #999999;
  font-size: 0.8rem;
}
cr-registermail .complete-icon img,
cr-registermailcomplete .complete-icon img,
cr-mailautherror .complete-icon img,
cr-registerorganization .complete-icon img,
cr-confirmorganization .complete-icon img,
cr-registerorganizationcomplete .complete-icon img,
cr-adminforgotpassword .complete-icon img,
cr-adminupdatepassword .complete-icon img,
cr-adminupdatepasswordcomplete .complete-icon img,
cr-adminforgotpasswordcomplete .complete-icon img {
  width: 120px;
}
cr-registermail p,
cr-registermailcomplete p,
cr-mailautherror p,
cr-registerorganization p,
cr-confirmorganization p,
cr-registerorganizationcomplete p,
cr-adminforgotpassword p,
cr-adminupdatepassword p,
cr-adminupdatepasswordcomplete p,
cr-adminforgotpasswordcomplete p {
  color: #333333;
  font-size: 0.95rem;
}

cr-tworowtitle {
  display: block;
}

cr-modal .organization-table {
  font-size: 0.8rem;
}
cr-modal .organization-link {
  color: #54B5CB;
  text-decoration: underline;
}
cr-modal .organization-td {
  padding: 0.5rem;
  cursor: pointer;
}

/**
 * ログイン
 */
cr-login,
cr-accountcreate,
cr-accountcreatemail,
cr-accountcreatemailsend,
cr-accountcreatedetail,
cr-accountcreateconfirm,
cr-accountcreatecomplete,
cr-resetpassword,
cr-resetpasswordcomplete,
cr-updatepassword,
cr-updatepasswordcomplete {
  color: #333333;
  scrollbar-width: none;
}
cr-login .form-control,
cr-accountcreate .form-control,
cr-accountcreatemail .form-control,
cr-accountcreatemailsend .form-control,
cr-accountcreatedetail .form-control,
cr-accountcreateconfirm .form-control,
cr-accountcreatecomplete .form-control,
cr-resetpassword .form-control,
cr-resetpasswordcomplete .form-control,
cr-updatepassword .form-control,
cr-updatepasswordcomplete .form-control {
  height: 50px;
  border-radius: 15px;
}
cr-login cr-link,
cr-accountcreate cr-link,
cr-accountcreatemail cr-link,
cr-accountcreatemailsend cr-link,
cr-accountcreatedetail cr-link,
cr-accountcreateconfirm cr-link,
cr-accountcreatecomplete cr-link,
cr-resetpassword cr-link,
cr-resetpasswordcomplete cr-link,
cr-updatepassword cr-link,
cr-updatepasswordcomplete cr-link {
  text-decoration: underline;
  font-size: 0.9rem;
}
cr-login hr,
cr-accountcreate hr,
cr-accountcreatemail hr,
cr-accountcreatemailsend hr,
cr-accountcreatedetail hr,
cr-accountcreateconfirm hr,
cr-accountcreatecomplete hr,
cr-resetpassword hr,
cr-resetpasswordcomplete hr,
cr-updatepassword hr,
cr-updatepasswordcomplete hr {
  border-top: 2px dashed #111;
  margin: 0 auto;
  margin-top: 0.65rem;
}
cr-login p,
cr-accountcreate p,
cr-accountcreatemail p,
cr-accountcreatemailsend p,
cr-accountcreatedetail p,
cr-accountcreateconfirm p,
cr-accountcreatecomplete p,
cr-resetpassword p,
cr-resetpasswordcomplete p,
cr-updatepassword p,
cr-updatepasswordcomplete p {
  color: #333333;
  font-size: 0.9rem;
}
cr-login .layoutfull-box,
cr-accountcreate .layoutfull-box,
cr-accountcreatemail .layoutfull-box,
cr-accountcreatemailsend .layoutfull-box,
cr-accountcreatedetail .layoutfull-box,
cr-accountcreateconfirm .layoutfull-box,
cr-accountcreatecomplete .layoutfull-box,
cr-resetpassword .layoutfull-box,
cr-resetpasswordcomplete .layoutfull-box,
cr-updatepassword .layoutfull-box,
cr-updatepasswordcomplete .layoutfull-box {
  margin: 0 auto;
}
cr-login .content::-webkit-scrollbar,
cr-accountcreate .content::-webkit-scrollbar,
cr-accountcreatemail .content::-webkit-scrollbar,
cr-accountcreatemailsend .content::-webkit-scrollbar,
cr-accountcreatedetail .content::-webkit-scrollbar,
cr-accountcreateconfirm .content::-webkit-scrollbar,
cr-accountcreatecomplete .content::-webkit-scrollbar,
cr-resetpassword .content::-webkit-scrollbar,
cr-resetpasswordcomplete .content::-webkit-scrollbar,
cr-updatepassword .content::-webkit-scrollbar,
cr-updatepasswordcomplete .content::-webkit-scrollbar {
  display: none;
}
cr-login .complete-icon img,
cr-accountcreate .complete-icon img,
cr-accountcreatemail .complete-icon img,
cr-accountcreatemailsend .complete-icon img,
cr-accountcreatedetail .complete-icon img,
cr-accountcreateconfirm .complete-icon img,
cr-accountcreatecomplete .complete-icon img,
cr-resetpassword .complete-icon img,
cr-resetpasswordcomplete .complete-icon img,
cr-updatepassword .complete-icon img,
cr-updatepasswordcomplete .complete-icon img {
  width: 120px;
}
cr-login label,
cr-accountcreate label,
cr-accountcreatemail label,
cr-accountcreatemailsend label,
cr-accountcreatedetail label,
cr-accountcreateconfirm label,
cr-accountcreatecomplete label,
cr-resetpassword label,
cr-resetpasswordcomplete label,
cr-updatepassword label,
cr-updatepasswordcomplete label {
  color: #999999;
  font-size: 0.8rem;
}
cr-login .form-control,
cr-accountcreate .form-control,
cr-accountcreatemail .form-control,
cr-accountcreatemailsend .form-control,
cr-accountcreatedetail .form-control,
cr-accountcreateconfirm .form-control,
cr-accountcreatecomplete .form-control,
cr-resetpassword .form-control,
cr-resetpasswordcomplete .form-control,
cr-updatepassword .form-control,
cr-updatepasswordcomplete .form-control {
  height: 40px;
  border-radius: 10px;
}
cr-login .login-link,
cr-accountcreate .login-link,
cr-accountcreatemail .login-link,
cr-accountcreatemailsend .login-link,
cr-accountcreatedetail .login-link,
cr-accountcreateconfirm .login-link,
cr-accountcreatecomplete .login-link,
cr-resetpassword .login-link,
cr-resetpasswordcomplete .login-link,
cr-updatepassword .login-link,
cr-updatepasswordcomplete .login-link {
  font-size: 1rem;
  text-decoration: underline;
  color: #54B5CB;
  cursor: pointer;
}

/**
 * ホーム
 */
cr-home {
  /* 文字：中央寄せ、グレー */
  /* 直近の面談予定 ---ここから--- */
  /* スマホ */
  /* PC */
  /* 予定を１行に３つ表示 PC */
  /* 実線の外枠 */
  /* 実線ありの枠 */
  /* 表示内容 */
  /* 表示内容　＋押すまで非表示 */
  /* 表示内容　＋押して表示 */
  /* 表示内容（左） */
  /* 表示内容（右） */
  /* 表示内容（右）のアイコン */
  /* 表示内容（右）の会社 */
  /* 表示内容（右）の担当 */
  /* 表示内容（右）の日付 */
  /* 画像を丸くトリミング */
  /* 直近の面談予定 ---ここまで--- */
  /* 招待企業一覧 ---ここから--- */
  /* 画像 */
  /* 会社名 */
  /* コメント */
  /* 期限 */
  /* 招待有効期限の枠 */
  /* 招待企業一覧 ---ここまで--- */
  /* 新着承認企業 ---ここから--- */
  /* 吹き出し ---ここから--- */
  /* 吹き出し本体 */
  /* 画像 - 絶対配置で左上、少し下に配置 */
  /* 未読、既読 - 絶対配置で画像下に配置 */
  /* 三角アイコン */
  /* 吹き出し ---ここまで--- */
  /* 吹き出し内コメント */
  /* 吹き出し内会社名 */
  /* 未読、既読の枠 */
  /* 新着承認企業 ---ここまで--- */
}
cr-home .center-gray {
  text-align: center;
  color: #6c757d;
}
cr-home .center-white {
  text-align: center;
  color: #ffffff;
}
cr-home .schedule-sp {
  display: block;
}
cr-home .schedule-pc-frame {
  display: none;
}
@media (min-width: 768px) {
  cr-home .schedule-sp {
    display: none;
  }
  cr-home .schedule-pc-frame {
    display: block;
  }
}
cr-home .schedule-pc {
  display: flex;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  cr-home .schedule-pc {
    width: 755px;
  }
}
@media (min-width: 992px) {
  cr-home .schedule-pc {
    width: 880px;
  }
}
cr-home .schedule-container {
  background-color: #54B5CB;
  padding-right: 7px;
  padding-left: 7px;
}
cr-home .schedule-box {
  border: 3px solid black;
  border-radius: 25px;
  background-color: #fff;
  min-width: 330px;
  max-width: 600px;
  margin: 20px auto;
}
@media (min-width: 768px) {
  cr-home .schedule-box {
    border: 2px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 245px;
    max-width: 245px;
    height: 120px;
    margin: 0;
  }
}
@media (min-width: 992px) {
  cr-home .schedule-box {
    border: 2px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 280px;
    max-width: 280px;
    height: 120px;
    margin: 0;
  }
}
cr-home .schedule-content {
  display: flex;
  /* .schedule-display-hidden でnone後、戻す時は flexに */
  margin-left: 5%;
  margin-right: 5%;
}
@media (min-width: 400px) {
  cr-home .schedule-content {
    margin-left: 8%;
    margin-right: 8%;
  }
}
@media (min-width: 480px) {
  cr-home .schedule-content {
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media (min-width: 768px) {
  cr-home .schedule-content {
    margin-left: 5px;
    margin-right: 5px;
  }
}
cr-home .schedule-display-hidden {
  display: none;
  /* .schedule-contentのdisplay: flex;を上書き */
}
cr-home .schedule-box > div.schedule-display-show,
cr-home .schedule-pc.schedule-display-show {
  display: flex;
}
cr-home .cr-hr.schedule-display-show,
cr-home #schedule-plus-sp.schedule-display-show,
cr-home #schedule-minus-sp.schedule-display-show,
cr-home #schedule-plus-pc.schedule-display-show,
cr-home #schedule-minus-pc.schedule-display-show {
  display: block;
}
cr-home .schedule-content-left {
  width: 60px;
  /* ※１ */
}
cr-home .schedule-content-right {
  width: calc(100% - 60px);
  /* 左部分を引く ※１ */
}
cr-home .schedule-content-right > p > img.img-icon {
  height: 18px;
  width: 18px;
  margin: 0 5px 3px 0;
}
cr-home .schedule-organization {
  font-weight: bolder;
  margin-bottom: 3px;
}
cr-home .schedule-employee {
  font-size: 80%;
  color: #979797;
  margin-bottom: 3px;
}
cr-home .scheduled-date {
  font-weight: bolder;
  color: #54B5CB;
  margin-bottom: 3px;
}
@media (min-width: 768px) {
  cr-home .scheduled-date {
    font-weight: normal;
    font-size: 85%;
  }
}
cr-home .trim-image-to-circle {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  object-fit: cover;
  border: 1px solid #111;
  /* 枠線表示 */
}
@media (min-width: 768px) {
  cr-home {
    /* カード縦向き 768px以上 */
  }
  cr-home .card-list .request-box {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
  }
}
cr-home .clearfix, cr-home .card-list .request-box article {
  zoom: 1;
}
@media (min-width: 768px) {
  cr-home .clearfix, cr-home .card-list .request-box article {
    width: 200px;
    /* 画像と同サイズ ※REQ-1 */
  }
}
@media (min-width: 992px) {
  cr-home .clearfix, cr-home .card-list .request-box article {
    width: 280px;
    /* 画像と同サイズ ※REQ-1 */
  }
}
cr-home .clearfix:after, cr-home .card-list .request-box article:after {
  content: "";
  display: block;
  clear: both;
}
cr-home .card-list .request-box article {
  margin-bottom: 15px;
}
cr-home .card-list .request-box article p {
  text-align: left;
}
@media (min-width: 768px) {
  cr-home .request-box {
    width: 660px;
  }
}
@media (min-width: 992px) {
  cr-home .request-box {
    width: 880px;
  }
}
cr-home .request-image {
  object-fit: cover;
  /* アスペクト比を維持。拡大縮小 */
  margin: 0 10px;
  float: left;
  /* 画像の横に文字 */
  border-radius: 50%;
  width: 83px;
  height: 83px;
}
@media (min-width: 370px) {
  cr-home .request-image {
    width: 110px;
    height: 110px;
  }
}
@media (min-width: 480px) {
  cr-home .request-image {
    width: 130px;
    height: 130px;
  }
}
@media (min-width: 768px) {
  cr-home .request-image {
    float: none;
    /* 画像の下に文字 */
    margin: 0;
    width: 200px;
    /* articleタグと同サイズ ※REQ-1 */
    height: 200px;
  }
}
@media (min-width: 992px) {
  cr-home .request-image {
    float: none;
    /* 画像の下に文字 */
    margin: 0;
    width: 230px;
    /* articleタグと同サイズ ※REQ-1 */
    height: 230px;
  }
}
cr-home .request-name {
  font-weight: bolder;
  color: #ffffff;
  padding-top: 0;
  margin-bottom: 10px;
}
@media (min-width: 370px) {
  cr-home .request-name {
    padding-top: 10px;
  }
}
@media (min-width: 480px) {
  cr-home .request-name {
    padding-top: 10px;
    font-size: 110%;
  }
}
cr-home .request-message {
  font-size: 80%;
  color: #ffffff;
  padding-right: 15px;
  margin: 5px 0;
  /* ２行超えたら省略 */
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (min-width: 370px) {
  cr-home .request-message {
    margin: 10px 0;
  }
}
@media (min-width: 480px) {
  cr-home .request-message {
    margin: 10px 0;
  }
}
cr-home .request-limit {
  font-size: 70%;
  padding-bottom: 0;
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
}
@media (min-width: 370px) {
  cr-home .request-limit {
    font-size: 80%;
    padding-bottom: 5px;
  }
}
@media (min-width: 480px) {
  cr-home .request-limit {
    font-size: 80%;
    padding-bottom: 5px;
  }
}
cr-home .limit-tag {
  background: #FFF13E;
  border-radius: 20px;
  height: 20px;
  display: flex;
  align-items: center;
}
cr-home .approval-content {
  margin-left: 5%;
  margin-right: 5%;
}
@media (min-width: 400px) {
  cr-home .approval-content {
    margin-left: 8%;
    margin-right: 8%;
  }
}
@media (min-width: 480px) {
  cr-home .approval-content {
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media (min-width: 768px) {
  cr-home .approval-content {
    margin-left: 15%;
    margin-right: 15%;
  }
}
cr-home .approval-balloon {
  position: relative;
  padding: 15px;
  border-radius: 10px;
  color: #111111;
  background-color: #ffffff;
  margin-left: 110px;
  /* 左に余白を設ける */
}
cr-home .approval-balloon .icon {
  position: absolute;
  left: -90px;
  top: 10px;
}
cr-home .approval-image-circle {
  object-fit: cover;
  /* アスペクト比を維持。拡大縮小 */
  border-radius: 50%;
  /* 画像を丸く */
  max-width: 60px;
  height: 60px;
}
cr-home .approval-unread-read {
  position: absolute;
  left: -80px;
  top: 80px;
}
cr-home .approval-balloon::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #FFFFFF;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
cr-home .approval-message {
  /* ２行超えたら省略 */
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
cr-home .approval-name {
  font-size: 80%;
  color: #979797;
  margin-bottom: 0;
}
cr-home .unread-read-frame {
  border-radius: 20px;
  height: 20px;
  display: flex;
  align-items: center;
}

cr-accountcreate .row {
  margin: 0;
}
cr-accountcreate .scroll-box {
  border: #E2E2E2 solid 1px;
  background-color: #fff;
}
cr-accountcreate .form-check-label {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
cr-accountcreate .form-check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
cr-accountcreate .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 4px;
}
cr-accountcreate .form-check-label input ~ .checkmark {
  background-color: #ccc;
}
cr-accountcreate .form-check-label:hover input ~ .checkmark {
  background-color: #ccc;
}
cr-accountcreate .form-check-label input:checked ~ .checkmark {
  background-color: #54B5CB;
}
cr-accountcreate .checkmark:after {
  content: "";
  position: absolute;
}
cr-accountcreate .form-check-label input:checked ~ .checkmark:after {
  display: block;
}
cr-accountcreate .form-check-label .checkmark:after {
  left: 8px;
  top: 2px;
  width: 10px;
  height: 17px;
  border: solid white;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ここから下に、スタイルの定義をお願いします。 */
@font-face {
  font-family: "MyRounded";
  src: url(../webfonts-ext/rounded-mplus-1c-regular.ttf);
}
@font-face {
  font-family: "MyRounded";
  src: url(../webfonts-ext/rounded-mplus-1c-bold.ttf);
  font-weight: bold;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.text-rounded {
  font-family: MyRounded, Meiryo, sans-serif;
}

.text-rounded-bold {
  font-family: MyRounded, Meiryo, sans-serif;
  font-weight: bold;
}

.text-rounded-title {
  font-family: MyRounded, Meiryo, sans-serif;
  font-weight: bold;
  font-size: x-large;
}

/* モーダルを開く */
.full-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(100, 100, 100, 0.8);
  z-index: 2147483647;
}

/* モーダルを閉じる */
.full-overlay-hidden {
  display: none !important;
  z-index: -1 !important;
}

/* ブロック要素のセンタリング */
.block-element-center {
  text-align: center;
  margin: 0 auto;
}

/* 背景色 */
.bg-ivory {
  background-color: #EEECE8;
}

/* １行超えたら省略 */
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ２行超えたら省略 */
.text-ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 空行 */
.space-line-15 {
  height: 15px;
}

.space-line-25 {
  height: 25px;
}

.space-line-35 {
  height: 35px;
}

.main-sidebar {
  background: linear-gradient(#11396E, #005C8D);
}

.main-sidebar-admin,
.my-header-admin {
  /*    background: linear-gradient(to left top, #FAFAFA, #EEECE8)!important; */
  background: linear-gradient(to left top, #EEECE8, #EEECE8) !important;
  z-index: initial !important;
}
.main-sidebar-admin cr-imgexistencecheck img,
.my-header-admin cr-imgexistencecheck img {
  width: 50px;
  height: 50px;
}

.my-header-jobseeker {
  z-index: initial !important;
  height: auto;
}
.my-header-jobseeker .portrait-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.my-header-jobseeker .navbar-nav {
  font-size: 0.9rem;
  padding-top: 35px;
}
.my-header-jobseeker .navbar-nav .nav-item-text {
  cursor: pointer;
}
.my-header-jobseeker .navbar-nav .nav-item-text:hover {
  color: #54B5CB;
}

/* main-column ----------------------------------------- */
/* header、footer -------------------------------------------- */
/* inputが連続する場合は余白をあける */
input + input {
  margin-top: 0.5rem;
}

.btn-primary {
  background-color: #21518E;
  border: none;
}

.scroll-box {
  width: auto;
  /* 横幅を200pxに指定 */
  height: 200px;
  /* 横幅を200pxに指定 */
  border: 1px solid #000;
  /* わかりやすくボーダーを引く */
  overflow-y: scroll;
  /* 縦方向にスクロール可能にする */
  padding: 10px;
  font-size: 12px;
}