@charset "UTF-8";
/*
★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★

★  √￣￣￣＼	variables  /￣￣￣￣l____________________________________________
*/
/*
★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★

★  √￣￣￣＼	methods  /￣￣￣￣l____________________________________________
*/
/*
	SP  --  @media screen and (max-width: 999px) { }
	PC  --  @media screen and (min-width: 1000px) { }
*/
@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap");
@media screen and (min-width: 1000px) {
  .spElement {
    display: none !important; } }

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

.cursor-default {
  cursor: default !important; }

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

::placeholder {
  color: #999; }

input:-ms-input-placeholder {
  color: #999; }

input {
  outline: none !important; }

button {
  outline: none !important; }

button:focus {
  outline: none !important; }

a:focus {
  outline: none !important; }

/*
★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★

★  √￣￣￣＼	fonts  /￣￣￣￣l____________________________________________
*/
/*
★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★

★  √￣￣￣＼	setting  /￣￣￣￣l______________________________________________
*/
body {
  color: #333;
  font-family: "Hiragino Kaku Gothic ProN", "hiragino kaku gothic pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  overflow-y: scroll; }

a {
  color: #fff; }

/*
★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★゜・。。・゜゜・。。・゜☆゜・。。・゜゜・。。・゜★

★  √￣￣￣＼	imports  /￣￣￣￣l______________________________________________
*/
.content-wrapper {
  background-color: #f4f6f9 !important;
  min-height: 794.391px; }

.container-fluid {
  margin-top: 160px;
  min-height: calc(100vh - 569px);
  background-color: #fff; }
@media screen and (max-width: 999px) {
  .container-fluid {
    margin-top: 140px;
    min-height: calc(100vh - 392px); } }

.container-fluid-noheader {
  min-height: calc(100vh - 542px);
  padding-bottom: 30px;
  background-color: #fff; }
@media screen and (max-width: 999px) {
  .container-fluid-noheader {
    padding-bottom: 10px;
    min-height: calc(100vh - 342px); } }
.container-fluid-noheader .original-content-title {
  padding-top: 0; }

.content-inner {
  margin: auto; }
@media screen and (min-width: 1000px) {
  .content-inner {
    width: 1000px; } }
@media screen and (max-width: 999px) {
  .content-inner {
    width: 90vw; } }
.content-inner p {
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .content-inner p {
    font-size: 14px; } }

.maincontent-container {
  margin-bottom: 70px;
  padding-top: 65px;
  padding-bottom: 70px;
  background-color: #eee; }
@media screen and (min-width: 1000px) {
  .maincontent-container {
    min-height: calc(100vh - 717px); } }
@media screen and (max-width: 999px) {
  .maincontent-container {
    margin-bottom: 30px;
    padding-top: 35px;
    padding-bottom: 30px;
    min-height: calc(100vh - 442px); } }

.original-borderbox {
  margin: auto;
  padding: 30px;
  border: 1px solid #333; }
@media screen and (max-width: 999px) {
  .original-borderbox {
    padding: 20px; } }

.original-borderbox-top {
  margin-bottom: 70px; }
@media screen and (max-width: 999px) {
  .original-borderbox-top {
    margin-bottom: 30px; } }

.original-borderbox-title {
  margin-bottom: 14px;
  font-size: 18px; }
@media screen and (max-width: 999px) {
  .original-borderbox-title {
    font-size: 14px; } }

.original-bottom-box {
  margin-bottom: 100px; }
@media screen and (max-width: 999px) {
  .original-bottom-box {
    margin-bottom: 25px; } }

@media screen and (max-width: 999px) {
  .original-search-bottom-box {
    margin-top: 45px; } }

.original-mypage-bottom-box {
  margin-top: 20px;
  margin-bottom: 30px; }
@media screen and (max-width: 999px) {
  .original-mypage-bottom-box {
    margin-top: 45px;
    margin-bottom: 10px; } }

.original-section-title {
  margin-bottom: 45px;
  font-weight: 700;
  text-align: center;
  font-size: 28px; }
@media screen and (max-width: 999px) {
  .original-section-title {
    font-size: 21px; } }
@media screen and (max-width: 999px) {
  .original-section-title {
    margin-bottom: 25px; } }

.original-content-title {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin-bottom: 45px;
  padding-top: 70px;
  font-weight: 700;
  font-size: 28px; }
@media screen and (max-width: 999px) {
  .original-content-title {
    font-size: 21px; } }
.original-content-title::after {
  content: '';
  position: relative;
  display: block;
  height: 1px;
  margin: .45em 0 auto .3em;
  flex: 1;
  background-color: #333; }
@media screen and (max-width: 999px) {
  .original-content-title {
    top: 8px;
    width: 95vw;
    margin-left: 5vw;
    margin-bottom: 30px;
    padding-top: 0; } }

.original-title-gray {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  padding: 8px 20px;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  background-color: #333;
  font-size: 16px; }
@media screen and (max-width: 999px) {
  .original-title-gray {
    font-size: 14px; } }
@media screen and (max-width: 999px) {
  .original-title-gray {
    position: relative;
    width: 100vw;
    left: -5vw;
    margin-bottom: 15px; } }

.original-title-thingray {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 8px 20px;
  font-weight: 700;
  line-height: 1.5;
  background-color: #eee;
  font-size: 16px; }
@media screen and (max-width: 999px) {
  .original-title-thingray {
    font-size: 14px; } }
@media screen and (max-width: 999px) {
  .original-title-thingray {
    position: relative;
    width: 100vw;
    left: -5vw;
    margin-bottom: 15px;
    padding: 8px 5vw; } }

.require-tag {
  white-space: wrap;
  border-radius: 1; }
.require-tag::after {
  content: "必須";
  display: inline-block;
  position: relative;
  bottom: 1px;
  margin-left: 1em;
  width: 42px;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  line-height: 1.66667;
  text-align: center;
  color: #fff;
  background-color: #1380b1;
  border-radius: 0;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .require-tag::after {
    font-size: 12px; } }
@media screen and (max-width: 999px) {
  .require-tag::after {
    top: 8px;
    right: 5vw;
    bottom: auto;
    position: absolute; } }

.card-new-tag {
  white-space: wrap; }
.card-new-tag::after {
  content: "NEW";
  display: inline-block;
  position: relative;
  bottom: 1px;
  margin-left: 1em;
  width: 60px;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  line-height: 1.66667;
  text-align: center;
  color: #fff;
  background-color: #f4ad53;
  border-radius: 1em;
  font-size: 12px; }
@media screen and (max-width: 999px) {
  .card-new-tag::after {
    font-size: 12px; } }

.optional-tag {
  white-space: wrap;
  border-radius: 1; }
.optional-tag::after {
  content: "任意";
  display: inline-block;
  position: relative;
  bottom: 1px;
  margin-left: 1em;
  width: 42px;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  line-height: 1.66667;
  text-align: center;
  color: #fff;
  background-color: #8f919e;
  border-radius: 0;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .optional-tag::after {
    font-size: 12px; } }
@media screen and (max-width: 999px) {
  .optional-tag::after {
    top: 8px;
    right: 5vw;
    bottom: auto;
    position: absolute; } }

.original-footbutton {
  display: block;
  position: relative;
  margin: auto;
  width: 460px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #333;
  background-color: #fff;
  border: 1px solid #494b54;
  transition: .2s;
  white-space: nowrap;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); }
@media screen and (max-width: 999px) {
  .original-footbutton {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-footbutton:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (min-width: 1000px) {
  .original-footbutton {
    transition: 0.2s; }
  .original-footbutton:hover {
    opacity: 0.8; } }
.original-footbutton:hover {
  color: #666; }
.original-footbutton::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 30px;
  left: auto;
  width: 10px;
  height: 10px;
  border-top: 1px solid #494b54;
  border-right: 1px solid #494b54;
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg); }
.original-footbutton:hover::before {
  border-top: 1px solid #666;
  border-right: 1px solid #666; }
.original-footbutton::before {
  margin-top: -5px; }
@media screen and (max-width: 999px) {
  .original-footbutton {
    display: block;
    position: relative;
    margin: auto;
    width: 75vw;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-footbutton {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-footbutton:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-footbutton {
    transition: 0.2s; }
  .original-footbutton:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-footbutton:hover {
    color: #666; } }

.original-footbutton-totop::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: auto;
  left: 30px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #494b54;
  border-right: 1px solid #494b54;
  border-bottom: none;
  border-left: none;
  transform: rotate(225deg); }

.original-footbutton-totop:hover::before {
  border-top: 1px solid #666;
  border-right: 1px solid #666; }

.original-footbutton-totop::before {
  margin-top: -5px; }

.original-reloadbutton {
  display: block;
  position: relative;
  margin: auto;
  width: 340px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #333;
  background-color: #fff;
  border: 1px solid #494b54;
  transition: .2s;
  white-space: nowrap;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  margin: 0 20px 0 0;
  color: #fff;
  background-color: #8f919e;
  border: none;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-reloadbutton {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-reloadbutton:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (min-width: 1000px) {
  .original-reloadbutton {
    transition: 0.2s; }
  .original-reloadbutton:hover {
    opacity: 0.8; } }
.original-reloadbutton:hover {
  color: #666; }
@media screen and (max-width: 999px) {
  .original-reloadbutton {
    font-size: 12px; } }
.original-reloadbutton:hover {
  color: #fff;
  background-color: #717380;
  opacity: 1; }
@media screen and (max-width: 999px) {
  .original-reloadbutton {
    display: block;
    position: relative;
    margin: auto;
    width: 38vw;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    color: #fff;
    background-color: #8f919e !important;
    border: none; } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-reloadbutton {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-reloadbutton:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-reloadbutton {
    transition: 0.2s; }
  .original-reloadbutton:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-reloadbutton:hover {
    color: #666; } }

.original-savebutton {
  display: block;
  position: relative;
  margin: auto;
  width: 340px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #333;
  background-color: #fff;
  border: 1px solid #494b54;
  transition: .2s;
  white-space: nowrap;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  margin: 0 0 0 20px; }
@media screen and (max-width: 999px) {
  .original-savebutton {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-savebutton:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (min-width: 1000px) {
  .original-savebutton {
    transition: 0.2s; }
  .original-savebutton:hover {
    opacity: 0.8; } }
.original-savebutton:hover {
  color: #666; }
@media screen and (max-width: 999px) {
  .original-savebutton {
    display: block;
    position: relative;
    margin: auto;
    width: 38vw;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    font-size: 12px !important; } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-savebutton {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-savebutton:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-savebutton {
    transition: 0.2s; }
  .original-savebutton:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-savebutton:hover {
    color: #666; } }

.original-savebutton-dead {
  pointer-events: none;
  opacity: .75; }
.original-savebutton-dead:hover {
  opacity: .75; }

.original-buttonicon {
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 5px; }

.original-cards {
  position: relative; }
@media screen and (min-width: 1000px) {
  .original-cards div.original-top-card:not(:nth-child(3n)) {
    margin-right: 30px; } }

.original-card-column {
  display: block;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-card-column {
    font-size: 12px; } }

.original-card-thumbnail {
  margin-bottom: 15px;
  margin-left: -20px;
  width: 313px;
  height: auto; }
@media screen and (max-width: 999px) {
  .original-card-thumbnail {
    width: 90vw; } }

.original-card-title {
  margin-bottom: 4px;
  line-height: 1.5;
  font-weight: 700;
  font-size: 20px; }
@media screen and (max-width: 999px) {
  .original-card-title {
    font-size: 16px; } }

.original-card-name {
  position: relative;
  margin-bottom: 10px;
  font-weight: 700;
  color: #666;
  font-size: 16px; }
@media screen and (max-width: 999px) {
  .original-card-name {
    font-size: 12px; } }

.original-card-occupation {
  position: relative;
  margin-bottom: 10px;
  line-height: 1.42857;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-card-occupation {
    font-size: 12px; } }
.original-card-occupation::before {
  content: "職種";
  display: inline-block;
  position: relative;
  margin-right: 1em;
  width: 60px;
  min-width: 60px;
  color: #fff;
  text-align: center;
  background-color: #8f919e; }

.original-card-industry {
  position: relative;
  margin-bottom: 10px;
  line-height: 1.42857;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-card-industry {
    font-size: 12px; } }
.original-card-industry::before {
  content: "業種";
  display: inline-block;
  position: relative;
  margin-right: 1em;
  width: 60px;
  min-width: 60px;
  color: #fff;
  text-align: center;
  background-color: #8f919e; }

.original-card-place {
  position: relative;
  margin-bottom: 10px;
  line-height: 1.42857;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-card-place {
    font-size: 12px; } }
.original-card-place::before {
  content: "勤務地";
  display: inline-block;
  position: relative;
  margin-right: 1em;
  width: 60px;
  min-width: 60px;
  color: #fff;
  text-align: center;
  background-color: #8f919e; }

.original-card-salary {
  position: relative;
  margin-bottom: 10px;
  line-height: 1.42857;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-card-salary {
    font-size: 12px; } }
.original-card-salary::before {
  content: "給与";
  display: inline-block;
  position: relative;
  margin-right: 1em;
  width: 60px;
  min-width: 60px;
  color: #fff;
  text-align: center;
  background-color: #8f919e; }

.original-detailcard .original-card-occupation {
  display: flex;
  white-space: normal;
  overflow: visible; }
.original-detailcard .original-card-occupation::before {
  height: 20px; }
@media screen and (max-width: 999px) {
  .original-detailcard .original-card-occupation {
    line-height: 1.66667;
    margin-bottom: 5px; } }

.original-detailcard .original-card-industry {
  display: flex;
  white-space: normal;
  overflow: visible; }
.original-detailcard .original-card-industry::before {
  height: 20px; }
@media screen and (max-width: 999px) {
  .original-detailcard .original-card-industry {
    line-height: 1.66667;
    margin-bottom: 5px; } }

.original-detailcard .original-card-place {
  display: flex;
  white-space: normal;
  overflow: visible; }
.original-detailcard .original-card-place::before {
  height: 20px; }
@media screen and (max-width: 999px) {
  .original-detailcard .original-card-place {
    line-height: 1.66667;
    margin-bottom: 5px; } }

.original-detailcard .original-card-salary {
  display: flex;
  white-space: normal;
  overflow: visible; }
.original-detailcard .original-card-salary::before {
  height: 20px; }
@media screen and (max-width: 999px) {
  .original-detailcard .original-card-salary {
    line-height: 1.66667;
    margin-bottom: 5px; } }

.original-card-nav {
  display: flex;
  position: absolute;
  justify-content: space-between;
  left: 0;
  bottom: 0;
  padding: 15px 0;
  width: 313px;
  height: 76px;
  background-color: #333;
  transition: .2s;
  font-size: 12px; }
@media screen and (max-width: 999px) {
  .original-card-nav {
    font-size: 10px; } }
@media screen and (max-width: 999px) {
  .original-card-nav {
    width: 90vw;
    height: 60px;
    /* バー高さ 60px = ボタン 44px + 上下 padding 8px。
       PC(76px = ボタン 46px + 上下 padding 15px)と同じ考え方で揃える。
       15px のままだと 44px のボタンがバーの内寸 30px を超え、ラベルが下へ突き抜ける。 */
    padding: 8px 0;
    justify-content: center; } }

.original-card-link {
  position: absolute;
  width: 100%;
  height: calc(100% - 76px);
  z-index: 100;
  transition: .2s; }
.original-card-link:hover {
  background-color: rgba(255, 255, 255, 0.15); }

.original-card-nav-item {
  display: flex;
  flex-direction: column;
  width: 25%;
  height: 100%; }
.original-card-nav-item:hover svg {
  opacity: .7; }
.original-card-nav-item:hover span {
  opacity: .7; }
.original-card-nav-item:hover:not(._active) svg {
  opacity: .7; }
.original-card-nav-item:hover:not(._active) span {
  color: rgba(255, 255, 255, 0.7); }
@media screen and (max-width: 999px) {
  .original-card-nav-item {
    height: 44px; } }

.original-card-nav:not(.evaluation) .original-card-nav-item {
  width: 33.3333333333%; }

.original-card-nav-item ._active:hover {
  opacity: .7; }

.original-card-nav a:not(:last-child) {
  border-right: solid 1px #ccc; }
.original-card-nav a:not(:last-child):hover {
  border-right: solid 1px #ccc; }

.original-card-nav-icon {
  margin: auto auto 0;
  text-align: center; }
.original-card-nav-icon svg {
  transition: .2s; }

.original-card-nav-label {
  display: inline-block;
  text-align: center;
  position: relative;
  margin: auto;
  padding: 5px 0;
  color: #fff;
  transition: .2s; }
.original-card-nav-label:hover {
  color: #fff; }
@media screen and (max-width: 999px) {
  .original-card-nav-label {
    width: 22.5vw; } }
/* ラベル幅はビューポート基準(vw)ではなくボタン(.original-card-nav-item)基準にする。
   カード幅が 90vw のページでは item 33.33% × 90vw = 30vw で従来と同値。
   一方、求職者トップ(.talent-user-sections)はカードが 294px 固定なのに 30vw だと
   ラベル箱がボタン幅(98px)を大きく超え、margin:auto が潰れて text-align:center の
   文字がバーの外へ出る（幅999pxで約72px外＝白背景に白文字で消える）。 */
@media screen and (max-width: 999px) {
  .original-card-nav-label {
    width: 100%; } }

._active-mail {
  pointer-events: none; }
._active-mail .svg-mininav > svg {
  stroke: #f4ad53; }
._active-mail .original-card-nav-label {
  color: #f4ad53;
  font-weight: 700; }

.original-job-nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px; }
@media screen and (min-width: 1000px) {
  .original-job-nav {
    justify-content: center;
    gap: 20px; } }
@media screen and (max-width: 999px) {
  .original-job-nav {
    flex-direction: column; } }
@media screen and (max-width: 999px) {
  .original-job-nav div:not(:last-child) .original-detail-btn {
    margin-bottom: 15px; } }
@media screen and (max-width: 999px) {
  .original-job-nav .original-jop-nav-icon {
    margin-right: 3px; } }
@media screen and (max-width: 999px) {
  .original-job-nav ._mail .original-jop-nav-icon {
    top: 0; } }
@media screen and (max-width: 999px) {
  .original-job-nav ._blue .original-jop-nav-icon {
    top: 0; } }

.original-jop-nav-icon {
  position: relative;
  top: -3px;
  margin-right: 5px; }
@media screen and (max-width: 999px) {
  .original-jop-nav-icon {
    margin-right: 0; } }

.original-screening-card {
  position: relative;
  margin-bottom: 30px;
  padding: 0 20px 0;
  width: 313px;
  max-width: 313px;
  height: auto;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2.66667px 8px rgb(0 0 0 / 25%);
  justify-content: space-between; }
@media screen and (max-width: 999px) {
  .original-screening-card {
    width: 90vw;
    max-width: 90vw;
    height: auto;
    margin-bottom: 20px;
    padding: 0px 20px 20px; } }

@media screen and (min-width: 1000px) {
  .original-screening-card:not(:nth-child(3n)) {
    margin-right: 30px; } }

.original-screening-card-column {
  display: block;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-screening-card-column {
    font-size: 14px; } }

.original-screening-card-title {
  margin-bottom: 4px;
  line-height: 1.5;
  font-weight: 700;
  font-size: 20px; }
@media screen and (max-width: 999px) {
  .original-screening-card-title {
    font-size: 18px; } }

.original-screening-card-name {
  position: relative;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 1.25;
  color: #666;
  font-size: 16px; }
@media screen and (max-width: 999px) {
  .original-screening-card-name {
    font-size: 14px; } }

.original-screening-card-table {
  margin-bottom: 20px;
  width: 100%;
  max-width: 100%;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-screening-card-table {
    font-size: 14px; } }
@media screen and (max-width: 999px) {
  .original-screening-card-table {
    margin-bottom: 15px; } }

.original-screening-card-tr {
  display: flex;
  width: 100%;
  border-top: solid 1px #ccc; }
.original-screening-card-tr:last-child {
  border-bottom: solid 1px #ccc; }

.original-screening-card-td-l {
  display: block;
  padding: 17px 8px;
  width: 100px;
  min-width: 100px;
  background-color: #eee; }

.original-screening-card-td-r {
  display: block;
  padding: 17px 8px; }

.original-screening-card-nav {
  display: flex;
  width: 100%;
  min-height: 50px;
  justify-content: center;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-screening-card-nav {
    font-size: 14px; } }
@media screen and (max-width: 999px) {
  .original-screening-card-nav {
    min-height: auto; } }

.original-screening-card-nav-item {
  display: block;
  display: block;
  position: relative;
  margin: auto;
  width: 130px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #333;
  background-color: #fff;
  border: 1px solid #494b54;
  transition: .2s;
  white-space: nowrap;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  margin: 0; }
@media screen and (max-width: 999px) {
  .original-screening-card-nav-item {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-screening-card-nav-item:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (min-width: 1000px) {
  .original-screening-card-nav-item {
    transition: 0.2s; }
  .original-screening-card-nav-item:hover {
    opacity: 0.8; } }
.original-screening-card-nav-item:hover {
  color: #666; }
@media screen and (max-width: 999px) {
  .original-screening-card-nav-item {
    display: block;
    position: relative;
    margin: auto;
    width: 38vw;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    margin: 0; } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-screening-card-nav-item {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-screening-card-nav-item:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-screening-card-nav-item {
    transition: 0.2s; }
  .original-screening-card-nav-item:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-screening-card-nav-item:hover {
    color: #666; } }

.original-screening-card-nav-icon {
  position: relative;
  top: -2px;
  margin: auto 5px auto auto; }

@media screen and (min-width: 1000px) {
  .original-bottomnav {
    position: fixed;
    display: flex;
    right: 0;
    bottom: 0;
    padding: 0 calc((100% - 1000px) /2);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 110px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000; } }

@media screen and (max-width: 999px) {
  .original-bottomnav {
    display: flex;
    position: fixed;
    justify-content: space-between;
    bottom: 0;
    padding: 12.5px 5vw;
    width: 100%;
    height: 75px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10000; }
  .original-bottomnav div .original-detail-btn {
    display: block;
    position: relative;
    margin: auto;
    width: 28vw;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    padding: 7px 0;
    line-height: 1;
    font-size: 12px !important; } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-bottomnav div .original-detail-btn {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-bottomnav div .original-detail-btn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-bottomnav div .original-detail-btn {
    transition: 0.2s; }
  .original-bottomnav div .original-detail-btn:hover {
    opacity: 0.8; } }

@media screen and (max-width: 999px) {
  .original-bottomnav div .original-detail-btn:hover {
    color: #666; }
  .original-bottomnav div .original-detail-btn span {
    height: 20px; }
  .original-bottomnav div .original-detail-btn .svg-jobnav {
    margin-bottom: 2px; }
  .original-bottomnav div .original-search-result-head {
    line-height: 1;
    color: #fff; }
  .original-bottomnav div .original-search-result-foot {
    color: #fff; }
  .original-bottomnav .original-search-result-text {
    top: 0; } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-bottomnav .original-reloadbutton {
    display: block;
    position: relative;
    margin: auto;
    width: 90vw;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-size: 14px; } }
@media screen and (max-width: 999px) and (max-width: 999px) and (max-width: 999px) {
  .original-bottomnav .original-reloadbutton {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (max-width: 999px) and (min-width: 1000px) {
  .original-bottomnav .original-reloadbutton:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (max-width: 999px) and (min-width: 1000px) {
  .original-bottomnav .original-reloadbutton {
    transition: 0.2s; }
  .original-bottomnav .original-reloadbutton:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-bottomnav .original-reloadbutton:hover {
    color: #666; } }

@media screen and (min-width: 1000px) {
  .original-bottomnav:not(.spElement) {
    justify-content: center;
    gap: 20px; } }
@media screen and (max-width: 999px) {
  .original-bottomnav:not(.spElement) {
    justify-content: center;
    gap: 3vw; } }

@media screen and (min-width: 1000px) {
  .original-select-modal .modal-dialog {
    width: 400px; } }

.original-select-modal .modal-content .modal-header {
  padding: .8em 3em .8em;
  background-color: #333;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }
@media screen and (max-width: 999px) {
  .original-select-modal .modal-content .modal-header {
    padding: .5em 3em .5em; } }
.original-select-modal .modal-content .modal-header h4 {
  display: flex;
  width: 100%;
  color: #fff;
  flex-direction: column;
  text-align: center;
  font-weight: 700;
  font-size: 20px; }
@media screen and (max-width: 999px) {
  .original-select-modal .modal-content .modal-header h4 {
    font-size: 16px; } }
.original-select-modal .modal-content .modal-header button {
  position: absolute;
  top: calc(1em - 5px);
  right: 1em;
  bottom: auto;
  left: auto;
  background: none;
  border: none; }
@media screen and (min-width: 1000px) {
  .original-select-modal .modal-content .modal-header button {
    transition: 0.2s; }
  .original-select-modal .modal-content .modal-header button:hover {
    opacity: 0.7; } }
@media screen and (max-width: 999px) {
  .original-select-modal .modal-content .modal-header button {
    margin-top: -8px; } }

.original-select-modal .modal-content .modal-body {
  padding-top: 2em;
  padding-bottom: .8em; }
@media screen and (max-width: 999px) {
  .original-select-modal .modal-content .modal-body {
    padding-top: 1.2em;
    padding-bottom: .7em; } }
.original-select-modal .modal-content .modal-body label {
  font-weight: 500; }
.original-select-modal .modal-content .modal-body .original-form-checkbox {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0; }
.original-select-modal .modal-content .modal-body .original-form-check {
  margin-right: 0;
  margin-bottom: .8em;
  margin-left: 6%;
  min-width: calc( 50% - 2em); }
.original-select-modal .modal-content .modal-body .original-form-check span {
  font-size: 14px;
  line-height: 1.71429; }
@media screen and (max-width: 999px) {
  .original-select-modal .modal-content .modal-body .original-form-check span {
    font-size: 14px; } }
@media screen and (max-width: 999px) {
  .original-select-modal .modal-content .modal-body .original-form-check {
    min-width: 44%; } }
.original-select-modal .modal-content .modal-body .modal-select-list-title {
  margin: 0 0 1.2em 0;
  padding: .5em;
  font-weight: 700;
  background-color: #eee;
  border: none;
  box-shadow: none;
  font-size: 16px; }
@media screen and (max-width: 999px) {
  .original-select-modal .modal-content .modal-body .modal-select-list-title {
    font-size: 14px; } }
.original-select-modal .modal-content .modal-body .modal-select-list-title:hover {
  cursor: pointer; }
.original-select-modal .modal-content .modal-body .modal-select-list-title::before {
  content: "＋";
  margin-right: .5em;
  font-weight: 500;
  color: #666; }
.original-select-modal .modal-content .modal-body ._active .modal-select-list-title::before {
  content: "－";
  margin-right: .5em;
  font-weight: 500;
  color: #666; }
.original-select-modal .modal-content .modal-body .card-body {
  padding-bottom: 0; }

.original-select-modal .modal-content .modal-footer {
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  border-top: solid 1px #eee; }
@media screen and (max-width: 999px) {
  .original-select-modal .modal-content .modal-footer {
    padding-top: 1em;
    padding-bottom: 1em; } }
.original-select-modal .modal-content .modal-footer button {
  font-size: 14px;
  padding: 0;
  margin: 0; }
@media screen and (min-width: 1000px) {
  .original-select-modal .modal-content .modal-footer button {
    display: block;
    position: relative;
    margin: auto;
    width: 160px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); } }
@media screen and (min-width: 1000px) and (max-width: 999px) {
  .original-select-modal .modal-content .modal-footer button {
    font-size: 14px; } }
@media screen and (min-width: 1000px) and (min-width: 1000px) {
  .original-select-modal .modal-content .modal-footer button:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (min-width: 1000px) and (min-width: 1000px) {
  .original-select-modal .modal-content .modal-footer button {
    transition: 0.2s; }
  .original-select-modal .modal-content .modal-footer button:hover {
    opacity: 0.8; } }
@media screen and (min-width: 1000px) {
  .original-select-modal .modal-content .modal-footer button:hover {
    color: #666; } }
@media screen and (max-width: 999px) {
  .original-select-modal .modal-content .modal-footer button {
    display: block;
    position: relative;
    margin: auto;
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-select-modal .modal-content .modal-footer button {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-select-modal .modal-content .modal-footer button:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-select-modal .modal-content .modal-footer button {
    transition: 0.2s; }
  .original-select-modal .modal-content .modal-footer button:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-select-modal .modal-content .modal-footer button:hover {
    color: #666; } }
@media screen and (max-width: 999px) {
  .original-select-modal .modal-content .modal-footer button {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-select-modal .modal-content .modal-footer button {
    transition: 0.2s; }
  .original-select-modal .modal-content .modal-footer button:hover {
    opacity: 0.7; } }
.original-select-modal .modal-content .modal-footer .modal-btn-clear {
  outline: none; }
.original-select-modal .modal-content .modal-footer .modal-btn-save {
  color: #fff;
  background-color: #8f919e;
  border: none;
  outline: none; }
.original-select-modal .modal-content .modal-footer .modal-btn-save:hover {
  color: #fff; }
.original-select-modal .modal-content .modal-footer span {
  position: relative;
  display: inline-block;
  transition: .2s; }
.original-select-modal .modal-content .modal-footer ._active-mail {
  opacity: .8; }
.original-select-modal .modal-content .modal-footer ._active-mail span svg {
  stroke: #f4ad53; }

.original-ask-modal .modal-content .modal-header {
  padding: .3em 3em .5em;
  background-color: #333;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }
.original-ask-modal .modal-content .modal-header h4 {
  display: flex;
  width: 100%;
  color: #fff;
  flex-direction: column;
  text-align: center; }
.original-ask-modal .modal-content .modal-header h4 .modal-title-label {
  display: block;
  font-weight: 700;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-ask-modal .modal-content .modal-header h4 .modal-title-label {
    font-size: 14px; } }
.original-ask-modal .modal-content .modal-header h4 .modal-title-company {
  display: block;
  font-size: 10px; }
@media screen and (max-width: 999px) {
  .original-ask-modal .modal-content .modal-header h4 .modal-title-company {
    font-size: 10px; } }
.original-ask-modal .modal-content .modal-header button {
  position: absolute;
  top: calc(1em - 8px);
  right: 1em;
  bottom: auto;
  left: auto;
  background: none;
  border: none; }
@media screen and (min-width: 1000px) {
  .original-ask-modal .modal-content .modal-header button {
    transition: 0.2s; }
  .original-ask-modal .modal-content .modal-header button:hover {
    opacity: 0.7; } }
@media screen and (max-width: 999px) {
  .original-ask-modal .modal-content .modal-header button {
    margin-top: -5px; } }

.original-ask-modal .modal-content .modal-body {
  padding-top: .8em;
  padding-bottom: .5em; }
.original-ask-modal .modal-content .modal-body audio {
  width: 100%; }

.original-ask-modal .modal-content .modal-footer {
  padding-top: 0;
  padding-bottom: 1em;
  border: none; }
.original-ask-modal .modal-content .modal-footer a {
  display: block;
  position: relative;
  margin: auto;
  width: 120px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #333;
  background-color: #fff;
  border: 1px solid #494b54;
  transition: .2s;
  white-space: nowrap;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-ask-modal .modal-content .modal-footer a {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-ask-modal .modal-content .modal-footer a:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (min-width: 1000px) {
  .original-ask-modal .modal-content .modal-footer a {
    transition: 0.2s; }
  .original-ask-modal .modal-content .modal-footer a:hover {
    opacity: 0.8; } }
.original-ask-modal .modal-content .modal-footer a:hover {
  color: #666; }
@media screen and (max-width: 999px) {
  .original-ask-modal .modal-content .modal-footer a {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-ask-modal .modal-content .modal-footer a {
    transition: 0.2s; }
  .original-ask-modal .modal-content .modal-footer a:hover {
    opacity: 0.7; } }
.original-ask-modal .modal-content .modal-footer span {
  position: relative;
  display: inline-block;
  margin-right: .2em;
  transition: .2s; }
.original-ask-modal .modal-content .modal-footer ._active-mail {
  opacity: .8; }
.original-ask-modal .modal-content .modal-footer ._active-mail span svg {
  stroke: #f4ad53; }

.deadEntry .modal-footer {
  display: none; }

.svg-headernav > svg {
  display: inline-block;
  stroke: #fff;
  width: 24px;
  height: 24px; }

.svg-mininav > svg {
  display: inline-block;
  stroke: #fff;
  width: 30px;
  height: 30px; }

@media screen and (max-width: 999px) {
  .svg-mininav > svg {
    display: inline-block;
    stroke: #fff;
    width: 25px;
    height: 25px; } }

.svg-jobnav > svg {
  display: inline-block;
  stroke: #333;
  width: 30px;
  height: 30px; }

@media screen and (max-width: 999px) {
  .svg-jobnav > svg {
    display: inline-block;
    stroke: #666;
    width: 20px;
    height: 20px; } }

.svg-screening > svg {
  display: inline-block;
  stroke: #333;
  width: 30px;
  height: 30px; }

.svg-search > svg {
  display: inline-block;
  stroke: #666;
  width: 14px;
  height: 14px; }

.svg-user > svg {
  display: inline-block;
  stroke: #666;
  width: 18px;
  height: 21px; }

@media screen and (max-width: 999px) {
  .svg-user > svg {
    display: inline-block;
    stroke: #666;
    width: 15px;
    height: 17px; } }

@media screen and (max-width: 999px) {
  .svg-user-greeting > svg {
    display: inline-block;
    stroke: #666;
    width: 20px;
    height: 20px; } }

.svg-btn-w > svg {
  display: inline-block;
  stroke: #fff;
  width: 20px;
  height: 20px; }

@media screen and (max-width: 999px) {
  .svg-btn-w > svg {
    display: inline-block;
    stroke: #fff;
    width: 17px;
    height: 17px; } }

.svg-btn-b > svg {
  display: inline-block;
  stroke: #333;
  width: 20px;
  height: 20px; }

@media screen and (max-width: 999px) {
  .svg-btn-b > svg {
    display: inline-block;
    stroke: #333;
    width: 17px;
    height: 17px; } }

.svg-modal {
  position: relative;
  top: -2px; }
.svg-modal > svg {
  display: inline-block;
  stroke: #333;
  width: 20px;
  height: 20px; }
@media screen and (max-width: 999px) {
  .svg-modal > svg {
    display: inline-block;
    stroke: #666;
    width: 20px;
    height: 20px; } }

.svg-close > svg {
  display: inline-block;
  stroke: #fff;
  width: 16px;
  height: 16px; }

@media screen and (max-width: 999px) {
  .svg-close > svg {
    display: inline-block;
    stroke: #fff;
    width: 15px;
    height: 15px; } }

._active .svg-mininav > svg {
  stroke: #f4ad53;
  transition: .5s;
  transform: rotate(360deg); }

._active .svg-jobnav > svg {
  stroke: #fa873b;
  transition: .5s;
  transform: rotate(360deg); }

._active .status-label {
  color: #f4ad53; }

._active .status-label-detail {
  color: #333;
  margin-right: 14px; }
@media screen and (max-width: 999px) {
  ._active .status-label-detail {
    margin-right: 0; } }

.reactive .svg-mininav > svg,
.reactive .svg-jobnav > svg {
  transition: .5s;
  transform: rotate(0deg); }

select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer; }
select::-ms-expand {
  display: none; }

.original-login-input input[type="text"] {
  line-height: 40px; }

.dead-btn {
  opacity: .6 !important; }
.dead-btn:hover {
  top: 0 !important;
  left: 0 !important;
  color: #333 !important; }

.original-form-group {
  margin-bottom: 20px !important; }
@media screen and (max-width: 999px) {
  .original-form-group {
    margin-bottom: 15px; } }
.original-form-group p {
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-form-group p {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-form-group p {
    margin-left: 20px; } }

.original-form-btnbox {
  display: flex;
  justify-content: end; }
.original-form-btnbox .original-form-searchbtn {
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-form-btnbox .original-form-searchbtn {
    font-size: 12px; } }
@media screen and (max-width: 999px) {
  .original-form-btnbox .original-form-searchbtn {
    display: block;
    position: relative;
    margin: auto;
    width: 26.6vw;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    line-height: 1.3;
    font-size: 12px !important; } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-form-btnbox .original-form-searchbtn {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-form-btnbox .original-form-searchbtn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-form-btnbox .original-form-searchbtn {
    transition: 0.2s; }
  .original-form-btnbox .original-form-searchbtn:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-form-btnbox .original-form-searchbtn:hover {
    color: #666; } }
.original-form-btnbox .original-form-clearbtn {
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-form-btnbox .original-form-clearbtn {
    font-size: 12px; } }
@media screen and (max-width: 999px) {
  .original-form-btnbox .original-form-clearbtn {
    display: block;
    position: relative;
    margin: auto;
    width: 26.6vw;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    margin-left: 10px;
    color: #fff;
    background-color: #f4ad53;
    border: none;
    line-height: 1.3;
    font-size: 12px !important; } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-form-btnbox .original-form-clearbtn {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-form-btnbox .original-form-clearbtn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-form-btnbox .original-form-clearbtn {
    transition: 0.2s; }
  .original-form-btnbox .original-form-clearbtn:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-form-btnbox .original-form-clearbtn:hover {
    color: #666; } }

.original-form-selectbtn {
  display: block;
  position: relative;
  margin: auto;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #333;
  background-color: #fff;
  border: 1px solid #494b54;
  transition: .2s;
  white-space: nowrap;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  margin-right: 20px;
  color: #fff;
  background-color: #8f919e;
  border: none;
  outline: none; }
@media screen and (max-width: 999px) {
  .original-form-selectbtn {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-form-selectbtn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (min-width: 1000px) {
  .original-form-selectbtn {
    transition: 0.2s; }
  .original-form-selectbtn:hover {
    opacity: 0.8; } }
.original-form-selectbtn:hover {
  color: #666; }
@media screen and (max-width: 999px) {
  .original-form-selectbtn {
    display: block;
    position: relative;
    margin: auto;
    width: 75px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-size: 12px !important;
    background-color: #8f919e;
    border: none; } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-form-selectbtn {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-form-selectbtn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-form-selectbtn {
    transition: 0.2s; }
  .original-form-selectbtn:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-form-selectbtn:hover {
    color: #666; } }
.original-form-selectbtn:hover {
  color: #fff; }

.original-form-searchbtn {
  display: block;
  position: relative;
  margin: auto;
  width: 340px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #333;
  background-color: #fff;
  border: 1px solid #494b54;
  transition: .2s;
  white-space: nowrap;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); }
@media screen and (max-width: 999px) {
  .original-form-searchbtn {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-form-searchbtn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (min-width: 1000px) {
  .original-form-searchbtn {
    transition: 0.2s; }
  .original-form-searchbtn:hover {
    opacity: 0.8; } }
.original-form-searchbtn:hover {
  color: #666; }
@media screen and (max-width: 999px) {
  .original-form-searchbtn {
    display: block;
    position: relative;
    margin: auto;
    width: 75vw;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-form-searchbtn {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-form-searchbtn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-form-searchbtn {
    transition: 0.2s; }
  .original-form-searchbtn:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-form-searchbtn:hover {
    color: #666; } }

.original-form-clearbtn {
  display: block;
  position: relative;
  margin: auto;
  width: 340px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #333;
  background-color: #fff;
  border: 1px solid #494b54;
  transition: .2s;
  white-space: nowrap;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  margin-left: 20px;
  color: #fff;
  background-color: #f4ad53;
  border: none; }
@media screen and (max-width: 999px) {
  .original-form-clearbtn {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-form-clearbtn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (min-width: 1000px) {
  .original-form-clearbtn {
    transition: 0.2s; }
  .original-form-clearbtn:hover {
    opacity: 0.8; } }
.original-form-clearbtn:hover {
  color: #666; }
.original-form-clearbtn:hover {
  color: #fff; }
@media screen and (max-width: 999px) {
  .original-form-clearbtn {
    display: block;
    position: relative;
    margin: auto;
    width: 75vw;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-form-clearbtn {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-form-clearbtn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-form-clearbtn {
    transition: 0.2s; }
  .original-form-clearbtn:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-form-clearbtn:hover {
    color: #666; } }

.original-detail-btn {
  display: block;
  position: relative;
  margin: auto;
  width: 320px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #333;
  background-color: #fff;
  border: 1px solid #494b54;
  transition: .2s;
  white-space: nowrap;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); }
@media screen and (max-width: 999px) {
  .original-detail-btn {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-detail-btn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (min-width: 1000px) {
  .original-detail-btn {
    transition: 0.2s; }
  .original-detail-btn:hover {
    opacity: 0.8; } }
.original-detail-btn:hover {
  color: #666; }
.original-detail-btn:hover {
  cursor: pointer; }
@media screen and (max-width: 999px) {
  .original-detail-btn {
    display: block;
    position: relative;
    margin: auto;
    width: 75vw;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-detail-btn {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-detail-btn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-detail-btn {
    transition: 0.2s; }
  .original-detail-btn:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-detail-btn:hover {
    color: #666; } }

.original-form-backbutton {
  display: block;
  margin: 1rem auto 0;
  text-align: center;
  background: none;
  border: none;
  font-size: 14px; }
@media screen and (min-width: 1000px) {
  .original-form-backbutton {
    transition: 0.2s; }
  .original-form-backbutton:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-form-backbutton {
    font-size: 14px; } }

.dead-btn-mail {
  opacity: .6; }
.dead-btn-mail:hover {
  top: 0 !important;
  left: 0 !important;
  opacity: .6 !important; }

.original-titlenav-form {
  position: relative;
  top: 2px;
  padding-top: 2px;
  margin-left: 20px; }

@media screen and (max-width: 999px) {
  div .original-titlenav-form {
    display: none !important; } }

.original-titlenav-form-searchbtn {
  width: 50px;
  height: 24px;
  color: #fff;
  background-color: #8f919e;
  border: none;
  font-size: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); }
@media screen and (max-width: 999px) {
  .original-titlenav-form-searchbtn {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-titlenav-form-searchbtn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (min-width: 1000px) {
  .original-titlenav-form-searchbtn {
    transition: 0.2s; }
  .original-titlenav-form-searchbtn:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-titlenav-form-searchbtn {
    width: 75px;
    height: 35px;
    color: #fff;
    background-color: #8f919e;
    border: none;
    font-size: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    display: block; } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-titlenav-form-searchbtn {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-titlenav-form-searchbtn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-titlenav-form-searchbtn {
    transition: 0.2s; }
  .original-titlenav-form-searchbtn:hover {
    opacity: 0.8; } }

.original-titlenav-form-searchtext {
  position: relative;
  width: 150px;
  height: 24px;
  margin-right: 10px;
  padding-left: 29px;
  color: #333;
  border: solid 1px #ccc;
  background: none;
  font-size: 12px; }
@media screen and (max-width: 999px) {
  .original-titlenav-form-searchtext {
    font-size: 14px; } }
@media screen and (max-width: 999px) {
  .original-titlenav-form-searchtext {
    display: block;
    width: 70vw;
    height: 35px;
    padding-left: 36px; } }

.original-titlenav-form-searchicon {
  position: absolute;
  display: block;
  top: 0;
  left: 5px; }
@media screen and (max-width: 999px) {
  .original-titlenav-form-searchicon {
    top: 3px;
    left: 10px; } }

.original-search-result-select {
  position: relative;
  height: auto; }
.original-search-result-select::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  width: 10px;
  height: 10px;
  border-top: 1px solid #494b54;
  border-right: 1px solid #494b54;
  border-bottom: none;
  border-left: none;
  transform: rotate(135deg); }
.original-search-result-select:hover::before {
  border-top: 1px solid #666;
  border-right: 1px solid #666; }
.original-search-result-select::before {
  margin-top: -6.66667px; }
.original-search-result-select::before {
  z-index: 1000; }

.original-form-selectbox {
  display: inline-block;
  position: relative; }
.original-form-selectbox::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  width: 10px;
  height: 10px;
  border-top: 1px solid #494b54;
  border-right: 1px solid #494b54;
  border-bottom: none;
  border-left: none;
  transform: rotate(135deg); }
.original-form-selectbox:hover::before {
  border-top: 1px solid #666;
  border-right: 1px solid #666; }
.original-form-selectbox::before {
  margin-top: -6.66667px; }
.original-form-selectbox::before {
  z-index: 1000; }

.original-form-checkbox {
  position: relative;
  margin-left: 20px; }
@media screen and (max-width: 999px) {
  .original-form-checkbox {
    margin-left: 0; } }
.original-form-checkbox input {
  display: none; }
.original-form-checkbox span {
  font-weight: 400;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-form-checkbox span {
    font-size: 14px; } }
.original-form-checkbox .original-form-check {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
  padding-left: 34px; }
@media screen and (min-width: 1000px) {
  .original-form-checkbox .original-form-check {
    transition: 0.2s; }
  .original-form-checkbox .original-form-check:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-form-checkbox .original-form-check {
    margin-bottom: 10px;
    padding-left: 31px; } }
.original-form-checkbox .original-form-check:hover {
  cursor: pointer; }
.original-form-checkbox .original-form-check:not(:last-child) {
  margin-right: 20px; }
@media screen and (max-width: 999px) {
  .original-form-checkbox .original-form-check:not(:last-child) {
    margin-right: 15px; } }
.original-form-checkbox .original-form-check::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 24px;
  height: 24px;
  border: solid 1px #ccc;
  z-index: 0; }
.original-form-checkbox input:checked + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: auto;
  bottom: auto;
  left: 9px;
  width: 6px;
  height: 12px;
  border-top: none;
  border-right: solid 2px #333;
  border-bottom: solid 2px #333;
  border-left: none;
  transform: rotate(45deg);
  z-index: 10; }

.original-form-radiobox {
  position: relative;
  margin-top: 20px;
  margin-left: 20px; }
@media screen and (max-width: 999px) {
  .original-form-radiobox {
    margin-top: 10px;
    margin-left: 0; } }
.original-form-radiobox input {
  display: none; }
.original-form-radiobox span {
  font-weight: 400;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-form-radiobox span {
    font-size: 14px; } }
.original-form-radiobox .original-form-radio {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
  padding-left: 34px; }
@media screen and (min-width: 1000px) {
  .original-form-radiobox .original-form-radio {
    transition: 0.2s; }
  .original-form-radiobox .original-form-radio:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-form-radiobox .original-form-radio {
    padding-left: 31px; } }
.original-form-radiobox .original-form-radio:hover {
  cursor: pointer; }
.original-form-radiobox .original-form-radio:not(:last-child) {
  margin-right: 20px; }
@media screen and (max-width: 999px) {
  .original-form-radiobox .original-form-radio:not(:last-child) {
    margin-right: 15px; } }
.original-form-radiobox .original-form-radio::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 24px;
  height: 24px;
  border: solid 1px #ccc;
  border-radius: 12px;
  z-index: 0; }
.original-form-radiobox input:checked + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: auto;
  bottom: auto;
  left: 6px;
  width: 12px;
  height: 12px;
  background-color: #333;
  border-radius: 12px;
  z-index: 10; }

select.original-select-sort,
input.original-select-sort {
  display: inline-block;
  position: relative;
  width: 500px;
  min-width: 500px;
  height: 40px;
  min-height: 40px;
  margin: auto;
  border-radius: 0;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  select.original-select-sort,
  input.original-select-sort {
    font-size: 14px; } }
@media screen and (max-width: 999px) {
  select.original-select-sort,
  input.original-select-sort {
    width: calc(45vw + 16px);
    min-width: 200px; } }

@media screen and (max-width: 999px) {
  .original-form-section select.original-select-sort,
  .original-form-section input.original-select-sort {
    width: 90vw;
    min-width: 90vw; } }

.original-formsection-questionicon {
  display: inline-block;
  margin-left: 5px;
  width: 24px;
  height: 24px;
  color: #fff;
  font-weight: 400;
  text-align: center;
  background-color: #8f919e;
  border-radius: 50%; }
@media screen and (max-width: 999px) {
  .original-formsection-questionicon {
    width: 20px;
    height: 20px; } }

.main-header {
  width: 100%;
  border: none; }

@media screen and (min-width: 1000px) {
  .original-header-titlelogo {
    transition: 0.2s; }
  .original-header-titlelogo:hover {
    opacity: 0.7; } }

.original-header-titlelogo-img {
  position: relative;
  top: -3px;
  width: 100%; }
@media screen and (max-width: 999px) {
  .original-header-titlelogo-img {
    top: 0;
    width: 43vw;
    margin-left: 5vw;
    max-width: 220px; } }

.original-titlenav {
  margin: 26px auto;
  max-width: 1000px;
  min-height: 28px; }
@media screen and (max-width: 999px) {
  .original-titlenav {
    display: inline-block;
    width: auto;
    margin: 15px auto;
    height: 30px; } }

.original-titlenav-link {
  margin-left: 25px;
  color: #333;
  line-height: 28px;
  font-size: 12px; }
@media screen and (max-width: 999px) {
  .original-titlenav-link {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-titlenav-link {
    transition: 0.2s; }
  .original-titlenav-link:hover {
    opacity: 0.6; } }

.original-titlenav li.nav-item {
  max-height: 28px; }

.original-titlenav a.nav-link {
  max-height: 28px; }

.b-original-titlenav-right {
  gap: 45px;
  margin-left: auto;
}

.original-titlenav-user {
  position: relative;
  margin-left: 53px;
  height: 28px;
  font-size: 12px; }
@media screen and (max-width: 999px) {
  .original-titlenav-user {
    font-size: 12px; } }
@media screen and (max-width: 999px) {
  .original-titlenav-user {
    position: absolute;
    left: auto;
    right: 0;
    text-align: right;
    max-width: 43vw;
    margin-left: 0;
    padding-right: 34px; } }

.original-titlenav-label {
  display: flex;
  max-width: initial;
  height: 28px;
  justify-content: flex-end;
  align-items: center;
  text-align: right; }

.original-titlenav-user-label {
  position: relative;
  color: #666; }
@media screen and (max-width: 999px) {
  .original-titlenav-user-label {
    position: relative; } }

.original-titlenav-user-icon {
  display: inline-block;
  position: absolute;
  top: 2px;
  left: -26px; }
@media screen and (max-width: 999px) {
  .original-titlenav-user-icon {
    position: absolute;
    left: -20px; } }
.original-titlenav-user-icon._side {
  position: relative;
  top: -1px;
  left: -18px; }

.navbar-expand .navbar-nav {
  z-index: 10;
}

@media screen and (max-width: 1240px) {
  .navbar-expand .navbar-nav {
    margin-left: calc((1000px - 100vw) / 2 + 8px);
  }
}

@media screen and (max-width: 999px) {
  .navbar-expand .navbar-nav {
    margin-left: 0;
  }
}

.original-headernav-list {
  justify-content: center;
  background-color: #333;
  margin: auto;
  padding: 15px 100px; }
@media screen and (max-width: 999px) {
  .original-headernav-list {
    padding: 5px 0; } }

.original-headernav-block {
  position: relative;
  height: 50px;
  min-width: 166px;
  max-width: 166px; }
@media screen and (max-width: 999px) {
  .original-headernav-block {
    min-width: calc(100vw / 6);
    max-width: auto; } }

.original-headernav-block:hover .original-headernav-title,
.original-headernav-block:hover .original-headernav-icon {
  opacity: .7; }

.original-headernav-title {
  display: block;
  color: #fff;
  transition: .2s;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-headernav-title {
    font-size: 10px; } }
@media screen and (max-width: 999px) {
  .original-headernav-title {
    margin: auto !important; } }

.original-spmenu-navitem .original-headernav-icon {
  margin-top: 0;
  margin-bottom: 0;
}

.original-headernav-icon {
  display: block;
  margin-bottom: 4px;
  transition: .2s; }
@media screen and (max-width: 999px) {
  .original-headernav-icon {
    display: inline-block;
    margin-top: 2px; } }

.sp-search {
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 20px;
  width: 100%; }
.sp-search .input-group {
  text-align: center; }

.original-spmenu-toggle {
  display: block;
  position: relative;
  width: 30px;
  height: 23px;
  border-top: solid 2px #333;
  border-bottom: solid 2px #333;
  background: none; }
.original-spmenu-toggle::before {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 30px;
  height: 0;
  border-top: solid 2px #333; }

.original-spmenu-box {
  position: fixed !important;
  top: 0 !important;
  right: 0;
  width: calc(100vw - 60px) !important;
  z-index: 100000 !important; }

.original-spmenu-close {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -100 !important; }
.original-spmenu-close::before {
  content: '';
  position: absolute;
  display: block;
  top: 30px;
  left: 15px;
  width: 30px;
  height: 2px;
  background-color: #fff;
  transform: rotate(45deg); }
.original-spmenu-close::after {
  content: '';
  position: absolute;
  display: block;
  top: 30px;
  left: 15px;
  width: 30px;
  height: 2px;
  background-color: #fff;
  transform: rotate(-45deg); }

.original-spmenu-box-user {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  padding: 0 1em;
  width: calc(100vw - 60px) !important;
  height: 50px;
  line-height: 1;
  justify-content: center;
  align-items: center; }

.original-spmenu-nav {
  background-color: #333;
  padding: 0 20px !important; }

.original-spmenu-navitem {
  position: relative;
  font-size: 14px; }

.original-spmenu-navitem a {
  display: flex;
  column-gap: 4px;
}
.original-spmenu-navitem a > p {
  display: inline-block;
  margin-left: .5em !important;
  color: #fff; }
.original-spmenu-navitem a > span {
  position: relative;
  top: -2px; }

.original-spmenu-navitem-top {
  border-bottom: 1px solid #fff;
  line-height: 7.5vh; }
.original-spmenu-navitem-top::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: calc(4.5vh - 8px);
  right: 4px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg); }
.original-spmenu-navitem-top a > span {
  position: relative; }

.original-spmenu-nav .original-spmenu-navitem:nth-child(2) {
  margin-top: 50px; }

/*
.original-spmenu-nav .original-spmenu-navitem:nth-child(6) {
  margin-bottom: 1em; }
  */

.original-spmenu-nav .original-spmenu-navitem:last-child {
  margin-bottom: 2em; }

.original-spmenu-navitem-under {
  margin-top: 1em;
  text-align: right; }
.original-spmenu-navitem-under::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 4px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg); }
.original-spmenu-navitem-under a {
  display: inline-block; }
.original-spmenu-navitem-under a > p {
  position: relative;
  display: inline-block;
  right: 24px; }
@media screen and (max-width: 999px) {
  .original-spmenu-navitem-under {
    margin-top: 1.5vh; } }

.table-secondary {
  background: none !important; }
.table-secondary a .svg-headernav svg {
  stroke: #f4ad53; }
.table-secondary a .original-headernav-title {
  color: #f4ad53; }

.original-spmenu-navitem .active {
  background: none !important; }
.original-spmenu-navitem .active .svg-headernav svg {
  stroke: #f4ad53; }
.original-spmenu-navitem .active p {
  color: #f4ad53; }

.original-toAdmin {
  position: absolute;
  top: -1.9em;
  right: 0;
  z-index: 100000;
  white-space: nowrap; }
.original-toAdmin a {
  font-size: 12px;
  color: #f7793f; }
.original-toAdmin a:hover {
  color: #ff7e42;
  opacity: .8; }
@media screen and (max-width: 999px) {
  .original-toAdmin {
    display: none; } }

.recommend-num {
  position: absolute;
  top: -7px;
  left: calc(50% + 17px);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  background-color: #f4ad53;
  color: white;
  border-radius: 9999px;
  font-family: "Lato";
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .recommend-num {
    top: -2px;
    left: calc(50% + 10px);
    width: 20px;
    height: 20px;
    font-size: 12px; } }

@media screen and (max-width: 999px) {
  .section-recommend h2 {
    position: relative;
    width: 100vw !important;
    left: -5vw;
    font-size: 16px !important; } }

@media screen and (max-width: 999px) {
  .section-recommend .evaluation .switch {
    font-size: 10px; } }

.section-recommend .evaluation i {
  margin-bottom: 2px; }

@media screen and (max-width: 999px) {
  .section-recommend .evaluation_text {
    bottom: 62px; } }

@media screen and (max-width: 999px) {
  .original-top-card.disabled::before {
    font-size: 22px; } }

.main-header .border-right {
  border-right: 1px solid #ccc !important; }

.main-header .border-left {
  border-left: 1px solid #ccc !important; }

footer.original-footer-area {
  margin: auto;
  padding: 80px 0 40px;
  background-color: #333; }
footer.original-footer-area a {
  color: #fff; }
@media screen and (max-width: 999px) {
  footer.original-footer-area {
    padding: 35px 0 25px; } }

footer .footer-inner {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto; }

.original-copyright {
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 10px; }
@media screen and (max-width: 999px) {
  .original-copyright {
    font-size: 10px; } }

.original-footer-titlelogo {
  width: auto;
  height: 28px;
  margin-right: 40px;
  margin-bottom: 10px; }
@media screen and (max-width: 999px) {
  .original-footer-titlelogo {
    width: 45vw;
    height: auto;
    max-width: 200px;
    margin-right: 5vw;
    margin-left: 5vw;
    margin-bottom: 0; } }

@media screen and (min-width: 1000px) {
  .original-footernav-item {
    transition: 0.2s; }
  .original-footernav-item:hover {
    opacity: 0.7; } }

.original-footer-icon {
  margin-right: 20px; }
@media screen and (max-width: 999px) {
  .original-footer-icon {
    position: relative;
    bottom: 5px;
    margin-right: 2.5vw; }
  .original-footer-icon img {
    width: 6.25vw;
    max-width: 28px;
    height: auto; } }

.original-footer-navlist {
  position: relative;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-footer-navlist {
    font-size: 12px; } }
@media screen and (min-width: 1000px) {
  .original-footer-navlist {
    transition: 0.2s; }
  .original-footer-navlist:hover {
    opacity: 0.7; } }
.original-footer-navlist::before {
  content: '-';
  display: inline-block;
  margin-right: 5px; }
@media screen and (max-width: 999px) {
  .original-footer-navlist {
    position: relative;
    left: .5em;
    margin-left: 5vw; } }

.original-navbar {
  margin-bottom: 80px; }
@media screen and (max-width: 999px) {
  .original-navbar {
    margin-bottom: 45px;
    padding: 0 !important; } }

.original-nav-link {
  line-height: 1;
  margin-top: 25px; }
@media screen and (max-width: 999px) {
  .original-nav-link {
    margin-top: 15px; } }

.original-toTop-Button {
  position: relative; }

.original-toTop-Button a {
  display: block;
  position: absolute;
  top: -110px;
  right: -60px;
  width: 60px;
  height: 60px;
  background-color: #8f919e;
  transition: .2s;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
.original-toTop-Button a::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -2px;
  margin-right: -5px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(-45deg); }
.original-toTop-Button a:hover {
  cursor: pointer;
  background-color: #717380; }
@media screen and (max-width: 1199px) {
  .original-toTop-Button a {
    transition: 0s;
    right: 2.5vw; } }
@media screen and (max-width: 999px) {
  .original-toTop-Button a {
    top: -45px;
    width: 45px;
    height: 45px; }
  .original-toTop-Button a::before {
    width: 9px;
    height: 9px; } }

.evaluation-band {
  position: fixed;
  display: flex;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 110px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000; }
@media screen and (max-width: 999px) {
  .evaluation-band {
    height: 90px;
    padding: 15px 5vw; } }
@media screen and (max-width: 999px) {
  .evaluation-band .original-detail-btn {
    margin-bottom: 8px !important; } }

.evaluation-btns {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 1000px; }
@media screen and (min-width: 1000px) {
  .evaluation-btns {
    width: auto; } }
@media screen and (max-width: 999px) {
  .evaluation-btns {
    flex-wrap: wrap; } }
@media screen and (max-width: 999px) {
  .evaluation-btns .original-detail-btn {
    width: 100%;
    margin-bottom: 15px; } }
.evaluation-btns .switch {
  background-color: #333;
  font-size: 12px;
  color: white;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); }
@media screen and (max-width: 999px) {
  .evaluation-btns .switch > span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 25%;
    height: 60px; } }
.evaluation-btns.disabled::before {
  font-size: 20px; }
@media screen and (max-width: 999px) {
  .evaluation-btns.disabled::before {
    font-size: 16px; } }

.evaluation-btns .switch.active {
  background-color: #f4ad53;
  color: #333; }

.original-detail-btn {
  border: none !important; }
.original-detail-btn._mail {
  background-color: #ec3131 !important;
  color: white !important; }
.original-detail-btn._mail svg {
  stroke: white;
  fill: white; }

.original-detail-btn._blue {
  pointer-events: auto;
  background-color: #0084e0 !important;
  color: white !important;
  border: none; }
@media screen and (min-width: 1000px) {
  .original-detail-btn._blue {
    margin-left: 0; } }
.original-detail-btn._blue svg {
  stroke: white;
  fill: white; }
.original-detail-btn._blue:hover {
  opacity: 1 !important; }

.original-detail-btn._blue._dead {
  color: white;
  background-color: #8f919e !important;
  pointer-events: none; }

.evaluation-btns .switch {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 165px;
  cursor: pointer;
  color: white;
  font-size: 14px; }
@media screen and (min-width: 1000px) {
  .evaluation-btns .switch {
    height: 70px; } }
@media screen and (max-width: 999px) {
  .evaluation-btns .switch {
    width: 25%;
    font-size: 10px; } }
.evaluation-btns .switch i {
  position: relative;
  margin-right: 8px; }
@media screen and (max-width: 999px) {
  .evaluation-btns .switch i {
    margin-right: 0; } }
.evaluation-btns .switch > span {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  line-height: 50px; }
@media screen and (max-width: 999px) {
  .evaluation-btns .switch > span {
    line-height: 1.3; } }

.evaluation-btns > .switch:not(:first-child) > span {
  border-left: 1px solid #ccc; }

.evaluation-btns > .active + .switch > span {
  border: none; }

.evaluation-btns .switch.active {
  background-color: #f4ad53 !important;
  color: #333 !important;
  border: none;
  pointer-events: none; }

/* label */
/* mark */
.evaluation-btns i {
  position: relative;
  font-family: 'Noto Sans JP', sans-serif !important;
  /* font-family: "Source Sans Pro"; */
  font-size: 30px;
  margin-bottom: 5px; }

.evaluation-btns .fa-dot-circle {
  /* transform: scale(1.25);  */
}

.evaluation-btns .fa-dot-circle:before {
  content: "◎"; }

.evaluation-btns .fa-circle:before {
  content: "○";
  font-weight: 500;
  position: relative;
  top: 1px; }

.evaluation-btns .fa-triangle:before {
  content: "△";
  font-weight: 500; }

.evaluation-btns .fa-times {
  /* transform: scale(1.6); */
  margin-right: 10px; }

.evaluation-btns .fa-times:before {
  content: "×";
  font-weight: 200;
  position: relative;
  top: -1px; }
@media screen and (max-width: 999px) {
  .evaluation-btns .fa-times:before {
    top: 0; } }

.evaluation-btns.disabled {
  cursor: inherit;
  pointer-events: none; }
.evaluation-btns.disabled::before {
  content: '評価期間が終了しました';
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: bold;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000; }

.evaluation-btns.disabled span {
  pointer-events: none;
  cursor: inherit; }

@media screen and (max-width: 999px) {
  .section-recommend._orange {
    padding-bottom: 20px !important; } }

@media screen and (max-width: 999px) {
  .section-recommend._white {
    padding-top: 30px !important; } }

.original-top-card.disabled > a {
  z-index: 1000; }

.original-top-card {
  /* 評価ブロック */
  /* mark */ }
.original-top-card ._orange {
  background-color: #fcf8ef;
  padding-bottom: 60px; }
.original-top-card ._white {
  background-color: white;
  padding-top: 80px; }
.original-top-card h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  width: 100%;
  height: 40px;
  color: white;
  font-size: 18px;
  font-weight: 500; }
.original-top-card ._orange h2 {
  background-color: #f4ad53; }
.original-top-card ._white h2 {
  background-color: #333; }
.original-top-card .original-top-card.disabled {
  cursor: inherit; }
.original-top-card .original-top-card.disabled::before {
  content: '評価期間が終了しました';
  position: absolute;
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: 'Hiragino Kaku Gothic ProN';
  line-height: 450px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000; }
.original-top-card .original-card-link {
  height: calc(100% - 76px); }
.original-top-card .original-search-result-top {
  margin-bottom: 12px; }
.original-top-card .section-recommend-desc {
  margin-bottom: 25px; }
.original-top-card .evaluation_text {
  margin-top: 15px;
  padding: 10px 0;
  border-top: 1px solid #ccc;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Hiragino Kaku Gothic ProN'; }
.original-top-card .evaluation_text ._residue {
  color: #ec3131;
  margin-left: 16px; }
.original-top-card .evaluation_text ._over {
  color: #ec3131;
  margin-left: 16px; }
.original-top-card .evaluation_text ._disc {
  color: #f4ad53; }
.original-top-card .evaluation_text ._charge {
    position: relative;
    top: -2px; }
.original-top-card .evaluation .switch {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: white;
  font-size: 14px; }
.original-top-card .evaluation > .switch:last-child {
  border-left: 1px solid #ccc; }
.original-top-card .evaluation > .switch:nth-child(2) {
  border-left: 1px solid #ccc; }
.original-top-card .evaluation > .switch:nth-child(3) {
  border-left: 1px solid #ccc; }
.original-top-card .evaluation > .active + .switch:last-child {
  border: none; }
.original-top-card .evaluation > .active + .switch:nth-child(2) {
  border: none; }
.original-top-card .evaluation > .active + .switch:nth-child(3) {
  border: none; }
.original-top-card .evaluation .switch.active {
  background-color: #f4ad53 !important;
  margin-top: -8px;
  height: calc(100% + 16px);
  padding: 8px 0;
  color: #333 !important;
  border: none;
  pointer-events: none; }
/* SP はバーの内寸が 44px（= 60px - 上下 padding 8px）になるため、
   PC 用の +16px/-8px のままだと選択中の矩形がバー全高(60px)を占めて上下の余白が消える。
   +8px/-4px にして上下 4px ずつ内側に収める。
   padding も 8px→4px に合わせることで内寸が 44px のまま保たれ、
   選択中のラベル位置が非選択のボタンと揃う。 */
@media screen and (max-width: 999px) {
  .original-top-card .evaluation .switch.active {
    margin-top: -4px;
    height: calc(100% + 8px);
    padding: 4px 0; } }
.original-top-card i {
  position: relative;
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 26px;
  margin-bottom: 5px; }
.original-top-card .fa-dot-circle:before {
  content: "◎"; }
.original-top-card .fa-circle:before {
  content: "○"; }
.original-top-card .fa-triangle:before {
  content: "△"; }
.original-top-card .fa-times:before {
  content: "×"; }

.original-top-card.disabled::before {
  content: '評価期間が終了しました';
  position: absolute;
  color: white;
  font-weight: bold;
  text-align: center;
  font-family: 'Hiragino Kaku Gothic ProN';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 20px;
  line-height: 450px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000; }

.original-faq-box {
  margin-bottom: 100px; }
@media screen and (max-width: 999px) {
  .original-faq-box {
    margin-bottom: 50px; } }

.original-faq-subsection {
  margin-bottom: 20px; }
.original-faq-subsection p {
  margin: 0 20px;
  min-height: 1em;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-faq-subsection p {
    font-size: 14px; } }
@media screen and (max-width: 999px) {
  .original-faq-subsection p {
    margin: 0; } }
.original-faq-subsection p a {
  text-decoration: underline; }
@media screen and (min-width: 1000px) {
  .original-faq-subsection p a {
    transition: 0.2s; }
  .original-faq-subsection p a:hover {
    opacity: 0.7; } }
@media screen and (max-width: 999px) {
  .original-faq-subsection {
    margin-bottom: 15px; } }

.original-changepass-foot {
  margin-top: 50px;
  margin-bottom: 100px; }
@media screen and (max-width: 999px) {
  .original-changepass-foot {
    margin-top: 25px;
    margin-bottom: 50px; } }
@media screen and (max-width: 999px) {
  .original-changepass-foot .original-footbutton {
    display: block;
    position: relative;
    margin: auto;
    width: 90vw;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-changepass-foot .original-footbutton {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-changepass-foot .original-footbutton:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-changepass-foot .original-footbutton {
    transition: 0.2s; }
  .original-changepass-foot .original-footbutton:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-changepass-foot .original-footbutton:hover {
    color: #666; } }

.original-resetpass-text {
  margin-bottom: 45px;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-resetpass-text {
    font-size: 14px; } }
@media screen and (max-width: 999px) {
  .original-resetpass-text {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center; } }

.original-history-message {
  margin-bottom: 24px;
  font-size: 12px; }
@media screen and (max-width: 999px) {
  .original-history-message {
    font-size: 12px; } }

.swal-clear {
  width: 100% !important; }
@media screen and (max-width: 999px) {
  .swal-clear {
    width: 80vw !important; } }

.original-login-header {
  padding-top: 20px;
  padding-bottom: 35px;
  background-color: #fff; }
@media screen and (max-width: 999px) {
  .original-login-header {
    padding-top: 20px;
    padding-bottom: 25px; } }

.original-login-mainvisual {
  width: 100%;
  min-height: 380px;
  max-height: 380px;
  background-image: url("../images/pages/login/login_main.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-background-size: cover; }

.original-login-titlelogo {
  position: relative;
  top: -3px;
  margin-bottom: 15px; }
@media screen and (max-width: 999px) {
  .original-login-titlelogo {
    top: 0;
    width: 45vw;
    max-width: 220px;
    margin-bottom: 20px; } }

.original-login-mainimg {
  width: 100%; }

.original-login-wrapper {
  width: 100%;
  background-color: #fff; }
@media screen and (max-width: 999px) {
  .original-login-wrapper {
    margin-bottom: -32px; } }

.original-login-text {
  margin-bottom: 30px;
  text-align: center;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-login-text {
    font-size: 14px; } }
.original-login-text a {
  text-decoration: underline; }
@media screen and (min-width: 1000px) {
  .original-login-text a {
    transition: 0.2s; }
  .original-login-text a:hover {
    opacity: 0.8; } }
.original-login-text a:hover {
  text-decoration: none; }
@media screen and (max-width: 999px) {
  .original-login-text {
    margin-bottom: 25px;
    text-align: left; } }

@media screen and (max-width: 999px) {
  .original-login-text-pass {
    margin-top: 25px;
    margin-bottom: 35px;
    text-align: center; } }

.original-login-input-group {
  display: block !important;
  margin-bottom: 20px; }
@media screen and (max-width: 999px) {
  .original-login-input-group {
    margin-bottom: 15px; } }

@media screen and (max-width: 999px) {
  .original-login-input-group-bottom {
    margin-bottom: 25px; } }

.original-login-input-title {
  display: block;
  margin-bottom: 20px;
  padding: 8px 20px;
  line-height: 1.5;
  background-color: #eee;
  font-size: 16px; }
@media screen and (max-width: 999px) {
  .original-login-input-title {
    font-size: 14px; } }
@media screen and (max-width: 999px) {
  .original-login-input-title {
    position: relative;
    width: 100vw;
    left: -5vw;
    margin-bottom: 15px;
    padding: 8px 5vw; } }

input.original-login-input {
  margin-left: 20px;
  padding: 0 15px;
  width: calc(50% - 20px);
  height: 40px;
  font-size: 16px; }
@media screen and (max-width: 999px) {
  input.original-login-input {
    font-size: 14px; } }
@media screen and (max-width: 999px) {
  input.original-login-input {
    margin-left: 0;
    width: 100%; } }

.original-login-btn {
  display: block;
  position: relative;
  margin: auto;
  width: 340px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #333;
  background-color: #fff;
  border: 1px solid #494b54;
  transition: .2s;
  white-space: nowrap;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  margin: 50px auto 30px auto; }
@media screen and (max-width: 999px) {
  .original-login-btn {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-login-btn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (min-width: 1000px) {
  .original-login-btn {
    transition: 0.2s; }
  .original-login-btn:hover {
    opacity: 0.8; } }
.original-login-btn:hover {
  color: #666; }
@media screen and (max-width: 999px) {
  .original-login-btn {
    display: block;
    position: relative;
    margin: auto;
    width: 90vw;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-login-btn {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-login-btn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-login-btn {
    transition: 0.2s; }
  .original-login-btn:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-login-btn:hover {
    color: #666; } }

.original-terms-search-text {
  margin-bottom: 45px; }
@media screen and (max-width: 999px) {
  .original-terms-search-text {
    margin-bottom: 10px; } }
@media screen and (max-width: 999px) {
  .original-terms-search-text {
    font-size: 14px; } }

.original-term-card {
  position: relative;
  width: 313px;
  height: auto;
  min-height: 425px;
  margin-bottom: 30px;
  padding: 20px 20px 90px 20px;
  background-color: #fff;
  box-shadow: 0 2.66667px 8px rgba(0, 0, 0, 0.25); }
@media screen and (min-width: 1000px) {
  .original-term-card:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) {
  .original-term-card {
    width: 90vw;
    height: auto;
    min-height: auto;
    margin: 0 auto;
    margin-bottom: 20px; } }

.original-term-card-close {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  background-color: #333;
  cursor: pointer; }
@media screen and (min-width: 1000px) {
  .original-term-card-close {
    transition: 0.2s; }
  .original-term-card-close:hover {
    opacity: 0.8; } }

.original-term-card-column {
  width: 100%; }

.original-term-card-column:last-child {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 20px;
  left: 0; }

.original-term-card-column:not(:last-child) {
  margin-bottom: 10px; }

.original-term-card-num {
  color: #f4ad53;
  line-height: 1;
  font-size: 40px;
  font-family: 'Lato', sans-serif; }
@media screen and (max-width: 999px) {
  .original-term-card-num {
    font-size: 30px; } }

.original-term-card-date {
  margin-left: .3rem;
  line-height: 1;
  font-weight: 700;
  font-family: "Hiragino Kaku Gothic ProN", "hiragino kaku gothic pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 18px; }
@media screen and (max-width: 999px) {
  .original-term-card-date {
    font-size: 14px; } }

.original-term-card-hour {
  margin-left: 1rem;
  line-height: 1;
  font-weight: 700;
  font-family: "Hiragino Kaku Gothic ProN", "hiragino kaku gothic pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 18px; }
@media screen and (max-width: 999px) {
  .original-term-card-hour {
    font-size: 14px; } }

.original-term-card-title {
  margin-bottom: 10px;
  font-size: 18px; }
@media screen and (max-width: 999px) {
  .original-term-card-title {
    font-size: 14px; } }

.original-term-card-status {
  display: block;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-term-card-status {
    font-size: 14px; } }

.original-term-card-btn {
  display: block;
  position: relative;
  margin: auto;
  width: calc(100% - 40px);
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #333;
  background-color: #fff;
  border: 1px solid #494b54;
  transition: .2s;
  white-space: nowrap;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  background-color: #f4ad53;
  color: #fff;
  border: none; }
@media screen and (max-width: 999px) {
  .original-term-card-btn {
    font-size: 14px; } }
@media screen and (min-width: 1000px) {
  .original-term-card-btn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (min-width: 1000px) {
  .original-term-card-btn {
    transition: 0.2s; }
  .original-term-card-btn:hover {
    opacity: 0.8; } }
.original-term-card-btn:hover {
  color: #666; }
.original-term-card-btn:hover {
  color: #fff; }
@media screen and (max-width: 999px) {
  .original-term-card-btn {
    display: block;
    position: relative;
    margin: auto;
    width: calc(100% - 40px);
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border: 1px solid #494b54;
    transition: .2s;
    white-space: nowrap;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    background-color: #f4ad53;
    color: #fff;
    border: none; } }
@media screen and (max-width: 999px) and (max-width: 999px) {
  .original-term-card-btn {
    font-size: 14px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-term-card-btn:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) and (min-width: 1000px) {
  .original-term-card-btn {
    transition: 0.2s; }
  .original-term-card-btn:hover {
    opacity: 0.8; } }
@media screen and (max-width: 999px) {
  .original-term-card-btn:hover {
    color: #666; } }

.original-banner {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); }
@media screen and (min-width: 1000px) {
  .original-banner {
    transition: 0.2s; }
  .original-banner:hover {
    opacity: 0.8; } }
@media screen and (min-width: 1000px) {
  .original-banner:hover {
    position: relative;
    top: 1px;
    left: 1px; } }
@media screen and (max-width: 999px) {
  .original-banner {
    display: block;
    width: 90vw;
    margin: auto; } }

@media screen and (max-width: 999px) {
  .original-banner-spflex {
    flex-direction: column !important;
    margin: auto;
    justify-content: center !important; } }

@media screen and (max-width: 999px) {
  .original-banner-spflex > .original-banner:not(:last-child) {
    margin-bottom: 10px; } }

@media screen and (max-width: 999px) {
  .original-banner-img {
    display: block;
    width: 90vw;
    height: auto;
    margin: 0 auto; } }

.original-banner-box {
  margin-bottom: 100px; }
@media screen and (max-width: 999px) {
  .original-banner-box {
    margin-bottom: 50px; } }

@media screen and (max-width: 999px) {
  .original-top-footbutton-box {
    margin-bottom: 0 !important; } }

.original-abridgement-box {
  margin-bottom: 50px; }
@media screen and (max-width: 999px) {
  .original-abridgement-box {
    margin-bottom: 20px; } }

.original-abridgement {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 auto 12px auto;
  border-radius: 50%;
  background-color: #494b54; }

.original-top-newcards {
  position: relative;
  margin-bottom: 20px; }
@media screen and (min-width: 1000px) {
  .original-top-newcards div:not(:nth-child(3n)) {
    margin-right: 30px; } }

@media screen and (max-width: 999px) {
  .original-top-card:not(:last-child) {
    margin-bottom: 20px; } }

.original-top-card {
  position: relative;
  width: 313px;
  height: auto;
  margin-bottom: 30px;
  padding: 0 20px 95px 20px;
  color: #333;
  background-color: #fff;
  box-shadow: 0 2.66667px 8px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
@media screen and (min-width: 1000px) {
  .original-top-card:hover {
    position: relative;
    top: 1px;
    left: 1px; }
  .original-screening-card:hover{
    position: relative;
    top: 1px;
    left: 1px;
  } }
@media screen and (max-width: 999px) {
  .original-top-card {
    width: 90vw;
    height: auto;
    margin: 0 auto;
    margin-bottom: 20px;
    padding-bottom: 75px; } }
.original-top-card div {
  width: 100%; }

@media screen and (max-width: 999px) {
  .original-search-borderbox-bottom {
    margin-bottom: 50px; } }

.original-form-sections {
  margin-bottom: 40px;
  padding-bottom: 50px;
  border-bottom: 1px solid #333; }
@media screen and (max-width: 999px) {
  .original-form-sections {
    margin-bottom: 30px;
    padding-bottom: 30px; } }

.original-form-section:not(:last-child) {
  margin-bottom: 20px; }
@media screen and (max-width: 999px) {
  .original-form-section:not(:last-child) {
    margin-bottom: 15px; } }

.original-form-section-conditions {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between; }

.original-form-show_condition {
  padding-left: 20px; }
.original-form-show_condition span {
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-form-show_condition span {
    font-size: 14px; } }
@media screen and (max-width: 999px) {
  .original-form-show_condition {
    padding-left: 0;
    padding-right: 2.5vw; } }

input.original-form-section-input, select.original-form-section-input {
  position: relative;
  margin-left: 20px; }
@media screen and (max-width: 999px) {
  input.original-form-section-input, select.original-form-section-input {
    margin-left: 0; } }

.original-searchcondition-textbox {
  margin-bottom: 25px; }

.original-searchlabel {
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-searchlabel {
    font-size: 12px; } }

.original-searchlabel:not(:last-child) {
  margin-bottom: 5px; }

.original-searchlabel-title {
  display: inline-block;
  font-weight: 700; }

.original-searchlabel-detail {
  display: inline-block; }

.original-searchcondition-buttonbox {
  display: flex;
  justify-content: center; }
.original-searchcondition-buttonbox .original-reloadbutton {
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-searchcondition-buttonbox .original-reloadbutton {
    font-size: 12px; } }
@media screen and (max-width: 999px) {
  .original-searchcondition-buttonbox {
    justify-content: space-around; } }

.original-search-result {
  display: flex;
  justify-content: space-between;
  font-size: 18px; }
@media screen and (max-width: 999px) {
  .original-search-result {
    font-size: 14px; } }

.original-search-result-top {
  height: 40px;
  margin-bottom: 50px; }
@media screen and (max-width: 999px) {
  .original-search-result-top {
    position: relative;
    top: 5px;
    margin-bottom: 25px; } }

.original-search-result-text {
  position: relative;
  top: -15px;
  height: 40px; }
@media screen and (max-width: 999px) {
  .original-search-result-text {
    height: auto; } }

.original-bottom-box .original-search-result-text {
  top: 0; }

.original-search-result-head {
  font-weight: 700;
  font-size: 18px; }
@media screen and (max-width: 999px) {
  .original-search-result-head {
    font-size: 14px; } }
@media screen and (max-width: 999px) {
  .original-search-result-head {
    display: block; } }

.original-search-result-num {
  color: #f4ad53;
  line-height: 1.75;
  font-size: 40px; }
@media screen and (max-width: 999px) {
  .original-search-result-num {
    font-size: 30px; } }
@media screen and (max-width: 999px) {
  .original-search-result-num {
    line-height: 1; } }

.original-search-result-foot {
  font-size: 18px; }
@media screen and (max-width: 999px) {
  .original-search-result-foot {
    font-size: 14px; } }

.original-top-footbutton-box {
  margin-bottom: 50px; }

.original-serchdetail-section {
  margin-bottom: 35px; }
.original-serchdetail-section p {
  margin: 0;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-serchdetail-section p {
    font-size: 14px; } }

.original-serchdetail-subsection {
  margin-bottom: 15px; }
.original-serchdetail-subsection .original-title-thingray {
  margin-bottom: 15px; }
.original-serchdetail-subsection p {
  margin: 0 20px;
  min-height: 1em;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-serchdetail-subsection p {
    font-size: 14px; } }
@media screen and (max-width: 999px) {
  .original-serchdetail-subsection p {
    margin: 0; } }
.original-serchdetail-subsection p a {
  color: #333;
  text-decoration: underline; }
@media screen and (min-width: 1000px) {
  .original-serchdetail-subsection p a {
    transition: 0.2s; }
  .original-serchdetail-subsection p a:hover {
    opacity: 0.7; } }
.original-serchdetail-subsection .point h5 {
  margin-bottom: 1em;
  font-weight: 700;
  font-size: 16px; }
@media screen and (max-width: 999px) {
  .original-serchdetail-subsection .point h5 {
    font-size: 16px; } }
.original-serchdetail-subsection .point:not(:last-child) {
  margin-bottom: 1em; }
.original-serchdetail-subsection .point:not(:last-child)::after {
  content: "";
  display: block;
  padding-top: 1em;
  width: 60%;
  border-bottom: solid 1px #adadad; }
.original-serchdetail-subsection .point:last-child {
  margin-bottom: 2em; }

.original-serchdetail-section .point-header {
  margin-top: 1em;
  padding-bottom: 1em; }
.original-serchdetail-section .point-header h4 {
  font-weight: 700;
  font-size: 20px; }
@media screen and (max-width: 999px) {
  .original-serchdetail-section .point-header h4 {
    font-size: 20px; } }

.original-detailcard {
  padding: 70px 0 30px 0; }
@media screen and (max-width: 999px) {
  .original-detailcard {
    padding: 10px 0 30px 0; } }
.original-detailcard .original-card-thumbnail {
  width: 100%;
  margin-left: 0; }
.original-detailcard .original-card-title {
  font-size: 28px; }
@media screen and (max-width: 999px) {
  .original-detailcard .original-card-title {
    font-size: 18px; } }
.original-detailcard .original-card-name {
  margin-bottom: 15px;
  font-size: 20px; }
@media screen and (max-width: 999px) {
  .original-detailcard .original-card-name {
    font-size: 14px; } }
.original-detailcard .card-new-tag::after {
  width: 74px;
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .original-detailcard .card-new-tag::after {
    font-size: 10px; } }
@media screen and (max-width: 999px) {
  .original-detailcard .card-new-tag::after {
    width: 50px; } }

.maincontent-container-searchdetail {
  margin-bottom: 0;
  padding-bottom: 50px; }

.modal-open {
  padding-right: 0 !important; }

.layout-navbar-fixed {
  padding-right: 0 !important; }

@media screen and (max-width: 999px) {
  .modal-dialog {
    padding-bottom: 75px; } }

button.modal-btn-clear {
  width: 40%;
  white-space: nowrap; }
@media screen and (max-width: 999px) {
  button.modal-btn-clear {
    width: 48%; } }

button.modal-btn-save {
  width: 40%;
  color: #fff;
  background-color: #8f919e; }
@media screen and (min-width: 1000px) {
  button.modal-btn-save {
    transition: 0.2s; }
  button.modal-btn-save:hover {
    opacity: 0.8; } }
button.modal-btn-save:hover {
  color: #fff;
  background-color: #8f919e; }
@media screen and (max-width: 999px) {
  button.modal-btn-save {
    width: 48%; } }

.alert {
  padding-top: 180px !important;
  margin-bottom: -180px !important; }

.modeless {
  overflow-y: scroll !important; }
.modeless .modal-backdrop {
  background: none !important; }

.tooltip-inner {
  max-width: 97.5vw !important; }

.result-swal {
  background-color: #000; }
.result-swal .swal2-header {
  max-width: 80%;
  margin: auto; }
.result-swal .swal2-header .swal2-title {
  font-size: 20px; }
@media screen and (max-width: 999px) {
  .result-swal .swal2-header .swal2-title {
    font-size: 16px; } }
.result-swal .swal2-content {
  font-size: 14px; }
@media screen and (max-width: 999px) {
  .result-swal .swal2-content {
    font-size: 14px; } }
.result-swal .swal2-content .swal2-input {
  margin-bottom: 0;
  width: 85%;
  height: 2em; }
@media screen and (max-width: 999px) {
  .result-swal .swal2-content .swal2-input {
    height: 2em;
    font-size: 16px; } }
.result-swal .swal2-content .swal2-validation-message {
  padding-bottom: 0;
  background: none; }
.result-swal .swal2-content .swal2-validation-message::before {
  background-color: #f4ad53; }
.result-swal .swal2-success {
  font-size: 10px !important; }
.result-swal .swal2-actions .swal2-confirm {
  border-radius: 0;
  font-size: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); }
@media screen and (max-width: 999px) {
  .result-swal .swal2-actions .swal2-confirm {
    font-size: 14px; } }

.result-swal-after {
  width: 350px !important; }

  .movie-icon{
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
  }

  @media screen and (max-width: 999px) {
    .movie-icon {
     position: absolute;
     top: 0;
     right: 0;
     width: 16vw;
     height: 16vw;
     max-width: 100px;
     max-height: 100px;
     min-width:60px;
     min-height: 60px;
  } }

.video-content-wrap{
  position: relative;
  width: 100%;
  padding-top: 50%;
  margin-bottom: 15px;
}

.video-content-wrap iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.screening-card-link{
  position: absolute;
  width: 100%;
  height: 100%;
  text-decoration: none;
  top:0;
  left:0;
}

.loading {
  top: 0;
  left: 0;
  position: fixed;
  display: none;
  z-index: 99999;
  background-color: rgba(0, 0, 0, .8);
  width: 100vw;
  height: 100vh;
}

.loading-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  text-align: center;
  border-radius: 8px;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding:5vw;
}

.loading-txt{
  font-weight: bold;
  font-size: 16px;
}

@media screen and (min-width: 1000px) {
  .loading-box {
    width: 640px !important;
  }
}

@media screen and (max-width: 999px) {
  .loading-box {
    width: 80vw !important;
  }
}

.loading-video {
  margin-top: 3vw;
  width: 150px;
  height: 150px;
}

span.task-count-badge {
    background-color: #FB212F;
    color: white;
    vertical-align: text-top;
    margin-top: 0px;
    margin-left: 2px;
    font-size: smaller;
    text-align: center;
}