/* ##############################################################################

    KEYFRAMES

############################################################################## */
@keyframes fade_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade_out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade_in-disp {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 1;
  }
}
@keyframes fade_out-disp {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: none;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
@keyframes slide_in_lft {
  0% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes slide_out_lft {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-10%);
  }
}
@keyframes slide_in_rgt {
  0% {
    transform: translateX(10%);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes slide_out_rgt {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(10%);
  }
}
@keyframes slide_in_top {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes slide_out_top {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes slide_in_btm {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes slide_out_btm {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(10px);
  }
}

/* ##############################################################################

    COMMON

############################################################################## */

/* layout
**************************************** */

/* --- inner --- */
.inner {
  width: 1080px;
  margin: 0 auto;
}
.inner-xs {
  width: 800px;
}
.inner-sm {
  width: 964px;
}
.inner-lg {
  width: 100%;
}

/* --- section_pdg --- */
.section_pdg {
  padding-top: 80px;
  padding-bottom: 80px;
}
.section_pdg-lg {
  padding-top: 114px;
  padding-bottom: 114px;
}
.section_pdg-intro {
  padding-top: 60px;
  padding-bottom: 140px;
}

/* --- float --- */
.flt-rgt {
  float: right;
}
.flt-lft {
  float: left;
}

@media only screen and (max-width: 1100px) {
  .inner {
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .inner {
    width: 86%;
  }

  .section_pdg-lg {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section_pdg-intro {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}

/* font
**************************************** */
.noto {
  font-family: "Noto Sans JP", sans-serif;
}
.tsuku {
  font-family: "fot-tsukubrdgothic-std";
  font-weight: 700;
}

/* bg
**************************************** */
.bg-ygreen {
  background-color: #e0efd8;
}
.bg-green {
  background-color: #6cbb81;
}
.bg-gray {
  background-color: #f5f5f5;
}
.bg-white {
  background-color: #fff;
}

/* ttl
**************************************** */
.page_ttl {
  position: relative;
  display: flex;
  align-items: center;
  height: 204px;
  text-align: center;
  margin-top: 63px;
  border-bottom: 1px solid #111;
  background-position: center;
  background-image: url(../images/common/page_ttl_bg_common.jpg);
}
.interview_cat-interview .page_ttl,
.single-interview .page_ttl {
  background-image: url(../images/common/page_ttl_bg_interview.jpg);
}
.page_ttl .page_ttl--main {
  font-size: 214%;
}
.page_ttl .page_ttl--sub {
  display: block;
  margin-top: 8px;
  font-size: 80%;
  font-weight: normal;
  text-transform: uppercase;
}
.page_ttl::before,
.page_ttl::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
}
.page_ttl::before {
  left: 0;
  width: 15%;
  background: -moz-linear-gradient(left, rgba(222, 228, 228) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(222, 228, 228) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgb(222, 228, 228) 50%, rgba(255, 255, 255, 0) 100%);
}
.page_ttl::after {
  right: 0;
  width: 15%;
  background: -moz-linear-gradient(right, rgba(222, 228, 228) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(right, rgba(222, 228, 228) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to left, rgb(222, 228, 228) 50%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1600px) {
  .page_ttl::after,
  .page_ttl::before {
    width: 0;
  }
}

/* インタビュー詳細 */
.page_ttl.page_ttl--interview {
  height: 318px;
  background-size: auto 100%;
}
.page_ttl.page_ttl--interview::before,
.page_ttl.page_ttl--interview::after {
  display: none;
}
.page_ttl.page_ttl--interview strong {
  font-size: 160%;
}
.page_ttl.page_ttl--interview small {
  display: block;
  font-weight: 500;
  margin-top: 16px;
}

@media only screen and (max-width: 767px) {
  .page_ttl.page_ttl--interview {
    height: auto;
    background-size: auto 100%;
    padding: 50px 0;
  }
  .page_ttl.page_ttl--interview strong {
    font-size: 120%;
  }
  .page_ttl.page_ttl--interview strong br {
    display: none;
  }
}

.section_ttl {
  width: 512px;
  margin-right: auto;
  margin-left: auto;
  font-size: 240%;
  text-align: center;
}
.section_ttl--inline {
  position: relative;
}
.section_ttl--inline::before,
.section_ttl--inline::after {
  content: " ";
  position: absolute;
  bottom: 0;
  width: 67px;
  height: 87px;
  background-repeat: no-repeat;
}
.section_ttl--inline::before {
  left: 0;
  background-image: url(../images/common/section_ttl_deco_left.png);
}
.section_ttl--inline::after {
  right: 0;
  background-image: url(../images/common/section_ttl_deco_right.png);
}
.section_ttl .section_ttl--en {
  display: block;
  margin-top: 14px;
  font-size: 44.5%;
  letter-spacing: 0.08em;
  color: rgba(0, 0, 0, 0.5);
}

.section_ttl-mini {
  position: relative;
  text-align: center;
  font-size: 214%;
  color: #8f99ab;
}
.section_ttl-mini::before {
  position: absolute;
  top: 26px;
  left: 0;
  right: 0;
  width: 66%;
  margin: 0 auto;
  border-bottom: 10px double #8f99ab;
  content: "";
}
.section_ttl-mini span {
  position: relative;
  padding: 0 42px;
  display: inline-block;
  color: #111;
}
.bg-gray .section_ttl-mini span {
  background-color: #f5f5f5;
}
.bg-ygreen .section_ttl-mini span {
  background-color: #e0efd8;
}
.bg-white .section_ttl-mini span {
  background-color: #fff;
}

.section_ttl-underline {
  position: relative;
  padding-bottom: 34px;
  font-size: 227%;
  text-align: center;
  line-height: 1.45;
}
.section_ttl-underline::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 4px;
  margin: 0 auto;
  background: #ddd;
}
.bg-gray .section_ttl-underline::after {
  background-color: #a8bdc5;
}
.bg-ygreen .section_ttl-underline::after {
  background-color: #6cbb81;
}
.bg-white .section_ttl-underline::after {
  background-color: #a8bdc5;
}

/* txt
**************************************** */
.txt-ctr {
  text-align: center;
}
.txt-rgt {
  text-align: right;
}
.txt-xl {
  font-size: 148%;
}
.txt-lg {
  font-size: 120%;
}
.txt-sm {
  font-size: 94%;
  line-height: 1.55;
}
.txt-xs {
  font-size: 80%;
}
.txt-attention {
  font-size: 87%;
  color: #aeadad;
  line-height: 1.66;
}
.txt-attention-kome {
  position: relative;
  padding-left: 1.4em;
}
.txt-attention-kome::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.txt-strong {
  background: linear-gradient(transparent 65%, #fffca8 65%);
}
.underline {
  display: inline-block;
  border-bottom: 2px solid;
}
@media only screen and (max-width: 768px) {
  .underline {
    display: inline;
  }
}

/* table & list & dl
**************************************** */
.table {
  width: 100%;
}
.table th,
.table td {
  padding: 8px;
  border: 2px solid #eee;
  font-weight: 500;
}
.table th {
  background-color: #8f99ab;
  color: #fff;
  font-weight: 500;
}
.table td {
  background-color: #fff;
}

.table_form {
  width: 100%;
  border-top: 1px dashed #8f99ab;
}
.table_form th,
.table_form td {
  padding: 16px 20px;
  border-bottom: 1px dashed #8f99ab;
}
.table_form th {
  position: relative;
  width: 262px;
  background: #e0efd8;
  text-align: left;
  font-weight: 400;
  vertical-align: top;
}
.table_form td {
  background: #fff;
}
.table_form td input[type="text"],
.table_form td select {
  width: 60%;
}
.table_form td select {
  padding: 8px;
}
.table_form td input[type="text"],
.table_form td select:not([multiple="multiple"]) {
  height: 36px;
  padding: 0 8px;
}
.table_form tr.user_name td input[type="text"] {
  width: 38%;
  margin: 0 8px 12px;
}
.table_form tr.user_name td label,
.table_form tr.career td span {
  vertical-align: super;
}
.table_form tr.career td select {
  margin: 0 0 12px;
}
.table_form td textarea {
  width: 60%;
  height: 110px;
  padding: 8px;
}
.table_form .railway_line td select {
  height: 318px;
}
.table_form td .add-comment {
  display: block;
  margin-top: 6px;
  line-height: 1.6;
}
.table_form th.required::after {
  content: "\5FC5\9808";
  position: absolute;
  top: 18px;
  right: 20px;
  background: #d75876;
  padding: 2px 10px;
  color: #fff;
  font-size: 80%;
  border-radius: 2px;
}
.table_form .enpro_know th.required::after {
  top: 50px;
  left: 20px;
  right: auto;
}
.table_form .work_No th,
.table_form .work_No td {
  font-weight: 700 !important;
  font-size: 120%;
}
.table_form .work_No td input[type="text"] {
  border: none;
  padding: 0;
  font-weight: 700;
  font-size: 147%;
}
.form_modal {
  background: #fff;
  padding: 30px 30px 80px;
}
.form_modal h3 {
  font-size: 200%;
  border-bottom: 2px solid #8f99ab;
  padding-bottom: 8px;
  margin-bottom: 20px;
}
.form_modal dl {
  margin-bottom: 15px;
  padding: 0 14px 18px;
  border-bottom: 1px dashed #8f99ab;
}
.form_modal dl dt {
  margin-bottom: 4px;
  color: #6cbb81;
  font-size: 114%;
  font-weight: 500;
}
#form_attention dl dt {
  font-size: 140%;
}
.form_modal dl dd {
  line-height: 1.6;
}
.form_modal dl dd img {
  margin-top: 14px;
  margin-bottom: 12px;
}
.form_modal ul {
  margin-bottom: 22px;
}
.form_modal ul li span {
  color: #6cbb81;
  margin-right: 4px;
  font-size: 147%;
  line-height: 1;
}
.table_form--file input[type="file"] {
  width: 100%;
}
.table_form--file input[type="file"]:not(:last-child) {
  margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
  .table_form .railway_line td select {
    height: auto;
  }
}

/* btn
**************************************** */
.btn {
  display: block;
  width: 320px;
  padding: 8px 0 12px;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  font-family: "fot-tsukubrdgothic-std";
  font-weight: 700;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
@media all and (-ms-high-contrast: none) {
  .btn {
    font-family: "Noto Sans JP", sans-serif;
  }
}

.btn-red {
  background-color: #d75876;
}
.btn-red:hover {
  background-color: #d24465;
}
.btn-gray {
  background-color: #8f99ab;
}
.btn-gray:hover {
  background-color: #808ca0;
}
.btn-green {
  background-color: #6cbb81;
}
.btn-green:hover {
  background-color: #5bb372;
}
.btn-blue {
  background-color: #4b73b2;
}
.btn-blue:hover {
  background-color: #4367a0;
}
.btn-black {
  background-color: #000;
}
.btn-black:hover {
  color: #6cbb81;
  background: #fff;
}
.btn-white {
  background-color: #fff;
  color: #8f99ab;
}

.btn-lg {
  width: 360px;
  font-size: 120%;
}
.btn-sm {
  width: 240px;
  font-size: 108%;
}

.btn-center {
  margin-left: auto;
  margin-right: auto;
}

.text-link {
  text-decoration: underline;
}
.text-link.red,
.color_red {
  color: #d75876;
}
.text-link.bule,
.color_bule {
  color: #4b73b2;
}
.text-link.green,
.color_green {
  color: #6cbb81;
}

/* SVG
**************************************** */
.ribon-deco {
  position: relative;
}
.ribon {
  position: absolute;
  left: 0;
  bottom: -68px;
  max-width: 100%;
  height: 130px;
  z-index: 1;
}
.ribon-ygreen {
  fill: #e0efd8;
  stroke: #e0efd8;
  stroke-width: 4;
}
.ribon-gray {
  fill: #e3e5ea;
  stroke: #e3e5ea;
  stroke-width: 4;
}
.ribon-white {
  fill: #fff;
  stroke: #fff;
  stroke-width: 4;
}

.border-column {
  border-top: 1px solid #111;
  border-bottom: 1px solid #111;
}
@media (max-width: 767px) {
  .border-column {
    border-top: none;
  }
}

/* お気に入り一覧
**************************************** */
#favorite_list {
  padding: 30px 60px 120px;
  border-radius: 4px;
  background: #e0efd8;
}
#favorite_list .section_ttl-mini span {
  background: #e0efd8;
}
#favorite_list .rectuit_list--item_content {
  border-bottom: none;
}
#favorite_list .rectuit_list--item .btn {
  width: 68%;
  font-size: 120%;
}
#favorite_list .no-post {
  background: #fff;
  width: 100%;
  padding: 60px 0;
  text-align: center;
  border-radius: 2px;
}
.wpfp-link.remove-parent {
  background: #8f99ab;
  height: 47px;
  padding: 0 40px;
  border-radius: 2px;
  color: #fff;
  line-height: 47px;
}
@media only screen and (max-width: 767px) {
  #favorite_list {
    height: 100vh;
    padding: 20px 20px 120px;
  }
  #favorite_list .rectuit_list--item .btn {
    width: 100%;
    margin-bottom: 8px;
  }
  .wpfp-link.remove-parent {
    display: block;
    margin: 0 auto;
  }
  #favorite_list .rectuit_list.one_col .rectuit_list--item {
    width: 100%;
  }
}

/* COMMON SP
**************************************** */
@media only screen and (max-width: 767px) {
  .section_ttl {
    width: 100%;
    font-size: 174%;
  }
  .section_ttl--inline {
    max-width: 100%;
    margin: 0 auto;
  }
  .section_ttl--inline::before,
  .section_ttl--inline::after {
    display: none;
  }
  .section_ttl .section_ttl--en {
    margin-top: 4px;
  }

  .section_ttl-mini {
    font-size: 160%;
  }
  .section_ttl-mini::before {
    top: 19px;
    width: 95%;
    border-bottom: 6px double #8f99ab;
  }
  .section_ttl-mini span {
    padding: 0 12px;
  }
  .section_ttl-underline {
    padding-bottom: 24px;
    font-size: 147%;
  }

  .page_ttl {
    height: 140px;
    margin-top: 153px;
  }
  .page_ttl .page_ttl--main {
    font-size: 160%;
    line-height: 1.65;
  }

  .btn {
    width: auto;
  }
  .ribon {
    display: none;
  }
}

/* ##############################################################################

    HEADER

############################################################################## */

/* header
**************************************** */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  background: #e0efd8;
  z-index: 100;
}
.header--in {
  display: flex;
  width: 99.5%;
  margin: 0 0 0 auto;
}
.gnav_links {
  margin-right: 0.833vw;
}
.select_area--wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0 1rem 1rem;
  color: #fff;
  background-color: #d75876;
}
.select_area--wrap::before {
  content: "";
  position: absolute;
  top: -19px;
  left: 0;
  right: 0;
  height: 20px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background-color: #d75876;
}
.select_area {
  position: relative;
  z-index: 10;
  line-height: 1.5;
}
.select_area--btn,
.select_area--menu a {
  letter-spacing: 0;
}
.select_area--btn {
  cursor: pointer;
  border: none;
  outline: none;
  appearance: none;
  width: 100%;
  padding: 1rem;
  color: #d75876;
  font-size: 0.9375rem;
  font-weight: bold;
  text-align: left;
  line-height: 1;
}
.select_area--btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0.2em;
  right: 0.8em;
  margin: auto;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  transition: all 0.4s ease-out;
}
.select_area--btn span {
  font-size: 0.8125rem;
}
.select_area--menu {
  position: absolute;
  z-index: 1;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  visibility: hidden;
  margin-top: -1px;
  opacity: 0;
  transition: all 0.4s ease-out;
}
.select_area--menu a {
  display: block;
  padding: 0.5rem 1rem;
  font-size: 0.9375rem;
  text-align: left;
  line-height: 1.5;
}
.select_area--menu a:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.select_area--menu a:hover {
  background-color: #f2f8ef;
}
.select_area:hover .select_area--btn::after {
  bottom: -0.2em;
  transform: rotate(225deg);
}
.select_area:hover .select_area--menu {
  visibility: visible;
  opacity: 1;
}
.header--logo-wrap {
  position: absolute;
  top: 0;
  left: 0.5%;
  z-index: 3;
  width: 15.416vw;
  max-width: 296px;
  margin-top: 8px;
}
.header--logo {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.header--logo p {
  margin-bottom: 8px;
  font-size: 74%;
  letter-spacing: 0.05em;
  text-align: center;
}
.header--logo span {
  display: block;
  font-size: 0.572vw;
  text-align: center;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.header.fixed .header--logo-wrap {
  margin-top: -30px;
}
.header--nav {
  display: flex;
  justify-content: flex-end;
  height: 64px;
  flex: 1;
  margin-left: 17.187vw;
}
@media screen and (max-width: 767px) {
  .select_area--btn span.pc-none,
  .select--item span.pc-none {
    display: inline;
  }
  .select_area--btn {
    padding: 10px 16px;
  }
}

/* gnav_links
**************************************** */
.gnav_links {
  height: 64px;
  gap: 0.833vw;
}
.gnav_links .gnav--parent {
  flex-shrink: 0;
  height: 64px;
  cursor: pointer;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  white-space: nowrap;
}
.gnav_links .gnav--parent:hover::after {
  content: "\e90c";
  display: block;
  margin-top: 3px;
  transform: rotate(90deg);
  line-height: 1;
  font-family: "icomoon";
  color: #6cbb81;
  font-size: 80%;
}
.gnav_links .gnav--parent a,
.gnav_links .gnav--parent p {
  display: block;
  padding-top: 22px;
  font-size: 0.875rem;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.gnav_links .gnav--parent a:hover {
  color: #6cbb81;
}
.gnav_links .gnav--parent:hover p {
  padding-top: 10px;
}
@media all and (-ms-high-contrast: none) {
  .gnav_links.tsuku {
    font-family: "Noto Sans JP", sans-serif;
  }
}

@media screen and (max-width: 1366px) {
  .interview_parent {
    display: none;
  }
}

/* gnav_cv
**************************************** */
.gnav_cv {
  flex: 1;
}
.gnav_cv li:first-child {
  display: grid;
  place-items: center;
  margin-right: 1.5%;
}
.gnav_cv li a {
  display: inline-block;
  line-height: 1;
  font-weight: 700;
}
.gnav_cv li:first-child a {
  width: 96px;
  border: 1px solid;
  padding: 0.5rem 0.5rem 0.5rem;
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.35;
  letter-spacing: 0.06em;
}
.gnav_cv li:first-child a:hover {
  background: #111;
  border-color: #111;
  color: #fff;
}
.gnav_cv li:not(:first-child) {
  width: calc(100% / 4);
}
.gnav_cv li:not(:nth-child(-n + 1)) a {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  color: #fff;
  font-size: 1.125rem;
  padding: 1rem;
  white-space: nowrap;
}
.gnav_cv li:nth-child(2) a {
  background: #6cbb81;
}
.gnav_cv li:nth-child(2) a:hover {
  background: #5bb372;
}
.gnav_cv li:nth-child(4) a {
  background: #4b73b2;
}
.gnav_cv li:nth-child(4) a:hover {
  background: #4367a0;
}
.gnav_cv li:nth-child(3) a {
  background: #d75876;
}
.gnav_cv li:nth-child(3) a:hover {
  background: #d24365;
}
.gnav_cv li:nth-child(5) a {
  background: #8f99ab;
}
.gnav_cv li .icon-icon_search,
.gnav_cv li .icon-icon_edit,
.gnav_cv li .icon-icon_register {
  margin-right: 8px;
}
.gnav_cv li:not(:nth-child(-n + 1)) a span {
  vertical-align: baseline;
}
.gnav_cv li:not(:first-child) a small {
  font-size: 12px;
  display: block;
  text-align: center;
  margin: 0 0 6px;
}
.gnav_cv li:last-child a small {
  font-size: 8px;
}
@media all and (-ms-high-contrast: none) {
  .gnav_cv li a span.tsuku {
    font-family: "Noto Sans JP", sans-serif;
  }
}

.gnav--sub {
  display: none;
  position: absolute;
  top: 64px;
  left: 0;
  width: 100%;
  padding-left: calc(100% - 80%);
  padding-top: 15px;
  padding-bottom: 11px;
  background-color: #f5f5f5;
  z-index: 1;
}
.gnav--sub li {
  margin-bottom: 8px;
  border-radius: 2px;
  text-align: left;
}
.gnav--sub li a {
  position: relative;
  width: 98%;
  padding: 10px 16px !important;
  display: block !important;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.09);
}
.gnav--sub li a:hover {
  background: rgb(224, 239, 216);
}
.gnav--sub li a::after {
  content: "\e90c";
  position: absolute;
  top: 12px;
  right: 13px;
  color: #6cbb81;
  font-family: "icomoon";
  font-size: 87%;
}
/* 
@media only screen and (max-width: 1500px) {
  .gnav_cv {
    width: 52%;
  }
  .gnav_cv li:nth-child(2),
  .gnav_cv li:nth-child(3) { width: 20%;}
  .gnav_cv li:not(:nth-child(-n+1)) a {
    font-size: 100%;
    text-align: center;
  }
  .gnav_cv li .icon-icon_search,
  .gnav_cv li .icon-icon_edit,
  .gnav_cv li .icon-icon_register { margin-right: 2px;}
  .gnav_cv li:first-child a {
    width: 85px;
    font-size: 70%;
  }
}
@media only screen and (max-width: 1350px) {
  .gnav_links .gnav--parent { margin-right: 1%;}
  .gnav_links .gnav--parent a,
  .gnav_links .gnav--parent p { font-size: 88%;}
  .gnav_cv li:nth-child(4) { width: 22%;}
  .gnav_cv li:nth-child(2),
  .gnav_cv li:nth-child(3) { width: 16%;}
  .gnav_cv li:nth-child(2) a,
  .gnav_cv li:nth-child(3) a {
    display: block !important;
    padding-top: 10px;
    font-size: 94%;
  }
  .gnav_cv li .icon-icon_search,
  .gnav_cv li .icon-icon_register {
    display: block;
    margin-right: 0;
    margin-bottom: 8px;
    font-size: 120%;
  }
} */
@media only screen and (max-width: 1400px) {
  .header--logo-wrap {
    width: 12.857vw;
  }
  .header--nav {
    margin-left: 14.285vw;
  }
  .header--logo span {
    font-size: 0.5vw;
  }
  .gnav_cv li:not(:nth-child(-n + 1)) a {
    font-size: 0.928vw;
  }
}
@media only screen and (max-width: 1200px) {
  .gnav_links .gnav--parent a,
  .gnav_links .gnav--parent p {
    font-size: 80%;
  }
  .gnav_cv {
    width: 48%;
  }
  .gnav_cv li:first-child a {
    width: 82px;
    font-size: 66%;
  }
  .gnav_cv li:not(:nth-child(-n + 1)) a {
    font-size: 88%;
  }
  .gnav_cv li:nth-child(2) a,
  .gnav_cv li:nth-child(3) a {
    padding-top: 12px;
    font-size: 80%;
  }
  .gnav_cv li .icon-icon_search,
  .gnav_cv li .icon-icon_register {
    font-size: 150%;
  }
  .gnav_cv li:nth-child(4) a small {
    font-size: 10px;
  }
}

/* HEADER SP
**************************************** */
@media only screen and (max-width: 767px) {
  .header {
    background: #fff;
  }
  .header,
  .header--nav {
    height: 50px;
  }
  .header--nav {
    gap: 0;
    margin-left: 10px;
  }
  .select_area--wrap {
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    margin-top: 0;
    padding: 0.7rem 1rem;
  }
  .select_area--wrap::before {
    display: none;
  }
  .select_area {
    flex: 1;
  }
  .sp_head_on {
    padding: 4px 8px 6px;
    background: #f5f5f5;
    line-height: 1.5;
    font-size: 79%;
    color: #8f99ab;
  }
  .header--in {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
  }
  .header--logo-wrap {
    position: static;
    width: 30%;
    margin-top: 0;
    padding: 2px 0 0 8px;
  }
  .header--logo span {
    display: none;
  }
  .header.fixed .header--logo-wrap {
    margin-top: 0;
  }
  .gnav_btn,
  .search_btn a,
  .register_btn a {
    position: relative;
    width: 55px;
    height: 50px;
    background: #8f99ab;
  }
  .search_btn a,
  .register_btn a {
    display: block;
    padding: 7px 0 0;
    background: #6cbb81;
    color: #fff;
    text-align: center;
  }
  .search_btn a {
    padding: 4px 0 0;
  }
  .register_btn a {
    background: #d75876;
  }
  .gnav_btn span {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 46%;
    height: 2px;
    background: #fff;
  }
  .gnav_btn span:nth-child(1) {
    top: 9px;
  }
  .gnav_btn span:nth-child(2) {
    top: 16px;
  }
  .gnav_btn span:nth-child(3) {
    top: 23px;
  }
  .gnav_btn::after,
  .search_btn a::after,
  .register_btn a::after {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    font-size: 73%;
    color: #fff;
    text-align: center;
    letter-spacing: 0.05em;
  }
  .gnav_btn::after {
    content: "MENU";
  }
  .search_btn a::after {
    content: "検索";
    bottom: 2px;
    letter-spacing: 0.1em;
  }
  .register_btn a::after {
    content: "登録";
    bottom: 2px;
    letter-spacing: 0.1em;
  }
  .search_btn a span,
  .register_btn a span {
    font-size: 127%;
  }
  .gnav_links {
    position: fixed;
    top: 90px;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 0;
    display: block;
    background: #dde0e8;
    pointer-events: none;
    opacity: 0;
    padding: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .gnav_links.active {
    height: 100vh;
    opacity: 1;
    pointer-events: auto;
  }
  .gnav_links .gnav--parent {
    height: auto;
    margin-right: 0;
    border-bottom: 1px solid #8f99ab;
    text-align: left;
    font-family: "Noto Sans JP", sans-serif;
  }
  .gnav_links .gnav--parent a,
  .gnav_links .gnav--parent p {
    position: relative;
    padding: 15px;
    font-weight: normal;
    color: #333;
    font-size: 100%;
  }
  .gnav_links .gnav--parent a span,
  .gnav_links .gnav--parent p span {
    display: inline-block;
  }
  .gnav_links .gnav--parent:hover p {
    padding-top: 15px;
  }
  .gnav_links .gnav--parent p::before,
  .gnav_links .gnav--parent p::after {
    content: "";
    position: absolute;
    top: 23px;
    right: 14px;
    width: 16px;
    height: 2px;
    background: #65676c;
    display: block;
  }
  .gnav_links .gnav--parent p::after {
    transform: rotate(90deg);
  }
  .gnav_links .gnav--parent a::after {
    content: "\e90c";
    position: absolute;
    top: 12px;
    right: 16px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 108%;
    font-family: "icomoon";
  }
  .gnav_links .gnav--parent:not(:nth-child(4)):hover::after,
  .gnav_links .gnav--parent:hover::after {
    display: none;
  }
  .gnav--sub {
    position: static;
    width: 100%;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    background: #caced8;
    border-top: 1px solid #8f99ab;
  }
  .gnav--sub li {
    margin-bottom: 0;
    border-radius: 0;
    border-bottom: 1px solid #8f99ab;
  }
  .gnav--sub li a {
    width: 100%;
    padding: 12px 16px 13px !important;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }
  .gnav--sub li a::after {
    top: 11px;
    right: 16px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 108%;
  }

  .gnav_cv {
    display: none;
  }
}

/* ##############################################################################

    FOOTER

############################################################################## */
.footer {
  padding: 108px 0 0;
  background: url(../images/common/footer_bg.jpg);
  background-position: center;
  background-size: cover;
}
.footer--logo {
  margin-bottom: 32px;
}
.footer--company_info {
  width: 298px;
}
.footer--company_info p {
  margin-bottom: 24px;
  font-size: 76%;
}
.footer--company_info ul li {
  margin: 0 8px;
}
.footer--company_info ul li:first-child {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.footer--site_info {
  width: 560px;
}
.footer--site_info .ttl {
  margin-bottom: 34px;
  font-size: 218%;
  line-height: 1;
}
@media all and (-ms-high-contrast: none) {
  .footer--site_info .ttl {
    font-size: 195%;
  }
}
.footer--site_info p {
  margin-bottom: 34px;
  font-size: 94%;
}
.footer--site_info--nav {
  margin: 36px 0;
}
.footer--site_info--nav li {
  float: left;
  margin-right: 32px;
  margin-bottom: 4px;
  font-weight: 700;
}
.footer--site_info--nav li:nth-child(4) {
  clear: both;
}
.footer--site_info--nav li a:hover {
  color: #d75876;
}
.footer--other {
  margin-top: 108px;
  padding: 28px 0;
  background-color: #111;
  color: #fff;
}
.footer--other_links li a {
  font-size: 87%;
  color: #fff;
  letter-spacing: 0.02em;
}
.footer--other_links li a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.footer--other_links li a span {
  margin: 0 8px;
}
.footer--other p {
  font-size: 74%;
  text-align: right;
}
.footer--other .pdl {
  display: inline-block;
  margin-left: 6px;
}

.job_cats_area {
  padding: 48px 0;
  border-bottom: 1px solid #8f99ab;
}
.job_cats {
  width: 100%;
  margin-bottom: 20px;
}
.job_cats:last-child {
  margin-bottom: 0;
}
.job_cats.job_place {
  width: 62%;
}
.job_cats.job_type {
  width: 35%;
}
.job_cats--job_place .job_cats_area--list,
.job_cats.job_type .job_cats_area--list li {
  margin-bottom: 22px;
}
.job_cats--job_place .job_cats_area--list:first-child {
  float: left;
  margin-right: 60px;
  margin-bottom: 0;
}
.job_cats.insistence .job_cats_area--list li {
  width: calc(100% / 5);
  margin-bottom: 8px;
  line-height: 1.55;
}
.job_cats_area h3 {
  padding-bottom: 14px;
  margin-bottom: 18px;
  border-bottom: 1px solid #8f99ab;
  font-size: 108%;
  line-height: 1;
}
.job_cats_area h3 span {
  font-size: 200%;
  line-height: 1;
  vertical-align: sub;
}
.job_cats_area .job_cats_area--list li a:hover {
  opacity: 0.5;
}
.job_cats_area .job_cats_area--list .parent {
  margin-bottom: 18px;
  line-height: 1;
  font-size: 94%;
}
.job_cats_area .job_cats_area--list .parent .parent--link {
  display: block;
  margin-bottom: 18px;
}
.job_cats_area .job_cats_area--list .children li {
  margin-bottom: 16px;
  font-size: 94%;
  line-height: 1;
}
.job_cats_area .job_cats_area--list .children li a {
  color: #6cbb81;
}
.job_cats_area .job_cats_area--list .children li a::before {
  content: "";
  border: 4px solid transparent;
  border-left: 6px solid #8f99ab;
  display: inline-block;
  margin: 0 4px 0 6px;
}

@media only screen and (max-width: 767px) {
  .footer {
    padding: 28px 0 0;
  }
  .footer .inner {
    flex-wrap: wrap;
  }
  .footer--company_info,
  .footer--site_info {
    width: 100%;
  }
  .footer--logo {
    margin-bottom: 0;
    text-align: center;
  }
  .footer--company_info p {
    margin-bottom: 24px;
  }
  .footer--site_info p br {
    display: none;
  }
  .footer--company_info ul {
    align-items: center;
    margin-bottom: 30px;
  }
  .footer--company_info ul li:first-child {
    width: calc(100% / 4 - (8px * 3 / 4));
    margin-bottom: 0;
    margin-left: 0;
  }
  .footer--company_info ul li {
    width: calc(100% / 4 - (8px * 3 / 4));
    margin-right: 0;
    margin-left: 8px;
  }
  .footer--site_info .ttl {
    margin-bottom: 16px;
    font-size: 173%;
    line-height: 1.5;
    text-align: center;
  }
  .footer--site_info p {
    margin-bottom: 16px;
  }
  .footer--site_info--links li {
    width: calc(100% / 2 - (8px * 1 / 2));
  }
  .footer .footer--other {
    padding: 18px 0 80px;
    margin-top: 30px;
  }
  .footer .footer--other .inner {
    width: 94%;
  }
  .footer--other_logo {
    width: 100%;
    text-align: center;
    margin-bottom: 18px;
  }
  .footer--other_links {
    margin: 0 auto;
  }
  .footer--other_links li a {
    font-size: 70%;
  }
  .footer--other_links li a span {
    margin: 0;
  }
  .footer--other p {
    text-align: center;
    margin-top: 8px;
  }

  .job_cats_area {
    padding: 0 0;
  }
  .job_cats_area .inner,
  .job_cats_area--list,
  .job_cats.job_place,
  .job_cats.job_type {
    width: 100%;
  }
  .job_cats {
    margin-bottom: 0;
  }
  .job_cats--job_place .job_cats_area--list:first-child {
    float: none;
    margin-right: 0;
  }
  .job_cats--job_place .job_cats_area--list,
  .job_cats.job_type .job_cats_area--list li {
    margin-bottom: 0;
  }
  .job_cats_area h3 {
    margin-bottom: 0;
    padding: 12px 14px 15px;
    border-bottom: 2px solid #8f99ab;
    font-weight: 500;
  }
  .job_cats_area h3 span {
    font-size: 120%;
    vertical-align: baseline;
    color: #6cbb81;
  }
  .job_cats_area .job_cats_area--list .parent {
    position: relative;
    margin-bottom: 0;
    border-bottom: 1px solid #8f99ab;
    padding: 10px 0 0;
    line-height: 1.4;
  }
  .job_cats_area .job_cats_area--list .parent .parent--link {
    display: inline-block;
    margin-bottom: 0;
    padding: 0 0 11px 13px;
  }
  .job_cats_area .job_cats_area--list .children {
    background: #f5f5f5;
    display: none;
  }
  .job_cats_area .job_cats_area--list .children li {
    margin-bottom: 0;
    padding: 12px 11px;
    border-bottom: 1px dashed #8f99ab;
  }
  .job_cats_area .job_cats_area--list .children li a {
    color: #333;
  }
  .list_open_btn {
    position: absolute;
    top: 8px;
    right: 15px;
    width: 14px;
    height: 24px;
    display: block;
    border-radius: 50%;
  }
  .list_open_btn::before,
  .list_open_btn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #6cbb81;
  }
  .list_open_btn::before {
    top: 11px;
  }
  .list_open_btn::after {
    top: 11px;
    transform: rotate(90deg);
  }

  .job_cats.insistence .job_cats_area--list li {
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #8f99ab;
  }
  .job_cats.insistence .job_cats_area--list li a {
    display: block;
    padding: 8px 14px;
    line-height: 1.4;
  }
  .sp_toggle_menu {
    display: none;
  }
}

/* ##############################################################################

    INDEX

############################################################################## */

.hero {
  position: relative;
  z-index: 1;
  margin-top: 64px;
}

.hero .bx-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0px auto;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.hero-slider li {
  display: block;
  width: 100% !important;
  height: 640px;
  background-position: top center;
  background-size: cover;
}
.hero .inner {
  height: 640px;
}
.hero--catch {
  position: absolute;
  inset: 0;
  color: #fff;
}
.hero--catch .inner {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding-bottom: 140px;
}
@media screen and (min-width: 1400px) {
  .hero .inner {
    width: 1400px;
  }
  .hero--catch .inner {
    width: 1200px;
  }
}
@media all and (-ms-high-contrast: none) {
  .hero--catch {
    bottom: 100px;
  }
}
.hero--catch .ttl {
  position: relative;
  margin-bottom: 18px;
  padding-bottom: 18px;
  font-size: 198%;
  line-height: 1.55;
  letter-spacing: 0.1em;
}
.hero--catch .ttl::before {
  content: "…";
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 0;
  font-size: 50%;
}
.hero--catch p {
  margin-bottom: 16px;
  font-size: 108%;
  line-height: 1.5;
}
.quick_search {
  position: relative;
  z-index: 1;
  padding: 24px;
  background-color: #fff;
  border-radius: 2px;
  margin-top: -40px;
}
.quick_search h3 {
  margin-bottom: 8px;
}
.quick_search h3 a {
  position: relative;
  float: right;
  font-weight: normal;
  color: #8f99ab;
}
.quick_search h3 a:hover {
  opacity: 0.7;
}
.quick_search h3 a::before {
  position: absolute;
  top: 9px;
  left: -13px;
  content: "";
  display: inline-block;
  border: 4px solid transparent;
  border-left: 7px solid #8f99ab;
}
.quick_search h3 span {
  margin-right: 4px;
  font-size: 120%;
  vertical-align: text-bottom;
}
.quick_search--links,
#quick_search {
  margin-bottom: 12px;
  padding-bottom: 16px;
  border-bottom: 1px dashed #939dae;
}
.quick_search--links li:not(:last-child) {
  margin-right: 6px;
}
.quick_search--links li a {
  display: block;
  padding: 14px 0;
  border-radius: 2px;
  color: #fff;
  font-size: 135%;
  text-align: center;
  line-height: 1.6;
  font-weight: 700;
}
.quick_search--links li:nth-child(1) a {
  width: 200px;
  background-color: #d75876;
}
.quick_search--links li:nth-child(1) a:hover {
  background-color: #d24365;
}
.quick_search--links li:nth-child(2) a,
.quick_search--links li:nth-child(3) a {
  width: 107px;
  padding: 19px 0 20px;
  font-size: 87%;
}
.quick_search--links li:nth-child(2) a {
  background-color: #8f99ab;
}
.quick_search--links li:nth-child(2) a:hover {
  background-color: #7e8ba0;
}
.quick_search--links li:nth-child(3) a {
  background-color: #000;
}
.quick_search--links li:nth-child(3) a:hover {
  background-color: #555;
}
.quick_search--links li small {
  display: block;
  font-size: 60%;
}
#quick_search .quick_search--select {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
#quick_search select,
#quick_search button[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.2s ease-out;
}
#quick_search button[type="submit"]:hover {
  background-color: #d24365;
}
#quick_search button[type="submit"] {
  width: 70px;
  height: 56px;
  margin-left: 6px;
  background-color: #d75876;
  border: none;
  border-radius: 2px;
  color: #fff;
  font-size: 108%;
  outline: 0;
}
.quick_search--history {
  width: 426px;
  height: 40px;
  background-color: #f5f5f5;
  border-radius: 2px;
  line-height: 40px;
  font-size: 94%;
  color: #8f99ab;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.quick_search--history a {
  display: block;
  padding: 0 18px;
}
.quick_search--history a:hover {
  color: #8f99ab;
}

#quick_search .quick_search--select:nth-child(2) {
  padding-left: 24px;
}
#quick_search .quick_search--select:nth-child(2)::before {
  content: "×";
  position: absolute;
  top: 11px;
  left: 5px;
  font-size: 118%;
}
#quick_search .select {
  display: inline-block;
}
.select-styled {
  width: 158px;
  height: 56px;
  border: 1px solid #c7ccd5;
  border-radius: 2px;
  padding: 0 22px 0 8px;
  color: #111;
  font-size: 94%;
  outline: 0;
  cursor: pointer;
  line-height: 1.6;
  transition: all 0.2s ease-out;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.select-styled::after {
  content: "\e90c";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 23px;
  height: 56px;
  padding: 0 0 0 3px;
  background-color: #c7ccd5;
  pointer-events: none;
  color: #ededed;
  line-height: 57px;
  font-size: 80%;
  text-align: center;
  font-family: "icomoon";
  transition: all 0.2s ease-out;
}
.select-styled:hover::after {
  background-color: #8e99ab;
}
.select-styled:hover > select {
  border-color: #8e99ab;
}
.select-options {
  display: none;
  position: absolute;
  top: 103%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #f5f5f5;
  width: 426px;
  height: 170px;
  overflow-y: scroll;
  border-radius: 2px;
  border: 1px solid #c7ccd5;
  padding: 8px 0 12px;
}
#quick_search .quick_search--select:nth-child(2) .select-options {
  left: -163px;
  right: auto;
}
.select-options li {
  cursor: pointer;
  background-color: #f5f5f5;
  padding: 2px 12px;
  transition: all 0.2s ease-out;
}
.select-options li.parent_cat {
  font-weight: 700;
}
.select-options li.child_cat {
  padding-left: 2em;
}
.select-options li:hover {
  background-color: #c7ccd5;
}
.select-options li[rel="hide"] {
  display: none;
}
.select-hidden {
  display: none;
}

/* 新着のお仕事 */
.new_rectuit {
  margin-top: -72px;
}
.new_rectuit--inner {
  position: relative;
  width: 1192px;
  margin: 0 auto;
  padding: 40px 56px 40px;
  background: #fff;
  z-index: 2;
}
.new_rectuit--inner::before {
  position: absolute;
  top: -6px;
  left: 56px;
  content: "";
  width: 80px;
  height: 16px;
  background: #6cbb81;
}
.new_rectuit h2 {
  font-size: 187%;
  line-height: 1;
}
.new_rectuit h2 {
  margin-bottom: 12px;
}
.new_rectuit p + h2 {
  margin-top: 24px;
}
.new_rectuit h2 span {
  font-size: 54%;
  color: #8f99ab;
  font-weight: 600;
  font-family: "Noto Sans Japanese";
}
.new_rectuit .rectuit_list--item {
  background-color: #f5f5f5;
}
.weekly_rectuit_list {
  width: 100%;
  margin-bottom: 40px;
  font-size: 87%;
}
.weekly_rectuit_list thead {
  border-bottom: 1px solid;
}
.weekly_rectuit_list thead,
.weekly_rectuit_list tbody {
  display: block;
}
.weekly_rectuit_list tbody {
  max-height: 808px;
  overflow-y: scroll;
}
.weekly_rectuit_list tr {
  position: relative;
  display: block;
}
.weekly_rectuit_list tr:nth-child(even) {
  background: #f8f8f8;
}
.weekly_rectuit_list tr:hover {
  background: #e3e5ea;
}
.weekly_rectuit_list th,
.weekly_rectuit_list td {
  table-layout: fixed;
}
.weekly_rectuit_list th {
  background-color: #f5f5f5;
  font-weight: 500;
  padding: 13px 0;
}
.weekly_rectuit_list td {
  padding: 8px 13px;
  line-height: 1.45;
  vertical-align: middle;
  border-bottom: 1px dashed #939dae;
}
.weekly_rectuit_list th.work_type,
.weekly_rectuit_list td.work_type {
  width: 124px;
}
.weekly_rectuit_list th.work_location,
.weekly_rectuit_list td.work_location {
  width: 130px;
}
.weekly_rectuit_list th.job_detail,
.weekly_rectuit_list td.job_detail {
  width: 188px;
}
.weekly_rectuit_list th.job_ttl,
.weekly_rectuit_list td.job_ttl {
  width: 521px;
}
.weekly_rectuit_list th.job_date {
  width: 118px;
  text-indent: -1em;
}
.weekly_rectuit_list td.job_date {
  width: 100px;
}
.weekly_rectuit_list td.job_detail {
  font-size: 108%;
}
.weekly_rectuit_list td.job_ttl {
  font-size: 115%;
  line-height: 1;
}
.weekly_rectuit_list td.job_ttl .shift-icon + .ttl {
  width: calc(100% - 98px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.weekly_rectuit_list td.job_ttl .ttl {
  line-height: 1.4;
}
.weekly_rectuit_list td.job_ttl a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.weekly_rectuit_list td.job_ttl a:hover {
  color: #939dae;
}
.shift-icon {
  background: #999;
  border-radius: 2px;
  vertical-align: sub;
  display: inline-block;
  padding: 2px 6px;
  color: #fff;
  font-size: 74%;
  letter-spacing: 0.05em;
  font-weight: normal;
  line-height: 1.3;
  text-align: center;
}
.weekly_rectuit_list td.job_date {
  font-size: 92%;
}
.weekly_rectuit_list td.job_date .new {
  display: block;
  margin-bottom: 3px;
  padding: 2px 0;
  background-color: #d75876;
  border-radius: 2px;
  font-size: 83%;
  color: #fff;
}
.new_rectuit .ribon {
  bottom: -72px;
}

/* 登録に関するお願い */
.news_box {
  font-size: 94%;
  color: #d75876;
  background-color: #f7dde3;
  padding: 1.5em 2em;
  border-radius: 2px;
}
.news_box h2 {
  font-size: 171%;
  font-family: "fot-tsukubrdgothic-std";
  font-weight: 700;
}
.news_box h3 {
  margin-bottom: 8px;
}
.news_box a {
  color: #4b73b2;
  text-decoration: underline;
}
@media only screen and (max-width: 1190px) {
  .new_rectuit--inner {
    width: 100%;
    padding: 40px 12px;
  }
  .new_rectuit h2 {
    max-width: 1080px;
    margin: 0 auto 24px;
  }
  .weekly_rectuit_list {
    max-width: 1080px;
    margin: 0 auto 40px;
  }
}
@media only screen and (max-width: 767px) {
  .weekly_rectuit_list {
    width: 100%;
  }
}

/* 選ばれる理由 */
.reason {
  padding: 114px 0 180px;
}
.reason .section_ttl {
  font-size: 294%;
  line-height: 1.4;
}
.reason .section_ttl span {
  display: block;
  font-size: 73%;
}
.reason .reason--content {
  margin-bottom: 48px;
}
.reason .reason--content:last-child {
  margin-bottom: 0;
}
.reason--content_img {
  width: 480px;
  height: 320px;
  border: 2px solid #fff;
}
.reason--content_img .reason .reason--content:nth-child(odd) .reason--content_img,
.reason .reason--content:nth-child(even) .reason--content_txt {
  float: left;
}
.reason .reason--content:nth-child(even) .reason--content_txt {
  margin-left: 40px;
}
.reason .reason--content:nth-child(even) .reason--content_img,
.reason .reason--content:nth-child(odd) .reason--content_txt {
  float: right;
}
.reason .reason--content:nth-child(odd) .reason--content_txt {
  margin-right: 40px;
}
.reason .reason--content:nth-child(4) .reason--content_txt {
  padding-top: 28px;
}
.reason--content_txt {
  position: relative;
  width: calc(100% - 590px);
  margin-top: 42px;
}
.reason--content_txt .num {
  position: absolute;
  top: -54px;
  display: block;
  width: 46px;
  height: 80px;
  background: #fff;
  z-index: 1;
  color: #000;
  text-align: center;
  line-height: 80px;
  font-weight: 700;
}
@media all and (-ms-high-contrast: none) {
  .reason--content_txt .num {
    font-family: "Lato", "Noto Sans JP", "メイリオ", Meiryo, "Lato", YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3",
      "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  }
}
.reason .reason--content:nth-child(odd) .reason--content_txt .num {
  left: -94px;
}
.reason .reason--content:nth-child(even) .reason--content_txt .num {
  right: -94px;
}
.reason--content_txt .num::before,
.reason--content_txt .num::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: all 0.2s linear;
  z-index: 0;
}
.reason--content_txt .num::before {
  transform: rotate(60deg);
}
.reason--content_txt .num::after {
  transform: rotate(-60deg);
}
.reason--content_txt .num .num--txt {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  display: block;
  font-size: 74%;
  text-align: center;
  color: #e3e5ea;
  text-indent: -0.2em;
}
.reason--content_txt .num .num--no {
  position: relative;
  z-index: 1;
  font-size: 307%;
  color: #d75876;
}
.reason--content_txt .ttl {
  position: relative;
  z-index: 2;
  margin-bottom: 28px;
  font-size: 192%;
  line-height: 1.4;
}
@media all and (-ms-high-contrast: none) {
  .reason--content_txt .ttl {
    font-size: 182%;
  }
}

/* お知らせ */
.topics .bx-wrapper,
.topics .bx-viewport {
  position: relative;
  max-width: 100% !important;
  margin-bottom: 24px;
}
.topics .bx-viewport::before,
.topics .bx-viewport::after {
  content: "";
  position: absolute;
  top: 0;
  width: 30%;
  height: 100%;
  display: block;
  z-index: 10;
  pointer-events: none;
}
.topics .bx-viewport::before {
  left: 0;
  background: -moz-linear-gradient(left, rgba(245, 245, 245, 1) 10%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(245, 245, 245, 1) 10%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(245, 245, 245, 1) 10%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00ffffff',GradientType=1 );
}
.topics .bx-viewport::after {
  right: 0;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(245, 245, 245, 1) 90%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(245, 245, 245, 1) 90%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(245, 245, 245, 1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f5f5f5',GradientType=1 );
}
.topics .bx-controls .bx-prev,
.topics .bx-controls .bx-next {
  font-size: 0;
  position: absolute;
  top: 110px;
  z-index: 11;
}
.topics .bx-controls .bx-prev {
  left: 2%;
}
.topics .bx-controls .bx-next {
  right: 2%;
}
.topics .bx-controls .bx-prev::before,
.topics .bx-controls .bx-next::before {
  content: "\e90d";
  display: inline-block;
  font-family: "icomoon";
  font-size: 400%;
}
.topics .bx-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.topics .bx-controls .bx-next::before {
  transform: rotate(180deg);
}
.topics_list--item {
  width: 320px;
  margin-right: 24px;
  z-index: 1;
}
.topics_list--item a {
  display: block;
}
.topics_list--item a:hover {
  opacity: 0.7;
}
.topics_list--item:last-child {
  margin-right: 0;
}
.topics_list--item .img {
  width: 320px;
  height: 180px;
  margin-bottom: 14px;
  background-repeat: no-repeat;
  background-position: center;
}
.topics_list--item .img.no-img {
  background-color: #fff;
  background-position: center left 40%;
}
.topics_list--item .ttl {
  font-size: 120%;
  line-height: 1.5;
  margin-bottom: 14px;
}
.topics_list--item .content {
  color: #8f99ab;
  font-size: 87%;
  line-height: 1.65;
}
.topics .btn {
  margin-top: 74px;
}

/* 注目のお仕事情報 */
.notice .rectuit_list--item {
  background-color: #fff;
}

/* 最近チェックしたお仕事 */
.history .section_ttl {
  line-height: 1.25;
  letter-spacing: 0.14em;
}
.history .inner {
  width: 1200px;
  max-width: 95%;
}
.history_list--item {
  width: calc(100% / 4 - (24px * 3 / 4));
  margin-right: 24px;
  background: #fff;
  padding-bottom: 14px;
}
.history_list--item:nth-child(4n) {
  margin-right: 0;
}
.history_list--item_intro {
  margin-bottom: 12px;
}
.history_list--item .img {
  width: 96px;
  height: 96px;
  background-position: center;
  background-size: cover;
}
.history_list--item .ttl {
  width: 60%;
  padding: 8px 10px 0 0;
  letter-spacing: 0.08em;
}
.history_list--item_info {
  padding: 0 14px;
  margin-bottom: 16px;
  font-size: 80%;
}
.history_list--item_info--col {
  width: 48%;
  height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.history_list--item_info--col img {
  margin-right: 6px;
  vertical-align: middle;
}
.history_list--item .btn {
  width: 90%;
}

/* インタビュー */
.interview {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 480px;
  background-position: top 28% center;
  background-size: 84%;
}
.interview::before,
.interview::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
}
.interview::before {
  left: 0;
  width: 40%;
  background: -moz-linear-gradient(left, rgba(90, 90, 90, 1) 20%, rgba(90, 90, 90, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(90, 90, 90, 1) 20%, rgba(90, 90, 90, 0) 100%);
  background: linear-gradient(to right, rgba(90, 90, 90, 1) 20%, rgba(90, 90, 90, 0) 100%);
}
.interview::after {
  right: 0;
  width: 35%;
  background: -moz-linear-gradient(right, rgba(90, 90, 90, 1) 20%, rgba(90, 90, 90, 0) 100%);
  background: -webkit-linear-gradient(right, rgba(90, 90, 90, 1) 20%, rgba(90, 90, 90, 0) 100%);
  background: linear-gradient(to left, rgba(90, 90, 90, 1) 20%, rgba(90, 90, 90, 0) 100%);
}
.interview .link_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.interview .link_area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.interview_deco {
  position: absolute;
  top: 8%;
  right: 3%;
  z-index: 2;
}
.interview .inner {
  position: relative;
  padding: 60px 0;
  z-index: 2;
  pointer-events: none;
}
.interview .catch {
  margin-bottom: 48px;
  font-size: 214%;
  color: #fff;
  letter-spacing: 0.15em;
}
.interview p {
  color: #fff;
  font-size: 108%;
}
.interview p span {
  vertical-align: text-bottom;
}
.interview a {
  pointer-events: auto;
}
/* コラム */
.column {
  padding: 68px 0 140px;
}
.column--list_item {
  width: 48%;
}
.column--list_item:first-child {
  margin-right: 38px;
}
.column--list_item a:hover {
  opacity: 0.7;
}
.column--list_item .img {
  width: 184px;
  height: 184px;
  background-size: cover;
  background-position: center;
}
.column--list_item .img.no-img {
  background-repeat: no-repeat;
  background-position: center left 40%;
  background-color: #e0efd8;
  background-size: 74%;
}
.column--list_item .txt {
  width: calc(100% - 200px);
}
.column--list_item .txt h3 {
  margin-bottom: 8px;
  font-size: 120%;
  line-height: 1.5;
}
.column--list_item .txt p {
  font-size: 87%;
  color: #8f99ab;
  text-align: justify;
  text-justify: inter-ideograph;
}
.column--list_item .txt .date {
  margin-top: 6px;
  margin-bottom: 0;
  color: #111;
}
.column--list_item .txt .date small {
  background-color: #d75876;
  padding: 3px 15px 4px;
  margin-right: 12px;
  border-radius: 2px;
  color: #fff;
}
.follow--area {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
}
.page-entry .follow--area {
  display: flex;
  justify-content: center;
}
.page-entry .follow--area .fb_box {
  width: 364px;
}
.page-entry .insta_box {
  display: none;
}
.follow--area .stuff_blog li {
  margin-bottom: 16px;
}
.follow--area .stuff_blog .txt {
  padding-top: 4px;
  width: calc(100% - 108px);
}
.follow--area .stuff_blog .txt p {
  font-size: 87%;
}
.follow--area .stuff_blog .txt h4 {
  font-size: 108%;
  line-height: 1.65;
}
.follow--area .stuff_blog .btn {
  width: 100%;
  margin-top: 24px;
}
.stuff_blog--list li .thumbnail {
  position: relative;
  width: 88px;
  height: 88px;
  padding: 6px 0 0;
  background: -webkit-linear-gradient(135deg, #4b73b2 0%, #6cbb81 70%) no-repeat;
  background: linear-gradient(135deg, #4b73b2 0%, #6cbb81 70%) no-repeat;
  overflow: hidden;
  text-align: center;
  line-height: 1.3;
  font-size: 174%;
  border-radius: 2px;
  color: #fff;
}
.stuff_blog--list li .thumbnail::before {
  content: "";
  position: absolute;
  top: 30px;
  left: -20px;
  width: 80px;
  height: 80px;
  background: -webkit-radial-gradient(#74bf4a 10%, rgba(108, 187, 129, 0.65) 55%, rgba(108, 187, 129, 0) 70%);
  background: radial-gradient(#74bf4a 10%, rgba(108, 187, 129, 0.65) 55%, rgba(108, 187, 129, 0) 70%);
}
.stuff_blog--list li .thumbnail span,
.stuff_blog--list li .thumbnail strong {
  position: relative;
}
.stuff_blog--list li .thumbnail span {
  font-size: 50%;
  letter-spacing: 0.05em;
}
.stuff_blog--list li h4 {
  font-weight: 500;
}
.myshift_service_bnr {
  position: absolute;
  left: calc(50% - 98px);
  bottom: 145px;
  z-index: 4;
  width: 310px;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}
.myshift_service_bnr img {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.myshift_service_bnr:hover img {
  opacity: 0.7;
}
@media only screen and (max-width: 1400px) {
  .myshift_service_bnr {
    left: calc(50% - 158px);
    width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .hero {
    margin-top: 148px;
    height: 380px;
    text-shadow: 0 0 5px rgb(75, 115, 178);
  }
  .hero-slider li {
    height: 380px;
    background-position: top left;
    background-size: auto 100%;
  }
  .hero-slider li:nth-child(1) {
    background-position: top left 11%;
  }
  .hero-slider li:nth-child(2) {
    background-position: top left 26%;
  }

  .hero--catch {
    bottom: 16px;
  }
  .hero--catch .inner {
    height: 380px;
    padding-bottom: 120px;
  }
  .hero--catch .ttl {
    margin-bottom: 5px;
    font-size: 170%;
  }
  .hero--catch p {
    line-height: 1.5;
  }
  .myshift_service_bnr {
    left: 20px;
    bottom: 20px;
    width: 290px;
  }

  .new_rectuit--inner {
    width: 100%;
    padding: 0;
  }
  .new_rectuit {
    margin-top: 0;
  }
  .new_rectuit--inner::before,
  .weekly_rectuit_list thead {
    display: none;
  }
  .new_rectuit h2 {
    width: 100%;
    margin-bottom: 0;
    padding: 14px 0 15px;
    border-bottom: 2px solid #ddd;
    font-size: 149%;
    text-align: center;
    line-height: 1.8;
  }
  .new_rectuit h2 span {
    display: block;
  }

  /* 登録に関するお願い */
  .news_box {
    margin-top: 24px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1em;
    padding-right: 1em;
  }
  .news_box h2 {
    font-size: 142%;
    border-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0.5em;
  }
  .weekly_rectuit_list {
    margin-bottom: 0;
  }
  .weekly_rectuit_list tbody {
    max-height: 284px;
  }
  .ttl-detail {
    width: calc(100% - 54px);
  }
  .ttl-detail .shift-icon {
    margin-bottom: 4px;
  }
  .ttl-detail .ttl {
    line-height: 1.5;
  }
  .weekly_rectuit_list td.job_ttl .shift-icon + .ttl {
    width: 100%;
    overflow: visible;
    text-overflow: ellipsis;
    white-space: normal;
    display: inline-block;
  }
  .ttl-detail .location {
    display: block;
    margin-top: 6px;
  }
  .ttl-detail .location img {
    margin-right: 4px;
    vertical-align: sub;
  }
  .weekly_rectuit_list td.job_ttl .date .new {
    display: block;
    margin-bottom: 8px;
    padding: 5px 0;
    background-color: #d75876;
    border-radius: 2px;
    font-size: 83%;
    color: #fff;
    text-align: center;
  }
  .new_rectuit .btn {
    border-radius: 0;
  }
  .weekly_rectuit_list td.work_type,
  .weekly_rectuit_list td.work_location,
  .weekly_rectuit_list td.job_detail,
  .weekly_rectuit_list td.job_insistence,
  .weekly_rectuit_list td.job_date {
    display: none;
  }

  .reason {
    padding: 54px 0 60px;
  }
  .reason .section_ttl {
    font-size: 260%;
  }
  .reason .reason--content {
    margin-bottom: 40px;
  }
  .reason .reason--content:nth-child(even) .reason--content_img,
  .reason .reason--content:nth-child(odd) .reason--content_txt,
  .reason .reason--content:nth-child(odd) .reason--content_img,
  .reason .reason--content:nth-child(even) .reason--content_txt {
    float: none;
  }
  .reason--content_txt {
    width: 100%;
    margin-top: 0;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .reason--content_img {
    width: 100%;
    height: 210px;
    margin-bottom: 16px;
    background-position: top center;
  }
  .reason .reason--content:nth-child(even) .reason--content_txt {
    margin-left: 0;
  }
  .reason .reason--content:nth-child(odd) .reason--content_txt {
    margin-right: 0;
  }
  .reason .reason--content:nth-child(4) .reason--content_txt {
    padding-top: 0;
  }
  .reason--content_txt .ttl {
    margin-bottom: 18px;
    font-size: 147%;
    line-height: 1.65;
  }
  .reason--content_txt .ttl br,
  .reason--content_txt p br {
    display: none;
  }
  .reason--content_txt .num {
    top: 70px;
    width: 39px;
    height: 68px;
    transform: rotate(5deg);
    line-height: 67px;
  }
  .reason .reason--content:nth-child(odd) .reason--content_txt .num,
  .reason .reason--content:nth-child(even) .reason--content_txt .num {
    right: 8px;
  }
  .reason .reason--content:nth-child(odd) .reason--content_txt .num {
    left: auto;
  }
  .reason--content_txt .num .num--no {
    font-size: 254%;
  }
  .reason--content_txt .num .num--txt {
    text-indent: -0.5em;
  }
  .reason--content_txt p {
    margin-bottom: 18px;
  }

  .topics {
    padding: 20px 0 0;
  }
  .topics .section_ttl {
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: 2px solid #ddd;
  }
  .topics_list {
    flex-wrap: wrap;
  }
  .topics_list--item {
    width: 100%;
    margin-right: 0;
    padding: 18px 14px;
    border-bottom: 1px dashed #ddd;
  }
  .topics_list--item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .topics_list--item .img {
    width: 72px;
    height: 72px;
    margin-bottom: 0;
  }
  .topics_list--item .img.no-img {
    background-size: 75%;
  }
  .topics_list--item_detail {
    width: calc(100% - 90px);
  }
  .topics_list--item .ttl {
    font-size: 108%;
    margin-bottom: 0;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .topics_list--item .data {
    font-size: 80%;
  }
  .topics .btn {
    margin-top: 0;
    border-radius: 0;
  }

  .notice {
    padding: 40px 0 20px;
  }
  .notice .inner {
    width: 94%;
  }

  .history {
    padding: 54px 0 34px;
  }
  .history .inner {
    width: 100%;
    max-width: 90%;
  }
  .history_list {
    justify-content: space-between;
  }
  .history_list--item {
    position: relative;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 0;
    box-shadow: 0 0 2px rgba(83, 95, 134, 0.1);
  }
  .history_list--item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .history_list--item_intro {
    align-items: center;
    margin-bottom: 0;
  }
  .history_list--item .img {
    width: 82px;
    height: 72px;
  }
  .history_list--item .ttl {
    position: relative;
    padding: 0 44px 0 12px;
    width: calc(100% - 70px);
    line-height: 1.5;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .history_list--item .ttl::before {
    content: "\e90c";
    position: absolute;
    top: 30%;
    right: 15px;
    font-family: "icomoon";
    color: #999;
  }
  .history_list--item .btn {
    display: none;
  }

  .interview {
    display: block;
    min-height: auto;
    padding-bottom: 32px;
  }
  .interview .inner {
    padding: 0;
  }
  .interview_deco {
    top: 4%;
    left: 4%;
    right: auto;
    max-width: 28%;
  }
  .interview .img {
    margin: 0 auto 20px;
    width: 100%;
    height: 220px;
    background-position: center;
    background-size: cover;
  }
  .interview::before,
  .interview::after,
  .interview .catch br {
    display: none;
  }
  .interview .catch {
    margin-bottom: 20px;
    font-size: 120%;
    color: #111;
    letter-spacing: 0.05em;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .interview p {
    color: #8f99ab;
  }
  .interview_body {
    margin-top: 153px;
  }

  .column {
    padding: 34px 0 24px;
    background: #f5f5f5;
  }
  .column--list_item,
  .column--list_item .txt {
    width: 100%;
  }
  .column--list_item:first-child {
    margin-right: 0;
    margin-bottom: 32px;
  }
  .column--list_item .img {
    width: 100%;
    margin-bottom: 8px;
  }
  .column--list_item .img.no-img {
    background-size: 55%;
  }

  .follow {
    padding: 0 0 30px;
  }
  .follow .inner {
    width: 100%;
  }
  .follow .section_ttl {
    position: relative;
    padding: 20px 0;
    background: #fff;
  }
  .follow .section_ttl::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    width: 10px;
    margin: 0 auto;
    border: 10px solid transparent;
    border-top: 10px solid #fff;
  }
  .follow--area {
    grid-template-columns: 1fr;
  }
  .page-entry .follow--area {
    display: grid;
  }
  .page-entry .follow--area .fb_box {
    width: 100%;
  }
  .follow--area .stuff_blog h3 {
    margin-bottom: 24px;
  }
  .stuff_blog--list li .thumbnail {
    width: 76px;
    height: 76px;
    padding: 0;
  }
  .follow--area .stuff_blog .txt {
    padding-top: 0;
  }
  .follow--area .stuff_blog,
  .follow--area .fb_box,
  .follow--area .insta_box {
    padding: 0 20px;
  }
  .fb_iframe_widget_fluid span,
  .fb_iframe_widget_fluid span iframe {
    width: 100% !important;
  }

  .sp_foot_fix_nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  }
  .sp_foot_fix_nav li {
    width: calc(100% / 2);
  }
  .sp_foot_fix_nav li a {
    display: block;
    padding: 12px 0 8px;
    color: #fff;
    font-size: 108%;
    text-align: center;
    font-weight: 700;
  }
  .sp_foot_fix_nav li .wpfp-span a,
  .sp_foot_fix_nav li .wpfp-span .add-post,
  .sp_foot_fix_nav li .wpfp-span .remove-post {
    display: block;
    padding: 15px 0 14px !important;
    color: #fff;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    letter-spacing: -0.02em;
  }
  .sp_foot_fix_nav li .wpfp-span a[title="お気に入りから削除する"],
  .sp_foot_fix_nav li .wpfp-span .add-post {
    background-color: #182343;
  }
  .sp_foot_fix_nav li .wpfp-link {
    padding: 0 !important;
  }
  .sp_foot_fix_nav li .wpfp-span img {
    display: none !important;
  }
  .sp_foot_fix_nav li:first-child a {
    background: #d75876;
  }
  .sp_foot_fix_nav li:last-child,
  .sp_foot_fix_nav li:last-child a {
    background: #4b73b2;
  }
  .sp_foot_fix_nav li a small {
    display: block;
    font-size: 80%;
    line-height: 1;
  }
  .sp_foot_fix_nav li button[type="submit"] {
    -webkit-appearance: none;
    border: none;
    display: block;
    background-color: #d75876;
    width: 100%;
    height: 52px;
    color: #fff;
    font-family: "fot-tsukubrdgothic-std";
  }
  .sp_foot_fix_nav li button[type="submit"].disabled {
    background-color: #555;
    cursor: not-allowed;
  }
}
@media (max-width: 384px) {
  .hero {
    background-position: top left -42px;
  }
}
@media (max-width: 320px) {
  .hero {
    background-position: top left -70px;
  }
}

/* ##############################################################################

    PAGE

############################################################################## */

/* パンくずリスト */
.breadcrumbs {
  padding: 14px 0;
  font-size: 87%;
}
.breadcrumbs a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs {
    padding: 8px 0;
  }
  .breadcrumbs .inner {
    width: 95%;
  }
}

/* 求人情報一覧 */
.rectuit_list--item {
  position: relative;
  padding: 18px 24px 24px;
  box-shadow: 0 0 2px rgba(83, 95, 134, 0.1);
}
.rectuit_list--item_new,
.rectuit_list--item_new::after {
  position: absolute;
}
.rectuit_list--item_new {
  top: 0;
  right: 0;
  border: 24px solid transparent;
  border-top: 24px solid #d75876;
  border-right: 24px solid #d75876;
}
.rectuit_list--item_new::after {
  content: "NEW";
  top: -16px;
  right: -23px;
  color: #fff;
  font-size: 74%;
  transform: rotate(45deg);
}
.rectuit_list--item_intro--info p {
  font-size: 80%;
  color: #838383;
}
.rectuit_list--item_intro--info p .sp-job_type {
  display: none;
}
.rectuit_list--item_intro--info p .shift-icon {
  vertical-align: middle;
  font-size: 66%;
  padding: 2px 6px;
}
.rectuit_list--item_intro--info .ttl {
  height: 58px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 147%;
  line-height: 1.3;
  font-weight: 700;
  margin-top: 6px;
}
.rectuit_list--item_info {
  padding: 12px 0;
  margin: 14px 0 18px;
  border-top: 1px dashed #939dae;
  border-bottom: 1px dashed #939dae;
}
.rectuit_list--item_info .img {
  width: 136px;
  height: 112px;
  border-radius: 2px;
  background-size: cover;
  background-position: center;
}
.rectuit_list--item_info--detail {
  padding-top: 6px;
}
.rectuit_list--item_info--detail .col {
  line-height: 1;
  margin-bottom: 12px;
}
.rectuit_list--item_info--detail .col:last-child {
  margin-bottom: 0;
}
.rectuit_list--item_info--detail .col_head {
  color: #666;
}
.rectuit_list--item_info--detail .col_head img {
  margin-right: 15px;
}
.rectuit_list--item_info--detail .col_body {
  width: calc(100% - 112px);
}
.rectuit_list--item_info--detail .col_body.line-one {
  height: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rectuit_list--item_content {
  position: relative;
  min-height: 73px;
  margin-bottom: 16px;
  color: #838383;
  font-size: 94%;
}
.rectuit_list--item_content::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.rectuit_list--item .btn {
  font-weight: 700;
}

/* 2カラム */
.rectuit_list.two_col .rectuit_list--item {
  width: calc(100% / 2 - (32px * 1 / 2));
  margin-right: 32px;
  margin-bottom: 32px;
}
.rectuit_list.two_col .rectuit_list--item:nth-child(2n) {
  margin-right: 0;
}
.rectuit_list.two_col .rectuit_list--item_intro--info {
  width: calc(100% - 100px);
}
.rectuit_list.two_col .rectuit_list--item_info--detail {
  width: calc(100% - 162px);
}

/* 1カラム */
.rectuit_list.one_col .rectuit_list--item {
  margin-bottom: 24px;
  background-color: #fff;
}
.rectuit_list.one_col .rectuit_list--item_intro--info {
  width: calc(100% - 100px);
}
.rectuit_list.one_col .job_post--job_insistence {
  width: 175px;
}
.rectuit_list.one_col .job_post--job_insistence li {
  padding: 6px 7px 4px;
}
@media all and (-ms-high-contrast: none) {
  .rectuit_list.one_col .job_post--job_insistence li .job_insistence_wrap {
    display: inline-block;
  }
  .rectuit_list.one_col .job_post--job_insistence li img {
    width: 100%;
  }
}
.rectuit_list.one_col .rectuit_list--item_info--detail {
  width: calc(100% - 340px);
}
.rectuit_list.one_col .rectuit_list--item_content {
  padding-bottom: 18px;
  border-bottom: 1px dashed #939dae;
}
.rectuit_list--item_mood .col {
  width: calc(100% / 2 - (35px * 1 / 2));
  margin-right: 35px;
  margin-bottom: 35px;
  position: relative;
}
.rectuit_list--item_mood .col::before {
  position: absolute;
  content: "";
  width: 72%;
  top: 10px;
  right: 0;
  border-bottom: 2px solid #e0efd8;
}
.rectuit_list--item_mood .col:nth-child(2n) {
  margin-right: 0;
}
.rectuit_list--item_mood .col li {
  position: relative;
  width: 40px;
}
.rectuit_list--item_mood .col li:first-child {
  width: 27%;
  background-color: #e0efd8;
  border-radius: 2px;
  font-size: 87%;
  text-align: center;
  letter-spacing: 0.05em;
}
.rectuit_list--item_mood .col li:not(:first-child) {
  padding-top: 3px;
}
.rectuit_list--item_mood .col li small {
  position: absolute;
  left: 0;
  bottom: -19px;
  width: 100%;
  text-align: center;
  font-size: 80%;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #999;
}
.rectuit_list--item_mood .circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #c7ccd5;
  display: block;
  margin: 0 auto;
}
.rectuit_list--item_mood .circle.checked {
  background-color: #d75876;
}

@media only screen and (max-width: 767px) {
  .rectuit_list--item {
    padding: 18px 18px 24px;
  }
  .rectuit_list.two_col .rectuit_list--item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 18px;
  }
  .rectuit_list--item_info {
    padding: 12px 0 0;
    margin: 8px 0 20px;
    border-top: 1px dashed #939dae;
    border-bottom: none;
  }
  .rectuit_list--item_info .img {
    width: 100%;
    margin-bottom: 8px;
  }
  .rectuit_list.two_col .rectuit_list--item_intro--info,
  .rectuit_list.two_col .rectuit_list--item_info--detail {
    width: 100%;
  }
  .rectuit_list--item_info--detail .col_body.line-one {
    padding-top: 1px;
  }
  .rectuit_list--item_content {
    display: none;
  }
  .rectuit_list--item_intro--info p span {
    display: inline-block;
    border: 1px solid;
    border-radius: 2px;
    padding: 2px 6px;
    margin-right: 4px;
  }
  .rectuit_list--item_intro--info .ttl {
    margin-top: 8px;
    font-size: 120%;
  }

  .rectuit_list.one_col .rectuit_list--item_intro--info {
    width: 100%;
  }
  .rectuit_list.one_col .rectuit_list--item_intro--info .ttl {
    margin-top: 4px;
  }
  .rectuit_list.one_col .rectuit_list--item_info .img {
    width: 41%;
    height: 125px;
    margin-right: 10px;
    margin-bottom: 8px;
  }
  .rectuit_list.one_col .job_post--job_insistence {
    width: calc(100% - 46%);
  }
  .rectuit_list.one_col .job_post--job_insistence ul {
    margin-bottom: 0;
  }
  .rectuit_list.one_col .job_post--job_insistence ul li {
    display: flex;
    align-items: center;
    height: 59px;
    padding: 0 5px;
  }
  .rectuit_list.one_col .job_post--job_insistence ul li .job_insistence_wrap {
    width: 100%;
  }
  .rectuit_list.one_col .rectuit_list--item_info--detail {
    width: 100%;
  }
  .rectuit_list.one_col .rectuit_list--item_mood {
    display: none;
  }
  .job_post--job_insistence .sp_myshift_service_bnr {
    width: 100%;
  }
}

/* 検索 */
.search .section_ttl {
  margin-bottom: 42px;
}
.search--area {
  border-bottom: 1px solid #e3e5ea;
}
.search--area .search--area_left {
  width: 608px;
}
.search--area .search--area_right {
  width: calc(100% - 628px);
}
.search--area .mini-ttl {
  margin-bottom: 8px;
  font-weight: 500;
}
.search--area .mini-ttl span {
  margin-right: 1px;
  color: #6cbb81;
  font-size: 214%;
  vertical-align: sub;
  line-height: 1;
}
.search--area input[type="checkbox"] {
  display: none;
}
.search--area .select-btn label,
.search--area_place ul .search--area_place--wrap .modal-open {
  display: flex;
  align-items: center;
  height: 64px;
  padding: 10px 18px 11px;
  border-radius: 2px;
  background: #e3e5ea;
  line-height: 1.45;
  color: #111;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search--area .select-btn label:hover,
.search--area_place ul .search--area_place--wrap .modal-open:hover {
  background: #cccfd8;
}
.search--area label small {
  margin-left: 2px;
  font-size: 80%;
}
.search--area_job {
  margin-bottom: 8px;
}
.search--area_place {
  margin-bottom: 16px;
}
.search--area_job ul li.list_parent,
.search--area_job ul li.list_single {
  margin-bottom: 8px;
}
.search--area_job ul li.list_parent {
  position: relative;
  width: 100%;
}
.list_child_open {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 46px;
  height: 46px;
  background-color: #8f99ab;
  border-radius: 2px;
  cursor: pointer;
}
.list_child_open::before,
.list_child_open::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 46%;
  height: 2px;
  background-color: #fff;
  transition: all 0.2s ease-out;
}
.list_child_open::after {
  transform: rotate(90deg);
}
.list_child_open.close::after {
  transform: rotate(0deg);
}
.list_child {
  padding: 8px 20px 16px;
  border-radius: 0 0 2px 2px;
  background: #8f99ab;
}
.list_child li {
  width: calc(100% / 3 - (5px * 2 / 3));
  margin-right: 5px;
  margin-top: 5px;
}
.list_child li:nth-child(3) {
  margin-right: 0;
}
.search--area_job ul li.list_single {
  width: calc(100% / 2 - (8px * 1 / 2));
}
.search--area_job ul li label i {
  margin-right: 15px;
  font-size: 267%;
}
.search--area_job ul li label p {
  display: inline-block;
  width: calc(100% - 60px);
  line-height: 1.3;
  letter-spacing: 0;
}
.search--area_job ul li:nth-child(2) label,
.search--area_job ul li:nth-child(4) label,
.search--area_job ul li:nth-child(5) label,
.search--area_job ul li:nth-child(9) label,
.search--area_job ul li:nth-child(11) label {
  padding-top: 13px;
}
.search--area_job ul li:nth-child(2) label i,
.search--area_job ul li:nth-child(4) label i,
.search--area_job ul li:nth-child(5) label i,
.search--area_job ul li:nth-child(9) label i,
.search--area_job ul li:nth-child(11) label i {
  vertical-align: middle;
}
.search--area_job_type ul li {
  width: calc(33% - 4px);
  margin-bottom: 8px;
}
.search--area_job_type ul .select-btn label {
  display: block;
  height: 44px;
  padding: 0;
  line-height: 44px;
  text-align: center;
}
.search--area_place ul .search--area_place--wrap {
  display: inline-block;
  width: calc(50% - 4px);
}
.search--area_place ul .search--area_place--wrap .modal-open {
  position: relative;
  height: 52px;
  padding: 0 18px;
  line-height: 52px;
}
.search--area_place ul .search--area_place--wrap .modal-open::after {
  content: "\e90c";
  position: absolute;
  top: 1px;
  right: 16px;
  font-size: 80%;
  font-family: "icomoon";
}
.search--area_place ul .search--area_place--wrap i {
  margin-right: 8px;
  font-size: 254%;
  vertical-align: middle;
}
.search--area_place ul .search--area_place--wrap:nth-child(1) i {
  font-size: 174%;
}
.search--area_insistence {
  background: #e3e5ea;
  border-radius: 2px;
  padding: 24px;
}
.search--area_insistence h4 {
  position: relative;
  margin-bottom: 22px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
}
.search--area_insistence h4::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  display: block;
  border-bottom: 6px double #8e99ab;
}
.search--area_insistence h4 span {
  position: relative;
  background: #e3e5ea;
  color: #555e6b;
  font-size: 94%;
  padding: 0 18px;
}
.search--area_insistence .select-tag {
  display: inline-block;
  min-width: auto;
  height: auto;
  background: #fff;
  border-radius: 20px;
  padding: 5px 13px;
  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 8px;
  font-size: 87%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.search--area_insistence .select-tag:hover {
  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.4);
}
.search--area_insistence .select-tag i {
  margin-right: 4px;
  color: #6cbb81;
}
.search--area_job input[type="checkbox"]:checked + label,
.search--area_job_type input[type="checkbox"]:checked + label,
.search--area_insistence input[type="checkbox"]:checked + label {
  background-color: #b5ddc0;
  font-weight: bold;
  box-shadow: none;
}
.search--area_insistence .modal-open {
  position: relative;
  padding: 10px 24px 10px;
  font-weight: 500;
  text-align: left;
  color: #111;
  font-family: "Noto Sans JP", sans-serif;
  cursor: pointer;
}
.search--area_insistence .btn i {
  position: absolute;
  top: 18px;
  right: 24px;
  font-size: 80%;
}
.search--area_bottom {
  padding-bottom: 40px;
}
.search--area_bottom input[type="text"] {
  width: 50%;
  height: 72px;
  padding: 0 18px;
  border-radius: 4px;
  border: 1px solid #c7ccd5;
  font-size: 108%;
  color: #8f99ab;
}
.search--area_bottom .btn {
  border: none;
}
.search--area_bottom .btn.btn-red {
  width: calc(100% - 69%);
  height: 72px;
  padding: 0;
  line-height: 72px;
  font-size: 147%;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.search--area_bottom .btn.btn-gray {
  width: calc(100% - 84%);
  height: 72px;
  padding: 0;
  font-size: 134%;
  line-height: 72px;
  font-weight: 700;
  margin-left: 8px;
}
.show {
  background: rgba(75, 114, 178, 0.95);
  padding: 0 24px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
  font-weight: bold;
  width: 100%;
  line-height: 3;
  color: #fff;
  font-size: 94%;
  text-align: center;
  pointer-events: none;
}
#show_keyword span:not(:first-child)::after {
  content: "、";
}
.search_modal {
  opacity: 0;
  display: none;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 120px 0 0;
  text-align: center;
  border-radius: 2px;
  background-color: rgba(25, 25, 25, 0.8);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 90;
  overflow-y: auto;
  -webkit-animation: slide_in_top 0.4s cubic-bezier(0, 0.9, 0.5, 1) 0s 1 forwards;
  -moz-animation: slide_in_top 0.4s cubic-bezier(0, 0.9, 0.5, 1) 0s 1 forwards;
  animation: slide_in_top 0.4s cubic-bezier(0, 0.9, 0.5, 1) 0s 1 forwards;
}
.search_modal.active {
  opacity: 1;
  display: block;
  pointer-events: auto;
}

.search_modal--inner {
  max-width: 960px;
  margin: auto;
  padding: 24px 48px 104px;
  text-align: left;
  border-radius: 4px;
  box-shadow: 0 0 6px -2px #000;
}
.search_modal h3 span {
  color: #333;
}
.search_modal--list {
  padding: 20px 8px 20px 20px;
  border-bottom: 1px solid #e3e5ea;
  background: #fff;
  border-radius: 4px;
}
.search_modal--list li .checkbox {
  display: none;
}

.search_modal--list li label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  width: 100%;
  height: 58px;
  border-radius: 2px;
  cursor: pointer;
  vertical-align: middle;
  background: #eee;
  text-align: center;
  font-size: 94%;
  line-height: 1.55;
  transition: all 0.4s ease-out;
}
.search_modal--list li label:hover {
  background: #cccfd8;
}
.search_modal--list li .checkbox:checked + label,
.search--area input[type="checkbox"]:checked + label {
  background: #b5ddc0;
  font-weight: bold;
}
.search_modal--chiiki--select {
  flex: 1;
}
.search_modal--chiiki--img {
  width: 262px;
  margin-right: 18px;
  border-radius: 4px;
  overflow: hidden;
}

#job_other_modal .search_modal--list li {
  width: calc(100% / 3);
}
#job_other_modal .search_modal--list li input,
#job_other_modal .search_modal--list li label {
  display: inline-block;
}
#job_other_modal .search_modal--list li input {
  vertical-align: top;
}
#job_other_modal .search_modal--list li label {
  width: 220px;
}
.search_modal .btn {
  position: relative;
  display: inline-block;
  width: auto;
  top: -80px;
  padding: 12px 48px;
  font-size: 120%;
  border: none;
  letter-spacing: 0.08em;
  cursor: pointer;
  border-radius: 2px;
}
.search_modal .btn.reset {
  margin-left: 8px;
  padding: 8px 18px 13px;
}
.search--area_bottom input[type="text"].searchtext {
  color: #111;
  font-weight: bold;
  margin-right: 8px;
}

.search_modal--train .search_modal--list {
  flex: 1;
}
.search_modal--train--img {
  background: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border-radius: 2px;
  width: 55%;
  margin-right: 1%;
  padding: 16px;
}
@media all and (-ms-high-contrast: none) {
  .search_modal--train--img {
    display: inline-block;
  }
  .search_modal--train--img_in {
    display: inline-block;
  }
  .search_modal--train--img_in img {
    display: inline-block;
    width: 443px !important;
    height: 359px !important;
  }
}
.search_modal--list_parent,
.search_modal--list_single {
  position: relative;
  margin-bottom: 12px;
  margin-right: 8px;
}
.search_modal--list_parent {
  width: 100%;
}
.search_modal--list_single {
  width: calc(100% / 2 - (16px * 1 / 2));
}
.search_modal--chiiki--select .search_modal--list_single {
  width: calc(100% / 3 - (12px * 2 / 3));
}
.search_modal--list_child_open {
  position: absolute;
  top: 6px;
  right: 7px;
  width: 46px;
  height: 46px;
  background-color: #8f99ab;
  border-radius: 2px;
  cursor: pointer;
}
.search_modal--list_child_open::before,
.search_modal--list_child_open::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 46%;
  height: 2px;
  display: block;
  background-color: #fff;
  transition: all 0.4s ease-out;
}
.search_modal--list_child_open::after {
  transform: rotate(90deg);
}
.search_modal--list_child_open.close::after {
  transform: rotate(0deg);
}
.search_modal--list_child {
  padding: 4px 24px 18px;
  background-color: #8f99ab;
  border-radius: 0 0 2px 2px;
}
.search_modal--list_child li {
  width: calc(100% / 3 - (8px * 2 / 3));
  margin-top: 8px;
}
.search_modal--list_child li:not(:nth-child(3n)) {
  margin-right: 8px;
}
.search_modal--list_single.owari,
.search_modal--list_single.mikawa,
.search_modal--list_single.chita {
  width: 100%;
}
.close_btn_icon {
  position: relative;
  top: 80px;
  right: -406px;
  z-index: 1;
  display: inline-block;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.close_btn_icon:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 767px) {
  .search {
    padding: 20px 0 0;
    background: #f5f5f5;
  }
  .search select {
    width: 100%;
    height: 38px;
    border-color: #c7ccd5;
  }
  .search .section_ttl {
    margin-bottom: 8px;
  }
  .search--area .mini-ttl {
    margin-top: 8px;
    margin-bottom: 4px;
    font-size: 80%;
  }
  .search--area .mini-ttl span {
    font-size: 80%;
    vertical-align: baseline;
  }
  .search--area_bottom {
    margin-top: 16px;
    padding-bottom: 24px;
  }
  .search--area_bottom input[type="text"].searchtext {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border-radius: 0;
    margin-right: 0;
    margin-bottom: 18px;
  }
  .search--area_bottom .btn.btn-red {
    width: 100%;
    height: 46px;
    margin-bottom: 12px;
    line-height: 44px;
    font-size: 108%;
  }
  .search--area_bottom .btn.btn-gray {
    width: 60%;
    height: 44px;
    margin: 0 auto;
    line-height: 44px;
    font-size: 100%;
  }
  .all_search_link {
    padding: 14px 0 16px;
    font-size: 108%;
  }
}

/* はじめての方
**************************************** */
.guide_intro {
  padding: 60px 0 0;
}
.guide_intro .txt {
  width: calc(100% - 624px);
  padding-top: 24px;
}
.guide_intro .txt .ttl {
  font-size: 214%;
  margin-bottom: 36px;
}
.guide_intro .txt p {
  text-align: justify;
  text-justify: inter-ideograph;
}
.guide_intro .img {
  width: 100%;
  height: 500px;
  background-position: center;
}
.guide_merit--content {
  width: calc(100% / 2 - (42px * 1 / 2));
  margin-bottom: 42px;
  background: #fff;
  padding: 38px 38px 42px;
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(83, 95, 134, 0.1);
  text-align: justify;
  text-justify: inter-ideograph;
}
.guide_merit--content .ttl,
.guide_point--content .ttl {
  margin-bottom: 26px;
  font-size: 162%;
  line-height: 1.6;
}
.guide_point--content .ttl {
  text-align: center;
}
.guide_merit--content .ttl .deco {
  color: #6cbb81;
  line-height: 1.2;
  text-align: center;
}
.guide_merit--content .ttl .icon {
  font-size: 250%;
}
.guide_point--content .ttl .deco {
  display: block;
  width: 97px;
  border-radius: 2px;
  margin: 0 auto 10px;
  line-height: 1.2;
  color: #6cbb81;
}
.guide_merit--content .ttl .deco small,
.guide_point--content .ttl .deco small {
  display: block;
  font-size: 50%;
}
.guide_merit--content .ttl .deco small {
  font-size: 15px;
}
.guide_merit--content .ttl .deco strong {
  font-size: 190%;
}
.guide_point--content .ttl .deco strong {
  font-size: 140%;
}
.guide_merit--content .ttl .txt {
  width: 60%;
}
.guide_merit--content p,
.guide_point--content p {
  color: #8a8a95;
}

.guide_job--content {
  position: relative;
  width: calc(100% / 3 - (24px * 2 / 3));
  margin-right: 24px;
  margin-bottom: 24px;
  background: #f5f5f5;
  border-radius: 2px;
  padding: 42px 32px 32px;
}
.guide_job--content:nth-child(3n) {
  margin-right: 0;
}
.guide_job--content h3 {
  text-align: center;
  font-size: 160%;
  margin-bottom: 20px;
  line-height: 1.6;
}
.guide_job--content h3 small {
  display: block;
}
.guide_job--content h3 i {
  display: block;
  font-size: 264%;
  margin-bottom: 8px;
}
.guide_job--content p {
  position: relative;
  margin-bottom: 24px;
  height: 86px;
  overflow: hidden;
  font-weight: normal;
  text-align: justify;
  text-justify: inter-ideograph;
  color: #7f7f8f;
}
.guide_job--content:last-child p {
  height: 53px;
}
.guide_job--content p::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  background: -moz-linear-gradient(top, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 100%);
  background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 100%);
}
.guide_job--content .btn {
  width: 100%;
}
.guide_job--detail {
  padding: 0 0 40px;
}
.guide_job--detail .img {
  width: 100%;
  height: 320px;
  margin-bottom: 40px;
  background-size: cover;
  background-position: center;
}
.guide_job--list {
  padding: 0 30px 30px;
}
.guide_job--list li {
  width: calc(100% / 2 - (18px * 1 / 2));
  margin-right: 18px;
  margin-bottom: 24px;
  background: rgba(255, 255, 255, 0.95);
  padding: 18px 24px 26px;
  border-radius: 2px;
}
.guide_job--list li:nth-child(2n) {
  margin-right: 0;
}
.guide_job--list li h4 {
  font-size: 120%;
  margin-bottom: 8px;
}
.guide_job--list li h4 span {
  color: #6cbb81;
  margin-right: 2px;
}
.guide_job--list li p {
  text-align: justify;
  text-justify: inter-ideograph;
}

.guide_point .section_ttl {
  width: 558px;
}
.guide_point--content {
  width: calc(100% / 3 - (24px * 2 / 3));
  background: #fff;
  padding: 34px;
  border-radius: 2px;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media only screen and (max-width: 767px) {
  .guide_intro {
    padding: 0;
  }
  .guide_intro .section_ttl {
    margin: 0;
    padding: 30px 0 0;
  }
  .guide_intro .txt {
    width: 100%;
    margin-bottom: 26px;
  }
  .guide_intro .txt .ttl {
    font-size: 200%;
    margin-bottom: 18px;
  }
  .guide_intro .txt p br {
    display: none;
  }
  .guide_intro .img {
    height: 240px;
    background-size: cover;
  }
  .guide_merit {
    padding-top: 30px;
    padding-bottom: 0;
  }
  .guide_merit .inner,
  .guide_point .inner {
    width: 100%;
  }
  .guide_merit--content,
  .guide_point--content {
    width: 100%;
    margin-bottom: 1px;
    padding: 22px 35px 23px;
    border-radius: 0;
  }
  .guide_merit--content .ttl,
  .guide_merit--content .ttl .deco {
    display: block;
    text-align: center;
  }
  .guide_merit--content .ttl,
  .guide_point--content .ttl {
    margin-bottom: 14px;
    font-size: 148%;
  }
  .guide_merit--content .ttl .deco {
    margin-bottom: 8px;
  }
  .guide_merit--content .ttl .deco small {
    font-size: 66%;
  }
  .guide_merit--content .ttl .deco strong {
    font-size: 150%;
  }
  .guide_merit--content .ttl .txt {
    width: 100%;
  }
  .guide_job {
    padding-top: 28px;
    padding-bottom: 28px;
    background: #f5f5f5;
  }
  .guide_job--content {
    width: 100%;
    height: auto;
    margin: 0 auto 12px;
    border-radius: 0;
    padding: 23px 18px 18px;
    background: #fff;
  }
  .guide_job--content h3 {
    font-size: 108%;
    margin-bottom: 14px;
  }
  .guide_job--content h3 i {
    font-size: 334%;
  }
  .guide_job--content p,
  .guide_job--content:last-child p {
    height: auto;
    font-size: 80%;
  }
  .guide_job--content p::after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  }
  .guide_job--list {
    width: 95%;
    margin: 0 auto;
    padding: 0 0 60px;
  }
  .guide_job--detail .img {
    height: 220px;
    margin-bottom: 24px;
  }
  .guide_job--list li,
  .guide_job--list li:nth-child(2n) {
    width: 94%;
    margin: 0 auto 16px;
    padding: 18px 15px 26px;
  }
  .guide_job--list li h4 {
    font-size: 108%;
  }
  .guide_job--list li p {
    font-size: 87%;
  }
  .guide_point {
    padding-top: 40px;
    padding-bottom: 0;
  }
  .guide_point .section_ttl {
    width: 100%;
  }
  .guide_point .section_ttl + p {
    padding: 0 8%;
  }
}

/* スタッフ向け
**************************************** */
.staff_campaign--intro .section_ttl {
  width: 90%;
}
.staff_campaign--step {
  position: relative;
}
.staff_campaign--step::before {
  content: "";
  display: block;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-left: 6px dotted #fff;
  height: 100%;
  width: 1px;
}
.staff_campaign--step .section_ttl-mini {
  text-align: center;
  line-height: 1.4;
  margin-bottom: 38px;
}
.staff_campaign--step .section_ttl-mini::before {
  top: 45px;
}
.staff_campaign--step .step {
  position: relative;
  padding: 28px 34px;
}
.staff_campaign--step .step .chach {
  margin-bottom: 32px;
  font-size: 160%;
  font-weight: 500;
}
.staff_campaign--step .step strong {
  color: #d75876;
}
.staff_campaign--step .step .attention {
  background: #f5f5f5;
  padding: 28px 38px;
  font-size: 94%;
}
.staff_campaign--step .step .attention h3 {
  font-size: 120%;
  margin-bottom: 14px;
}
.staff_campaign--step .step .attention ul li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 4px;
}
.staff_campaign--step .step .attention ul li span {
  color: #6cbb81;
  font-size: 134%;
  line-height: 1;
  margin-right: 2px;
}

.staff_campaign--step_01 ul li {
  width: calc(100% / 2 - (18px * 1 / 2));
  margin-right: 18px;
  background: #f5f5f5;
  padding: 28px 38px;
  border-radius: 2px;
}
.staff_campaign--step_01 ul li:last-child {
  margin-right: 0;
}
.staff_campaign--step_01 ul li h3 {
  margin-bottom: 8px;
  font-size: 120%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .staff_campaign {
    padding-bottom: 0;
  }
  .staff_campaign--intro .section_ttl {
    font-size: 154%;
  }
  .staff_campaign--step {
    width: 100%;
  }
  .staff_campaign--step::before {
    top: -28px;
  }
  .staff_campaign--step .step {
    padding: 14px 11px 4px;
    margin-bottom: 0;
  }
  .staff_campaign--step .section_ttl-mini {
    margin-bottom: 18px;
    font-size: 160%;
  }
  .staff_campaign--step .section_ttl-mini::before {
    top: 35px;
    width: 95%;
  }
  .staff_campaign--step_01 ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
    padding: 20px 14px 26px;
  }
  .staff_campaign--step p {
    text-align: left;
  }
  .staff_campaign--step .step .chach {
    margin-bottom: 12px;
    font-size: 108%;
  }
  .staff_campaign--step .step .attention {
    padding: 15px 14px;
    font-size: 87%;
    margin-bottom: 8px;
  }
  .staff_campaign--step .step .attention h3 {
    margin-bottom: 6px;
  }
  .staff_campaign--step .step .attention ul li {
    margin-bottom: 8px;
  }
}

/* 就業規則
**************************************** */
.rule_welfare .table th,
.rule_welfare .table td {
  border: 2px solid #f4f4f4;
  font-weight: normal;
}
.rule_welfare .table th {
  text-align: left;
  padding: 13px 16px;
}
.rule_welfare .table th.txt-ctr {
  text-align: center;
}
.rule_welfare .table th {
  background-color: #8f99ab;
}
.rule_welfare .table td.whet {
  background-color: #e3e5ea;
}
.rule_welfare .table th.time,
.rule_welfare .table th.days {
  background-color: #e3e5ea;
  color: #111;
}
.rule_welfare .flex .col {
  width: calc(100% / 3 - (18px * 2 / 3));
  margin-right: 18px;
  padding: 24px;
  background-color: #fff;
  border-radius: 2px;
}
.rule_welfare .flex .col:last-child {
  margin-right: 0;
}
.rule_welfare .flex .col h4 {
  text-align: center;
  margin-bottom: 8px;
  line-height: 1.45;
  font-size: 120%;
}
.rule_welfare .flex .col h4 small {
  font-weight: normal;
  color: #8f99ab;
}
.rule_welfare .flex .col:not(:nth-child(1)) h4 {
  margin: 8px 0 26px;
}
.rule_welfare .flex .col p {
  text-align: justify;
  text-justify: inter-ideograph;
}
.rule_welfare--terms {
  background-color: #f5f5f5;
  padding: 24px;
  border-radius: 2px;
}
.rule_welfare--terms h3 {
  font-size: 120%;
}
.rule_welfare--other li {
  width: calc(100% / 2 - (18px * 1 / 2));
  margin-right: 18px;
  margin-bottom: 18px;
  background-color: #fff;
  padding: 24px;
  border-radius: 2px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.rule_welfare--other li:nth-child(2n) {
  margin-right: 0;
}
.rule_welfare--other li:last-child {
  width: 100%;
  margin-right: 0;
}
.rule_welfare--other li h3,
.rule_support ul li h3 {
  font-size: 120%;
  margin-bottom: 8px;
}
.rule_welfare--other li h3 span,
.rule_support ul li h3 span {
  margin-right: 2px;
  color: #6cbb81;
  font-size: 214%;
  vertical-align: sub;
  line-height: 1;
}
.rule_support .section_ttl {
  width: 580px;
  line-height: 1.45;
  padding-bottom: 8px;
}
.rule_support ul li {
  width: calc(100% / 2 - (18px * 1 / 2));
  margin-right: 18px;
  margin-bottom: 18px;
  background: #f5f5f5;
  padding: 24px;
}
.rule_support ul li:nth-child(2n) {
  margin-right: 0;
}
.rule_support ul li p {
  text-align: justify;
  text-justify: inter-ideograph;
}
.rule_seminar--content {
  margin-bottom: 40px;
  padding: 30px 80px;
  border-radius: 2px;
  text-align: center;
}
.rule_seminar--content .section_ttl-mini {
  margin-bottom: 18px;
  font-size: 160%;
}
.rule_seminar--content .section_ttl-mini::before {
  top: 17px;
}
.rule_seminar--content .section_ttl-mini span {
  background: #e0efd8;
  padding: 0 30px;
}
@media only screen and (max-width: 767px) {
  .rule_support .section_ttl {
    width: 100%;
  }
  .rule_welfare--terms {
    padding: 14px;
  }
  .rule_welfare .flex .col {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
    padding: 15px;
  }
  .rule_welfare .flex .col:not(:nth-child(1)) h4 {
    margin: 0 0 8px;
  }
  .rule_welfare--other li,
  .rule_support ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
    padding: 15px;
  }
  .rule_welfare--other li h3,
  .rule_support ul li h3 {
    font-size: 15px;
    margin-bottom: 4px;
  }
  .rule_welfare--other li h3 span,
  .rule_support ul li h3 span {
    font-size: 194%;
  }
  .rule_seminar--content {
    margin-bottom: 18px;
    padding: 20px 18px;
    text-align: left;
  }
  .rule_seminar--content .section_ttl-mini {
    margin-bottom: 10px;
    font-size: 145%;
  }
  .rule_seminar--content .section_ttl-mini::before {
    display: none;
  }
  .rule_seminar--content .section_ttl-mini span {
    padding: 0 12px;
  }
}

/* 会社概要
**************************************** */
.company_greeting .txt {
  padding: 0;
}
.company_greeting .img {
  width: 370px;
  height: 390px;
  background-position: top center;
  border-radius: 50%;
  background-size: 90%;
}
.company_greeting p {
  line-height: 2;
}
.company_greeting p strong {
  font-size: 108%;
  display: inline-block;
  margin: 4px 0;
}
.company_greeting p.txt-rgt {
  font-family: YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,
    "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 800;
}
.relation_content li {
  background: #fff;
  width: calc(100% / 2 - (24px * 1 / 2));
  margin-bottom: 28px;
  padding-bottom: 32px;
  border-radius: 2px;
  text-align: center;
}
.relation_content li .img {
  height: 270px;
  background-position: center;
  background-size: cover;
}
.relation_content li h3 {
  margin-top: -90px;
  margin-bottom: 14px;
}
.relation_content li:last-child h3 {
  margin-top: 36px;
}
.relation_content li a {
  text-decoration: underline;
  color: #d75876;
  word-wrap: break-word;
}
.company_nintei ul li h3 {
  text-align: center;
  margin-bottom: 14px;
  font-size: 120%;
}
.company_nintei ul li {
  width: calc(100% / 3 - (14px * 2 / 3));
  background-color: #f5f5f5;
  padding: 34px 24px;
  border-radius: 2px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.company_nintei ul li:nth-child(3) h3 {
  margin: 15px 0 32px;
}
.company_nintei ul li a {
  text-decoration: underline;
  color: #d75876;
  word-wrap: break-word;
}
.company_nintei--content {
  background: #f5f5f5;
  margin-bottom: 20px;
  padding: 38px 28px;
  border-radius: 2px;
}
.company_nintei--content h3 {
  width: 30%;
  text-align: center;
  line-height: 1.6;
}
.company_nintei--content h3 img {
  display: block;
  margin: 0 auto 8px;
}
.company_nintei--content .txt {
  width: 65%;
}

#map-canvas {
  height: 328px;
  border: 2px solid #fff;
  margin-bottom: 24px;
}
.access--column_col {
  position: relative;
  margin-bottom: 8px;
  background-color: #fff;
  border-radius: 2px;
  padding: 24px;
}
.access--column_col::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  height: 60%;
  margin: auto;
  background-color: #6cbb81;
}
.access--column_col h3 {
  color: #6cbb81;
}
@media only screen and (max-width: 767px) {
  .page-company .page_ttl {
    display: none;
  }
  .company_greeting {
    margin-top: 153px;
  }
  .company_greeting .flex {
    flex-direction: column-reverse;
  }
  .company_greeting .txt {
    padding: 0;
  }
  .company_greeting p:not(.txt-rgt) {
    font-size: 94%;
    line-height: 1.8;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .company_greeting p strong {
    display: inline;
    font-size: 94%;
  }
  .company_greeting .img {
    width: 180px;
    height: 180px;
    background-size: cover;
    background-position: top center;
    border-radius: 50%;
    margin: 0 auto 18px;
  }
  .company_outline {
    padding: 60px 0 40px;
  }
  .relation_content li {
    width: 100%;
    padding: 0 0 30px;
    margin-bottom: 8px;
  }
  .relation_content li .img {
    height: 210px;
    background-position: top center;
  }
  .relation_content li h3 {
    width: 80%;
    margin: -90px auto 0;
  }
  .relation_content li:last-child h3 {
    margin-top: 26px;
  }
  #access {
    margin-top: -80px;
    padding-top: 80px;
  }
  #map-canvas {
    width: 100%;
    height: 244px;
    margin-bottom: 18px;
  }
  #map-canvas iframe {
    width: 100%;
    height: 240px;
  }
  .company_nintei ul li {
    width: 100%;
    margin-bottom: 8px;
  }
  .company_nintei ul li:nth-child(3) h3 {
    margin: 0 0 14px;
  }
  .company_nintei--content {
    margin-bottom: 8px;
    padding: 28px 18px;
  }
  .company_nintei--content h3,
  .company_nintei--content .txt {
    width: 100%;
  }
  .company_nintei--content h3 {
    margin-bottom: 16px;
  }
}

/* よくあるご質問
**************************************** */
.page-faq_intro {
  font-weight: normal;
}
.page-faq .faq_list {
  padding-top: 120px;
  margin-top: -120px;
}
.page-faq .faq_list h2 {
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 38px;
  font-size: 200%;
  text-indent: -0.2em;
}
.page-faq .faq_list h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 4px;
  background: #111;
}
.faq_list--contents {
  margin-bottom: 56px;
}
.faq_list--content {
  margin-bottom: 8px;
}
.faq_list--content dt {
  position: relative;
  font-size: 108%;
  background: #f5f5f5;
  padding: 14px 40px 14px 2.5em;
  text-indent: -1.8em;
  transition: all 0.2s ease-out;
}
.faq_list--content dt:hover {
  background: #e3e5ea;
}
.faq_list--content dt i {
  color: #d75876;
  font-size: 147%;
  line-height: 1;
}
.faq_list--content dt::before {
  content: "+";
  position: absolute;
  top: 15px;
  right: 10px;
  background: #d75876;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: block;
  text-align: center;
  color: #fff;
  line-height: 23px;
  text-indent: 0;
}
.faq_list--contents dd {
  padding: 20px 40px 26px;
  text-align: justify;
  text-justify: inter-ideograph;
  background: #ffe1e8;
}
.faq_list--contents dd a {
  color: #4b73b2;
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .page-faq .main-column {
    padding: 24px 14px;
  }
  .page-faq .faq_list h2 {
    padding-bottom: 18px;
    margin-bottom: 28px;
    font-size: 140%;
  }
  .faq_list--contents {
    margin-bottom: 38px;
  }
  .faq_list--content dt {
    font-size: 94%;
    padding: 14px 46px 14px 14px;
    text-indent: -1.6em;
    padding-left: 2.5em;
  }
  .faq_list--content dt::before {
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    font-size: 160%;
  }
  .faq_list--content dt i {
    font-size: 120%;
  }
  .faq_list--contents dd {
    padding: 20px 20px 26px;
  }
}

/* お仕事開始までの流れ
**************************************** */
.page-flow .section_ttl {
  width: 60%;
  line-height: 1.5;
}
.register_flow_step {
  margin-bottom: 40px;
  display: grid;
  width: 100%;
  justify-content: space-between;
  grid-template-columns: repeat(5, calc(100% / 5 - (18px * 4 / 5)));
}
.register_flow_step .step {
  position: relative;
  background: #fff;
  width: 100%;
  border-radius: 2px;
  padding: 10px 10px;
  box-shadow: 0 0 2px rgba(83, 95, 134, 0.1);
  transition: all 0.2s ease-out;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
}
.register_flow_step .step:hover {
  transform: translateY(-5px);
  box-shadow: 0 1px 2px rgba(83, 95, 134, 0.1);
}
.register_flow_step .step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: -24px;
  bottom: 0;
  margin: auto 0;
  height: 10px;
  border: 10px solid transparent;
  border-left: 10px solid #6cbb81;
  transition: all 0.2s ease-out;
}
.register_flow_step .step:hover::after {
  transform: translateY(5px);
}
.register_flow_step .step a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.register_flow_step .step p {
  font-weight: bold;
  margin-bottom: 6px;
}
.register_flow_step .step p i {
  font-size: 120%;
  margin-left: 2px;
}
.register_flow_step .step h3 {
  background: #e0efd8;
  padding: 8px 0;
  border-radius: 2px;
  margin-bottom: 8px;
  display: flex;
  place-items: center;
  place-content: center;
}
.register_flow_content {
  background: #fff;
  padding: 24px;
  margin-bottom: 32px;
  border-radius: 2px;
}
.register_flow_content .my_shift_icon {
  float: none;
  padding: 5px 8px 5px;
  margin: 0 4px;
  font-size: 90%;
}
.register_flow_content a.smooth {
  text-decoration: underline;
  color: #d75876;
}
.register_flow_content .btn {
  margin-top: 8px;
}
.register_flow_content--ttl {
  margin-bottom: 18px;
  padding-bottom: 4px;
  background: #6cbb81;
  padding: 8px 18px;
  border-radius: 2px;
  font-size: 174%;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.register_flow_content--ttl span {
  font-size: 120%;
}
.register_flow_content--ul li {
  width: 100%;
  padding: 28px 20px 24px;
  margin: 0 0 10px;
  background: #f7f9f6;
}
.register_flow_content--ul li h3 {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 3px solid #6cbb81;
  line-height: 1;
  font-size: 147%;
}
.register_flow_content--ul li h3 small {
  font-weight: 500;
  font-size: 74%;
}
.register_flow_content--ul li h3 span {
  font-size: 87%;
  font-weight: normal;
}
.register_flow_content--ul li p {
  text-align: justify;
  text-justify: inter-ideograph;
}
.register_flow_content--ul li .attention table {
  width: 100%;
}
.register_flow_content--ul li .attention table th,
.register_flow_content--ul li .attention table td {
  padding: 10px;
  border: 2px solid #ddd;
}
.register_flow_content--ul li .attention table th {
  width: 190px;
  background: #f5f5f5;
}
.register_flow_content--ul li .attention table td {
  line-height: 1.7;
  background: #fff;
}
#zaitaku {
  padding-top: 180px;
  margin-top: -180px;
  display: block;
  pointer-events: none;
}
@media (max-width: 767px) {
  .page-flow .section_pdg-intro {
    padding: 40px 0 20px;
  }
  .page-flow .section_ttl {
    width: 100%;
  }
  .page-flow article .inner {
    width: 94%;
  }
  .page-flow .section_ttl + p,
  .register_flow_step {
    padding: 0 20px 20px;
  }

  .register_flow_step {
    grid-template-columns: 100%;
  }
  .register_flow_step img {
    display: block;
    margin-inline: auto;
  }

  .register_flow_step .step {
    width: 100%;
    padding: 8px 10px;
    border-radius: 0px;
    box-shadow: none;
  }
  .register_flow_step .step:not(:first-child) {
    padding: 18px 10px 14px;
  }
  .register_flow_step .step:not(:last-child)::after {
    z-index: 1;
    top: auto;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: 0 auto;
    width: 10px;
    border: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #6cbb81;
  }
  .register_flow_step .step:hover {
    transform: translateY(0);
    box-shadow: none;
  }
  .register_flow_step .step h3 {
    width: 80%;
    margin: 0 auto 8px;
  }
  .register_flow_step .step p {
    margin-bottom: 0;
  }

  .register_flow_content {
    background: #fff;
    padding: 0 0 14px;
    margin-bottom: 0;
    border-radius: 0;
  }
  .register_flow_content:nth-last-child(-n + 3) > p {
    margin-top: 0;
    margin-left: 14px;
    margin-right: 14px;
  }
  .register_flow_content--ttl {
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 0;
    font-size: 134%;
  }
  .register_flow_content--ttl span {
    font-size: 70%;
  }
  .register_flow_content .btn {
    margin: 8px 12px 0;
  }
  .register_flow_content--ul li {
    width: 100%;
    padding: 20px 16px 20px;
    margin: 0 12px 10px;
    background: #f7f9f6;
  }
  .register_flow_content--ul li h3 {
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 2px solid #6cbb81;
    font-size: 108%;
  }
  .register_flow_content--ul li .attention table th,
  .register_flow_content--ul li .attention table td {
    display: block;
    width: 100%;
  }
  .register_flow_content--ul li .attention table td,
  .register_flow_content--ul li .attention table tr:nth-child(2) th {
    border-top: none;
  }
  #step01 .register_flow_content--ttl + p {
    padding: 0 20px;
  }
}

/* 職務経歴書フォーマット
**************************************** */
.page-download .section_ttl {
  width: 590px;
  line-height: 1.6;
}
.download_content {
  background: #fff;
  padding: 34px 34px 48px;
  border-radius: 2px;
}
.download_content--list .btn {
  width: 570px;
  padding: 18px 0 20px;
  font-size: 134%;
}
.download_lede {
  background: #e3e5ea;
  padding: 47px 0 60px;
}
.download_lede .section_ttl-underline::after {
  background: #8f99ab;
}
@media only screen and (max-width: 767px) {
  .page-download .section_ttl,
  .download_content--list .btn,
  .page-download .section_pdg-intro .inner {
    width: 100%;
  }
  .page-download .section_pdg-intro {
    padding-bottom: 0;
  }
  .download_content {
    padding: 34px 20px 48px;
    border-radius: 0;
    margin: 0;
  }
  .download_lede {
    background: #e3e5ea;
    padding: 46px 20px 54px;
  }
  .download_content .section_ttl-underline,
  .download_lede .section_ttl-underline {
    margin-bottom: 28px;
  }
  .download_content--list .btn {
    font-size: 108%;
    padding: 12px 14px;
  }
}

/* 派遣・扶養内の働き方
**************************************** */
.fuyowaku_intro .section_ttl {
  width: 800px;
  line-height: 1.8;
}
.fuyowaku_intro .section_ttl small {
  font-size: 70%;
}
.parttime_work .section_ttl,
.fulltime_work .section_ttl {
  width: 630px;
}
.parttime_work .parttime_work--var {
  margin-bottom: 56px;
}
.parttime_work .parttime_work--var .img {
  position: relative;
}
.parttime_work .parttime_work--var .img .num {
  position: absolute;
  top: -24px;
  right: -32px;
  display: block;
  width: 46px;
  height: 80px;
  background: #e3e5ea;
  z-index: 1;
  color: #000;
  text-align: center;
  line-height: 80px;
  font-weight: 700;
  transform: scale(0.8);
}
@media all and (-ms-high-contrast: none) {
  .parttime_work .parttime_work--var .img .num {
    font-family: "Lato", "Noto Sans JP", "メイリオ", Meiryo, "Lato", YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3",
      "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  }
}
.parttime_work .parttime_work--var .img .num::before,
.parttime_work .parttime_work--var .img .num::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e3e5ea;
  transition: all 0.2s linear;
  z-index: 0;
}
.parttime_work .parttime_work--var .img .num::before {
  transform: rotate(60deg);
}
.parttime_work .parttime_work--var .img .num::after {
  transform: rotate(-60deg);
}
.parttime_work .parttime_work--var .img .num .num--txt {
  position: absolute;
  right: 0;
  z-index: 1;
  width: 100%;
  display: block;
  font-size: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.25em;
  text-indent: -0.4em;
}
.parttime_work .parttime_work--var .img .num .num--no {
  position: relative;
  z-index: 1;
  font-size: 290%;
  color: #d75876;
  line-height: 77px;
}
.parttime_work .parttime_work--var .txt {
  width: calc(100% - 500px);
}
.parttime_work .parttime_work--var .txt h3 {
  margin-bottom: 8px;
  font-size: 187%;
  font-weight: 700;
}
.parttime_work .parttime_work--var .recommend {
  background: #f5f5f5;
  padding: 22px;
}
.parttime_work .parttime_work--var .recommend ul li {
  font-size: 94%;
}
.parttime_work .parttime_work--var .recommend h4 {
  margin-bottom: 8px;
}
.parttime_work .parttime_work--var .recommend .indent-li span {
  color: #6cbb81;
  font-size: 154%;
  line-height: 1;
  margin-right: 2px;
}
.fulltime_work--var .var_col {
  width: calc(100% / 3 - (28px * 2 / 3));
  background: #f5f5f5;
  padding: 60px 34px 82px;
  border-radius: 2px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.fulltime_work--var .var_col .section_ttl-underline {
  font-size: 174%;
  margin-bottom: 34px;
}

.check_content {
  background-color: #fff;
  margin-bottom: 12px;
  border-radius: 2px;
  padding: 24px 24px 24px 28px;
  display: flex;
}
.check_content--point {
  margin-top: -7px;
  margin-right: 22px;
  transform: rotate(-3deg);
  text-align: center;
  color: #6cbb81;
  font-weight: 700;
  font-size: 120%;
}
.check_content--point i {
  margin-left: 2px;
}
.check_content--point span {
  display: block;
  font-size: 160%;
  line-height: 1;
}
.check_content--txt h3 {
  font-size: 130%;
  margin-bottom: 4px;
}
.check_content--txt_attention {
  background: #f5f5f5;
  padding: 16px;
  margin-top: 16px;
}
.check_content--txt_attention strong {
  color: #d75876;
}
@media only screen and (max-width: 767px) {
  .fuyowaku_intro {
    padding-top: 46px;
    padding-bottom: 50px;
  }
  .fuyowaku_intro .section_ttl,
  .parttime_work .section_ttl,
  .fulltime_work .section_ttl {
    width: 100%;
  }
  .fuyowaku_intro .section_ttl small {
    position: relative;
    display: block;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 1.5;
  }
  .fuyowaku_intro .section_ttl small::before,
  .fuyowaku_intro .section_ttl small::after {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 2px;
    height: 104%;
    display: block;
    background: #111;
  }
  .fuyowaku_intro .section_ttl small::before {
    transform: rotate(-20deg);
    left: 0;
  }
  .fuyowaku_intro .section_ttl small::after {
    transform: rotate(20deg);
    right: 0;
  }
  .fuyowaku_intro .section_ttl strong {
    display: block;
    font-size: 114%;
    line-height: 1.4;
  }
  .shift_contents {
    padding: 0;
  }
  .parttime_work {
    margin-bottom: 0;
  }
  .parttime_work .inner,
  .fulltime_work .inner {
    width: 100%;
  }
  .parttime_work .section_ttl,
  .fulltime_work .section_ttl {
    margin: 0;
    padding: 18px;
    background: #8f99ab;
    color: #fff;
    font-size: 154%;
  }
  .parttime_work .section_ttl .section_ttl--en,
  .fulltime_work .section_ttl .section_ttl--en {
    color: rgba(255, 255, 255, 0.85);
  }
  .parttime_work .parttime_work--var {
    padding: 20px 20px;
    margin-bottom: 0;
    border-bottom: 1px dashed #8f99ab;
    flex-direction: column-reverse;
  }
  .parttime_work .parttime_work--var:last-child {
    border-bottom: none;
  }
  .parttime_work .parttime_work--var .txt {
    width: 100%;
    margin-bottom: 18px;
  }
  .parttime_work .parttime_work--var .txt h3 {
    margin-bottom: 5px;
    font-size: 147%;
  }
  .parttime_work .parttime_work--var .img .num {
    display: none;
  }
  .parttime_work .parttime_work--var .recommend {
    padding: 14px;
  }
  .parttime_work .parttime_work--var .recommend h4 {
    margin-bottom: 5px;
  }
  .parttime_work .parttime_work--var .recommend .indent-li li {
    text-indent: -0.7em;
    padding-left: 0.7em;
    margin-bottom: 2px;
    line-height: 1.6;
  }
  .parttime_work .parttime_work--var .recommend .indent-li span {
    font-size: 108%;
  }
  .fulltime_work--var .var_col {
    width: 100%;
    background: #fff;
    padding: 30px 20px 32px;
    border-radius: 0;
    border-bottom: 1px dashed #8f99ab;
  }
  .fulltime_work--var .var_col .section_ttl-underline {
    margin-bottom: 18px;
    padding-bottom: 18px;
    font-size: 147%;
  }

  .check_content {
    padding: 10px 12px 12px;
    display: block;
  }
  .check_content--point {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 4px;
    transform: rotate(0);
    font-size: 90%;
  }
  .check_content--txt h3 {
    font-size: 114%;
    margin-bottom: 4px;
    text-align: center;
  }

  .table_wrap {
    overflow-x: scroll;
    width: 100%;
    padding-top: 10px;
  }
  .table_wrap::before {
    content: "\6A2A\306B\30B9\30AF\30ED\30FC\30EB\3067\304D\307E\3059\2192";
    display: block;
    text-align: right;
    color: #888;
  }
  .table_wrap .table {
    width: 800px;
  }
}

/* ##############################################################################

    ARCHIVE

############################################################################## */

/* 検索（詳細） archive-jobsearch
**************************************** */
.search_ttl {
  margin-bottom: 8px;
  font-size: 160%;
  color: #555e6b;
}
.search_ttl span {
  margin-right: 2px;
  color: #6cbb81;
}

.archive-jobsearch .search--area_job ul li.list_single {
  width: calc(100% / 3 - (12px * 2 / 3));
}
.archive-jobsearch .search_modal--list {
  padding: 0;
  background: transparent;
  border-bottom: none;
}
.search_modal--list li label {
  background: #e3e5ea;
}
.archive-jobsearch .search--area_insistence,
.archive-jobsearch .search--area_insistence h4 span {
  background: #fff;
}
.archive-jobsearch .search--area_insistence .select-tag {
  min-width: 24.6%;
  border-radius: 2px;
  padding: 18px 13px;
  box-shadow: none;
  background-color: #e3e5ea;
}
.search_modal--list li label:hover,
.archive-jobsearch .search--area_insistence .select-tag:hover {
  background-color: #cccfd8;
}
.archive-jobsearch .search--area_job,
.archive-jobsearch .search--area_place {
  margin-bottom: 32px;
}
.archive-jobsearch .search_modal--chiiki--img {
  width: 320px;
  background-color: #e0efd8;
}
.archive-jobsearch .search_modal--chiiki--select {
  width: calc(100% - 335px);
  margin-right: -7px;
}
.archive-jobsearch .search_modal--list_single {
  width: calc(100% / 2 - (16px * 1 / 2));
}
.search_modal--list_single.owari,
.search_modal--list_single.mikawa,
.search_modal--list_single.chita {
  width: 100%;
}
.archive-jobsearch .search_modal--list_single.linimo,
.archive-jobsearch .search_modal--list_single.aonami-line {
  width: 100%;
}
.archive-jobsearch .search--area_job ul li.list_parent,
.archive-jobsearch .search--area_job ul li.list_single {
  margin-bottom: 12px;
  margin-right: 8px;
}

.search--inner {
  background: #fff;
  padding: 24px;
  border-radius: 2px;
}
.search--area_job .search--inner {
  padding: 24px 14px 20px 24px;
}
.search--inner h4 {
  position: relative;
  margin-bottom: 22px;
  font-weight: 400;
  text-align: center;
  line-height: 1;
}
.search--inner h4::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  display: block;
  border-bottom: 6px double #8e99ab;
}
.search--inner h4 span {
  position: relative;
  background: #fff;
  color: #555e6b;
  font-size: 120%;
  padding: 0 18px;
}
.archive-jobsearch .search--area_insistence h4 {
  font-weight: 400;
}
.archive-jobsearch .search--area_insistence h4 span {
  font-size: 120%;
}
.archive-jobsearch #show_keyword {
  width: calc(100% - 320px);
  padding-right: 24px;
}
.archive-jobsearch .show .btn {
  border: none;
  font-size: 120%;
  padding: 8px 0;
  margin: 8px 0;
  pointer-events: auto;
}

@media only screen and (max-width: 767px) {
  .archive-jobsearch .search {
    padding: 20px 0 0;
    background: #e0efd8;
  }
  .job_insistence_sp li:first-child {
    margin-bottom: 8px;
  }
  .job_insistence_sp .modal-open {
    display: block;
    border-radius: 2px;
    background: #c7ccd5;
    padding: 12px 14px;
  }
  .search_modal {
    background: #e0efd8;
    padding: 70px 18px 70px;
    height: calc(100% - 52px);
    border-radius: 0;
    overflow-y: scroll;
    text-align: left;
  }
  .search_modal h4 {
    margin-bottom: 18px;
    font-weight: 450;
    font-size: 120%;
    text-align: center;
  }
  .search_modal label {
    background: #fff;
    padding: 10px;
    margin-bottom: 8px;
    min-width: 48%;
    display: inline-block;
    text-align: left;
    border-radius: 4px;
    font-size: 87%;
  }
  .search_modal input:checked + label {
    background-color: #e3e5ea;
  }
  .search_modal label i {
    margin-right: 2px;
    color: #6cbb81;
  }
  .search_modal .btn {
    width: 98%;
    top: 18px;
    padding: 12px 0;
    font-size: 108%;
  }
  .archive-jobsearch .search--area_bottom .btn.btn-red {
    width: 100%;
  }
}
@media (max-width: 320px) {
  .search_modal label {
    font-size: 74%;
  }
  .archive-jobsearch .show {
    position: static;
    top: 0;
    bottom: auto;
    margin-top: 12px;
    padding: 10px;
    line-height: 1.65;
    font-weight: normal;
  }
  .archive-jobsearch #show_keyword {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    line-height: 1.75;
    font-weight: normal;
  }
}

/* main-column
**************************************** */
.main-column {
  display: flex;
  justify-content: flex-end;
  background: #fff;
  padding: 60px 30px 60px 0;
  width: calc(100% - 39%);
}

/* お仕事詳細
**************************************** */
.job_post {
  padding: 40px 0 150px;
}
.job_post--ttl {
  margin-bottom: 24px;
}
.job_post--ttl_col {
  width: calc(100% - 86px);
}
.job_post--ttl .ttl {
  margin-bottom: 2px;
  font-size: 187%;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.job_post--ttl .date {
  color: #111;
  font-size: 87%;
  margin-bottom: 0;
  margin-top: 6px;
}
.job_post--table {
  width: 100%;
  border-bottom: 1px dashed #8f99ab;
}
.job_post--table th,
.job_post--table td {
  padding: 8px 18px 10px;
  border-top: 1px dashed #8f99ab;
}
.job_post--table th {
  background-color: #e3e5ea;
  text-align: left;
  font-weight: 500;
}
.single-jobsearch .job_post--table th {
  width: 150px;
}
.job_post--table td {
  background-color: #fff;
  line-height: 1.5;
}
.job_post--table td a {
  color: #4b73b2;
}
.job_post--table td a:hover {
  text-decoration: underline;
}
.job_post--table span.job_type {
  background: #e0efd8;
  padding: 6px 10px;
  border-radius: 2px;
}
.job_post--content_links a,
.job_post--contact_links a,
.job_post--content_links button {
  font-size: 134%;
  font-weight: 700;
}
.job_post--content_links a {
  padding: 12px 0 14px;
  width: calc(100% / 3 - (10px * 2 / 3));
}
.job_post--content_links a:first-child,
.job_post--content_links button {
  width: 100%;
  margin-bottom: 18px;
  padding: 14px 0 16px;
  line-height: 1.55;
}
.job_post--contact_links a {
  padding: 12px 0 14px;
  width: calc(100% / 2 - (10px * 1 / 2));
  line-height: 1.5;
}
.job_post--content_links button {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 2px;
  border: none;
  background-color: #d75876;
  color: #fff;
  font-family: "fot-tsukubrdgothic-std";
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.job_post--content_links button:hover {
  background-color: #d24465;
}
.job_post--content_links button.disabled {
  background-color: #555;
  cursor: not-allowed;
}
.job_post--content_links a:first-child small,
.job_post--contact_links a small,
.job_post--content_links button small {
  display: block;
  font-size: 80%;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}
.print-only {
  display: none !important;
}
.single-jobsearch .page_ttl {
  border-bottom: none;
}
.jobsearch_flow_link {
  display: block;
  padding: 8px;
  text-align: center;
  background-color: #f3d5d5;
  border-bottom: 1px solid;
  letter-spacing: 0.1em;
}
/*.jobsearch_flow_link a:hover {
    color: #fff;
    background-color: #de708b;
  }*/
@media only screen and (max-width: 767px) {
  .single-jobsearch .page_ttl {
    display: none;
  }
  .jobsearch_flow_link {
    margin-top: 94px;
    font-size: 94%;
    letter-spacing: 0.08em;
  }
  .single-jobsearch .job_post .inner {
    width: 90%;
  }
  .job_post {
    padding: 20px 0 50px;
  }
  .job_post--ttl {
    display: block;
  }
  .job_post--ttl .icon {
    text-align: center;
    margin-bottom: 10px;
  }
  .job_post--ttl_col {
    width: 100%;
  }
  .job_post--ttl .ttl {
    margin-bottom: 4px;
    font-size: 147%;
    line-height: 1.5;
    text-align: center;
  }
  .job_post--ttl .date {
    margin-top: 12px;
    text-align: center;
  }
  .job_post--ttl .date span {
    display: inline-block;
    background: #8f99ab;
    border-radius: 20px;
    padding: 0 20px;
    margin-top: 6px;
    margin-left: 10px;
    color: #fff;
    font-size: 80%;
    vertical-align: initial;
  }
  .job_post--table {
    font-size: 87%;
  }
  .job_post--table th {
    width: 88px;
    padding: 10px;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .job_post--table td {
    width: 71%;
    padding: 10px 14px;
  }
  .single-jobsearch .sp_foot_fix_nav li a {
    padding: 12px 0;
  }
}

/* トピックス＆特集
**************************************** */
.archive-topics .topics_list {
  margin-bottom: 14px;
}
.archive-topics .topics_list--item {
  width: calc(100% / 3 - (32px * 2 / 3));
  margin-right: 32px;
}
.archive-topics .topics_list--item:nth-child(3n) {
  margin-right: 0;
}
.archive-topics .topics_list--item .img {
  width: 100%;
  margin-bottom: 12px;
  background-size: cover;
}
.archive-topics .topics_list--item .img.no-img {
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center left 40%;
}
@media only screen and (max-width: 767px) {
  .archive-topics .topics_list--item {
    width: calc(100% / 2 - (18px * 1 / 2));
    margin-right: 18px;
    padding: 0;
    border-bottom: none;
  }
  .archive-topics .topics_list--item:nth-child(3n) {
    margin-right: 18px;
  }
  .archive-topics .topics_list--item:nth-child(2n) {
    margin-right: 0;
  }
  .archive-topics .topics_list--item a {
    display: block;
  }
  .archive-topics .topics_list--item .img {
    width: 100%;
    height: 130px;
    margin-bottom: 8px;
  }
  .archive-topics .topics_list--item .img.no-img {
    background-size: 74%;
    background-position: center left 38%;
  }
  .archive-topics .topics_list--item .ttl {
    margin-bottom: 8px;
  }
}

/* 登録会情報
**************************************** */
.reg_list--item {
  margin-bottom: 56px;
}
.reg_list--item .cat_ttl {
  position: relative;
  margin-bottom: 27px;
  padding-bottom: 20px;
  font-size: 200%;
}
.reg_list--item .cat_ttl::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 4px;
  background: #6cbb81;
}
.post .reg_list--item .ttl {
  font-size: 134%;
  margin-bottom: 14px;
}
.reg_list--item .ttl span {
  margin-right: 2px;
  vertical-align: sub;
  color: #6cbb81;
  font-size: 267%;
  line-height: 1;
}
.reg_list--item .venue_map {
  border: 1px solid;
}
.reg_list--item .venue_map,
.reg_list--item .links {
  margin-top: 24px;
}
.reg_list--item .links .btn {
  width: calc(100% / 2 - (18px * 1 / 2));
  margin-right: 18px;
  padding: 10px 0 13px;
  font-size: 120%;
}
.reg_list--item .links .btn:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .reg_list--item .cat_ttl {
    font-size: 178%;
    text-align: center;
  }
  .reg_list--item .cat_ttl::after {
    right: 0;
    margin: 0 auto;
  }
  .post .reg_list--item .ttl {
    font-size: 108%;
  }
  .reg_list--item .ttl span {
    font-size: 108%;
    vertical-align: baseline;
  }
  .reg_list--item .venue_map {
    height: 200px;
  }
  .reg_list--item .venue_map,
  .reg_list--item .links {
    margin-top: 18px;
  }
  .reg_list--item .links .btn {
    width: calc(100% / 2 - (8px * 1 / 2));
    margin-right: 8px;
    font-size: 108%;
  }
}

/* インタビュー
**************************************** */
.tag_part {
  background: #d75876;
}
.tag_full {
  background: #6cbb81;
}
.tag_homework {
  background: #111;
}
.tag_staff {
  background: #4b73b2;
}
.tag_office {
  background: #8f99ab;
}
.tag_service {
  background: #8f99ab;
}
.tag_technical {
  background: #8f99ab;
}
.tag_creative {
  background: #8f99ab;
}
.tag_care {
  background: #8f99ab;
}
.tag_other {
  background: #8f99ab;
}

.interview_list {
  display: flex;
  flex-wrap: wrap;
}
.interview_list--item a {
  background: #fff;
  padding: 24px 36px 24px 24px;
  margin-bottom: 28px;
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(83, 95, 134, 0.1);
}
.interview_list--item a:hover {
  transform: translateY(-5px);
  box-shadow: 0 1px 2px rgba(83, 95, 134, 0.1);
}
.interview_list--item .img {
  width: 430px;
  height: 280px;
  background-size: cover;
  background-position: center;
}
.interview_list--item .img.no-img {
  background-repeat: no-repeat;
  background-size: auto;
  background-color: #e0efd8;
  background-position: center left 42%;
}
.interview_list--item .txt {
  width: calc(100% - 468px);
  text-align: justify;
  text-justify: inter-ideograph;
}
.interview_list--item .ttl {
  margin-bottom: 40px;
  font-size: 186%;
  line-height: 1.65;
}
.interview_list--item .data {
  color: rgba(1, 1, 1, 0.75);
  font-size: 87%;
  margin-top: 14px;
}
.interview_list--item .data .interview_tag {
  padding: 3px 6px;
  color: #fff;
  border-radius: 2px;
  margin-right: 4px;
  font-size: 80%;
}
.archive-interview .column {
  padding: 108px 0 140px;
}
.interview_body .main-column,
.interview_body .side-column {
  padding-top: 90px;
}

/* トピックス詳細・コラムアーカイブ */
.interview_cat-column .post_list--item .img.no-img,
.single-topics .post_list--item .img.no-img {
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .interview_list--item {
    width: calc(100% / 2 - (18px * 1 / 2));
    margin-right: 18px;
    margin-bottom: 34px;
  }
  .interview_list--item:nth-child(2n) {
    margin-right: 0;
  }
  .interview_list--item a {
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .interview_list--item .img {
    width: 100%;
    height: 120px;
    margin-bottom: 8px;
    background-position: center;
  }
  .interview_list--item .img.no-img {
    background-size: 72%;
  }
  .interview_list--item .txt {
    width: 100%;
  }
  .interview_list--item .ttl {
    margin-bottom: 6px;
    font-size: 109%;
  }
  .interview_list--item .data {
    margin-top: 0;
    text-align: left;
  }
  .interview_list--item .data .interview_tag {
    padding: 0;
    background: transparent;
    color: #8f99ab;
    letter-spacing: -0.02em;
  }
  .interview_list--item .data .interview_tag.tag_part {
    color: #d75876;
  }
  .interview_list--item .data .interview_tag.tag_full {
    color: #6cbb81;
  }
  .interview_list--item .data .interview_tag.tag_homework {
    color: #111;
  }
  .interview_list--item .data .interview_tag.tag_staff {
    color: #4b73b2;
  }

  .interview_body .main-column,
  .interview_body .side-column {
    padding-top: 34px;
  }

  .archive-interview .column {
    background: #fff;
    padding: 60px 0 40px;
  }
}

/* --- post --- */
.post {
  position: relative;
  margin-bottom: 24px;
  width: 720px;
  max-width: 96%;
}
.post .ttl {
  font-size: 200%;
  line-height: 1.5;
  text-align: justify;
  text-justify: inter-ideograph;
}
.category_list {
  overflow: hidden;
}
.category_list a {
  display: inline-block;
  vertical-align: middle;
  font-size: 79%;
  background: #56a0b9;
  color: #f6f6f6;
  line-height: 1;
  padding: 6px 16px;
  border-radius: 3px;
  float: left;
  margin: 0 4px 4px 0;
  white-space: nowrap;
}
.date {
  color: #aaa;
  margin-bottom: 8px;
  font-size: 85%;
}
.post .post-img {
  overflow: hidden;
  float: right;
  margin: 0 0 24px 24px;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .main-column {
    display: block;
    width: 100%;
    padding: 24px 20px;
  }
  .post-img {
    width: 110px;
  }
  .post {
    width: 100%;
    max-width: 100%;
  }
  .post .ttl {
    font-size: 152%;
    line-height: 1.65;
  }
}

/* side-column
**************************************** */
.side-column {
  width: 39%;
  padding: 60px 0 60px 24px;
}
.side-column section {
  width: 320px;
  max-width: 90%;
}
.side_section_ttl {
  position: relative;
  margin-bottom: 12px;
  font-size: 120%;
  text-align: center;
}
.side_section_ttl::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  border-bottom: 6px double #a8bdc5;
}
.side_section_ttl span {
  position: relative;
  z-index: 1;
  padding: 0 18px;
}
.bg-gray .side_section_ttl span {
  background-color: #f5f5f5;
}
.bg-ygreen .side_section_ttl span {
  background-color: #e0efd8;
}
.bg-white .side_section_ttl span {
  background-color: #fff;
}

.side_section--links li p {
  margin-top: 20px;
}
.side_section--links li {
  margin-top: 6px;
}
.side_section--links li a {
  position: relative;
  background: #fff;
  padding: 8px 14px;
  display: block;
  border-radius: 2px;
}
.side_section--links li a::after {
  content: "\e90c";
  position: absolute;
  top: 11px;
  right: 13px;
  color: #6cbb81;
  font-family: "icomoon";
  font-size: 87%;
}
.side_section--links li a:hover {
  background: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 767px) {
  .side_section_ttl {
    margin-bottom: 18px;
    font-size: 142%;
  }
}

/* --- サイド post --- */
.side-section--post {
}
.side-section--post li {
  margin-bottom: 12px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.side-section--post li a {
  background: #fff;
  display: block;
  padding: 24px;
}
.side-section--post li a:hover {
  transform: translateY(-5px);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.side-section--post li .img {
  width: 100%;
  height: 156px;
  margin: 0 auto 14px;
  background-position: center;
}
.side-section--post li .img.no-img {
  background-repeat: no-repeat;
  background-position: center left 40%;
  background-color: #e0efd8;
}
.side-section--post li .ttl {
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.65;
  text-align: center;
}
.side-section--post li .data {
  font-size: 80%;
  margin-bottom: 14px;
  color: #d75876;
}
.side-section--post li .content {
  font-size: 87%;
  line-height: 1.65;
  color: #8f99ab;
}

/* --- お仕事詳細 --- */
.job_post--info_links {
  margin-bottom: 22px;
}
.job_post--info_links li {
  margin-bottom: 8px;
  font-size: 134%;
}
.job_post--info_links li .btn {
  padding: 10px 0 13px;
  max-width: 100%;
}
.single-jobsearch .job_post--info_links li .btn.btn-blue {
  padding: 0;
}
.job_post--info_links li .wpfp-span a,
.job_post--info_links li .wpfp-span .add-post,
.job_post--info_links li .wpfp-span .remove-post {
  display: block;
  padding: 10px 0 13px;
  border-radius: 2px;
  color: #fff;
}
.job_post--info_links li .wpfp-span a[title="お気に入りから削除する"],
.job_post--info_links li .wpfp-span .add-post {
  background-color: #182343;
}
.job_post--info_links li .wpfp-span a[title="お気に入りから削除する"]:hover {
  background-color: #24355f;
}
.job_post--info_links li .wpfp-span .wpfp-img {
  display: none !important;
}
.job_post--info_links li:first-child a {
  padding: 16px 0 18px;
  line-height: 1.5;
}
.job_post--info_links li small {
  display: block;
  font-size: 80%;
  font-family: "Noto Sans JP", sans-serif;
}
.job_post--job_insistence .thumbnail {
  width: 100%;
  height: 176px;
  border: 1px solid #111;
  margin-bottom: 18px;
}
.job_post--job_insistence ul li {
  display: flex;
  align-items: center;
  width: calc(100% / 3 - (7px * 2 / 3));
  padding: 8px;
  margin-right: 7px;
  margin-bottom: 7px;
  border-radius: 2px;
  background-color: #e0efd8;
  text-align: center;
  font-size: 93%;
  line-height: 1.2;
  letter-spacing: 0;
}
@media all and (-ms-high-contrast: none) {
  .job_post--job_insistence ul li {
    width: calc(100% / 3 - (6px * 2 / 3));
    margin-right: 6px;
  }
}
.side-column .job_post--job_insistence ul li {
  min-height: 86px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.side-column .job_post--job_insistence ul li small {
  display: block;
  font-size: 66%;
  margin-top: 8px;
  line-height: 1.4;
}
@media all and (-ms-high-contrast: none) {
  .side-column .job_post--job_insistence ul li {
    width: calc(100% / 3 - (5px * 2 / 3));
    margin-right: 5px;
  }
}
.job_post--job_insistence ul li:nth-child(3n) {
  margin-right: 0;
}
.job_post--job_insistence ul li .img {
  margin-bottom: 6px;
}
.job_post--job_mood--col {
  position: relative;
  padding-left: 18px;
}
.job_post--job_mood--col::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 134%;
  border-radius: 10px;
  background-color: #6cbb81;
}
.job_post--job_mood--col h3 {
  margin-bottom: 10px;
  font-size: 108%;
  line-height: 1;
}
.job_post--job_mood .chart {
  background-color: #fff;
  border: 1px solid #ebecec;
  border-radius: 20px;
  padding: 4px;
}
.job_post--job_mood .chart li {
  position: relative;
  width: calc(100% / 5);
}
.job_post--job_mood .chart li small {
  position: absolute;
  top: 26px;
  left: 0;
  display: block;
  width: 100%;
  color: #999;
  font-size: 80%;
  text-align: center;
}
.job_post--job_mood .chart li:nth-child(2) small {
  text-indent: -1.8em;
}
.job_post--job_mood .chart li:nth-child(4) small {
  text-indent: 1.8em;
}
.job_post--job_mood .chart li:first-child small {
  text-align: left;
}
.job_post--job_mood .chart li:last-child small {
  text-align: right;
}
.job_post--job_mood .chart .circle {
  display: block;
  width: 20px;
  height: 20px;
  background-color: #e0efd8;
  border-radius: 50%;
}
.job_post--job_mood .chart li:nth-child(2) .circle {
  margin-left: 8px;
}
.job_post--job_mood .chart li:nth-child(3) .circle {
  margin: 0 auto;
}
.job_post--job_mood .chart li:nth-child(4) .circle {
  margin-left: auto;
  margin-right: 8px;
}
.job_post--job_mood .chart li:last-child .circle {
  margin-left: auto;
  margin-right: 0;
}
.job_post--job_mood .circle.checked {
  background-color: #d75876;
}

@media only screen and (max-width: 767px) {
  .single-jobsearch .job_post--info {
    display: table-footer-group;
  }
  .job_post--job_insistence,
  .job_post--job_mood {
    display: table-header-group;
  }
  .job_post--job_insistence ul {
    margin-bottom: 18px;
  }
  .job_post--job_mood div:last-child {
    margin-bottom: 65px;
  }
  .job_post--job_mood .chart li small {
    font-size: 74%;
  }
  .job_post--job_mood--col {
    margin-bottom: 40px;
  }
}

/* --- トピックス --- */
.side-section--topics_notice li {
  margin-bottom: 12px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.side-section--topics_notice .img {
  width: 96px;
  height: 96px;
  border-radius: 2px;
}
.side-section--topics_notice .img.no-img {
  background-repeat: no-repeat;
  background-position: center left 40%;
  background-size: 74%;
  background-color: #fff;
}
.side-section--topics_notice .txt {
  width: calc(100% - 108px);
}
.side-section--topics_notice .txt .data {
  font-size: 80%;
}
.side-section--topics_notice .txt .ttl {
  font-size: 94%;
  line-height: 1.6;
  font-weight: 500;
}

/* --- catarea-bloc --- */
.catarea-bloc {
  position: relative;
  padding: 8px 0;
  border-top: 1px solid #888;
}
.catarea-bloc h3 {
  padding-right: 64px;
  line-height: 1.5;
}
.catarea-bloc h3 a {
  display: block;
}
.catarea-bloc h3 a:hover {
  color: #333;
}
.catarea-bloc .tab {
  display: inline-block;
  position: absolute;
  background: #aaa;
  height: 20px;
  text-align: center;
  border-radius: 10px;
  line-height: 20px;
  color: #fff;
  top: 9px;
  right: 0;
  font-size: 80%;
  padding: 0 8px;
}
.catarea-bloc .tab:hover {
  background: #aaa;
}
.catarea-bloc .tab.open {
  background: #d3cfac;
}
.catarea-bloc .catarea-list {
  margin-top: 16px;
  display: block;
}
.catarea-bloc .catarea-list li a {
  background: #f6f6f6;
  display: block;
  padding: 4px 16px;
  margin-top: 4px;
  font-size: 93%;
  line-height: 1.4;
}
.catarea-bloc .catarea-list li a:hover {
  background: #ccc;
}

/* --- wp-calendar --- */
#wp-calendar {
  width: 100%;
  text-align: center;
}
#wp-calendar td {
  padding: 2px 0;
}
#wp-calendar tbody td a {
  background-color: #eee;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-decoration: none;
  border-radius: 15px;
}
#wp-calendar #prev a,
#wp-calendar #next a {
  background: #56a0b9;
  border-radius: 2px;
  color: #fff;
  text-decoration: none;
  display: block;
  margin-top: 16px;
}

@media only screen and (max-width: 767px) {
  .side-column {
    width: 100%;
    padding: 32px 20px;
  }
  .side-column section {
    width: 100%;
    max-width: 100%;
  }
  .side-column .side-section:last-child {
    margin-bottom: 0;
  }
  .catarea-bloc .catarea-list {
    overflow: hidden;
    margin: 8px 0 16px;
  }
  .catarea-bloc .catarea-list li {
    width: 49%;
    margin: 0 0 1% 1%;
    float: left;
  }
  .catarea-bloc .catarea-list li a {
    font-size: 100%;
  }
}

/* --- セミナー・イベント一覧 --- */
.schedule_list--item {
  width: calc(100% / 3 - (32px * 2 / 3));
  margin-right: 32px;
  margin-bottom: 52px;
}
.schedule_list--item:nth-child(3n) {
  margin-right: 0;
}
.schedule_list--item .img {
  width: 100%;
  height: 180px;
  margin-bottom: 12px;
  background-position: center;
  background-size: cover;
}
.schedule_list--item .img.no-img {
  background-repeat: no-repeat;
  background-position: center left 40%;
  background-size: auto;
  background-color: #fff;
}
.schedule_list--item .data,
.schedule_list--item .content {
  font-size: 94%;
}
.schedule_list--item .data {
  margin-bottom: 4px;
  color: rgba(1, 1, 1, 0.75);
}
.schedule_list--item .ttl {
  margin-bottom: 8px;
  font-size: 160%;
  line-height: 1.5;
}
.schedule_list--item .content {
  font-size: 94%;
  line-height: 1.5;
  text-align: justify;
  text-justify: inter-ideograph;
}
.no-schedule {
  background: #e3e5ea;
  padding: 60px 0;
  width: 70%;
  text-align: center;
  margin-bottom: 70px;
  border-radius: 2px;
}
@media only screen and (max-width: 767px) {
  .schedule_list--item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 32px;
  }
  .schedule_list--item .ttl {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 120%;
  }
  .schedule_list + p {
    text-align: left;
  }
  .schedule_calendar {
    padding: 0 0 50px;
  }
  .schedule_calendar .inner {
    width: 100%;
  }
  .schedule_calendar .section_ttl {
    background: #6cbb81;
    color: #fff;
    margin-bottom: 26px;
    padding: 16px 0 22px;
  }
  .schedule_calendar .section_ttl .section_ttl--en {
    color: rgba(255, 255, 255, 0.85);
  }
  .fc-toolbar.fc-header-toolbar {
    padding: 0 14px;
  }
  .fc-view-container {
    padding: 0 14px;
  }
  .schedule_calendar .btn {
    width: 93%;
  }
  .no-schedule {
    width: 100%;
    margin-bottom: 30px;
  }
}

/* ##############################################################################

    SINGLE

############################################################################## */

.other_post .section_ttl {
  line-height: 1.4;
}
.post_list--item {
  width: calc(100% / 3 - (32px * 2 / 3));
  margin-right: 32px;
  margin-bottom: 47px;
}
.post_list--item a {
  display: block;
}
.post_list--item a:hover {
  opacity: 0.8;
}
@media all and (-ms-high-contrast: none) {
  .post_list--item {
    width: calc(100% / 3 - (30px * 2 / 3));
    margin-right: 30px;
  }
}
.post_list--item:nth-child(3n) {
  margin-right: 0;
}
.post_list--item .img {
  width: 100%;
  height: 190px;
  margin-bottom: 8px;
  background-size: cover;
  background-position: center;
}
.post_list--item .img.no-img {
  background-size: 55%;
  background-repeat: no-repeat;
  background-position: center left 42%;
  background-color: #e0efd8;
}
.post_list--item .ttl {
  margin: 4px 0 8px;
  font-size: 134%;
  line-height: 1.5;
}
.post_list--item .data,
.post_list--item .content {
  font-size: 94%;
  color: rgba(1, 1, 1, 0.65);
}

@media only screen and (max-width: 767px) {
  .post_list--item {
    width: calc(100% / 2 - (18px * 1 / 2));
    margin-right: 18px;
    margin-bottom: 34px;
  }
  .post_list--item:nth-child(2n) {
    margin-right: 0px;
  }
  .post_list--item:nth-child(3n) {
    margin-right: 18px;
  }
  .post_list--item .img {
    height: 130px;
    margin-bottom: 8px;
  }
  .post_list--item .ttl {
    margin: 4px 0 8px;
    font-size: 108%;
  }
  .post_list--item .data,
  .post_list--item .content {
    font-size: 80%;
  }
}

/* --- インタビュー --- */
.single-interview .eyecatch {
  width: 100%;
  height: 370px;
  background-size: cover;
  background-position: center bottom;
  margin-bottom: 40px;
}
.post .introduction {
  margin-bottom: 54px;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.8;
  letter-spacing: 0.088em;
  font-size: 89%;
}
.post_detail--interview_ttl {
  border-bottom: 1px solid #aaa;
  padding-bottom: 22px;
  margin-bottom: 36px;
}
.post_detail--interview_ttl .date .interview_tag {
  color: #fff;
  padding: 3px 8px;
  font-size: 80%;
  border-radius: 2px;
  margin-left: 4px;
}
.post_detail--interview_ttl h3 {
  font-size: 134%;
  line-height: 1.6;
  margin-bottom: 16px;
}
.interview_midashi {
  position: relative;
  margin-bottom: 56px;
  padding-left: 38px;
  font-size: 160%;
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0.08em;
  color: #8f99ab;
}
.interview_midashi::before {
  content: "―";
  position: absolute;
  top: 0;
  left: 0;
}
.interview_content h4,
.staff_schedule h4 {
  position: relative;
  margin-bottom: 28px;
  padding-bottom: 20px;
  font-size: 147%;
}
.interview_content h4::before,
.staff_schedule h4::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 4px;
  background: #6cbb81;
}
.staff_schedule--list li {
  background: #e0efd8;
  margin-bottom: 2px;
  padding: 8px 17px;
}
.staff_schedule--list li .time {
  position: relative;
  width: 80px;
}
.staff_schedule--list li .time::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 100%;
  border-bottom: 4px dotted #6cbb81;
}
.staff_schedule--list li .time span {
  position: relative;
  padding-right: 16px;
  background: #e0efd8;
}
.staff_schedule--list li .plans {
  width: calc(100% - 100px);
}
.staff_schedule--list li:nth-child(even),
.staff_schedule--list li:nth-child(even) span {
  background: #d0e6c4;
}
.interview_content .content {
  margin-bottom: 42px;
  padding-bottom: 40px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.interview_content .content img {
  margin: 32px 0 22px;
}
.interview_content .content img.aligncenter {
  margin: 32px auto 22px;
  display: block;
}
.single-interview .post_list--item .img.no-img,
.single-schedule .post_list--item .img.no-img {
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .single-interview .breadcrumbs .inner {
    width: 92%;
    margin: 0 auto;
    padding-right: 0;
  }
  .post .introduction {
    margin-bottom: 34px;
  }
  .interview_midashi {
    padding: 0;
    margin-bottom: 36px;
    font-size: 108%;
  }
  .interview_midashi::before {
    display: none;
  }
  .interview_content h4,
  .staff_schedule h4 {
    margin-bottom: 18px;
    font-size: 120%;
  }
  .single-interview .eyecatch {
    height: 185px;
    background-size: cover;
    margin-bottom: 20px;
  }
  .post_detail--interview_ttl {
    margin-bottom: 26px;
  }
  .post_detail--interview_ttl h3 {
    font-size: 120%;
  }
  .post_detail--interview_ttl .date {
    display: block;
    margin-bottom: 0;
  }
  .post_detail--interview_ttl .date p:first-child {
    margin-bottom: 8px;
  }
  .interview_content .content {
    padding-bottom: 0;
  }
  .staff_schedule--list li {
    padding: 8px 12px;
  }
  .staff_schedule--list li .time {
    width: 65px;
  }
  .staff_schedule--list li .time::before {
    display: none;
  }
  .staff_schedule--list li .time span {
    padding-right: 0;
  }
  .staff_schedule--list li .plans {
    width: calc(100% - 68px);
    line-height: 1.5;
  }
}

/* --- コラム --- */
.single-column {
  width: 750px;
  margin: 0 auto;
}
.single-column .data {
  margin-bottom: 18px;
}
.single-column .data span {
  background: #d75876;
  margin-right: 10px;
  padding: 2px 10px;
  border-radius: 2px;
  color: #fff;
  font-size: 87%;
}

/* --- セミナー・イベント --- */
.seminar_post .btn {
  font-weight: 700;
}
.seminar_post .job_post--table {
  margin-bottom: 24px;
}
.seminar_post .job_post--table th {
  width: 73px;
  padding: 8px 18px 10px;
}

/* --- wp-pagenavi --- */
.wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.wp-pagenavi .pages {
  background: #c7ccd5;
  padding: 5px 12px 5px;
  border-radius: 2px;
  margin-right: 8px;
  border-radius: 2px;
}
.wp-pagenavi a,
.wp-pagenavi .current {
  position: relative;
  max-width: 42%;
  display: inline-block;
  vertical-align: top;
  background: #c7ccd5;
  line-height: 1.4;
  padding: 8px 16px;
  border-radius: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 3px;
}
.wp-pagenavi a:hover {
  background-color: #e0efd8;
}
.wp-pagenavi .current {
  background-color: #6cbb81;
  color: #fff;
}
.wp-pagenavi.wp-pagenavi-single a {
  max-width: 28%;
}
.wp-pagenavi.wp-pagenavi-single a[rel="next"] {
  padding-left: 32px;
}
.wp-pagenavi.wp-pagenavi-single a[rel="prev"] {
  padding-right: 22px;
}
.wp-pagenavi.wp-pagenavi-single a[rel="next"]::before,
.wp-pagenavi.wp-pagenavi-single a[rel="prev"]::after {
  content: "\e90c";
  position: absolute;
  top: 11px;
  font-size: 80%;
  color: rgba(0, 0, 0, 0.4);
  font-family: "icomoon";
}
.wp-pagenavi.wp-pagenavi-single a[rel="next"]::before {
  left: 10px;
  transform: rotate(180deg);
}
.wp-pagenavi.wp-pagenavi-single a[rel="prev"]::after {
  right: 10px;
}
@media only screen and (max-width: 767px) {
  .wp-pagenavi {
    width: 100%;
    margin-bottom: 40px;
  }
  .wp-pagenavi a {
    width: auto;
    max-width: 100%;
    margin-bottom: 8px;
  }
  .wp-pagenavi .current {
    margin: 0 3px 8px;
  }
  .wp-pagenavi .pages {
    margin-bottom: 8px;
  }
}

/* ##############################################################################

    SEARCH・JOBSEARCH(SINGLE)

############################################################################## */

.archive-search .main-column,
.single-jobsearch .main-column,
.page-favorite .main-column {
  display: block;
  float: left;
  width: calc(100% - 360px);
  padding: 0;
  background: transparent;
}
.archive-search .side-column,
.single-jobsearch .side-column,
.page-favorite .side-column {
  float: right;
  width: 320px;
  padding: 0;
}
.single-jobsearch .side-column section,
.archive-jobsearch .side-column section {
  width: 100%;
  max-width: 100%;
}
.single-jobsearch .job_post--info_links {
  z-index: 10;
  background-color: #f5f5f5;
  box-shadow: rgb(245, 245, 245) 0 2px 18px 18px;
}

@media only screen and (max-width: 767px) {
  .archive-search .main-column,
  .single-jobsearch .main-column,
  .page-favorite .main-column {
    width: 100%;
  }
  .archive-search .side-column,
  .single-jobsearch .side-column,
  .page-favorite .side-column {
    width: 100%;
  }
}
.search_keywords {
  margin-bottom: 24px;
  background: #fff;
  padding: 20px;
  border-radius: 2px;
}
.search_keywords--ttl {
  margin-bottom: 16px;
  line-height: 1;
}
.search_keywords--ttl h3 {
  font-size: 120%;
}
.search_keywords--ttl p {
  font-size: 94%;
}
.search_keywords--ttl p strong {
  margin: 0 3px;
  font-size: 114%;
  color: #d75876;
}
.search_keywords--words {
  width: 100%;
  font-size: 15px;
}
.search_keywords--words th {
  width: 145px;
  background: #e0efd8;
  border: 4px solid #fff;
  padding: 4px 14px;
  text-align: left;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.search_keywords--words td {
  padding: 0 9px;
  border-bottom: 1px solid #c7ccd5;
}
.search_keywords--words tr:last-child td {
  border-bottom: none;
}
.search_keywords .btn {
  width: 100%;
  margin-top: 18px;
}
.no_words {
  background: #e3e5ea;
  padding: 12px 20px;
  line-height: 1.6;
  margin-bottom: 20px;
  border-radius: 2px;
}
.no_rectuit_item {
  background: #fff;
  border-radius: 2px;
  padding: 50px 0;
}
@media only screen and (max-width: 767px) {
  .search_keywords--ttl {
    display: block;
  }
  .search_keywords--ttl h3 {
    margin-bottom: 8px;
  }
  .search_keywords--ttl p {
    line-height: 1.4;
  }
  .search_keywords--words th,
  .search_keywords--words td {
    width: auto;
    padding: 6px 6px 8px;
  }
  .search_keywords--words th {
    border-left-width: 0;
    width: 95px;
  }
  .search_keywords--words td {
    line-height: 1.5;
  }
}

/* ##############################################################################

    THANKS

############################################################################## */
.page-thanks .bnrs li,
.page-entry-thanks .bnrs li,
.page-webentry-thanks .bnrs li,
.page-form-thanks .bnrs li {
  margin-right: 18px;
}
.page-thanks .bnrs li:last-child,
.page-entry-thanks .bnrs li:last-child,
.page-webentry-thanks .bnrs li:last-child,
.page-form-thanks .bnrs li:last-child {
  margin-right: 0;
}
.page-thanks .bnrs li a:hover,
.page-entry-thanks .bnrs li a:hover,
.page-webentry-thanks .bnrs li a:hover,
.page-form-thanks .bnrs li a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 768px) {
  .page-thanks .bnrs li,
  .page-entry-thanks .bnrs li,
  .page-webentry-thanks .bnrs li,
  .page-form-thanks .bnrs li {
    margin-right: 8px;
    width: calc(100% / 2 - (8px * 1 / 2));
  }
}

/* ##############################################################################

    FORM

############################################################################## */
.page-entry .btn,
.page-entry input[type="submit"] {
  border: none;
}
.page-entry #cboxOverlay {
  background: rgba(0, 0, 0, 0.75);
}
.entry_intro .entry_intro--policy {
  height: 660px;
  background: #fff;
  padding: 1px 46px 20px;
  overflow-y: scroll;
}
.entry_intro .entry_intro--policy h4 {
  margin: 22px 0 14px;
  padding-bottom: 4px;
  border-bottom: 2px solid #8f99ab;
}
.entry_intro .entry_intro--policy dl dt {
  font-weight: 700;
}
.entry_intro .entry_intro--policy dl dd {
  padding-left: 1.2em;
  padding-bottom: 0.8em;
}
.upload_attention {
  background: #eee;
  padding: 18px 22px;
}
.upload_attention h4 {
  position: relative;
  padding-left: 14px;
}
.upload_attention h4::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  border: 5px solid transparent;
  border-left: 8px solid #6cbb81;
}
.number_list {
  list-style-type: decimal;
  padding-left: 1.3em;
}
.number_list li {
  line-height: 1.65;
  margin-bottom: 6px;
}
.disc-list {
  list-style-type: disc;
  padding-left: 1.4em;
}
.disc-list li {
  line-height: 1.7;
  margin-bottom: 8px;
}
#entry_form {
  display: none;
}

.page-entry form .ttl {
  border-bottom: 4px solid #6cbb81;
  padding: 0 0 9px;
  margin-bottom: 16px;
  font-size: 160%;
}
.page-entry form .ttl small {
  font-size: 60%;
  font-weight: normal;
  vertical-align: text-bottom;
}
.page-entry form .ttl_sub {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 120%;
}
.page-entry form .ttl_sub span {
  vertical-align: sub;
  margin-right: 2px;
  color: #6cbb81;
  font-size: 208%;
  line-height: 1;
}

.page-entry .alerts {
  background: #ffe6eb;
  border-radius: 2px;
  padding: 20px;
  margin-bottom: 20px;
}
.page-entry tr.alert th {
  background: #efcece;
}
.page-entry tr.alert td {
  background: #fee;
}

table.conf_table {
  background: #fff;
  width: 100%;
  font-size: 94%;
}
table.conf_table th,
table.conf_table td {
  padding: 8px 18px;
  border-bottom: 1px dashed #8f99ab;
}
table.conf_table th {
  width: 220px;
  text-align: left;
  background: #ebedf1;
  font-weight: normal;
}

.page-entry .entry_thanks {
  background: #fff;
  padding: 60px 15px;
  border-radius: 2px;
}
.page-entry .entry_thanks .ttl {
  font-size: 132%;
}

@media only screen and (max-width: 767px) {
  .page-entry .inner {
    width: 90%;
  }
  .entry_intro .section_ttl-mini {
    font-size: 120%;
  }
  .entry_intro .section_ttl-mini::before {
    top: 14px;
  }
  .entry_intro .entry_intro--policy {
    height: 230px;
    padding: 1px 14px 20px;
    border: 1px solid #eee;
  }
  .entry_intro .btn {
    width: 100%;
  }
  .table_form th,
  .table_form td {
    display: block;
    width: 100%;
    padding: 8px 10px;
    clear: both;
  }
  .table_form td {
    padding: 12px 10px;
  }
  .table_form th.required::after {
    top: 8px;
    right: 10px;
  }
  .table_form .enpro_know th.required::after {
    top: 8px;
    left: auto;
    right: 10px;
  }
  .table_form th small {
    float: right;
    clear: right;
    margin-top: 3px;
  }
  .table_form td input[type="text"],
  .table_form td select,
  .table_form td textarea {
    width: 100%;
  }
  .table_form tr.user_name td input[type="text"] {
    width: 91%;
    margin: 0 0 12px 8px;
  }
  .table_form tr.career td select,
  .table_form tr.career td input {
    width: 83%;
    margin: 0 0 12px 10px;
  }
  .page-entry form .ttl {
    font-size: 134%;
  }
  .page-entry form .ttl_sub {
    font-size: 108%;
  }
  .page-entry form .ttl_sub span {
    vertical-align: baseline;
    font-size: 120%;
  }
  .upload_attention {
    padding: 18px;
  }
  .form_modal {
    padding: 18px 18px 60px;
  }
  .form_modal h3 {
    font-size: 142%;
    margin-bottom: 16px;
  }
  #form_attention dl dt {
    font-size: 120%;
  }
  .page-entry form .btn {
    width: 100%;
  }

  .page-webentry .section_pdg-intro,
  .page-form .section_pdg-intro,
  .page-change .section_pdg-intro {
    padding: 0;
  }
  .page-webentry .section_pdg-intro .inner,
  .page-form .section_pdg-intro .inner,
  .page-change .section_pdg-intro .inner {
    width: 100%;
  }

  table.conf_table th,
  table.conf_table td {
    padding: 8px 8px;
    display: block;
    width: 100%;
  }
  table.conf_table th {
    width: 100%;
  }

  .page-entry .submit.flex .btn {
    font-size: 100%;
  }

  .page-entry .entry_thanks {
    padding: 24px 15px;
  }
  .page-entry .entry_thanks .ttl {
    font-size: 120%;
  }
}

/* ##############################################################################

    お問い合わせフォーム FORMY

############################################################################## */
.contact_wrap {
  background: #fff;
  padding: 26px 60px 28px;
  border-radius: 2px;
}
.contact_wrap--tel a {
  display: block !important;
  background: #f5f5f5;
  border-radius: 100px;
  padding: 24px 0 24px;
}
.contact_wrap--tel img {
  margin-left: 8px;
}
.contact_wrap--tel span {
  display: block;
  margin-top: 8px;
  line-height: 1;
}
#formy_form table {
  width: 100%;
}
#formy_form th,
#formy_form td {
  padding: 16px;
  vertical-align: middle;
  border-bottom: solid 1px #eee;
}
#formy_form th {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
  width: 38%;
}
#formy_form table input[type="text"],
#formy_form table input[type="email"],
#formy_form table input[type="tel"],
#formy_form table input[type="date"],
#formy_form table input[type="password"],
#formy_form table textarea {
  width: 100%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  vertical-align: bottom;
}
#formy_form table input[type="text"],
#formy_form table input[type="email"],
#formy_form table input[type="tel"],
#formy_form table input[type="date"],
#formy_form table input[type="password"],
#formy_form select,
#formy_form textarea {
  margin: 0;
  padding: 5px 15px;
  border: 1px solid #ccc;
  font: inherit;
  font-size: 100%;
}
#formy_form textarea {
  height: 100px;
}
#formy_form select {
  height: 40px;
}
#formy_form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#formy_form input:hover {
  opacity: 0.7;
}
#formy_form textarea:hover {
  opacity: 0.7;
}

#formy_form input:focus {
  background-color: #fff;
}
#formy_form .parsley-validated {
  background-color: #eee;
}
#formy_form .parsley-error {
  background-color: #fee;
}
#formy_form .parsley-success {
  background-color: #fff;
}

.help_text {
  font-size: 85%;
  color: #999;
}
.hidden_help {
  display: none;
}

.formy_privacy div {
  overflow-y: scroll;
  height: 140px;
  border: solid 1px #ccc;
  font-size: 85%;
  padding: 8px 16px;
}
.requiredIcon {
  background: #f55;
  color: #fff;
  margin: 0 0 0 1em;
  font-size: 70%;
  padding: 2px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: right;
}
#formy_btn {
  padding-top: 14px;
  text-align: center;
}
#formy_btn input {
  font-size: inherit;
  border: none;
  cursor: pointer;
  color: #fff;
  border-radius: 3px;
  padding: 16px 56px;
  -webkit-appearance: none;
  appearance: none;
  margin-bottom: 16px;
}
#formy_form ul li {
  vertical-align: middle;
  margin-right: 8px;
}
#formy_form ul li input[type="radio"],
#formy_form ul li input[type="checkbox"] {
  display: none !important;
}
#formy_form ul li label {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0px 8px 0px 40px;
  cursor: pointer;
}
#formy_form ul li label:hover {
  opacity: 0.7;
}
#formy_form ul li label::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border: 2px solid #788b93;
  left: 16px;
  top: 12px;
}
#formy_form ul li input[type="radio"] + label::before {
  border-radius: 10px;
}
#formy_form ul li input[type="radio"]:checked + label,
#formy_form ul li input[type="checkbox"]:checked + label {
  color: #e75f5f;
  font-weight: bold;
}
#formy_form ul li input[type="radio"]:checked + label::before,
#formy_form ul li input[type="checkbox"]:checked + label::before {
  border-color: #e75f5f;
}
#formy_form ul li input[type="radio"]:checked + label::after,
#formy_form ul li input[type="checkbox"]:checked + label::after {
  content: "";
  width: 10px;
  height: 18px;
  top: 4px;
  left: 20px;
  border-right: 2px solid #e75f5f;
  border-bottom: 2px solid #e75f5f;
  display: block;
  position: absolute;
  z-index: 10;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.formy_confirm {
  background-color: #4dbaff;
}
.formy_submit_disabled {
  background-color: #ccc;
}
#formy_btn .formy_submit_disabled:hover {
  opacity: 1;
  cursor: default;
}
.autoConfirmBack {
  background-color: #aaa;
}
.formy_send {
  background-color: #ff6600;
}
#total_required {
  padding: 16px;
  color: #f55555;
  text-align: center;
}
@media (max-width: 767px) {
  .page-contact .section_pdg-intro {
    padding: 0;
  }
  .page-contact .section_pdg-intro .inner {
    width: 100%;
  }
  .contact_wrap {
    padding: 26px 18px 28px;
  }
  .contact_wrap--tel a {
    padding: 10px 0 14px;
  }
  .contact_wrap--tel img {
    display: block;
    margin: 6px auto 8px;
  }
  #formy_form th,
  #formy_form td {
    display: block;
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
  #formy_form th {
    border-bottom: none;
    padding-bottom: 0;
    white-space: normal;
    font-weight: bold;
  }
  #formy_form td {
    padding-top: 0;
  }
  #formy_btn {
    padding-top: 8px;
  }
  #formy_btn input {
    width: 100%;
    background-size: contain;
    background-position: center;
  }
}

.new_service_img {
  max-width: 1097px;
  margin-left: -8px;
}

.new_service .catch {
  margin: 40px 0;
  font-size: 200%;
  line-height: 1.45;
}
.new_service--step li {
  position: relative;
  width: calc(100% / 2 - (38px * 1 / 2));
  padding-left: 0;
  margin-bottom: 38px;
}
.new_service--step li:nth-child(4) {
  align-self: center;
}
.new_service--step li::before,
.new_service--step li::after {
  content: "";
  position: absolute;
}
.new_service--step li::before {
  top: 40px;
  right: -32px;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-right: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  transform: rotate(-45deg);
}
.new_service--step li::after {
  top: 39px;
  right: -30px;
  bottom: 0;
  margin: auto;
  width: 25px;
  height: 2px;
  background-color: #ddd;
}
.new_service--step li:nth-child(even)::before,
.new_service--step li:nth-child(even)::after {
  display: none;
}
.new_service--step .step_num {
  font-size: 120%;
  vertical-align: text-top;
  margin-right: 12px;
  color: #8f99ab;
}
.new_service--step .step_num small {
  margin-right: 2px;
  vertical-align: super;
}
.new_service--step .step_num i {
  font-size: 120%;
}
.new_service--step li h4 {
  margin-bottom: 12px;
  font-size: 128%;
  line-height: 1.15;
  text-indent: -72px;
  padding-left: 72px;
}
.new_service--merit {
  margin-bottom: 48px;
}
.new_service--merit li:not(:last-child) {
  margin-bottom: 28px;
}
.new_service--merit .txt {
  flex: 1;
  margin-right: 38px;
}
.new_service--merit li:nth-child(even) .txt {
  margin-right: 0;
  margin-left: 38px;
}
.new_service--merit .txt h4 {
  font-size: 186%;
  margin-bottom: 18px;
  line-height: 1.4;
}
.new_service .section_ttl .section_ttl--inline {
  padding-bottom: 24px;
}
.new_service .my_shift_icon {
  float: none;
  font-size: 90%;
  padding: 5px 10px 6px;
  margin-right: 4px;
  vertical-align: baseline;
}
.new_service .section_ttl .my_shift_icon {
  padding: 4px 23px 8px 32px;
  font-size: 80%;
  margin-right: 10px;
  vertical-align: bottom;
  display: inline-block;
}
.new_service .section_ttl .my_shift_icon i {
  transform: translateY(-2px);
}
@media all and (-ms-high-contrast: none) {
  .new_service .section_ttl .my_shift_icon {
    font-family: "Noto Sans JP";
    vertical-align: baseline;
    font-family: 400;
  }
}

.job_post--info_links li button {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  background-color: #d75876;
  padding: 16px 0 18px;
  border-radius: 2px;
  color: #fff;
  line-height: 1.5;
  font-family: "fot-tsukubrdgothic-std";
  font-weight: 700;
  font-size: 100%;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.job_post--info_links li button:hover {
  background-color: #d24465;
}
.job_post--info_links li button.disabled {
  background-color: #555;
  cursor: not-allowed;
}
.job_post--info_links li a:hover img {
  opacity: 0.7;
}
.myshift_time th,
.myshift_day th,
.myshift_term th {
  background-color: #8f99ab;
  color: #fff;
}
.myshift_time td,
.myshift_day td,
.myshift_term td {
  background-color: #e3e5ea;
}
.myshift_time select,
.myshift_day select {
  width: 120px;
  height: 30px;
}
.myshift_term input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  width: 18px;
  height: 18px;
  vertical-align: sub;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #8f99ab;
  outline: none;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 6px;
}
.myshift_term input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 2px;
  width: 16px;
  height: 9px;
  border-left: 3px solid #6cbb81;
  border-bottom: 3px solid #6cbb81;
  opacity: 0;
  pointer-events: none;
  transform: rotate(-45deg);
}
.myshift_term input[type="checkbox"]:checked::before {
  opacity: 1;
}
.job_post--table .myshift_area {
  padding: 8px;
  background-color: #f9f2da;
  border-radius: 4px;
}
.job_post--table .myshift_term .myshift_area {
  padding: 8px 8px 14px;
}
.job_post--table .my_shift_icon {
  margin-top: 0;
  padding: 4px 10px;
  margin-right: 6px;
}
.requisite_txt {
  color: #d00;
  font-size: 114%;
}

.my_shift_icon {
  float: left;
  border-radius: 30px;
  background: #4b73b2;
  background: -moz-linear-gradient(45deg, #4b73b2 0%, #6cbb81 100%);
  background: -webkit-linear-gradient(45deg, #4b73b2 0%, #6cbb81 100%);
  background: linear-gradient(45deg, #4b73b2 0%, #6cbb81 100%);
  padding: 6px 10px;
  margin-top: 7px;
  color: #fff;
}
a.my_shift_icon:hover {
  opacity: 0.7;
}
.my_shift_icon i {
  display: inline-block;
  margin-left: 4px;
  vertical-align: baseline;
  font-style: normal;
  transform: translateY(-1px);
  text-indent: 0;
}
.rectuit_list--item .my_shift_icon {
  float: none;
  padding: 4px 10px;
  margin-right: 6px;
  border-radius: 28px;
}
.page_ttl .my_shift_icon {
  float: none;
  text-transform: none;
  width: 64px;
  height: 64px;
  display: inline-block;
  border-radius: 50%;
  line-height: 51px;
  font-size: 78%;
  margin-top: 0;
  padding: 6px;
}
.weekly_rectuit_list td.job_ttl.my_shift .ttl {
  float: right;
  width: 80%;
}

@media only screen and (max-width: 768px) {
  .weekly_rectuit_list td.job_ttl .my_shift_icon {
    margin-top: 0;
    padding: 5px 8px;
    font-size: 80%;
  }
  .weekly_rectuit_list td.job_ttl .ttl {
    font-size: 94%;
  }
  .weekly_rectuit_list td.job_ttl .date {
    margin-bottom: 0;
  }
  .weekly_rectuit_list td.job_ttl.my_shift .ttl {
    width: 73%;
  }
  .weekly_rectuit_list td.job_ttl.my_shift .ttl-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .job_post--ttl .icon .my_shift_icon {
    float: none;
    display: inline-block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    line-height: 62px;
    font-size: 84%;
  }
  .single-jobsearch .job_post--table th,
  .single-jobsearch .job_post--table td {
    width: 100%;
    display: block;
    border-top: none;
  }
  .myshift_time td,
  .myshift_day td,
  .myshift_term td {
    background-color: #f9f2da;
  }
  .job_post--table .myshift_area {
    padding: 0;
  }
  .job_post--table .myshift_term .myshift_area {
    padding: 0 0 5px;
  }
  .job_post--table .myshift_time .myshift_area {
    display: flex;
    align-items: center;
  }
  .job_post--table .myshift_time select {
    margin: 2px 0 2px 4px;
  }
  .job_post--table .myshift_area .my_shift_icon {
    display: inline-block;
    float: none;
    padding: 4px 7px;
    font-size: 94%;
  }
  .single-jobsearch .job_post--info_links img {
    width: 100%;
    max-width: 100%;
  }

  .new_service .my_shift_icon {
    padding: 2px 8px;
  }
  .new_service_img {
    max-width: 106%;
    margin-left: -3%;
  }
  .new_service .catch {
    margin: 40px 0 16px;
    font-size: 160%;
  }
  .new_service .txt-lg {
    font-size: 108%;
    text-align: left;
  }
  .new_service--step li {
    width: 100%;
  }
  .new_service--step li::after {
    top: auto;
    right: 0;
    left: 0;
    bottom: -20px;
    margin: auto;
    width: 2px;
    height: 22px;
  }
  .new_service--step li::before {
    top: auto;
    left: 0;
    right: 0;
    bottom: -22px;
    margin: auto;
    transform: rotate(45deg);
  }
  .new_service--step li:nth-child(even)::before,
  .new_service--step li:nth-child(even)::after {
    display: inline-block;
  }
  .new_service--step li:last-child::before,
  .new_service--step li:last-child::after {
    display: none;
  }
  .new_service--step li h4 {
    margin-bottom: 12px;
    font-size: 120%;
    line-height: 1.5;
    text-indent: 0;
    position: relative;
    padding-left: 70px;
  }
  .new_service--step .step_num {
    position: absolute;
    top: 0;
    left: 0;
  }

  .new_service--merit li:nth-child(even) {
    flex-direction: column-reverse;
  }
  .new_service--merit .txt {
    margin-right: 0;
    margin-bottom: 6px;
  }
  .new_service--merit li:nth-child(even) .txt {
    margin-right: 0;
    margin-left: 0;
  }
  .new_service--merit .txt h4 {
    font-size: 126%;
    margin-bottom: 4px;
  }
}

@media only screen and (max-width: 320px) {
  .weekly_rectuit_list td.job_ttl.my_shift .ttl {
    width: 66%;
  }
}