.github-fork-ribbon-wrapper {
    width: 230px !important;
    height: 230px !important;
}
.github-fork-ribbon .github-fork-ribbon-text,
.github-fork-ribbon .github-fork-ribbon-text:hover {
    width: 300px !important;
}
.github-fork-ribbon-wrapper.right .github-fork-ribbon {
    right: -73px !important;
} /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
.clear:before,
.review_star_bottom:before,
.job_nav .job_nav__inner:before,
.ul-inline:before,
.job-data:before,
.job-data-min:before,
.mypage-navi:before,
.row:before {
    content: "";
    display: table;
}
.clear:after,
.review_star_bottom:after,
.job_nav .job_nav__inner:after,
.ul-inline:after,
.job-data:after,
.job-data-min:after,
.mypage-navi:after,
.row:after {
    content: "";
    display: table;
    clear: both;
}
.f_left {
    float: left;
}
.f_right {
    float: right;
}
.container {
    margin-right: auto;
    margin-left: auto;
}
.table_row {
    display: table;
    width: 100%;
}
.table_row [class*="cols_"] {
    display: table-cell;
    vertical-align: middle;
}
.container {
    width: 980px;
}
.row [class^="cols_"] {
    box-sizing: border-box;
}
.cols_12 {
    width: 100%;
}
.cols_11 {
    width: 91.66666667%;
}
.cols_10 {
    width: 83.33333333%;
}
.cols_9 {
    width: 75%;
}
.cols_8 {
    width: 66.66666667%;
}
.cols_7 {
    width: 58.33333333%;
}
.cols_6 {
    width: 50%;
}
.cols_5 {
    width: 41.66666667%;
}
.cols_4 {
    width: 33.33333333%;
}
.cols_3 {
    width: 25%;
}
.cols_2 {
    width: 16.66666667%;
}
.cols_1 {
    width: 8.33333333%;
}
.cols_fix_100 {
    width: 100px;
}
.t_center {
    text-align: center !important;
}
.t_right {
    text-align: right !important;
}
.t_left {
    text-align: left !important;
}
.v_top {
    vertical-align: top !important;
}
.v_middle {
    vertical-align: middle !important;
}
.v_baseline {
    vertical-align: baseline !important;
}
.v_bottom {
    vertical-align: bottom !important;
}
.p_static {
    position: static !important;
}
.p_relative {
    position: relative !important;
}
.p_absolute {
    position: absolute !important;
}
.p_fixed {
    position: fixed !important;
}
.d_inline {
    display: inline !important;
}
.d_inline_block {
    display: inline-block !important;
}
.d_block {
    display: block !important;
}
.d_table {
    display: table !important;
}
.d_table_cell {
    display: table-cell !important;
}
.d_none {
    display: none !important;
}
.o_hidden {
    overflow: hidden !important;
}
.o_visible {
    overflow: visible !important;
}
.o_scroll {
    overflow: scroll !important;
}
.txt_1line,
.txt_8line,
.txt_4line,
.txt_3line,
.txt_2line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.txt_2line {
    -webkit-line-clamp: 2;
}
.txt_3line {
    -webkit-line-clamp: 3;
}
.txt_4line {
    -webkit-line-clamp: 4;
}
.txt_8line {
    -webkit-line-clamp: 8;
}
.m_-30 {
    margin: -30px !important;
}
.m_-20 {
    margin: -20px !important;
}
.m_-15 {
    margin: -15px !important;
}
.m_-10 {
    margin: -10px !important;
}
.m_-5 {
    margin: -5px !important;
}
.m_0 {
    margin: 0px !important;
}
.m_1 {
    margin: 1px !important;
}
.m_3 {
    margin: 3px !important;
}
.m_4 {
    margin: 4px !important;
}
.m_5 {
    margin: 5px !important;
}
.m_6 {
    margin: 6px !important;
}
.m_8 {
    margin: 8px !important;
}
.m_10 {
    margin: 10px !important;
}
.m_12 {
    margin: 12px !important;
}
.m_15 {
    margin: 15px !important;
}
.m_20 {
    margin: 20px !important;
}
.m_25 {
    margin: 25px !important;
}
.m_30 {
    margin: 30px !important;
}
.m_40 {
    margin: 40px !important;
}
.m_50 {
    margin: 50px !important;
}
.m_60 {
    margin: 60px !important;
}
.m_70 {
    margin: 70px !important;
}
.mt_-30 {
    margin-top: -30px !important;
}
.mt_-20 {
    margin-top: -20px !important;
}
.mt_-15 {
    margin-top: -15px !important;
}
.mt_-10 {
    margin-top: -10px !important;
}
.mt_-5 {
    margin-top: -5px !important;
}
.mt_0 {
    margin-top: 0px !important;
}
.mt_1 {
    margin-top: 1px !important;
}
.mt_3 {
    margin-top: 3px !important;
}
.mt_4 {
    margin-top: 4px !important;
}
.mt_5 {
    margin-top: 5px !important;
}
.mt_6 {
    margin-top: 6px !important;
}
.mt_8 {
    margin-top: 8px !important;
}
.mt_10 {
    margin-top: 10px !important;
}
.mt_12 {
    margin-top: 12px !important;
}
.mt_15 {
    margin-top: 15px !important;
}
.mt_20 {
    margin-top: 20px !important;
}
.mt_25 {
    margin-top: 25px !important;
}
.mt_30 {
    margin-top: 30px !important;
}
.mt_40 {
    margin-top: 40px !important;
}
.mt_50 {
    margin-top: 50px !important;
}
.mt_60 {
    margin-top: 60px !important;
}
.mt_70 {
    margin-top: 70px !important;
}
.mr_-30 {
    margin-right: -30px !important;
}
.mr_-20 {
    margin-right: -20px !important;
}
.mr_-15 {
    margin-right: -15px !important;
}
.mr_-10 {
    margin-right: -10px !important;
}
.mr_-5 {
    margin-right: -5px !important;
}
.mr_0 {
    margin-right: 0px !important;
}
.mr_1 {
    margin-right: 1px !important;
}
.mr_3 {
    margin-right: 3px !important;
}
.mr_4 {
    margin-right: 4px !important;
}
.mr_5 {
    margin-right: 5px !important;
}
.mr_6 {
    margin-right: 6px !important;
}
.mr_8 {
    margin-right: 8px !important;
}
.mr_10 {
    margin-right: 10px !important;
}
.mr_12 {
    margin-right: 12px !important;
}
.mr_15 {
    margin-right: 15px !important;
}
.mr_20 {
    margin-right: 20px !important;
}
.mr_25 {
    margin-right: 25px !important;
}
.mr_30 {
    margin-right: 30px !important;
}
.mr_40 {
    margin-right: 40px !important;
}
.mr_50 {
    margin-right: 50px !important;
}
.mr_60 {
    margin-right: 60px !important;
}
.mr_70 {
    margin-right: 70px !important;
}
.mb_-30 {
    margin-bottom: -30px !important;
}
.mb_-20 {
    margin-bottom: -20px !important;
}
.mb_-15 {
    margin-bottom: -15px !important;
}
.mb_-10 {
    margin-bottom: -10px !important;
}
.mb_-5 {
    margin-bottom: -5px !important;
}
.mb_0 {
    margin-bottom: 0px !important;
}
.mb_1 {
    margin-bottom: 1px !important;
}
.mb_3 {
    margin-bottom: 3px !important;
}
.mb_4 {
    margin-bottom: 4px !important;
}
.mb_5 {
    margin-bottom: 5px !important;
}
.mb_6 {
    margin-bottom: 6px !important;
}
.mb_8 {
    margin-bottom: 8px !important;
}
.mb_10 {
    margin-bottom: 10px !important;
}
.mb_12 {
    margin-bottom: 12px !important;
}
.mb_15 {
    margin-bottom: 15px !important;
}
.mb_20 {
    margin-bottom: 20px !important;
}
.mb_25 {
    margin-bottom: 25px !important;
}
.mb_30 {
    margin-bottom: 30px !important;
}
.mb_40 {
    margin-bottom: 40px !important;
}
.mb_50 {
    margin-bottom: 50px !important;
}
.mb_60 {
    margin-bottom: 60px !important;
}
.mb_70 {
    margin-bottom: 70px !important;
}
.ml_-30 {
    margin-left: -30px !important;
}
.ml_-20 {
    margin-left: -20px !important;
}
.ml_-15 {
    margin-left: -15px !important;
}
.ml_-10 {
    margin-left: -10px !important;
}
.ml_-5 {
    margin-left: -5px !important;
}
.ml_0 {
    margin-left: 0px !important;
}
.ml_1 {
    margin-left: 1px !important;
}
.ml_3 {
    margin-left: 3px !important;
}
.ml_4 {
    margin-left: 4px !important;
}
.ml_5 {
    margin-left: 5px !important;
}
.ml_6 {
    margin-left: 6px !important;
}
.ml_8 {
    margin-left: 8px !important;
}
.ml_10 {
    margin-left: 10px !important;
}
.ml_12 {
    margin-left: 12px !important;
}
.ml_15 {
    margin-left: 15px !important;
}
.ml_20 {
    margin-left: 20px !important;
}
.ml_25 {
    margin-left: 25px !important;
}
.ml_30 {
    margin-left: 30px !important;
}
.ml_40 {
    margin-left: 40px !important;
}
.ml_50 {
    margin-left: 50px !important;
}
.ml_60 {
    margin-left: 60px !important;
}
.ml_70 {
    margin-left: 70px !important;
}
.p_-30 {
    padding: -30px !important;
}
.p_-20 {
    padding: -20px !important;
}
.p_-15 {
    padding: -15px !important;
}
.p_-10 {
    padding: -10px !important;
}
.p_-5 {
    padding: -5px !important;
}
.p_0 {
    padding: 0px !important;
}
.p_1 {
    padding: 1px !important;
}
.p_3 {
    padding: 3px !important;
}
.p_4 {
    padding: 4px !important;
}
.p_5 {
    padding: 5px !important;
}
.p_6 {
    padding: 6px !important;
}
.p_8 {
    padding: 8px !important;
}
.p_10 {
    padding: 10px !important;
}
.p_12 {
    padding: 12px !important;
}
.p_15 {
    padding: 15px !important;
}
.p_20 {
    padding: 20px !important;
}
.p_25 {
    padding: 25px !important;
}
.p_30 {
    padding: 30px !important;
}
.p_40 {
    padding: 40px !important;
}
.p_50 {
    padding: 50px !important;
}
.p_60 {
    padding: 60px !important;
}
.p_70 {
    padding: 70px !important;
}
.pt_-30 {
    padding-top: -30px !important;
}
.pt_-20 {
    padding-top: -20px !important;
}
.pt_-15 {
    padding-top: -15px !important;
}
.pt_-10 {
    padding-top: -10px !important;
}
.pt_-5 {
    padding-top: -5px !important;
}
.pt_0 {
    padding-top: 0px !important;
}
.pt_1 {
    padding-top: 1px !important;
}
.pt_3 {
    padding-top: 3px !important;
}
.pt_4 {
    padding-top: 4px !important;
}
.pt_5 {
    padding-top: 5px !important;
}
.pt_6 {
    padding-top: 6px !important;
}
.pt_8 {
    padding-top: 8px !important;
}
.pt_10 {
    padding-top: 10px !important;
}
.pt_12 {
    padding-top: 12px !important;
}
.pt_15 {
    padding-top: 15px !important;
}
.pt_20 {
    padding-top: 20px !important;
}
.pt_25 {
    padding-top: 25px !important;
}
.pt_30 {
    padding-top: 30px !important;
}
.pt_40 {
    padding-top: 40px !important;
}
.pt_50 {
    padding-top: 50px !important;
}
.pt_60 {
    padding-top: 60px !important;
}
.pt_70 {
    padding-top: 70px !important;
}
.pr_-30 {
    padding-right: -30px !important;
}
.pr_-20 {
    padding-right: -20px !important;
}
.pr_-15 {
    padding-right: -15px !important;
}
.pr_-10 {
    padding-right: -10px !important;
}
.pr_-5 {
    padding-right: -5px !important;
}
.pr_0 {
    padding-right: 0px !important;
}
.pr_1 {
    padding-right: 1px !important;
}
.pr_3 {
    padding-right: 3px !important;
}
.pr_4 {
    padding-right: 4px !important;
}
.pr_5 {
    padding-right: 5px !important;
}
.pr_6 {
    padding-right: 6px !important;
}
.pr_8 {
    padding-right: 8px !important;
}
.pr_10 {
    padding-right: 10px !important;
}
.pr_12 {
    padding-right: 12px !important;
}
.pr_15 {
    padding-right: 15px !important;
}
.pr_20 {
    padding-right: 20px !important;
}
.pr_25 {
    padding-right: 25px !important;
}
.pr_30 {
    padding-right: 30px !important;
}
.pr_40 {
    padding-right: 40px !important;
}
.pr_50 {
    padding-right: 50px !important;
}
.pr_60 {
    padding-right: 60px !important;
}
.pr_70 {
    padding-right: 70px !important;
}
.pb_-30 {
    padding-bottom: -30px !important;
}
.pb_-20 {
    padding-bottom: -20px !important;
}
.pb_-15 {
    padding-bottom: -15px !important;
}
.pb_-10 {
    padding-bottom: -10px !important;
}
.pb_-5 {
    padding-bottom: -5px !important;
}
.pb_0 {
    padding-bottom: 0px !important;
}
.pb_1 {
    padding-bottom: 1px !important;
}
.pb_3 {
    padding-bottom: 3px !important;
}
.pb_4 {
    padding-bottom: 4px !important;
}
.pb_5 {
    padding-bottom: 5px !important;
}
.pb_6 {
    padding-bottom: 6px !important;
}
.pb_8 {
    padding-bottom: 8px !important;
}
.pb_10 {
    padding-bottom: 10px !important;
}
.pb_12 {
    padding-bottom: 12px !important;
}
.pb_15 {
    padding-bottom: 15px !important;
}
.pb_20 {
    padding-bottom: 20px !important;
}
.pb_25 {
    padding-bottom: 25px !important;
}
.pb_30 {
    padding-bottom: 30px !important;
}
.pb_40 {
    padding-bottom: 40px !important;
}
.pb_50 {
    padding-bottom: 50px !important;
}
.pb_60 {
    padding-bottom: 60px !important;
}
.pb_70 {
    padding-bottom: 70px !important;
}
.pl_-30 {
    padding-left: -30px !important;
}
.pl_-20 {
    padding-left: -20px !important;
}
.pl_-15 {
    padding-left: -15px !important;
}
.pl_-10 {
    padding-left: -10px !important;
}
.pl_-5 {
    padding-left: -5px !important;
}
.pl_0 {
    padding-left: 0px !important;
}
.pl_1 {
    padding-left: 1px !important;
}
.pl_3 {
    padding-left: 3px !important;
}
.pl_4 {
    padding-left: 4px !important;
}
.pl_5 {
    padding-left: 5px !important;
}
.pl_6 {
    padding-left: 6px !important;
}
.pl_8 {
    padding-left: 8px !important;
}
.pl_10 {
    padding-left: 10px !important;
}
.pl_12 {
    padding-left: 12px !important;
}
.pl_15 {
    padding-left: 15px !important;
}
.pl_20 {
    padding-left: 20px !important;
}
.pl_25 {
    padding-left: 25px !important;
}
.pl_30 {
    padding-left: 30px !important;
}
.pl_40 {
    padding-left: 40px !important;
}
.pl_50 {
    padding-left: 50px !important;
}
.pl_60 {
    padding-left: 60px !important;
}
.pl_70 {
    padding-left: 70px !important;
}
.p_-30 {
    padding: -30px !important;
}
.p_-20 {
    padding: -20px !important;
}
.p_-15 {
    padding: -15px !important;
}
.p_-10 {
    padding: -10px !important;
}
.p_-5 {
    padding: -5px !important;
}
.p_0 {
    padding: 0px !important;
}
.p_1 {
    padding: 1px !important;
}
.p_3 {
    padding: 3px !important;
}
.p_4 {
    padding: 4px !important;
}
.p_5 {
    padding: 5px !important;
}
.p_6 {
    padding: 6px !important;
}
.p_8 {
    padding: 8px !important;
}
.p_10 {
    padding: 10px !important;
}
.p_12 {
    padding: 12px !important;
}
.p_15 {
    padding: 15px !important;
}
.p_20 {
    padding: 20px !important;
}
.p_25 {
    padding: 25px !important;
}
.p_30 {
    padding: 30px !important;
}
.p_40 {
    padding: 40px !important;
}
.p_50 {
    padding: 50px !important;
}
.p_60 {
    padding: 60px !important;
}
.p_70 {
    padding: 70px !important;
}
.pt_-30 {
    padding-top: -30px !important;
}
.pt_-20 {
    padding-top: -20px !important;
}
.pt_-15 {
    padding-top: -15px !important;
}
.pt_-10 {
    padding-top: -10px !important;
}
.pt_-5 {
    padding-top: -5px !important;
}
.pt_0 {
    padding-top: 0px !important;
}
.pt_1 {
    padding-top: 1px !important;
}
.pt_3 {
    padding-top: 3px !important;
}
.pt_4 {
    padding-top: 4px !important;
}
.pt_5 {
    padding-top: 5px !important;
}
.pt_6 {
    padding-top: 6px !important;
}
.pt_8 {
    padding-top: 8px !important;
}
.pt_10 {
    padding-top: 10px !important;
}
.pt_12 {
    padding-top: 12px !important;
}
.pt_15 {
    padding-top: 15px !important;
}
.pt_20 {
    padding-top: 20px !important;
}
.pt_25 {
    padding-top: 25px !important;
}
.pt_30 {
    padding-top: 30px !important;
}
.pt_40 {
    padding-top: 40px !important;
}
.pt_50 {
    padding-top: 50px !important;
}
.pt_60 {
    padding-top: 60px !important;
}
.pt_70 {
    padding-top: 70px !important;
}
.pr_-30 {
    padding-right: -30px !important;
}
.pr_-20 {
    padding-right: -20px !important;
}
.pr_-15 {
    padding-right: -15px !important;
}
.pr_-10 {
    padding-right: -10px !important;
}
.pr_-5 {
    padding-right: -5px !important;
}
.pr_0 {
    padding-right: 0px !important;
}
.pr_1 {
    padding-right: 1px !important;
}
.pr_3 {
    padding-right: 3px !important;
}
.pr_4 {
    padding-right: 4px !important;
}
.pr_5 {
    padding-right: 5px !important;
}
.pr_6 {
    padding-right: 6px !important;
}
.pr_8 {
    padding-right: 8px !important;
}
.pr_10 {
    padding-right: 10px !important;
}
.pr_12 {
    padding-right: 12px !important;
}
.pr_15 {
    padding-right: 15px !important;
}
.pr_20 {
    padding-right: 20px !important;
}
.pr_25 {
    padding-right: 25px !important;
}
.pr_30 {
    padding-right: 30px !important;
}
.pr_40 {
    padding-right: 40px !important;
}
.pr_50 {
    padding-right: 50px !important;
}
.pr_60 {
    padding-right: 60px !important;
}
.pr_70 {
    padding-right: 70px !important;
}
.pb_-30 {
    padding-bottom: -30px !important;
}
.pb_-20 {
    padding-bottom: -20px !important;
}
.pb_-15 {
    padding-bottom: -15px !important;
}
.pb_-10 {
    padding-bottom: -10px !important;
}
.pb_-5 {
    padding-bottom: -5px !important;
}
.pb_0 {
    padding-bottom: 0px !important;
}
.pb_1 {
    padding-bottom: 1px !important;
}
.pb_3 {
    padding-bottom: 3px !important;
}
.pb_4 {
    padding-bottom: 4px !important;
}
.pb_5 {
    padding-bottom: 5px !important;
}
.pb_6 {
    padding-bottom: 6px !important;
}
.pb_8 {
    padding-bottom: 8px !important;
}
.pb_10 {
    padding-bottom: 10px !important;
}
.pb_12 {
    padding-bottom: 12px !important;
}
.pb_15 {
    padding-bottom: 15px !important;
}
.pb_20 {
    padding-bottom: 20px !important;
}
.pb_25 {
    padding-bottom: 25px !important;
}
.pb_30 {
    padding-bottom: 30px !important;
}
.pb_40 {
    padding-bottom: 40px !important;
}
.pb_50 {
    padding-bottom: 50px !important;
}
.pb_60 {
    padding-bottom: 60px !important;
}
.pb_70 {
    padding-bottom: 70px !important;
}
.pl_-30 {
    padding-left: -30px !important;
}
.pl_-20 {
    padding-left: -20px !important;
}
.pl_-15 {
    padding-left: -15px !important;
}
.pl_-10 {
    padding-left: -10px !important;
}
.pl_-5 {
    padding-left: -5px !important;
}
.pl_0 {
    padding-left: 0px !important;
}
.pl_1 {
    padding-left: 1px !important;
}
.pl_3 {
    padding-left: 3px !important;
}
.pl_4 {
    padding-left: 4px !important;
}
.pl_5 {
    padding-left: 5px !important;
}
.pl_6 {
    padding-left: 6px !important;
}
.pl_8 {
    padding-left: 8px !important;
}
.pl_10 {
    padding-left: 10px !important;
}
.pl_12 {
    padding-left: 12px !important;
}
.pl_15 {
    padding-left: 15px !important;
}
.pl_20 {
    padding-left: 20px !important;
}
.pl_25 {
    padding-left: 25px !important;
}
.pl_30 {
    padding-left: 30px !important;
}
.pl_40 {
    padding-left: 40px !important;
}
.pl_50 {
    padding-left: 50px !important;
}
.pl_60 {
    padding-left: 60px !important;
}
.pl_70 {
    padding-left: 70px !important;
}
.w-70px {
    width: 70px;
}
.w-80px {
    width: 80px;
}
.w-100px {
    width: 100px;
}
.w-120px {
    width: 120px;
}
.w-160px {
    width: 160px;
}
.w-200px {
    width: 200px;
}
.w-240px {
    width: 240px;
}
.w-280px {
    width: 280px;
}
.w-320px {
    width: 320px;
}
.w-360px {
    width: 360px;
}
.w-400px {
    width: 400px;
}
.w-440px {
    width: 440px;
}
.w-480px {
    width: 480px;
}
.w-520px {
    width: 520px;
}
.w-560px {
    width: 560px;
}
.w-600px {
    width: 600px;
}
.w-block {
    width: 100% !important;
}
.w-auto {
    width: auto;
}
.w-block--img img {
    width: 100% !important;
    height: auto;
}
.txt_size_10 {
    font-size: 10px;
    letter-spacing: 0;
}
.txt_size_11 {
    font-size: 11px;
    letter-spacing: 0;
}
.txt_size_12 {
    font-size: 12px;
    letter-spacing: 0;
}
.txt_size_13 {
    font-size: 13px;
    letter-spacing: 0;
}
.txt_size_14 {
    font-size: 14px;
    letter-spacing: 0;
}
.txt_size_15 {
    font-size: 15px;
    letter-spacing: 0;
}
.txt_size_16 {
    font-size: 16px;
    letter-spacing: 0;
}
.txt_size_18 {
    font-size: 18px;
    letter-spacing: 0;
}
.txt_size_20 {
    font-size: 20px;
    letter-spacing: 0;
}
.txt_size_22 {
    font-size: 22px;
    letter-spacing: 0;
}
.txt_size_24 {
    font-size: 24px;
    letter-spacing: 0;
}
.txt_size_26 {
    font-size: 26px;
    letter-spacing: 0;
}
.txt_size_36 {
    font-size: 36px;
    letter-spacing: -3px;
}
.txt_size_50 {
    font-size: 50px;
    letter-spacing: -3px;
}
.txt_size_72 {
    font-size: 72px;
    letter-spacing: -3px;
}
.txt_size_80 {
    font-size: 80px;
    letter-spacing: -3px;
}
.fwb {
    font-weight: bold;
}
.rj_typo_color-a {
    color: #f26c7a;
}
.rj_typo_color-b {
    color: #f08f9b;
}
.rj_typo_color-c {
    color: #f97b0b;
}
.rj_typo_color-d {
    color: #0f71d2;
}
.rj_typo_color-e {
    color: #666;
}
.rj_typo_color-f {
    color: #aaa;
}
.rj_typo_color-g {
    color: #ccc;
}
.rj_typo_color-h {
    color: #d6d6d6;
}
.rj_typo_color-i {
    color: #eee;
}
.rj_typo_color-j {
    color: #26c9ff;
}
.rj_typo_color-k {
    color: #3fc00b;
}
.rj_typo_color-l {
    color: #ff9d0a;
}
.rj_typo_color-alert {
    color: #ef4242;
}
.rj_typo_color-white {
    color: #fff;
}
.rj_typo_color-kaigo {
    color: #008c46;
}
.rj_typo_color-biyo {
    color: #fb73ac;
}
.rj_typo_color-riraku {
    color: #3bb0eb;
}
.rj_typo_color-chiryo {
    color: #8ad129;
}
.rj_typo_color-sports {
    color: #e5bc00;
}
.btn.btn--share {
    font-size: 12px;
    line-height: 1.5;
    height: auto;
    width: auto;
    border-radius: 3px;
    padding: 2px 8px 2px 5px;
}
.btn.btn--share i {
    font-size: 14px;
    margin-right: 5px;
}
.btn.btn--category {
    font-size: 10px;
    line-height: 12px;
    height: auto;
    padding: 4px 6px;
    border: 1px solid #f08f9b;
    background: #fff;
    box-shadow: 0px -1px #f08f9b inset;
    border-radius: 2px;
    color: #f08f9b;
}
.btn.btn--pagenate {
    box-sizing: border-box;
    width: 100%;
    color: #666;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: none;
}
.btn.btn--pagenate.btn--pagenate--current {
    color: #fff;
    background: #999;
    border: none;
}
.btn.btn--pagenate.btn--pagenate--disabled {
    color: #999;
    background: #eee;
}
.btn.is-disabled {
    color: #ccc !important;
    background: #eee !important;
    pointer-events: none;
    box-shadow: none !important;
}
.list-marked {
    list-style-type: none;
    padding-left: 1.5em;
}
.list-marked__listitem--spaced + .list-marked__listitem--spaced {
    margin-top: 10px;
}
.list-marked__description + .list-marked__term {
    margin-top: 10px;
}
.list-marked__marker {
    display: inline-block;
    text-indent: -1.5em;
}
.toast-title {
    font-weight: bold;
}
.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.toast-message a,
.toast-message label {
    color: #ffffff;
}
.toast-message a:hover {
    color: #cccccc;
    text-decoration: none;
}
.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    filter: alpha(opacity=90);
}
.toast-close-button:hover,
.toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}
.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}
.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}
.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}
.toast-top-left {
    top: 12px;
    left: 12px;
}
.toast-top-right {
    top: 12px;
    right: 12px;
}
.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}
.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}
.toast-middle-center {
    top: 40%;
    right: 0;
    width: 100%;
}
.toast-middle-center .toast .right-clip {
    text-align: center;
}
.toast-middle-center .toast .right-clip b {
    display: block;
    font-size: 16px;
}
#toast-container {
    position: fixed;
    z-index: 999999;
}
#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#toast-container > div {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}
#toast-container > :hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}
#toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-middle-center > div,
#toast-container.toast-bottom-center > div {
    width: 300px;
    margin: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin: auto;
}
.toast {
    background-color: #030303;
}
.toast-success {
    background-color: #51a351;
}
.toast-error {
    background-color: #bd362f;
}
.toast-warning {
    background-color: #f89406;
}
.toast.toast-no-transparent {
    opacity: 1 !important;
}
.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}
.job-toastr-hidden {
    display: none;
}
@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }
    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}
@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }
    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}
@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}
.toast-top-right {
    width: 300px;
    top: 10px;
    left: 50%;
    margin-left: -150px;
}
.toast-top-right .toast .right-clip {
    text-align: center;
}
.toast-top-right .toast .right-clip b {
    display: block;
    font-size: 16px;
}
#toast-container > .toast-success {
    background-color: #ff7f8e;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAYAAAAFQMh/AAAAAXNSR0IArs4c6QAAA+ZJREFUSA2tlmnITGEUx42lZN/3fUl2SZbs+5ol2UpK+cAH5YPEByVkK4nIEiERSZYPygckWZOd177Lvu/r+P3HOdOdd+47c2n+9XvPec5zlnfuc++dKVQoh4rH42VgJlyAT/AANkPLHI5JbUXz5nATwvSV4ITUihysaNoGXtlEfdIlMAymwDWQfkCXHIz724JmreAlSE+gVbA565JwFaSjwb3/9mnUAl6oI3oKTcOaER+gBFO1sJzIMZo0g+fW7JnWBRWzV8zyZNoXlJc1TnFT0CeU9IlbZCpiv6ESTfUz5Ra4R3ET0FlKOtuUMw0rJGetktFdiIXlZIxR1Bgeg6S7uE3GAjbJmaxk05Rs+Wn7FOpyPbIGr7FtlYTV+c2CsfmLiE2C3yDthn/7tBQ0AL2FpLfQzoYWxd+lIHoRHMx6IvjQw/glgvtZfQrqwX2Q3kHirsRq6E5wTfdmBCbAL9s4gi2pPWwj2AuZ32Ik1IG7IL2HjtagCP52BU2zA0PHE/OhR/FLWY2u2kPLP+T5aZaE2nDHEj9gO1sDDd1qcZk5Xow/Dn4qiI5Baaupj592VF6XtCTVhFsgfYSu1qAw/hYFTfO8iPVo8KEn8ctYTV38eyDpqDp4TYplowbcAEkv/O7WQEM3KWha4IWsR4K+BKTTUNZq8h9VJ69JsRRUh+sgfYae1iCGv0FB02IvZD0CfOgZ/HJWUwv/NkjJo/K6pGWzKuQpC2lob2ugoesUNC31ItZD4bvFz2LLW42O6qbFdVTdvCbFslEcdImkL9DPGmjoagVNy7yQ9RD4ZvHz2ApWo6sWPKoeXpNmSVxrDXTJBnoC/kqLy6wIxAex9qEX8StqD1sN/ItfV62X16RZNpuDP3fTPIHYQnCtCsT7E9RPGekSVNYeVkd1FSRdtT5eE2pJWK5MdBkKWxM1/60gWgOJdyy2L6ipdAWqWH5lfNVL+qf6hw4LBknKUzaa4XH8Q4lIPL4f60N74+vySaqpakMr4etySxqaPCrvF2pJ1K0uDfAEfL0epcHWXJ9Uz7R0HapbvCK+bixJZz7Ee2S1JPuQ0Z5MzC+bnstt4G8kPSI1bGh5fD1Ckh6poV4fyVJwTpVouRfgj0lEUv/o3etDy+Hrn5L0JIzw2siWovmqRo8g8apTMX532Ag7YCIUtXhZfH/mNXRk5GHBRAr1PvU7dUtwL79Pns70FEi6/MnjyZ8baU2Dmepk2odNPJvBYmJd4ZblaGjaT51gfmSfRuutqcxHOABzYRGcAJfu7uGRG0dJpOFUeOMTQuxxYq2j9MqWk/arj8Z62Y8CfTvVhC+QB3tisdhBbE70B9ZgQ6/ZrnKjAAAAAElFTkSuQmCC") !important;
}
#toast-container > .toast-error {
    background-color: #555;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAYAAAAFQMh/AAAAAXNSR0IArs4c6QAAA+ZJREFUSA2tlmnITGEUx42lZN/3fUl2SZbs+5ol2UpK+cAH5YPEByVkK4nIEiERSZYPygckWZOd177Lvu/r+P3HOdOdd+47c2n+9XvPec5zlnfuc++dKVQoh4rH42VgJlyAT/AANkPLHI5JbUXz5nATwvSV4ITUihysaNoGXtlEfdIlMAymwDWQfkCXHIz724JmreAlSE+gVbA565JwFaSjwb3/9mnUAl6oI3oKTcOaER+gBFO1sJzIMZo0g+fW7JnWBRWzV8zyZNoXlJc1TnFT0CeU9IlbZCpiv6ESTfUz5Ra4R3ET0FlKOtuUMw0rJGetktFdiIXlZIxR1Bgeg6S7uE3GAjbJmaxk05Rs+Wn7FOpyPbIGr7FtlYTV+c2CsfmLiE2C3yDthn/7tBQ0AL2FpLfQzoYWxd+lIHoRHMx6IvjQw/glgvtZfQrqwX2Q3kHirsRq6E5wTfdmBCbAL9s4gi2pPWwj2AuZ32Ik1IG7IL2HjtagCP52BU2zA0PHE/OhR/FLWY2u2kPLP+T5aZaE2nDHEj9gO1sDDd1qcZk5Xow/Dn4qiI5Baaupj592VF6XtCTVhFsgfYSu1qAw/hYFTfO8iPVo8KEn8ctYTV38eyDpqDp4TYplowbcAEkv/O7WQEM3KWha4IWsR4K+BKTTUNZq8h9VJ69JsRRUh+sgfYae1iCGv0FB02IvZD0CfOgZ/HJWUwv/NkjJo/K6pGWzKuQpC2lob2ugoesUNC31ItZD4bvFz2LLW42O6qbFdVTdvCbFslEcdImkL9DPGmjoagVNy7yQ9RD4ZvHz2ApWo6sWPKoeXpNmSVxrDXTJBnoC/kqLy6wIxAex9qEX8StqD1sN/ItfV62X16RZNpuDP3fTPIHYQnCtCsT7E9RPGekSVNYeVkd1FSRdtT5eE2pJWK5MdBkKWxM1/60gWgOJdyy2L6ipdAWqWH5lfNVL+qf6hw4LBknKUzaa4XH8Q4lIPL4f60N74+vySaqpakMr4etySxqaPCrvF2pJ1K0uDfAEfL0epcHWXJ9Uz7R0HapbvCK+bixJZz7Ee2S1JPuQ0Z5MzC+bnstt4G8kPSI1bGh5fD1Ckh6poV4fyVJwTpVouRfgj0lEUv/o3etDy+Hrn5L0JIzw2siWovmqRo8g8apTMX532Ag7YCIUtXhZfH/mNXRk5GHBRAr1PvU7dUtwL79Pns70FEi6/MnjyZ8baU2Dmepk2odNPJvBYmJd4ZblaGjaT51gfmSfRuutqcxHOABzYRGcAJfu7uGRG0dJpOFUeOMTQuxxYq2j9MqWk/arj8Z62Y8CfTvVhC+QB3tisdhBbE70B9ZgQ6/ZrnKjAAAAAElFTkSuQmCC") !important;
}
#toast-container > .toast-success:has(.toast-keep) {
    background-image: none !important;
    padding: 15px 0;
}
#toast-container > .toast-error:has(.toast-keep) {
    background-image: none !important;
    padding: 15px 0;
}
body.mobile-app #toast-container > .toast-success,
body.mobile-app #toast-container > .toast-error {
    background-image: none !important;
    padding-left: 0;
}
.toast-info {
    background-color: #888;
    opacity: 0.95 !important;
}
#toast-container > .toast-info:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    content: "\e824";
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -24px;
}
@media (max-width: 480px) and (min-width: 241px) {
    #toast-container > div {
        width: auto;
    }
}
* {
    box-sizing: border-box;
}
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    font-size: 12px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
div,
ul,
ol,
dl,
dd,
figure {
    margin: 0;
    padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400;
}
a {
    color: #0f71d2;
    text-decoration: none;
}
a:focus,
a:hover {
    text-decoration: underline;
}
.alert-box {
    padding: 15px 45px 15px 15px;
    background-color: #ccc;
    border-color: #bbb;
}
.alert-box.alert-box--success {
    color: #fff;
    background-color: #52abd9;
    border-color: #52abd9;
}
.alert-box.alert-box--info {
    color: #fff;
    background-color: #52abd9;
    border-color: #52abd9;
}
.alert-box.alert-box--info a {
    color: #fff;
    text-decoration: underline;
}
.alert-box .alert-box__close {
    position: relative;
    cursor: pointer;
    margin-right: -30px;
    float: right;
    font-size: 20px;
    line-height: 0.8;
    color: #fff;
    text-decoration: none;
}
.alert-box__inner {
    max-width: 980px;
    padding: 0;
    margin: 0 auto;
}
.panel {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.panel .panel__heading {
    padding: 10px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    background-color: #fafafa;
    border-color: #fafafa;
}
.panel .panel__title {
    font-weight: bold;
}
.panel .panel__sub-title {
    color: #888;
}
.panel .panel__body {
    padding: 10px 15px;
}
.panel.panel--line {
    border-color: #8ed7ab;
}
.panel.panel--line .panel__heading {
    background: #3fc00b;
    color: #fff;
    text-align: center;
}
.panel--job-entries:not(:first-of-type) {
    margin-top: 10px;
}
.w-80px {
    width: 80px;
}
.w-100px {
    width: 100px;
}
.w-120px {
    width: 120px;
}
.w-140px {
    width: 140px;
}
.w-160px {
    width: 160px;
}
.w-200px {
    width: 200px;
}
.w-240px {
    width: 240px;
}
.w-280px {
    width: 280px;
}
.w-320px {
    width: 320px;
}
.w-360px {
    width: 360px;
}
.w-400px {
    width: 400px;
}
.w-440px {
    width: 440px;
}
.w-480px {
    width: 480px;
}
.w-520px {
    width: 520px;
}
.w-560px {
    width: 560px;
}
.w-600px {
    width: 600px;
}
.row-mg {
    margin-right: -20px;
}
.row-mg > [class*="cols_"] {
    padding-right: 20px;
    float: left;
}
.table_row [class*="cols_"] {
    vertical-align: top;
}
.table_row [class*="cols_"] img {
    height: auto;
}
.cols_2-5 {
    width: 20%;
}
.cols_2p {
    width: 49.6%;
}
.img_quick_search {
    background: url("https://relax-job.com/images/user_frontend/pc/img_quick_search.png") no-repeat;
}
.sprite_mypage-status {
    overflow: hidden;
}
.sprite_mypage-status[class*="mypage-status-"] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sprite_mypage-status.mypage-status-saiyou {
    border: 1px #d57a83 solid;
    color: #d57a83;
    background-color: #f6e6e8;
}
.sprite_mypage-status.mypage-status-sinki {
    border: 1px #96b26f solid;
    color: #96b26f;
    background-color: #ecf3e2;
}
.sprite_mypage-status.mypage-status-senkou {
    border: 1px #d89756 solid;
    color: #d89756;
    background-color: #f6eadf;
}
.sprite_mypage-status.mypage-status-mensetu {
    border: 1px #5793b0 solid;
    color: #5793b0;
    background-color: #e1eff5;
}
.sprite_mypage-status.mypage-status-fusaiyou,
.sprite_mypage-status.mypage-status-jitai {
    border: 1px #676767 solid;
    color: #676767;
    background-color: #f1f1f1;
}
.js-acBtn--pt01 {
    position: relative;
    background-color: #aaa;
}
.js-acBtn--pt01:after {
    position: absolute;
    font-family: "fontello";
    top: 50%;
    margin-top: -10px;
    right: 8px;
}
.js-acBtn--pt01:after {
    content: "\e80c";
}
.js-acBtn--pt01.active:after {
    content: "\e80f";
}
.setting-txtbox {
    padding: 40px 20px 20px;
    font-size: 14px;
}
.setting-txtbox__caution {
    padding-top: 16px;
    font-size: 12px;
}
.table {
    background: #fff;
    width: 100%;
}
.table th,
.table td {
    position: relative;
    text-align: left;
    font-weight: normal;
}
.table th .label {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
}
.table td .table--td__action-area {
    position: relative;
    height: 32px;
}
.table td .table--td__action-area .__action-area__btn-area {
    position: absolute;
    right: 5px;
}
.table.table--tb_bd {
    border: 1px solid #efefef;
}
.table.table--thd-9_30 th,
.table.table--thd-9_30 td {
    padding: 9px 30px;
}
.table.table--thd-5 th,
.table.table--thd-5 td {
    padding: 5px;
}
.table.table--thd-10 th,
.table.table--thd-10 td {
    padding: 10px;
}
.table.table--thd-15 th,
.table.table--thd-15 td {
    padding: 15px;
}
.table.table--thd-20 th,
.table.table--thd-20 td {
    padding: 20px;
}
.table.table--thd-20_10 th,
.table.table--thd-20_10 td {
    padding: 20px 10px;
}
.table.table--thd-20_10 th.resume_picture .label,
.table.table--thd-20_10 td.resume_picture .label {
    position: absolute;
    top: 20px;
    left: 10px;
}
.table.table--thd-pt1 th,
.table.table--thd-pt1 td {
    padding: 10px;
}
.table.table--thd-pt2 th,
.table.table--thd-pt2 td {
    padding: 8px 0;
}
.table.table--thd-pt3 th,
.table.table--thd-pt3 td {
    padding: 15px 10px;
}
.table.table--th-bg th {
    background: #e5e5e5;
}
.table.table--th-bg--pt1 th {
    background: #f8f8f8;
}
.table.table--th-font-w th {
    font-weight: bold;
}
.table.table-set--pt1.table-set--pt1--bd {
    border: 1px solid #efefef;
}
.table.table-set--pt1 tr {
    border-bottom: 1px solid #efefef;
}
.table.table-set--pt1 tfoot tr {
    border-bottom: none;
}
.table.table-set--pt1 th {
    background: #f8f8f8;
    font-weight: bold;
	width: 200px;
}
.table.table-set--pt2.table-set--pt2--bd {
    border: 1px solid #ffe2c5;
}
.table.table-set--pt2 tr {
    border-bottom: 1px solid #ffe2c5;
}
.table.table-set--pt2 th {
    background: #fff6ec;
    font-weight: bold;
}
.table.table-set--pt4.table-set--pt4--bdtop {
    border-top: 1px solid #efefef;
}
.table.table-set--pt4 tr {
    border-bottom: 1px solid #efefef;
}
.table.table-set--pt4 th {
    font-weight: bold;
}
.table.table-set--pt5 {
    width: 100%;
}
.table.table-set--pt5 tr {
    border-bottom: 1px solid #eee;
}
.table.table-set--pt5 tr th {
    background: #eee;
    position: relative;
}
.table.table-set--pt5 tr th:not(:first-child):before {
    content: "|";
    color: #aaa;
    text-shadow: 1px 0px 0px #fff;
    position: absolute;
    left: 0;
}
.table .js-search--detail {
    display: none;
}
.table .table-search__action-area {
    position: relative;
    text-align: center;
}
.table .table-search__action-area .table__action-area__btn-conditions {
    position: absolute;
    right: 15px;
    top: 12px;
}
.table .table-search__action-area .job_search_count_arrow {
    display: inline-block;
    top: 5px;
    width: 350px;
    background: url("https://relax-job.com/images/user_frontend/pc/img_search-counter_arrow.gif") no-repeat 0 12px;
}
.table--tr-result:nth-child(n + 2) th,
.table--tr-result:nth-child(n + 2) td {
    border-top: solid 1px #efefef;
}
.table--tr-result:nth-last-child(1) th,
.table--tr-result:nth-last-child(1) td {
    border-bottom: solid 1px #efefef;
}
.table--tr-result th {
    font-weight: bold;
}
.table--tr-salon:nth-last-child(1) th,
.table--tr-salon:nth-last-child(1) td {
    border-bottom: solid 1px #efefef;
}
.table--tr-salon th {
    font-weight: bold;
}
.job-keep-entry {
    vertical-align: top;
}
.job-keep-entry .btn {
    margin-top: 12px;
    font-size: 13px;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.job-keep-entry .btn.btn--pt6:focus,
.job-keep-entry .btn.btn--pt6:hover {
    cursor: default;
    background: #ccc;
}
.job-keep-entry input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    width: 13px;
    height: 13px;
    border: 1px solid #bbb;
    border-radius: 2px;
    background-color: #fff;
}
.job-keep-entry input[type="checkbox"]:checked {
    border-color: #0575ff;
}
.job-keep-entry input[type="checkbox"]:checked::before,
.job-keep-entry input[type="checkbox"]:checked::after {
    display: block;
    position: absolute;
    content: "";
    background: #0575ff;
}
.job-keep-entry input[type="checkbox"]:checked::before {
    left: 0px;
    top: 8px;
    width: 5px;
    height: 2px;
    transform: rotate(45deg);
    transform-origin: right center;
}
.job-keep-entry input[type="checkbox"]:checked::after {
    left: 4px;
    top: 8px;
    width: 8px;
    height: 2px;
    transform: rotate(-53deg);
    transform-origin: left center;
}
.job-keep-entry__remove-outer {
    text-align: right;
    line-height: 1;
}
.job-keep-entry__remove_button {
    padding: 0;
    border: none;
    background: none;
}
.job-keep-entry__button {
    margin-top: 10px;
}
.job-keep-entry__remove-icon {
    color: #ccc;
    font-size: 20px;
}
.job-keep-entry__remove-icon::before {
    margin-left: 0;
    margin-right: 0;
}
.box-entry-flow {
    padding: 12px;
    background: #fff;
    margin-bottom: 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.box-entry-flow .box-entry-flow__bottom {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
}
.box-entry-flow .box-entry-flow__bottom strong {
    font-weight: bold;
    font-size: 1.4em;
    color: #f97b0b;
}
.info-box {
    padding: 15px;
    border: 1px solid transparent;
    border-color: #ccc;
    border-radius: 3px;
    background-color: #fff;
}
.info-box [class*="__title"] {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
}
.info-box [class*="__title--bdr-b"] {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.5em;
    text-align: center;
}
.info-box.info-box--pt2 {
    background-color: #fcfcfc;
    border-color: #ccc;
}
.info-box.info-box--pt3 {
    background-color: #f9fffa;
    border-color: #8ed7ab;
    color: #5a8c63;
}
.info-box.info-box--pt4 {
    background-color: #fcfced;
    border-color: #e6e667;
    color: #757513;
}
.info-box.info-box--pt5 {
    background-color: #ffefef;
    border-color: #fdb3bf;
    color: #ef4242;
}
.info-box.info-box--pt5 [class*="__title--bdr-b"] {
    border-color: #ef4242;
}
.info-box.info-box--pt6 {
    background-color: #f9fcff;
    border-color: #83bcfc;
    color: #00238c;
}
.info-box.info-box--pt7 {
    border: 3px solid #eee;
    background-color: #fcfcfc;
    border-radius: 0;
}
.info-box-pt2 {
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 3px;
    background-color: #fff;
}
.info-box-pt2 [class*="__title"] {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
}
.info-box-pt2.info-box--pt2 {
    background-color: #fcfcfc;
    border-color: #ccc;
}
.info-box-pt2.info-box--pt4 {
    background-color: #fcfced;
    border-color: #e6e667;
    color: #757513;
}
.info-box-inline-b {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid transparent;
    border-radius: 3px;
    font-weight: bold;
}
.info-box-inline-b.info-box--pt6 {
    background-color: #f9fcff;
    border-color: #83bcfc;
    color: #00238c;
}
.mypage-box {
    border: 1px solid #ccc;
}
.mypage-box .mypage-box__header,
.mypage-box .mypage-box__footer {
    padding: 15px;
}
.tab-area {
    position: relative;
}
.tab-area .tab-area__update {
    position: absolute;
    bottom: 10px;
    right: 0;
    font-size: 12px;
    color: #bbb;
}
.info-box-call-support {
    margin: 30px 0;
    background-color: #fff;
    border: 1px solid #e97987;
    border-radius: 4px;
    overflow: hidden;
}
.info-box-call-support .info-box-call-support__title {
    font-weight: bold;
    text-align: center;
    color: #e97a87;
    background-color: #fff4f4;
    font-size: 18px;
    padding: 20px;
    border-bottom: 1px solid #e97987;
}
.info-box-call-support .info-box-call-support__content {
    padding: 20px 60px;
    text-align: center;
}
.box_arrow-t01,
.box_arrow-b01 {
    position: relative;
    padding: 10px;
    border: 2px solid #eb99a3;
    border-radius: 4px;
    margin-left: 30px;
    margin-right: 200px;
    background: #fff;
    z-index: 1;
    font-size: 14px;
}
.box_arrow-t01:before,
.box_arrow-t01:after,
.box_arrow-b01:before,
.box_arrow-b01:after {
    position: absolute;
    content: "";
    border: 12px solid transparent;
}
.box_arrow-t01:before {
    border-top: 12px solid #eb99a3;
    left: 3%;
    bottom: -22px;
}
.box_arrow-t01:after {
    border-top: 12px solid #fff;
    left: 3%;
    bottom: -19px;
}
.box_arrow-b01:before {
    border-bottom: 12px solid #eb99a3;
    left: 5%;
    top: -22px;
}
.box_arrow-b01:after {
    border-bottom: 12px solid #fff;
    left: 5%;
    top: -19px;
}
[class*="box__arrow_"] {
    position: relative;
    background: green;
}
.box__arrow_b01:after,
.box__arrow_b01:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.box__arrow_b01:after {
    border-top-color: #fff;
    border-width: 6px;
    margin-left: -6px;
}
.box__arrow_b01:before {
    border-top-color: #ccc;
    border-width: 11px;
    margin-left: -11px;
}
.checkable_box {
    display: table;
}
.checkable_box .checkable_box__row {
    display: table-row;
}
.checkable_box .checkable_box__row .checkable_box__cell {
    display: table-cell;
    vertical-align: middle;
}
.checkable_box .checkable_box__row .checkable_box__cell--pt1 {
    background-color: #fff;
}
.checkable_box .checkable_box__row .checkable_box__cell--pt2 {
    background-color: #eee;
}
.checkable_box .checkable_box__row:not(:last-child) .checkable_box__cell--pt1 {
    border-bottom: 1px solid #eee;
}
.checkable_box .checkable_box__row .checkable_box__input {
    width: 30px;
}
.checkable_box .checkable_box__row .checkable_box__head {
    position: relative;
}
.checkable_box .checkable_box__row .checkable_box__head:not(:first-child):before {
    content: "|";
    color: #aaa;
    text-shadow: 1px 0px 0px #fff;
    position: absolute;
    left: 0;
}
.matching-support-log-box {
    background-color: #f7f7f7;
}
.matching-support-log-box__inner {
    width: 448px;
    margin: 0 auto;
    padding: 36px 0;
}
.matching-support-log__heading {
    padding: 15px 0;
    background: #ddd;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.matching-support-log__sub-heading {
    margin-bottom: 18px;
    font-size: 14px;
    font-weight: bold;
}
.matching-support-log__date-list {
    list-style-type: none;
    margin: -4px 0;
}
.matching-support-log__date-list li {
    padding: 4px 0;
    font-size: 18px;
    font-weight: bold;
}
.matching-support-log__txt {
    margin-top: 30px;
    font-size: 16px;
}
.matching-support-log__btn-list {
    display: flex;
    list-style-type: none;
    margin: 33px -6px 0;
}
.matching-support-log__btn-list li {
    flex-basis: 50%;
    padding: 0 6px;
}
.matching-support-log__annotation-list {
    list-style-type: none;
    margin-top: 33px;
    font-size: 14px;
    line-height: 1.71;
}
.matching-support-log__annotation-list li {
    padding-left: 14px;
    text-indent: -14px;
}
.matching-support-attention-area {
    margin-top: 36px;
    color: #ef4242;
}
.matching-support-attention-area__heading {
    display: inline-block;
    padding-bottom: 1px;
    border-bottom: 1px solid #ef4242;
    font-size: 14px;
    font-weight: bold;
}
.matching-support-attention-area__txt {
    margin-top: 14px;
}
.matching-support-add-group-button-outer {
    padding-bottom: 60px;
    text-align: center;
}
input[type="radio"],
input[type="checkbox"] {
    background: none;
    box-shadow: none;
    width: 20px;
    margin-top: -4px;
    vertical-align: middle;
}
input[type="button"],
button {
    outline: 0;
}
input,
input[type="password"],
input[type="search"],
textarea,
input[type="select"],
select {
    padding: 7px;
    border: 1px solid #bbb;
    background: #eee;
    border-radius: 2px;
    background: #fff;
    box-shadow: inset 1px 1px 1px #eee;
    outline: 0;
}
input:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
input[type="select"]:focus,
select:focus {
    border: 1px solid #6ca3e9;
    box-shadow: inset 0px 0px 3px #6ca3e9;
}
input[type="password"],
input[type="search"],
input[type="select"],
select {
    height: 34px;
}
.formerror,
.jquery_errors {
    color: #ef4242;
    font-size: 12px;
    margin-top: 3px;
    font-weight: bold;
}
.formerror:before,
.jquery_errors:before {
    font-family: "fontello";
    content: "\e848";
    padding-right: 10px;
}
select.select--pt2 {
    height: 28px;
    background: #eee;
}
select.select--pt3 {
    height: 28px;
}
select.select--sort {
    background: none;
    height: auto;
    width: 100%;
}
.form_pass-w {
    padding-top: 3px;
    position: relative;
    padding-left: 5.5em;
}
.form_pass-w .form_pass-w__txt {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: 0;
}
.form_pass-w input {
    display: block;
    width: 100%;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ccc !important;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #ccc;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc;
}
.fix-width {
    resize: vertical;
    min-height: 66px;
}
.form-pulldown.is-blank {
    color: #ccc;
}
.form-pulldown option {
    color: #333;
}
.key-visual-top {
    width: 100%;
    height: 456px;
    overflow: hidden;
}
.key-visual-top a {
    display: block;
    height: 100%;
}
.key-visual-top .slick-slide {
    width: 100%;
    height: 456px;
    overflow: hidden;
    position: relative;
}
.key-visual-top .slick-slide img {
    vertical-align: bottom;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.content {
    width: 980px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.content .content-head {
    margin-bottom: 10px;
}
.content .content-main {
    float: left;
    width: 720px;
}
.content .content-side {
    float: right;
    width: 230px;
}
.content .content-side a:hover img {
    opacity: 0.4;
    filter: alpha(opacity=70);
    -webkit-transition: opacity 0.6s ease;
    -moz-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
}
.content--mypage .mypage-main {
    float: left;
    width: 820px;
    margin-left: 20px;
    padding: 0 20px 30px;
    background: #fff;
    border: 1px solid #eee;
}
.content--mypage .mypage-side {
    float: left;
    width: 140px;
}
.mypage-navi {
    font-size: 14px;
    border: 1px solid #eee;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    background: #fff;
    list-style: none;
}
.mypage-navi > li {
    position: relative;
}
.mypage-navi > li + li {
    border-top: 1px solid #eee;
}
.mypage-navi > li.mypage-navi__parent {
    font-size: 16px;
    border-left: 6px solid #eee;
    padding: 20px 15px 20px 9px;
}
.mypage-navi > li a,
.mypage-navi > li .mypage-navi__disabled-link {
    display: block;
    background: #fff;
    font-size: 12px;
    padding: 11px 15px 11px 28px;
}
.mypage-navi > li a:before,
.mypage-navi > li .mypage-navi__disabled-link:before {
    content: "\e842";
    font-family: "fontello";
    color: #aaa;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -8px;
}
.mypage-navi > li a.current,
.mypage-navi > li .mypage-navi__disabled-link.current {
    padding-left: 19px;
    border-left: 6px solid #f08f9b !important;
    color: #f08f9b;
}
.mypage-navi > li a.current:before,
.mypage-navi > li .mypage-navi__disabled-link.current:before {
    color: #f08f9b;
}
.mypage-navi > li a .badge,
.mypage-navi > li .mypage-navi__disabled-link .badge {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px;
    font-size: 10px;
}
.mypage-navi > li.mypage-navi__disabled a,
.mypage-navi > li.mypage-navi__disabled .mypage-navi__disabled-link,
.mypage-navi > li.mypage-navi__parent.mypage-navi__disabled {
    color: #d6d6d6;
    background: #f5f5f5;
    cursor: default;
}
.mypage-navi > li.mypage-navi__disabled a:before,
.mypage-navi > li.mypage-navi__disabled a:hover:before,
.mypage-navi > li.mypage-navi__disabled .mypage-navi__disabled-link:before,
.mypage-navi > li.mypage-navi__disabled .mypage-navi__disabled-link:hover:before,
.mypage-navi > li.mypage-navi__parent.mypage-navi__disabled:before,
.mypage-navi > li.mypage-navi__parent.mypage-navi__disabled:hover:before {
    color: #d6d6d6;
}
.mypage-info {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 2px solid #f97b0b;
    min-height: 240px;
    text-align: center;
}
.mypage-info .mypage-info__title {
    padding: 10px;
    font-weight: bold;
    color: #f97b0b;
    font-size: 16px;
}
.mypage-info .mypage-info__title i {
    display: inline-block;
}
.mypage-info .mypage-info__circle {
    position: relative;
    padding: 15px 0 15px;
    width: 180px;
    height: 180px;
    margin: 0 auto 15px;
    padding-top: 26px;
    background: #d6d6d6;
    background: linear-gradient(to bottom, #f97b0b 40%, #f99407 100%);
    border-radius: 100%;
    color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.mypage-info .mypage-info__circle > .mypage-info__circle__count {
    font-size: 70px;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.mypage-recommend-occupation dt {
    padding: 0.2em 0 0.2em;
    font-weight: bold;
    color: #ccc;
}
.mypage-recommend-occupation dd {
    padding: 0.2em 0 0.2em;
}
.mypage-recommend-occupation dd:not(:last-child) {
    border-bottom: 1px solid #eee;
}
.resume_merit {
    padding: 10px;
}
.resume_merit .resume_merit__box {
    position: relative;
    text-align: center;
    padding: 10px;
}
.resume_merit .resume_merit__box .resume_merit__box__merit-img {
    width: 100%;
    margin-bottom: 10px;
}
.resume_merit .resume_merit__box .resume_merit__box__merit-num {
    position: absolute;
    top: 0;
    left: 0;
    display: inline;
    text-align: center;
    vertical-align: bottom;
    width: 34px;
    height: 34px;
    font-size: 18px;
    padding-top: 4px;
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
    background: #f08f9b;
}
.resume_merit .resume_merit__box p {
    font-size: 16px;
}
.resume_circle {
    font-size: 14px;
    position: relative;
    width: 60px;
    height: 60px;
    padding-top: 16px;
    padding-left: 2px;
    background: #f08f9b;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
.triangle .resume_circle:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f5c0c6;
    bottom: -32px;
    left: 20px;
}
.job-data-min .job-data-min__img,
.job-data-min img {
    float: left;
}
.job-data-min .job-data-min__info {
    margin-left: 130px;
}
.job-data-min .job-data-min__info .job-cmp {
    font-size: 12px;
}
.job-data-min .job-data-min__info .job-title {
    font-size: 14px;
}
.job-data-min .job-data-xmin__info {
    margin-left: 90px;
}
.job-data-min .job-data-xmin__info .job-cmp {
    font-size: 10px;
}
.job-data-min.job-data-min__recommend_job {
    margin: 5px 0;
    padding: 10px;
    border-bottom: 1px dotted #ccc;
}
.select-station {
    position: relative;
    padding: 10px;
    border-bottom: 2px solid #eee;
}
.select-station .js-remove-station {
    position: absolute;
    bottom: 2px;
    right: 0;
}
.box-pt1 {
    padding: 20px;
    border: 1px solid #d6d6d6;
    background: #fff;
}
.box-pt2 {
    border: 1px solid #d6d6d6;
    background: #fff;
}
.box-pt3 {
    border: 10px solid #fbe0e3;
    background: #fff;
}
.box-side-nav {
    margin-bottom: 20px;
    padding: 20px 10px;
    border: 2px solid #eee;
    background: #fff;
}
.box-side-nav > .box-side-nav__heading {
    padding: 15px 10px;
    margin: -20px -10px 20px;
    font-size: 14px;
    border-bottom: 1px solid #eee;
}
.box-side-nav .boxset-sidenav {
    margin-bottom: 15px;
    font-size: 12px;
}
.box-side-nav .boxset-sidenav figure {
    float: left;
    margin-right: 10px;
    width: 60px;
}
.box-side-nav .boxset-sidenav figure img {
    width: 100%;
    height: auto;
}
.box-side-nav .boxset-sidenav .boxset-sidenav__content {
    font-size: 11px;
}
.box-side-nav .boxset-sidenav .boxset-sidenav__content i[class*="icon"] {
    color: #ccc;
}
.box-side-nav .boxset-sidenav .boxset-sidenav__footer {
    padding: 5px 0;
    clear: both;
    border-bottom: 1px solid #eee;
}
.box-side-nav ul.sidenav-campaign li {
    border-bottom: 1px solid #eee;
    padding: 0px 0px 10px;
    margin-bottom: 10px;
    list-style: none;
}
.box-brand {
    padding: 30px 20px 10px;
    background: #fff;
    border: 6px solid #eee;
    overflow: hidden;
    border-radius: 7px;
}
.box-brand .box-brand__logo {
    float: left;
    width: 240px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.box-brand .box-brand__logo img {
    width: 100%;
}
.boxset-pt1 {
    font-size: 12px;
}
.boxset-pt1.cols_4 figure {
    position: relative;
}
.boxset-pt1.cols_4 figure:before {
    content: "";
    display: block;
    box-sizing: border-box;
    padding-bottom: 56.132%;
    background: #f7f7f7;
}
.boxset-pt1.cols_4 figure img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.boxset-pt1:hover img {
    text-decoration: none;
    opacity: 0.4;
    filter: alpha(opacity=70);
    -webkit-transition: opacity 0.6s ease;
    -moz-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
}
.boxset-pt1:hover * {
    text-decoration: none;
}
.boxset-pt1 figure {
    margin-bottom: 10px;
    position: relative;
    line-height: 0;
}
.boxset-pt1 figure .label--pt3,
.boxset-pt1 figure .label--pt4 {
    position: absolute;
    top: 6px;
    left: -6px;
    box-shadow: 1px 1px 1px rgba(110, 110, 110, 0.3);
}
.boxset-pt1 figure .label--pt3:before,
.boxset-pt1 figure .label--pt4:before {
    position: absolute;
    bottom: -6px;
    left: 0px;
    content: "";
    border: 3px solid transparent;
    border-right-color: #ec8181;
    border-top-color: #ec8181;
}
.boxset-pt1 figure .label--pt3 a,
.boxset-pt1 figure .label--pt4 a {
    color: #fff;
}
.boxset-pt1 .boxset-pt1__title {
    overflow: hidden;
    font-weight: bold;
    height: 3em;
}
.boxset-pt1 .boxset-pt1__sub-title,
.boxset-pt1 .boxset-pt1__corp {
    font-size: 10px;
    margin-bottom: 5px;
    color: #666;
}
.boxset-pt1 .boxset-pt1__txt {
    overflow: hidden;
    color: #aaa;
    height: 3em;
    font-size: 12px;
}
.boxset-pt1 .boxset-pt1__terms dt {
    float: left;
    clear: both;
    padding: 0.2em 0 0.2em;
    font-weight: bold;
    color: #ccc;
}
.boxset-pt1 .boxset-pt1__terms dd {
    padding: 0.2em 0 0.2em 4em;
}
.boxset-pt1 .boxset-pt1__terms dd:not(:last-child) {
    border-bottom: 1px solid #eee;
}
.job-data {
    border: 1px solid #d6d6d6;
    background: #fff;
}
.job-data .job-data__keyv {
    width: 978px;
    height: 400px;
    background: #eee;
}
.job-data .shop_album td {
    vertical-align: top;
    text-align: center;
    padding: 5px 5px 10px;
}
.article {
    display: table;
}
.article .article__img {
    float: left;
    margin-right: 20px;
}
.article .article__img--rev {
    float: right;
    margin-left: 20px;
}
.article .article__txt {
    overflow: hidden;
    font-size: 13px;
}
.article img {
    display: block;
}
.article p {
    line-height: 1.8em;
    margin-bottom: 15px;
}
.popular_feature_by_business_type [class^="popular_feature_by_"] {
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 5px;
    border-radius: 4px;
}
.popular_feature_by_business_type [class^="popular_feature_by_"] div {
    margin-bottom: 5px;
}
.popular_feature_by_business_type .popular_feature_by_esthe,
.popular_feature_by_business_type .popular_feature_by_nail,
.popular_feature_by_business_type .popular_feature_by_eyelist,
.popular_feature_by_business_type .popular_feature_by_biyoshi,
.popular_feature_by_business_type .popular_feature_by_riyoshi,
.popular_feature_by_business_type .popular_feature_by_biyobuin {
    border: 1px solid #fb73ac;
}
.popular_feature_by_business_type .popular_feature_by_esthe div,
.popular_feature_by_business_type .popular_feature_by_nail div,
.popular_feature_by_business_type .popular_feature_by_eyelist div,
.popular_feature_by_business_type .popular_feature_by_biyoshi div,
.popular_feature_by_business_type .popular_feature_by_riyoshi div,
.popular_feature_by_business_type .popular_feature_by_biyobuin div {
    color: #fb73ac;
}
.popular_feature_by_business_type .popular_feature_by_therapist,
.popular_feature_by_business_type .popular_feature_by_aroma,
.popular_feature_by_business_type .popular_feature_by_massage,
.popular_feature_by_business_type .popular_feature_by_reflexology,
.popular_feature_by_business_type .popular_feature_by_seitai,
.popular_feature_by_business_type .popular_feature_by_chiropractic {
    border: 1px solid #3bb0eb;
}
.popular_feature_by_business_type .popular_feature_by_therapist div,
.popular_feature_by_business_type .popular_feature_by_aroma div,
.popular_feature_by_business_type .popular_feature_by_massage div,
.popular_feature_by_business_type .popular_feature_by_reflexology div,
.popular_feature_by_business_type .popular_feature_by_seitai div,
.popular_feature_by_business_type .popular_feature_by_chiropractic div {
    color: #3bb0eb;
}
.popular_feature_by_business_type .popular_feature_by_jusei,
.popular_feature_by_business_type .popular_feature_by_shinkyu,
.popular_feature_by_business_type .popular_feature_by_massageshi {
    border: 1px solid #8ad129;
}
.popular_feature_by_business_type .popular_feature_by_jusei div,
.popular_feature_by_business_type .popular_feature_by_shinkyu div,
.popular_feature_by_business_type .popular_feature_by_massageshi div {
    color: #8ad129;
}
.popular_feature_by_business_type .popular_feature_by_yoga,
.popular_feature_by_business_type .popular_feature_by_fitness,
.popular_feature_by_business_type .popular_feature_by_reception {
    border: 1px solid #e5bc00;
}
.popular_feature_by_business_type .popular_feature_by_yoga div,
.popular_feature_by_business_type .popular_feature_by_fitness div,
.popular_feature_by_business_type .popular_feature_by_reception div {
    color: #e5bc00;
}
.quick_search {
    background: #fff;
    padding: 10px 0;
}
.quick_search .quick_search__inner {
    padding-left: 150px;
    position: relative;
}
.quick_search .quick_search__inner .quick_search__inner__icon {
    position: relative;
}
.quick_search .quick_search__inner .quick_search__inner__icon:after {
    font-family: "fontello";
    content: "\e817";
    position: absolute;
    top: 8px;
    right: 7px;
    color: #bbb;
    font-size: 14px;
}
.search-pagenate-top {
    margin: 30px 0 0;
    padding: 5px;
    overflow: hidden;
}
.js-tab-nav {
    overflow: hidden;
    margin-bottom: -1px;
    padding-top: 2px;
}
.js-tab-nav > li {
    display: inline-block;
    float: left;
}
.js-tab-nav > li.float_right {
    float: right;
    margin-right: 0 !important;
}
.js-tab-nav > li > a,
.js-tab-nav > li span {
    display: block;
    border-radius: 3px 3px 0 0;
    text-decoration: none;
    cursor: pointer;
}
.js-tab-nav.js-tab-nav--pt2 > li {
    margin-right: 2px;
    width: 15%;
}
.js-tab-nav.js-tab-nav--pt2 > li > a,
.js-tab-nav.js-tab-nav--pt2 > li span {
    margin-top: -1px;
    padding: 0.8em;
    text-align: center;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #333;
}
.js-tab-nav.js-tab-nav--pt2 > li > a:hover,
.js-tab-nav.js-tab-nav--pt2 > li span:hover {
    background-color: #f2f2f2;
}
.js-tab-nav.js-tab-nav--pt2 > li > a.disabled,
.js-tab-nav.js-tab-nav--pt2 > li span.disabled {
    margin-top: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1) inset;
    color: #d6d6d6;
    background: #f5f5f5;
    cursor: default;
}
.js-tab-nav.js-tab-nav--pt2 > li > a.active,
.js-tab-nav.js-tab-nav--pt2 > li span.active {
    color: #f97085;
    border: 1px solid #ccc;
    border-top: 3px solid #f97085;
    border-bottom: none;
    margin-top: -2px;
    box-shadow: none;
}
.js-tab-nav.js-tab-nav--pt3 > li {
    width: 16.666666%;
}
.js-tab-nav.js-tab-nav--pt3 > li > a,
.js-tab-nav.js-tab-nav--pt3 > li span {
    padding: 0.8em;
    text-align: center;
    color: #666;
}
.js-tab-nav.js-tab-nav--pt3 > li > a.active,
.js-tab-nav.js-tab-nav--pt3 > li span.active {
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: -1px;
}
.js-tab-nav.mypage-entries-tab > li > a,
.js-tab-nav.mypage-entries-tab > li > span {
    line-height: 1.5;
    padding-top: 13px;
    padding-bottom: 13px;
}
.js-tab-nav.mypage-entries-tab > li:nth-child(2) > a,
.js-tab-nav.mypage-entries-tab > li:nth-child(2) > span {
    padding-top: 4px;
    padding-bottom: 4px;
}
.js-tab-cont.js-tab--content--pt2 {
    border-top: 1px solid #ccc;
    padding: 20px 5px;
}
.js-tab-cont.js-tab-cont--bd {
    border: 1px solid #ccc;
}
.js-tab-cont .js-tab-cont__scroll {
    height: 300px;
    overflow: scroll;
}
.list-dl-qa dt {
    position: relative;
    font-size: 16px;
    padding: 15px 15px 0 50px;
    font-weight: bold;
}
.list-dl-qa dd {
    position: relative;
    font-size: 12px;
    padding: 5px 15px 15px 50px;
    border-bottom: 1px solid #eee;
}
.list-dl-qa .list-dl-qa__icon-q,
.list-dl-qa .list-dl-qa__icon-a {
    position: absolute;
    font-weight: bold;
    font-size: 16px;
    left: 0;
}
.list-dl-qa .list-dl-qa__icon-a {
    top: 50%;
    margin-top: -16px;
    color: #df7e8b;
}
.table_row.table_row,
.table_row div[class*="cols_"] {
    height: 100%;
}
.search_area01 {
    background: #fff;
    margin-bottom: 50px;
}
.search_area01 h2 {
    padding: 10px 0;
    margin-bottom: 15px;
    font-size: 16px;
    border-bottom: 1px solid #eee;
}
.search_area01 dl {
    font-size: 13px;
}
.search_area01 dl dt {
    float: left;
}
.search_area01 dl dd {
    margin-left: 8em;
    margin-bottom: 0.8em;
}
.search_area01 dl dd ul li {
    display: inline-block;
    margin-right: 1.2em;
}
.search_area01 dl dd ul li span {
    font-size: 10px;
    background: #eee;
    padding: 3px 7px;
    border-radius: 12px;
    margin-left: 5px;
    color: #aaa;
}
.refusal_store {
    padding: 15px;
    border: 1px solid #d6d6d6;
    background: #fff;
    overflow: hidden;
}
.refusal_store img {
    height: 40px;
    margin-right: 40px;
}
.refusal_store .refusal_store__contents {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.refusal_store span {
    overflow: hidden;
}
.matching-support-image {
    display: block;
    width: 700px;
    height: auto;
    margin: 0 auto 24px;
}
.header {
    position: relative;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.05);
    z-index: 2;
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
    border-top: 2px solid #ed7987;
}
.header2 {
    position: relative;
    background-color: #fff;
    border-top: 2px solid #ed7987;
}
.header-top {
    height: 30px;
    background: #f08f9b;
}
.header-top .header-top__navi {
    text-align: right;
    padding-top: 2px;
}
.header-top .header-top__navi > li {
    display: inline-block;
    margin-left: 20px;
}
.header-top .header-top__navi > li:before {
    position: relative;
    font-family: "fontello";
    content: "\e80a";
    color: #fff;
    top: 1px;
    left: -4px;
}
.header-top .header-top__navi > li a,
.header-top .header-top__navi > li span {
    color: #fff;
    font-size: 10px;
}
.header-top .header-top__navi .header-top__navi__client_inquiry {
    background: #fff;
    padding: 0 10px 0 15px;
    border-radius: 10px;
}
.header-top .header-top__navi .header-top__navi__client_inquiry:before {
    color: #f08f9b;
}
.header-top .header-top__navi .header-top__navi__client_inquiry a,
.header-top .header-top__navi .header-top__navi__client_inquiry span {
    color: #f08f9b;
}
.header-top .header-top__navi .header-top__navi__client_inquiry a:hover,
.header-top .header-top__navi .header-top__navi__client_inquiry span:hover {
    opacity: 0.8;
    text-decoration: none;
}
.header-middle {
    height: 88px;
    display: table;
}
.header-middle .header-middle__logo,
.header-middle .header-middle__logo--entry,
.header-middle .header-middle__nav {
    display: table-cell;
    vertical-align: middle;
}
.header-middle .header-middle__logo {
    padding-right: 50px;
}
.header-middle .header-middle__logo--entry {
    position: relative;
}
.header-middle .logo_header {
    width: 146px;
    height: auto;
}
.header-middle .logo_header.logo_header--kaigo {
    width: 150px;
}
.header-bottom {
    background-color: #fff;
}
.header-bottom .container {
    position: relative;
}
.header-bottom .header-bottom__nav {
    margin-bottom: -2px;
    font-size: 12px;
}
.header-bottom .header-bottom__nav > li {
    display: inline-block;
}
.header-bottom .header-bottom__nav > li > a {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 8px 30px;
    border-bottom: 2px solid transparent;
    color: #666;
}
.header-bottom .header-bottom__nav > li > a:after {
    content: "|";
    position: absolute;
    right: 0;
    color: #eee;
}
.header-bottom.header-bottom--top {
    text-align: center;
}
.header-bottom.header-bottom--top .header-bottom__nav > li {
    width: 200px;
    margin-left: 3px;
}
.header-bottom.header-bottom--top .header-bottom__nav > li > a:after {
    content: none;
}
.header-bottom.header-bottom--top .header-bottom__nav > li > a.biyo {
    border-color: #fb73ac;
}
.header-bottom.header-bottom--top .header-bottom__nav > li > a.chiryo {
    border-color: #8ad129;
}
.header-bottom.header-bottom--top .header-bottom__nav > li > a.relaxation {
    border-color: #3bb0eb;
}
.header-bottom.header-bottom--top .header-bottom__nav > li > a.sports {
    border-color: #e5bc00;
}
.header-bottom.header-bottom--biyo {
    border-bottom: 2px solid #fb73ac;
}
.header-bottom.header-bottom--chiryo {
    border-bottom: 2px solid #8ad129;
}
.header-bottom.header-bottom--relaxation {
    border-bottom: 2px solid #3bb0eb;
}
.header-bottom.header-bottom--sports {
    border-bottom: 2px solid #e5bc00;
}
.logo_header.logo_header_biyo {
    width: 193px;
    height: auto;
}
.logo_header_img,
.logo_header_entry_img {
    display: inline-block;
    width: 193px;
    height: 45.58px;
    background-image: url("https://relax-job.com/images/user_frontend/global/rejob_service_logo.svg");
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
[data-site="kaigo"] .logo_header_img,
[data-site="kaigo"] .logo_header_entry_img {
    height: 34.86px;
    background-image: url("https://relax-job.com/images/user_frontend/global/rejob_care_logo.svg");
    background-size: contain;
}
.logo_header_entry_img {
    width: 146px;
    height: 34.48px;
}
[data-site="kaigo"] .logo_header_entry_img {
    width: 150px;
    height: 27.09px;
}
.btn {
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px -2px #ccc inset;
}
.btn:focus,
.btn:hover {
    text-decoration: none;
}
.btn .btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.btn.btn-hover,
.btn:hover,
.btn:focus {
    background: #eee;
}
.btn:focus {
    outline: 0;
}
.btn.btn-active,
.btn:active {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
    border-color: #000\9;
}
.btn .btn[disabled],
.btn.btn--disabled,
.btn.btn--disabled:hover,
.btn.btn--disabled:focus,
.btn.btn--disabled:active {
    border: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=40);
    -khtml-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: none !important;
}
.btn.btn-hidden {
    display: none;
}
.btn.btn--keep {
    border: 1px solid #f08f9b;
    background: #fff;
    box-shadow: 0px -2px #f08f9b inset;
    color: #f08f9b;
}
.btn.btn--keeped {
    border: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=40);
    -khtml-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
    box-shadow: none;
}
.btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.btn .btn-primary,
.btn .btn-selected,
.btn a.btn-primary,
.btn a.btn-selected {
    background-color: #0078e7;
    color: #fff;
}
.btn.btn--xxsmall {
    font-size: 10px;
}
.btn.btn--xsmall {
    font-size: 11px;
}
.btn.btn--small {
    font-size: 12px;
}
.btn.btn--large {
    font-size: 16px;
}
.btn.btn--xlarge {
    font-size: 18px;
}
.btn.btn--xxlarge {
    font-size: 20px;
}
.btn.btn--pt1 {
    color: #fff;
    background: #f26c7a;
    box-shadow: 0px -2px #ee3d50 inset;
}
.btn.btn--pt1:focus,
.btn.btn--pt1:hover {
    background-color: #f47f8b;
}
.btn.btn--pt1.btn--toastr11 {
    box-shadow: 0px -4px #ee3d50 inset;
}
.btn.btn--pt2 {
    color: #fff;
    background: #f08f9b;
    box-shadow: 0px -2px #ea6273 inset;
}
.btn.btn--pt2:focus,
.btn.btn--pt2:hover {
    background-color: #f2a1ab;
}
.btn.btn--pt3 {
    color: #fff;
    background: #f97b0b;
    box-shadow: 0px -2px #cc6305 inset;
}
.btn.btn--pt3:focus,
.btn.btn--pt3:hover {
    background-color: #f9861f;
}
.btn.btn--pt4 {
    color: #fff;
    background: #666;
    box-shadow: 0px -2px #4d4d4d inset;
}
.btn.btn--pt4:focus,
.btn.btn--pt4:hover {
    background-color: #707070;
}
.btn.btn--pt5 {
    background: #8fd5ed;
    color: #fff;
    box-shadow: none;
}
.btn.btn--pt5.btn--toastr51 {
    background: #a1dcf0;
    box-shadow: 0px -4px #1f9ac4 inset;
}
.btn.btn--pt5.btn--toastr52 {
    background: #929292;
    box-shadow: 0px -4px #3c3c3c inset;
}
.btn.btn--pt6 {
    color: #fff;
    background: #ccc;
    box-shadow: 0px -2px #b3b3b3 inset;
    box-shadow: none;
}
.btn.btn--pt6:focus,
.btn.btn--pt6:hover {
    background-color: #d6d6d6;
}
.btn.btn--primary {
    color: #fff;
    background: #fb6341;
    box-shadow: 0px -2px #fa3a0f inset;
    box-shadow: none;
    height: 48px;
}
.btn.btn--primary:focus,
.btn.btn--primary:hover {
    background-color: #fb7355;
}
.btn.btn--facebook {
    color: #fff;
    background: #3b559a;
    box-shadow: 0px -2px #2d4175 inset;
    line-height: 1.4;
    height: auto;
    padding: 0.5em;
}
.btn.btn--facebook:focus,
.btn.btn--facebook:hover {
    background-color: #415da9;
}
.btn.btn--fb {
    color: #fff;
    background: #3b559a;
    box-shadow: 0px -2px #2d4175 inset;
}
.btn.btn--fb:focus,
.btn.btn--fb:hover {
    background-color: #415da9;
}
.btn.btn--twitter {
    color: #fff;
    background: #1da1f2;
    box-shadow: 0px -2px #0c85d0 inset;
    height: auto;
}
.btn.btn--twitter:focus,
.btn.btn--twitter:hover {
    background-color: #30a9f3;
}
.btn.btn--line {
    color: #fff;
    background: #00c300;
    box-shadow: 0px -2px #009000 inset;
    height: auto;
}
.btn.btn--line:focus,
.btn.btn--line:hover {
    background-color: #00d700;
}
.btn.btn--yahoojp {
    color: #fff;
    background: #ff0027;
    box-shadow: 0px -2px #cc001f inset;
    height: auto;
}
.btn.btn--yahoojp:focus,
.btn.btn--yahoojp:hover {
    background-color: #ff1438;
}
.btn.btn--kantan {
    position: relative;
}
.btn.btn--kantan:before {
    content: "";
    position: absolute;
    display: block;
    width: 58px;
    height: 46px;
    bottom: 2px;
    left: 5px;
    background-image: url("https://relax-job.com/images/user_frontend/pc/img_button_kantan.png");
    background-repeat: no-repeat;
    background-size: 58px;
}
.btn.btn--flat {
    box-shadow: none;
}
.btn.btn--bdr20 {
    border-radius: 20px;
}
.btn.btn--h_30 {
    height: 30px;
}
.btn.btn--text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn.btn--applying {
    background: #666;
    box-shadow: 0 -4px #333333 inset;
}
.btn.btn--social {
    height: 39px;
    padding: 0 1.2em;
    line-height: 2.8em;
}
.btn.btn--social:before {
    margin-right: 8px;
    font-family: "fontello";
}
.btn.btn--social.btn--line:before {
    margin-right: 6px;
    content: "\e849";
}
.btn.btn--social.connect {
    margin-top: 2px;
    height: 37px;
    box-shadow: none;
}
.btn.btn--social.connect.btn--line {
    background: rgba(0, 195, 0, 0.7);
}
.btn.btn--social.connect.btn--facebook {
    background: rgba(59, 85, 154, 0.7);
}
.btn.btn--social.connect.btn--yahoojp {
    background: rgba(255, 0, 39, 0.7);
}
.btn.btn--social.connect.btn--twitter {
    background: rgba(29, 161, 242, 0.7);
}
.btn {
    font-size: 100%;
    font-size: 14px;
    padding: 0 1.2em 0;
    color: #444;
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid #999;
    border: none rgba(0, 0, 0, 0);
    background-color: #e6e6e6;
    text-decoration: none;
    border-radius: 4px;
    height: 3em;
    line-height: 2.8em;
}
.btn_wrap {
    padding: 5px;
    margin: 15px;
    background-image: linear-gradient(-180deg, #fafafa 0%, #f3f2f2 100%);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}
.label {
    display: inline-block;
    padding: 0 1.6em;
    line-height: 2.4em;
    color: #888;
    white-space: nowrap;
    font-size: 10px;
}
.label.label--small {
    padding: 0 1em;
    line-height: 2em;
}
.label.label--large {
    padding: 0 1em;
    line-height: 3.2em;
}
.label.label--bdr20 {
    border-radius: 20px;
}
.label {
    background: #eee;
}
.label.label--pt1 {
    background: #eee;
    border: 1px solid #ccc;
}
.label.label--pt2 {
    background: #fff;
    border: 1px solid #ccc;
}
.label.label--pt3 {
    border: 1px solid #ff8d8d;
    background: #ff8d8d;
    color: #fff;
}
.label.label--pt4 {
    border: 1px solid #ff8d8d;
    background: #fff;
    color: #ff8d8d;
}
.label.label--pt5 {
    border: 1px solid #ff9d0a;
    background: #ff9d0a;
    color: #fff;
}
.label.label--pt6 {
    border: 1px solid #ff9d0a;
    background: #fff;
    color: #ff9d0a;
    background-color: rgba(255, 157, 10, 0.05);
}
.label.label--pt7 {
    background: #2482c3;
    color: #fff;
}
.label.label--pt8 {
    border: 1px solid #2482c3;
    background: #fff;
    color: #2482c3;
}
.label.label--pt9 {
    background: #2482c3;
    color: #58c250;
}
.label.label--pt10 {
    border: 1px solid #58c250;
    background: #fff;
    color: #58c250;
}
.label.label--pt11 {
    border: 1px solid #c9c9c9;
    background: #d6d6d6;
    color: #fff;
}
.label.label--pt12 {
    border: 1px solid #ff4c4c;
    background: #ff4c4c;
    color: #fff;
}
.label.label--optional {
    border: 1px solid #a3a3a3;
    background: #a3a3a3;
    color: #fff;
}
.label.label--new {
    background: #f00;
    color: #fff;
}
.label-area {
    display: inline-block;
    padding: 0 6px;
    line-height: 2em;
    color: #2482c3;
    border: 1px solid #2482c3;
    background-color: #dbebf7;
    white-space: nowrap;
    border-radius: 4px;
}
.label-area > a {
    margin-right: 3px;
}
.label-area > a:hover {
    text-decoration: none;
}
.label-sikaku {
    padding: 3px 10px 3px 4px;
    background-color: #f7f7f7;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    line-height: 1.8em;
    white-space: nowrap;
    margin-left: 8px;
}
.label__category {
    position: absolute;
    bottom: 4px;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 2px 5px;
    display: block;
    font-size: 10px;
    text-align: right;
}
.label__category a {
    color: #fff;
}
.label-mypage-info {
    font-size: 10px;
    padding: 5px 10px;
    color: #3a9bcb;
    background-color: #e6f3f8;
    display: block;
    margin-top: 5px;
}
.label__employment {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    background: #ff9d0a;
    color: #fff;
}
.label__search-job-box {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    padding: 0 20px;
    text-align: right;
}
.label__search-job-box [class^="appeal-label"] {
    border-radius: 0 0 3px 3px;
}
[class^="appeal-label"] {
    display: inline-block;
    white-space: nowrap;
    border-width: 1px;
    line-height: 1.2em;
    padding: 6px 12px;
    border-style: solid;
    color: #fff;
    box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
    margin-left: 2px;
    font-size: 12px;
    vertical-align: top;
}
.appeal-label--mew[class^="appeal-label"] {
    background-color: #ebdc4d;
    border: 1px solid #ebdc4d;
}
.appeal-label--pr[class^="appeal-label"] {
    background-color: #ed99a3;
    border: 1px solid #ed99a3;
}
.appeal-label--contents[class^="appeal-label"] {
    background-color: #eca3c2;
    border: 1px solid #eca3c2;
}
.appeal-label--near-end1[class^="appeal-label"] {
    background-color: #ff7878;
    border: 1px solid #ff7878;
}
.appeal-label--near-end2[class^="appeal-label"] {
    background-color: #ff4c4c;
    border: 1px solid #ff4c4c;
}
.appeal-label--almost-full[class^="appeal-label"] {
    background-color: #ff7878;
    border: 1px solid #ff7878;
}
.appeal-label--near-end1--modal_heading[class^="appeal-label"] {
    background-color: #fff;
    color: #ff7878;
    border: 1px solid #ff7878;
    box-shadow: none;
}
.appeal-label--near-end2--modal_heading[class^="appeal-label"] {
    background-color: #fff;
    color: #ff4c4c;
    border: 1px solid #ff4c4c;
    box-shadow: none;
}
.label-set--scout {
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    color: #fff;
}
.label-set--scout.label-set--scout__new {
    padding: 2px 4px;
    border: 1px solid #ef4242;
    background: #fff;
    color: #ef4242;
}
.label-set--scout.label-set--scout__decline {
    padding: 2px 4px;
    border: 1px solid #949494;
    background: #fff;
    color: #949494;
}
.label-set--scout.label-set--scout__recommend {
    background: #f08f9b;
}
.label-set--scout.label-set--scout__scout {
    background: #e7a200;
}
.icon-arrow,
.p-panel-body-list__item {
    position: relative;
    padding-left: 1.5em;
    font-family: "fontello";
}
.icon-arrow:before,
.p-panel-body-list__item:before {
    content: "\e842";
    position: absolute;
    left: 0;
    top: 0;
}
.icon-img:before {
    font-size: 80px;
    color: #ccc;
    line-height: 1em;
    margin-bottom: 10px;
}
.matching-support-login-btn-outer {
    margin-top: -48px;
    padding-bottom: 8px;
    text-align: right;
}
.matching-support-login-btn {
    width: 130px;
    height: 40px;
    line-height: 38px;
}
.badge {
    display: inline-block;
    padding: 0.4em 0.5em;
    border-radius: 14px;
    line-height: 1;
    background-color: #f08f9b;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.heading1-pt1 {
    font-size: 22px;
    margin: 30px 0;
    font-weight: normal;
}
.heading1-pt1.heading1-pt1--bold {
    font-weight: bold;
}
.heading1-pt1 > .heading1-pt1__sub {
    font-size: 12px;
}
.heading1-pt02 {
    text-align: center;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    margin: 30px 0;
    padding-bottom: 5px;
}
.heading2-pt1 {
    padding: 20px;
    color: #f08f9b;
    font-size: 16px;
    border-bottom: 1px solid #eee;
}
.heading2-pt2 {
    padding: 15px 20px;
    font-size: 16px;
    position: relative;
}
.heading2-pt2.heading2-pt2--border-bt {
    margin: -20px -20px 20px;
    border-bottom: 1px solid #eee;
}
.heading2-pt3 {
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold;
}
.heading2-pt3.heading2-pt3--bdb {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.heading2-pt4 {
    padding: 30px 0 15px;
    font-size: 16px;
    color: #f08f9b;
}
.heading2-pt6 {
    padding: 10px 5px;
    font-size: 16px;
    position: relative;
}
.heading3-pt1 {
    font-size: 14px;
    padding-bottom: 10px;
}
.heading3-pt2 {
    padding: 0.5em 0.8em;
    background: #eee;
}
.heading3-pt3 {
    background-color: #f26c7a;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    margin: 0 -20px 20px -20px;
}
.heading3-pt4 {
    border-left: 5px solid #f26c7a;
    font-size: 16px;
    padding-left: 5px;
}
.heading1-mypage-pt1 {
    font-size: 18px;
    margin-bottom: 30px;
}
.heading2-mypage {
    margin: 0 -20px 20px -20px;
    font-size: 16px;
    padding: 20px 15px;
    color: #f08f9b;
    border-bottom: 1px solid #eee;
}
.heading3-mypage {
    position: relative;
    padding: 10px;
    font-size: 14px;
    background: #fafafa;
}
.heading3-mypage > .heading3-mypage__sub {
    position: absolute;
    font-size: 12px;
    margin-top: -10px;
    top: 50%;
    right: 10px;
    color: #d6d6d6;
}
.heading4--bold {
    margin-top: 16px;
    font-weight: bold;
}
.search_count {
    font-size: 10px;
    color: #aaa;
    margin-left: 5px;
}
.list-dl-pt1.list-dl-pt1--dt-bold dt {
    font-weight: bold;
}
.list-dl-pt1.list-dl-pt1--dt-pt1 dt {
    padding: 0.5em 0.8em;
    background: #eee;
}
.list-dl-pt1.list-dl-pt1--dd-pt1 dd {
    margin-bottom: 1em;
}
.list-dl-pt1.list-dl-pt1--bl {
    border-left: 4px solid #aaa;
    padding-left: 10px;
}
.list-dl-pt3 dt {
    float: left;
    clear: both;
    padding: 0.1em 0 0.1em;
}
.list-dl-pt3 dd {
    padding: 0.1em 0 0.1em;
}
.list-dl-pt3.list-dl-pt3--bdb dd {
    margin-bottom: 0.8em;
    border-bottom: 1px dotted #ccc;
}
.list-dl-pt3.list-dl-pt3--dt-bold dt {
    font-weight: bold;
}
.list-dl-pt3.list-dl-pt3--dt4em dd {
    padding-left: 4em;
}
.list-dl-pt3.list-dl-pt3--dt5em dd {
    padding-left: 5em;
}
.list-dl-pt3.list-dl-pt3--dt9em dd {
    padding-left: 9em;
}
.list-dl-pt3.list-dl-pt3--dt10em dd {
    padding-left: 10em;
}
ul {
    list-style-position: inside;
}
ul.ul-list-none {
    list-style: none;
}
ul.ul--p_tb2 li {
    padding: 2px 0;
}
ul.ul--p_4 li {
    padding: 4px;
}
ul.list-ul--pt1 {
    border: 1px solid #ccc;
    list-style: none;
}
ul.list-ul--pt1 li {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}
ul.list-ul--pt1 li:last-child {
    border-bottom: none;
}
.ul-inline li {
    float: left;
    list-style: none;
}
.ul-inline.ul-inline--lr1 li {
    margin: 0 1px;
}
.ul-inline.ul-inline--mb_5-3 li {
    margin: 0 5px 3px 0;
}
.ul-inline.ul-inline--mb_5-5 li {
    margin: 0 5px 5px 0;
}
.ul-inline.ul-inline--mb_1e-3 li {
    margin: 0 1em 3px 0;
}
.ul-inline.ul-inline--mb_2e-3 li {
    margin: 0 2em 3px 0;
}
.ul-inline.ul-inline--mb_2-2 li {
    margin: 0 2px 2px 0;
}
.ul-inline.ul-inline--mb_5-10 li {
    margin: 0 5px 10px 0;
}
.ul-inline.ul-inline--mb_lr10 li {
    margin: 0 10px;
}
.ul-inline.ul-inline--p_5 li {
    padding: 0 5px 5px 0;
}
.ul-inline.ul-inline--mb_5 li {
    margin-bottom: 5px;
}
.ul-inline.ul-inline--m_5 li {
    margin: 5px 0;
}
.ul-inline.ul-inline--header-nav1 {
    float: right;
    font-size: 10px;
    margin-top: 24px;
}
.ul-inline.ul-inline--header-nav1 li a {
    box-sizing: border-box;
    color: #666;
    position: relative;
    display: block;
    border: 1px solid #ccc;
    border-radius: 16px;
    padding: 6px 10px 6px 20px;
}
.ul-inline.ul-inline--header-nav1 li a:hover,
.ul-inline.ul-inline--header-nav1 li a:active {
    border: 1px solid #666;
    background: #666;
    color: #fff;
    text-decoration: none;
}
.ul-inline.ul-inline--header-nav1 li a:after {
    position: absolute;
    font-family: fontello;
    font-size: 8px;
    margin-top: -7px;
    content: "\e80e";
    top: 50%;
    left: 10px;
}
.ul-inline.ul-inline--header-nav1 li:not(:last-child) {
    margin-right: 10px;
}
.ul-inline.ul-inline--header-nav2 {
    clear: both;
    font-size: 10px;
    line-height: 22px;
    margin: 5px 0 10px;
    float: right;
}
.ul-inline.ul-inline--header-nav2 li:not(:last-child) {
    margin-right: 32px;
}
.ul-inline.ul-inline--header-nav2 li a {
    color: #666;
}
.ul-inline.ul-inline--header-nav2 li a:active,
.ul-inline.ul-inline--header-nav2 li a:hover {
    color: #fd7085;
    text-decoration: none;
}
.ul-inline.ul-inline--header-bottom li {
    font-size: 14px;
    padding: 16px 27px 16px 0;
}
.ul-inline.ul-inline--header-bottom li:last-child {
    padding-right: 0;
}
.ul-inline.ul-inline--header-bottom li a {
    position: relative;
    display: block;
    padding: 0 0 0 10px;
    color: #333;
}
.ul-inline.ul-inline--header-bottom li a:before {
    position: absolute;
    font-family: "fontello";
    content: "\e80e";
    color: #ffc8d2;
    top: 0;
    left: 0;
}
.ul-inline.ul-inline--header-bottom li a:active,
.ul-inline.ul-inline--header-bottom li a:hover {
    color: #fd7085;
    text-decoration: none;
}
.ul-inline.ul-inline--header-bottom li a:active:before,
.ul-inline.ul-inline--header-bottom li a:hover:before {
    color: #fd7085;
}
.ul-inline.ul-inline--col2 li {
    width: 50%;
}
.ul-inline.ul-inline--col3 li {
    width: 33.3%;
}
.ul-inline.ul-inline--col4 li {
    width: 25%;
}
.ul-inline.ul-inline--col5 li {
    width: 20%;
}
.ul-inline.ul-inline--col6 li {
    width: 16.6666%;
}
.ul-inline.ul-inline--cut li:after {
    margin: 0 0.8em;
    color: #ccc;
    content: "|";
}
.ul-inline.ul-inline--cut li:last-child:after {
    content: none;
}
.ul-inline.ul-inline--cut-pt2 li:not(:last-child):after {
    margin: 0 0.6em 0 0.4em;
    color: #ccc;
    content: "/";
}
.ul-inline.ul-inline--cut2n > li:nth-child(2n):not(:last-child):after {
    margin: 0 0.8em;
    color: #ccc;
    content: "/";
}
.ul-inline.ul-inline--arrow li:before {
    font-family: "fontello";
    content: "\e842";
    margin-right: 8px;
    color: #eee;
}
.related-credential-expectation {
    overflow: hidden;
}
.related-credential-expectation > .ul-inline > li:before {
    margin: 0 0.6em 0 0.4em;
    color: #ccc;
    content: "/";
}
.related-credential-expectation > .ul-inline > li.will-wrap::before,
.related-credential-expectation > .ul-inline > li:first-child::before {
    content: none;
}
.modal-add-credentials .ul-inline li {
    float: none;
    display: inline-block;
}
.list-linkset-pt1 li {
    color: #ccc;
}
.js-notes_text {
    color: #888;
}
.ol-pt2 {
    padding-left: 2em;
}
.ol-pt2 > li {
    list-style-position: outside;
    margin-top: 8px;
}
.list-salon-pc {
    list-style-type: none;
}
.list_pt05 {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 18px;
}
.breadcrumb--pt1 {
    border-bottom: 1px solid #d6d6d6;
    font-size: 10px;
}
.breadcrumb--pt1 > li {
    display: inline-block;
}
.breadcrumb--pt1 > li + li:before {
    color: #d6d6d6;
    content: ">";
    padding: 0 5px;
}
.breadcrumb--pt1 > li > a,
.breadcrumb--pt1 > li > span {
    padding: 5px 3px;
    line-height: 3em;
}
.breadcrumb--pt1 > li > span {
    color: #aaa;
}
.step_chart {
    display: inline-block;
    background: #fff;
    font-size: 12px;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
}
.step_chart.step_chart__cols6 li {
    width: 16.66666%;
}
.step_chart.step_chart__cols5 li {
    width: 20%;
}
.step_chart.step_chart__cols3 li {
    width: 33.33333%;
}
.step_chart > li.step_chart__cols {
    display: inline-block;
    position: relative;
    float: left;
}
.step_chart > li.step_chart__cols a {
    text-decoration: none;
}
.step_chart > li.step_chart__cols a:hover {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
.step_chart > li.step_chart__cols:not(:last-child):before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 22px solid rgba(0, 0, 0, 0);
    border-left: 16px solid #fff;
    top: -3px;
    right: -41px;
    z-index: 4;
}
.step_chart > li.step_chart__cols:not(:last-child):after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 22px solid rgba(0, 0, 0, 0);
    border-left: 16px solid #ccc;
    top: -3px;
    right: -38px;
    z-index: 5;
}
.step_chart > li.step_chart__cols span.step_chart__cols__block {
    display: block;
    color: #fff;
    padding: 10px 30px;
    background: #cccccc;
}
.step_chart > li.step_chart__cols.active span.step_chart__cols__block {
    background: #ed7987;
}
.step_chart > li.step_chart__cols.active:not(:last-child):after {
    border-left: 16px solid #ed7987;
}
.step_chart .badge {
    position: absolute;
    top: -3px;
    margin-left: 10px;
}
.pagination--pt1 {
    display: inline-block;
    background: #fff;
    font-size: 12px;
}
.pagination--pt1 > li {
    display: inline;
}
.pagination--pt1 > li:first-child > a,
.pagination--pt1 > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination--pt1 > li:last-child > a,
.pagination--pt1 > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination--pt1 > li > a,
.pagination--pt1 > li > span {
    float: left;
    margin-left: -1px;
    padding: 6px 12px;
    border: 1px solid #ccc;
    position: relative;
    text-decoration: none;
    color: #666;
}
.pagination--pt1 > li > a.current,
.pagination--pt1 > li > span.current {
    background: #ccc;
    color: #fff;
}
.pagination--pt1 > li > a.disabled,
.pagination--pt1 > li > span.disabled {
    color: #d6d6d6;
}
.pagination--pt1 > li a:hover {
    background: #ccc;
    color: #fff;
}
.pagination--pt2 {
    font-size: 12px;
}
.pagination--pt2 > li {
    display: inline;
}
.pagination--pt2 > li a,
.pagination--pt2 > li span {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    color: #666;
}
.pagination--pt2 > li a.current,
.pagination--pt2 > li a a:hover,
.pagination--pt2 > li span.current,
.pagination--pt2 > li span a:hover {
    border-radius: 100%;
    background: #666;
    color: #fff;
}
.pagination--pt2 > li a.disabled,
.pagination--pt2 > li span.disabled {
    color: #d6d6d6;
}
#lean_overlay {
    position: fixed;
    z-index: 1001;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}
.popDiv_id {
    display: none;
    position: relative;
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    width: 840px;
}
.popDiv_id.popDiv_id-pt2 {
    padding: 0;
}
.modal_close {
    position: absolute;
    display: block;
    top: -12px;
    right: -6px;
    z-index: 2;
    padding: 2px;
}
.modal_close:hover {
    text-decoration: none;
}
.modal_close:after {
    font-family: "fontello";
    content: "\e845";
    font-size: 22px;
    color: #fff;
}
.modal_close.btn_black::after {
    color: #333;
}
.modal-content__main {
    max-height: 420px;
    overflow: scroll;
    position: relative;
    margin: 30px 0 0;
    padding: 0 30px;
}
.modal_heading2-pt1 {
    background-color: #f08f9b;
    text-align: center;
    padding: 15px 30px;
    color: #fff;
}
.modal_heading2-pt1.modal_heading2-pt1--simple-form {
    position: relative;
}
.modal_heading2-pt2 {
    text-align: center;
    padding: 10px 30px;
    color: #f08f9b;
    font-size: 20px;
}
.modal_heading2-pt3 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 5px;
}
.modal_heading3-pt1 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
}
.modal_header-bar {
    border-top: 10px solid #f08f9b;
    margin: 0 0 20px;
}
.modal_footer {
    padding: 15px;
    background: #eee;
    text-align: center;
}
.modal_footer h3 {
    font-size: 14px;
    font-weight: bold;
}
.modal_box01 {
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}
.modal_box02 {
    border-top: 1px solid #eee;
}
.area01 {
    width: 600px;
    padding: 30px;
    margin: 0 auto;
}
.modal_img-area-select {
    width: 100%;
    height: 300px;
    overflow-y: scroll;
}
.modal_img-thum {
    margin: 0 -4px 0;
}
.modal_img-thum li {
    position: relative;
    float: left;
    width: 20%;
    list-style: none;
    margin-bottom: 10px;
    padding: 4px;
}
.modal_img-thum li div {
    background: #eee;
    border: 2px solid #fff;
    margin-bottom: 15px;
    height: 79px;
    text-align: center;
}
.modal_img-thum li.active div {
    position: relative;
    border-color: #54a4f3;
}
.modal_img-thum li.active div:after {
    position: absolute;
    display: block;
    font-family: "fontello";
    content: "\e801";
    width: 20px;
    height: 20px;
    top: 0px;
    right: 0px;
    background-color: #54a4f3;
    color: #fff;
    text-align: center;
}
.agreement {
    background-color: #ccc;
}
.modal_img-area-up .modal_img-area-up__message {
    float: left;
    width: 80px;
    font-size: 12px;
}
.modal_img-area-up .modal_img-area-up__thum {
    float: left;
    width: 400px;
}
.modal_img-area-up .modal_img-area-up__thum li {
    float: left;
    list-style-type: none;
    width: 20%;
    padding-right: 5px;
}
.modal_img-area-up .modal_img-area-up__thum li img {
    width: 100%;
    border: 1px solid #ccc;
}
.modal_img-footer {
    background-color: #eee;
    overflow: hidden;
    padding: 10px 30px;
    margin: 30px 0 0;
}
.job_nav .job_nav__lists > .job_nav__list {
    display: inline-block;
    float: left;
    width: 16%;
    margin-right: 2px;
}
.job_nav .job_nav__lists > .job_nav__list > a,
.job_nav .job_nav__lists > .job_nav__list span {
    display: block;
    padding: 10px 0;
    background-color: #f08f9b;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
}
.job_nav.js--job_nav-fix {
    width: 100%;
    background: rgba(136, 136, 136, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    box-shadow: 0px 1px 6px #eee;
}
.job_nav.js--job_nav-fix .job_nav__inner {
    width: 980px;
    margin: 0 auto;
}
.job_nav.js--job_nav-fix .job_nav__lists > .job_nav__list {
    display: inline-block;
    float: left;
    width: 20%;
    margin-right: 0;
}
.job_nav.js--job_nav-fix .job_nav__lists > .job_nav__list > a,
.job_nav.js--job_nav-fix .job_nav__lists > .job_nav__list span {
    background: none;
}
.job_nav.js--job_nav-fix .job_nav__lists > .job_nav__list > a.active,
.job_nav.js--job_nav-fix .job_nav__lists > .job_nav__list span.active {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}
.job_title-h2,
.job_title-h3 {
    font-size: 18px;
    background: #eee;
    padding: 12px;
    margin: 36px 0 12px;
}
.job_scout_btn_wrap .btn {
    margin-top: 5px;
    font-size: 16px;
    line-height: 2.9em;
}
.job_scout_btn_wrap > .btn--pt3 {
    width: 100%;
}
.job_scout_btn_wrap > .btn_scout_decline {
    width: 32%;
    padding: 0;
    float: left;
}
.job_scout_btn_wrap .btn--keep,
.job_scout_btn_wrap .btn--keeped,
.job_scout_btn_wrap .js-scout-extendable {
    width: 65%;
    margin-left: 3%;
}
.job_scout_btn_wrap .btn--keeped {
    padding: 0;
}
.job_scout_btn_wrap > .js-scout-extendable {
    display: inline-block;
    margin-top: 5px;
}
.job_scout_btn_wrap > .js-scout-extendable > .btn {
    width: 100%;
    margin: 0;
}
.job_scout_btn_wrap > .scout_deadline_date {
    text-align: center;
}
.js-scout-extended.hidden {
    display: none;
}
.entry_complete {
    margin-bottom: 20px;
}
.entry_complete .entry_complete_message {
    font-size: 16px;
    text-align: center;
}
.entry_complete .box-pt1 {
    margin-top: 30px;
}
.entry_complete .box-pt1:nth-of-type(1) .row {
    margin-top: 16px;
}
.entry_complete .box-pt1 .heading2-pt2--border-bt:nth-of-type(n + 2) {
    margin-top: 0;
}
.entry_complete .box-pt1.profile {
    padding: 0;
}
.entry_complete .box-pt1.profile .c-btn,
.entry_complete .box-pt1.profile .p-friend-button,
.entry_complete .box-pt1.profile .p-matching-support-cassette__button,
.entry_complete .box-pt1.profile .p-mail-btn,
.entry_complete .box-pt1.profile .p-suggest-list__btn {
    width: 400px;
    margin: 16px auto;
}
.entry_complete .profile-description {
    margin-top: 12px;
    font-size: 10px;
    color: #575757;
}
.entry_complete .info-box--pt5 {
    margin-top: 30px;
}
.entry_complete .info-box--pt4 {
    text-align: center;
}
.entry_complete .info-box--pt4 > p:nth-of-type(1) {
    font-size: 16px;
    margin-bottom: 20px;
}
.entry_complete .info-box--pt4 > p:nth-of-type(2) {
    margin-bottom: 5px;
}
.entry-heading {
    padding: 78px 0 38px;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    color: #f72b85;
}
.entry-heading__login-btn {
    position: absolute;
    bottom: -24px;
    right: 0;
    width: 130px;
    height: 40px;
    line-height: 38px;
}
.entry-pr-textarea {
    height: 64px;
    vertical-align: middle;
}
.p-entry-btn.c-btn--primary-flat {
    width: 280px;
}
.p-entry_complete_heading {
    color: #222;
}
.scout_info_box {
    padding: 6px 15px;
    margin-bottom: 15px;
}
.scout_info_box .js-acBtn--pt01 {
    background-color: transparent;
}
.scout_info_box .js-acBtn--pt01::after {
    right: 0;
    margin-top: -12px;
}
.scout_info_box_content {
    display: none;
    padding-top: 6px;
}
.list-dl-scout dt,
.list-dl-scout dd {
    position: relative;
    padding-left: 20px;
}
.list-dl-scout dt > span,
.list-dl-scout dd > span {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
}
.list-dl-scout dt {
    font-weight: bold;
}
.list-dl-scout dd > span {
    color: #df7e8b;
}
.list-dl-scout dd + dt {
    margin-top: 10px;
}
.scout_info_box_contact {
    margin-top: 7px;
    padding-top: 7px;
    border-top: 2px dotted #333;
    text-align: center;
}
.mypage_scout_box {
    padding: 20px;
}
.mypage_scout_box .pagination--pt2 {
    padding-top: 20px;
}
.scout_count {
    font-size: 16px;
    font-weight: bold;
}
.scout_count .scout_count_num {
    margin-right: 2px;
    font-size: 21px;
    color: #f97b0b;
}
.scout_alert {
    color: #ef4242;
}
.scout_cassette {
    padding: 20px;
    border: 1px solid #eee;
    margin-top: 10px;
}
.scout_cassette > p {
    margin-top: 10px;
    text-align: center;
}
.scout_cassette + .scout_cassette {
    margin-top: 20px;
}
.scout_cassette_contents {
    display: table;
    width: 100%;
    margin-top: 5px;
}
.scout_cassette_contents_wrap {
    display: block;
}
.scout_cassette_contents_wrap:active,
.scout_cassette_contents_wrap:hover,
.scout_cassette_contents_wrap:focus {
    text-decoration: none;
}
.scout_cassette_contents_wrap:active .job-title,
.scout_cassette_contents_wrap:hover .job-title,
.scout_cassette_contents_wrap:focus .job-title {
    text-decoration: underline;
}
.scout_cassette_shop_name {
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
}
.scout_cassette_shop_name > label {
    cursor: pointer;
}
.scout_cassette_img,
.scout_cassette_summary_wrap {
    display: table-cell;
    vertical-align: top;
}
.scout_cassette_img {
    width: 265px;
}
.scout_cassette_img > img {
    width: 100%;
}
.scout_cassette_summary_wrap {
    width: auto;
    padding-left: 10px;
    color: #333;
}
.scout_cassette_summary {
    width: 100%;
}
.scout_cassette_summary > tbody > tr + tr {
    border-top: 1px dotted #ccc;
}
.scout_cassette_summary > tbody > tr > th {
    position: relative;
    width: 28px;
    height: 30px;
    background-color: #fff1f3;
}
.scout_cassette_summary > tbody > tr > th > i {
    display: block;
    color: #f63f71;
    font-size: 20px;
}
.scout_cassette_summary > tbody > tr > th > i.icon-suitcase {
    font-size: 16px;
}
.scout_cassette_summary > tbody > tr > th::before,
.scout_cassette_summary > tbody > tr > th::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    background: #fff;
}
.scout_cassette_summary > tbody > tr > th::before {
    top: 0;
}
.scout_cassette_summary > tbody > tr > th::after {
    bottom: 0;
}
.scout_cassette_summary > tbody > tr > td {
    overflow: hidden;
    padding: 2px 0 2px 3px;
}
.scout_cassette_summary > tbody > tr > td > p {
    overflow: hidden;
}
.scout_cassette_summary > tbody > tr:first-child > th::before {
    content: none;
}
.scout_cassette_summary > tbody > tr:first-child > th > i {
    margin-top: -3px;
}
.scout_cassette_summary > tbody > tr:first-child > td {
    padding-top: 0;
}
.scout_cassette_summary > tbody > tr:last-child > th::after {
    content: none;
}
.scout_cassette_summary > tbody > tr:last-child > th > i {
    margin-top: 3px;
}
.scout_cassette_summary > tbody > tr:last-child > td {
    padding-bottom: 0;
}
.scout_cassette_label_wrap .ul-inline {
    float: right;
}
.scout_cassette_label_wrap .ul-inline > li {
    margin-left: 4px;
}
.scout_cassette_txt {
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #227cba;
}
.scout_cassette_contents_wrap:visited .scout_cassette_txt,
.scout_cassette_txt.checked {
    color: #8238ad;
}
.scout_cassette_scout_with_shop {
    color: #ff6e3b;
    font-weight: bold;
}
.scout_deadline_date {
    color: #ff6e3b;
    font-weight: bold;
}
.scout_deadline_date > span {
    color: #ef4242;
    font-size: 18px;
}
.scout_cassette_button_wrap {
    margin-top: 5px;
    text-align: center;
}
.scout_cassette_button_wrap .p-mypage-btn--left {
    width: 160px;
}
.scout_cassette_button_wrap .p-mypage-btn--right {
    margin-left: 20px;
    width: 240px;
}
.scout_cassette_button_wrap .p-mypage-btn--single {
    width: 400px;
}
.scout_cassette_contents_wrap + .scout_cassette_button_wrap {
    margin-top: 10px;
}
.job_scout_btn_grid .btn {
    line-height: 2.9em;
}
.voice_cassette {
    position: relative;
    font-size: 14px;
}
.voice_cassette + .voice_cassette {
    margin-top: 24px;
    padding-top: 28px;
}
.voice_cassette + .voice_cassette::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    background-image: repeating-linear-gradient(-45deg, #fd79a1, #fd79a1 8px, #fdbdd0 8px, #fdbdd0 16px);
}
.voice_cassette > .heading3-pt4 {
    margin: 24px 0 12px;
    font-weight: bold;
}
.voice_cassette_day {
    float: right;
    font-size: 12px;
    color: #666;
}
.voice_cassette_profile {
    list-style-type: none;
    display: inline-block;
    margin-left: 10px;
}
.voice_cassette_star {
    color: #fbb03b;
}
.voice_cassette_star > i::before {
    margin: 0;
}
.user_voice_icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url("https://relax-job.com/images/user_frontend/sp/userVoice_icn_gender.png") no-repeat 0 0;
    background-size: 130px 60px;
    vertical-align: top;
}
.user_voice_icon.male {
    background: url("https://relax-job.com/images/user_frontend/sp/userVoice_icn_gender.png") no-repeat -70px 0;
    background-size: 130px 60px;
}
.user_voice_reason_list {
    list-style-type: none;
}
.user_voice_reason_list > li {
    position: relative;
    padding-left: 20px;
}
.user_voice_reason_list > li + li {
    margin-top: 3px;
}
.user_voice_reason_list > li::before {
    content: "\e801";
    position: absolute;
    top: 0;
    left: 1px;
    font-family: fontello;
    color: #5bc0c3;
}
.rating-star-pulldown,
.br-current-rating {
    display: none;
}
.br-theme-rj-rating-star {
    margin-top: 12px;
}
.br-theme-rj-rating-star .br-widget {
    width: 240px;
}
.br-theme-rj-rating-star .br-widget > a {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: bottom;
    font-size: 42px;
    color: #fbb03b;
}
.br-theme-rj-rating-star .br-widget > a:first-child {
    display: none;
}
.br-theme-rj-rating-star .br-widget > a:nth-child(n + 3) {
    margin-left: 10px;
}
.br-theme-rj-rating-star .br-widget > a:focus,
.br-theme-rj-rating-star .br-widget > a:hover {
    text-decoration: none;
}
.br-theme-rj-rating-star .br-widget > a:before {
    position: absolute;
    top: -10px;
    font-family: "fontello";
    content: "\e861";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.br-theme-rj-rating-star .br-widget > a.br-active::before,
.br-theme-rj-rating-star .br-widget > a.br-selected::before {
    content: "\e860";
}
.review_star_bottom {
    list-style: none;
    width: 240px;
    margin-top: 12px;
}
.review_star_bottom > li {
    width: 50%;
    float: left;
}
.review_star_bottom > li + li {
    text-align: right;
}
.js_user_voice_reason_textarea {
    display: none;
}
.js_user_voice_reason_textarea.show {
    display: block;
}
.job-list-breadcrumb {
    margin-top: 50px !important;
}
.mypage_decline-modal-outer {
    overflow-y: scroll;
    max-height: 80%;
    width: 840px;
}
.mypage_decline-modal {
    background-color: #fff;
    position: relative;
}
.mypage_decline-modal .modal_close {
    top: 8px;
    right: 15px;
}
.mypage_decline-modal-button {
    text-align: center;
}
.is-overflow-hidden {
    overflow: hidden;
}
[class*="client_lp__"] {
    position: relative;
}
[class*="client_lp__"] img {
    width: 100%;
}
.test_map {
    position: absolute;
    background: rgba(255, 0, 0, 0.42);
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list {
    background: #fff center center no-repeat;
}
@font-face {
    font-family: "slick";
    src: url(/fonts/slick.eot);
    src: url(/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/fonts/slick.woff) format("woff"), url(/fonts/slick.ttf) format("truetype"), url(/fonts/slick.svg#slick) format("svg");
    font-weight: normal;
    font-style: normal;
}
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
    font-family: "fontello";
    font-size: 20px;
    line-height: 1;
    color: #aaa;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: -25px;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}
.slick-prev:before {
    content: "";
}
[dir="rtl"] .slick-prev:before {
    content: "";
}
.slick-next {
    right: -25px;
}
[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}
.slick-next:before {
    content: "";
}
[dir="rtl"] .slick-next:before {
    content: "";
}
.slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "fontello";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}
.js-slick--regular-banner .boxset-pt1 {
    margin: 0 10px;
}
.js-slick--regular-banner div:focus {
    outline: none;
}
.js-slick--regular-banner .slick-prev,
.js-slick--regular-banner .slick-next {
    top: 50%;
    margin-top: -30px;
    background: rgba(204, 204, 204, 0.6);
    width: 60px;
    height: 60px;
    border-radius: 100%;
    z-index: 100;
}
.js-slick--regular-banner .slick-prev:hover,
.js-slick--regular-banner .slick-next:hover {
    background: #cccccc;
}
.js-slick--regular-banner .slick-prev.slick-disabled,
.js-slick--regular-banner .slick-next.slick-disabled {
    height: 0;
}
.js-slick--regular-banner .slick-prev {
    margin-left: -20px;
}
.js-slick--regular-banner .slick-next {
    margin-right: -20px;
}
.slick-slider {
    position: relative;
    overflow: hidden;
}
.slick-slider .slick-prev,
.slick-slider .slick-next {
    top: 50%;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: -20px;
    font-size: 23px;
    height: 40px;
    width: 30px;
    background: #eee;
    position: absolute;
    box-shadow: 0 0 2px #ccc;
}
.slick-slider .slick-prev {
    left: -4px;
}
.slick-slider .slick-next {
    right: -4px;
}
.slick-slider .slick-dots {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
}
.slick-slider .slick-dots li {
    display: inline-block;
    font-size: 8px;
    padding: 0 5px;
    color: #aaa;
}
.slick-slider .slick-dots li button {
    display: none;
}
.slick-slider .slick-dots li:before {
    content: "●";
}
.slick-slider .slick-dots li.slick-active:before {
    content: "◯";
}
#_job_detail_window {
    width: 60%;
    height: 400px;
    overflow: scroll;
    position: absolute;
    top: 50px;
    left: 20%;
    background-color: rgba(255, 255, 255, 0.9);
}
#_job_detail_window,
#_job_detail_window th,
#_job_detail_window td {
    border: #999 1px solid;
}
#_job_detail_window th,
#_job_detail_window td {
    padding: 10px;
}
#_job_detail_window th {
    width: 10em;
}
#_search_detail_window {
    width: 40%;
    height: 400px;
    overflow: scroll;
    position: absolute;
    top: 700px;
    left: 30%;
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.9);
}
#_search_detail_window tr:nth-child(9n + 1) {
    background-color: #ccc;
}
#_search_detail_window,
#_search_detail_window th,
#_search_detail_window td {
    border: #999 1px solid;
}
#_search_detail_window th,
#_search_detail_window td {
    padding: 10px;
}
#_search_detail_window th {
    width: 10em;
}
.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}
.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none;
}
.xdsoft_datetimepicker button {
    border: none !important;
}
.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.xdsoft_noselect::selection {
    background: transparent;
}
.xdsoft_noselect::-moz-selection {
    background: transparent;
}
.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none;
}
.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px;
}
.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center;
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}
.xdsoft_datetimepicker .xdsoft_label i {
    opacity: 0.5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
    border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label:hover > span {
    text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: -7px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right;
}
.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both;
}
.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #33aaff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
    background: #33aaff !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
}
.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important;
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important;
}
.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc;
}
.xdsoft_scrollbar > .xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px;
}
.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}
.xdsoft_scroller_box {
    position: relative;
}
.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
    border: 1px solid #333;
    background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #000;
    background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #000 !important;
    background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important;
}
.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
    background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
    font-family: "museo-sans", "Book Antiqua", sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
    background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
}
.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:hover span,
.xdsoft_datetimepicker .blue-gradient-button:focus span {
    color: #454551;
    background: -moz-linear-gradient(top, #f4f8fa 0%, #fff 73%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #fff));
    background: -webkit-linear-gradient(top, #f4f8fa 0%, #fff 73%);
    background: -o-linear-gradient(top, #f4f8fa 0%, #fff 73%);
    background: -ms-linear-gradient(top, #f4f8fa 0%, #fff 73%);
    background: linear-gradient(to bottom, #f4f8fa 0%, #fff 73%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
}
.slick-slider .slick-prev,
.slick-slider .slick-next {
    z-index: 1;
}
.js-slick--keyvisual > div + div {
    display: none;
}
.js-slick--keyvisual.slick-initialized > div + div {
    display: block;
}
.formError {
    z-index: 990;
}
.formError .formErrorContent {
    z-index: 991;
}
.formError .formErrorArrow {
    z-index: 996;
}
.ui-dialog .formError {
    z-index: 5000;
}
.ui-dialog .formError .formErrorContent {
    z-index: 5001;
}
.ui-dialog .formError .formErrorArrow {
    z-index: 5006;
}
.inputContainer {
    position: relative;
    float: left;
}
.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    text-align: left;
    opacity: 1 !important;
}
.formError.inline {
    display: inline-block !important;
}
.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none;
}
.formError .formErrorContent,
.form-date-error {
    line-height: 1.5;
    color: #fff;
    background: #ef4242;
    padding: 3px 8px;
    border-radius: 4px;
}
[class*="formExperienceError-"] {
    line-height: 1.5;
    color: #fff;
    background: #ef4242;
    padding: 3px 8px;
    border-radius: 4px;
}
.formCredentialError {
    line-height: 1.5;
    color: #fff;
    background: #ef4242;
    padding: 3px 8px;
    border-radius: 4px;
}
.form-validation-field-0formError .formErrorContent {
    position: relative;
    margin-top: -30px;
}
.form-validation-field-0formError .formErrorContent::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ef4242;
    bottom: -4px;
    left: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.greenPopup .formErrorContent {
    background: #33be40;
}
.blackPopup .formErrorContent {
    background: #393939;
    color: #fff;
}
.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative;
}
body[dir="rtl"] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0;
}
.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0px 0 0 12px;
    top: 2px;
}
.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    -o-box-shadow: 0 2px 3px #444;
    font-size: 0px;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
}
.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}
.greenPopup .formErrorArrow div {
    background: #33be40;
}
.blackPopup .formErrorArrow div {
    background: #393939;
    color: #fff;
}
.formError .formErrorArrow .line10 {
    width: 13px;
    border: none;
}
.formError .formErrorArrow .line9 {
    width: 11px;
    border: none;
}
.formError .formErrorArrow .line8 {
    width: 11px;
}
.formError .formErrorArrow .line7 {
    width: 9px;
}
.formError .formErrorArrow .line6 {
    width: 7px;
}
.formError .formErrorArrow .line5 {
    width: 5px;
}
.formError .formErrorArrow .line4 {
    width: 3px;
}
.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd;
}
.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
}
.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
}
@font-face {
    font-family: "fontello";
    src: url(/images/global/font/fontello.eot?62779593);
    src: url(/images/global/font/fontello.eot?62779593#iefix) format("embedded-opentype"), url(/images/global/font/fontello.woff2?62779593) format("woff2"), url(/images/global/font/fontello.woff?62779593) format("woff"),
        url(/images/global/font/fontello.ttf?62779593) format("truetype"), url(/images/global/font/fontello.svg?62779593#fontello) format("svg");
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-plus:before {
    content: "\e800";
}
.icon-check:before {
    content: "\e801";
}
.icon-download:before {
    content: "\e802";
}
.icon-print:before {
    content: "\e804";
}
.icon-location:before {
    content: "\e805";
}
.icon-left-open-mini:before {
    content: "\e809";
}
.icon-right-open-mini:before {
    content: "\e80a";
}
.icon-down-open-big:before {
    content: "\e80c";
}
.icon-left-open-big:before {
    content: "\e80d";
}
.icon-right-open-big:before {
    content: "\e80e";
}
.icon-up-open-big:before {
    content: "\e80f";
}
.icon-down-open-mini:before {
    content: "\e810";
}
.icon-cog:before {
    content: "\e811";
}
.icon-pencil:before {
    content: "\e814";
}
.icon-home:before {
    content: "\e815";
}
.icon-minus:before {
    content: "\e816";
}
.icon-cancel:before {
    content: "\e817";
}
.icon-paper-plane:before {
    content: "\e818";
}
.icon-monitor:before {
    content: "\e81c";
}
.icon-mobile:before {
    content: "\e81e";
}
.icon-phone:before {
    content: "\e81f";
}
.icon-help:before {
    content: "\e821";
}
.icon-chat:before {
    content: "\e822";
}
.icon-suitcase:before {
    content: "\e823";
}
.icon-search:before {
    content: "\e824";
}
.icon-lock:before {
    content: "\e826";
}
.icon-logout:before {
    content: "\e82a";
}
.icon-folder:before {
    content: "\e82b";
}
.icon-megaphone:before {
    content: "\e82d";
}
.icon-attach:before {
    content: "\e82f";
}
.icon-help-circled:before {
    content: "\e831";
}
.icon-doc-text:before {
    content: "\e833";
}
.icon-yen:before {
    content: "\e834";
}
.icon-arrow-combo:before {
    content: "\e836";
}
.icon-menu:before {
    content: "\e839";
}
.icon-down-dir:before {
    content: "\e83a";
}
.icon-scout:before {
    content: "\e83b";
}
.icon-user-1:before {
    content: "\e83e";
}
.icon-users:before {
    content: "\e83f";
}
.icon-user-add:before {
    content: "\e840";
}
.icon-right-dir:before {
    content: "\e842";
}
.icon-up-dir:before {
    content: "\e843";
}
.icon-archive:before {
    content: "\e844";
}
.icon-cancel-circled:before {
    content: "\e845";
}
.icon-clock:before {
    content: "\e846";
}
.icon-alert:before {
    content: "\e847";
}
.icon-attention:before {
    content: "\e848";
}
.icon-line:before {
    content: "\e849";
}
.icon-cancel-2:before {
    content: "\e84a";
}
.icon-lamp:before {
    content: "\e84b";
}
.icon-registration:before {
    content: "\e84d";
}
.icon-info-circled:before {
    content: "\e852";
}
.icon-right-circle:before {
    content: "\e854";
}
.icon-ok-circled:before {
    content: "\e855";
}
.icon-star:before {
    content: "\e860";
}
.icon-star-empty:before {
    content: "\e861";
}
.icon-crown:before {
    content: "\e862";
}
.icon-kengaku:before {
    content: "\e865";
}
.icon-search-1:before {
    content: "\e866";
}
.icon-clock-1:before {
    content: "\e867";
}
.icon-upload-1:before {
    content: "\e868";
}
.icon-picture-light:before {
    content: "\e869";
}
.icon-trash-empty:before {
    content: "\e86a";
}
.icon-plus-1:before {
    content: "\e86b";
}
.icon-login-1:before {
    content: "\e86d";
}
.icon-eye-off:before {
    content: "\e871";
}
.icon-eye-on:before {
    content: "\e872";
}
.icon-message:before {
    content: "\e873";
}
.icon-calendar:before {
    content: "\e874";
}
.icon-save:before {
    content: "\e875";
}
.icon-eye:before {
    content: "\e876";
}
.icon-right-to-bracket:before {
    content: "\e877";
}
.icon-sort:before {
    content: "\e878";
}
.icon-control:before {
    content: "\e879";
}
.icon-calendar_check:before {
    content: "\e87a";
}
.icon-picture:before {
    content: "\e87b";
}
.icon-shop:before {
    content: "\e87c";
}
.icon-care-consumer:before {
    content: "\e87d";
}
.icon-human:before {
    content: "\e87e";
}
.icon-job:before {
    content: "\e87f";
}
.icon-fire:before {
    content: "\e882";
}
.icon-file-lines:before {
    content: "\e886";
}
.icon-download-2:before {
    content: "\e8db";
}
.icon-paperclip:before {
    content: "\e8ec";
}
.icon-copy:before {
    content: "\e900";
}
.icon-flag:before {
    content: "\e904";
}
.icon-building:before {
    content: "\e905";
}
.icon-link-ext:before {
    content: "\f08e";
}
.icon-bookmark-empty:before {
    content: "\f097";
}
.icon-smile:before {
    content: "\f118";
}
.icon-star-half-alt:before {
    content: "\f123";
}
.icon-thumbs-up-alt:before {
    content: "\f164";
}
.icon-history:before {
    content: "\f1da";
}
.icon-user-circle:before {
    content: "\f2bd";
}
html,
body {
    min-height: 100%;
}
@media screen and (min-width: 980px) {
    html,
    body {
        min-height: 0;
    }
}
html.html--v3 {
    font-size: 10px;
}
html.html--v3-responsive {
    min-width: auto;
}
body.body--v3 {
    color: #666;
    background-color: #faf9f5;
}
body.body--v3 .l-main-container {
    font-size: 14px;
}
body.body--v3 img {
    max-width: 100%;
    vertical-align: bottom;
}
body.body--v3 li {
    list-style-type: none;
}
body.background-light-grey {
    background-color: #f7f7f7;
    color: #333;
}
@media screen and (min-width: 768px) {
    body.background-light-grey {
        background-color: #fff;
    }
}
body.background-white {
    color: #333;
    background-color: #fff;
}
.l-main-container {
    width: 100%;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .l-main-container {
        max-width: 1000px;
    }
}
.l-main-container--has-padding-top {
    padding-top: 30px;
}
.l-main-container--has-padding-bottom {
    padding-bottom: 36px;
}
.l-main-container--job {
    padding-bottom: 16px;
}
@media screen and (min-width: 768px) {
    .l-main-container--job {
        padding-bottom: 0;
    }
}
.l-container {
    width: 100%;
    margin: 0 auto;
}
.l-container--has-padding {
    padding: 0 10px;
}
.l-landing-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px;
}
.l-login-container {
    max-width: 375px;
    margin: 0 auto;
    padding: 40px 24px 70px;
}
@media screen and (min-width: 768px) {
    .l-login-container {
        padding-top: 60px;
        padding-bottom: 16px;
    }
}
.l-newinquiry-header {
    background-color: #fff;
    padding: 0;
    height: auto;
    border: none;
}
@media (min-width: 1024px) {
    .l-newinquiry-header {
        width: 100%;
        padding-right: 25vw;
        box-sizing: border-box;
    }
}
@media (min-width: 1366px) {
    .l-newinquiry-header {
        padding-right: 28vw;
    }
}
.l-newinquiry-main {
    background-color: #fff;
    font-size: 1.5rem;
    color: #232323;
}
@media (min-width: 1024px) {
    .l-newinquiry-main {
        width: 100%;
        padding-right: 25vw;
        box-sizing: border-box;
    }
}
@media (min-width: 1366px) {
    .l-newinquiry-main {
        padding-right: 28vw;
    }
}
.l-newinquiry-main__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.l-newinquiry-footer {
    position: relative;
    z-index: 10;
    background-color: #ee8290;
    color: #fff;
}
.l-newinquiry-footer__inner {
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
    padding: 14px;
}
@media (min-width: 768px) {
    .l-newinquiry-footer__inner {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 22px 2vw;
    }
}
@media (min-width: 1366px) {
    .l-newinquiry-footer__inner {
        padding: 22px 3.1vw;
    }
}
.l-landing-scout-content,
.p-landing-scout-form-outer,
.p-landing-scout-step-chart,
.p-landing-scout-casset-list-outer,
.p-landing-scout-main-visual-outer,
.p-landing-scout-introduction__inner,
.p-landing-scout-breadcrumb__inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px;
}
.l-flexbox-gap8 {
    display: flex;
    gap: 8px;
}
.c-box--pt1 {
    padding: 16px 8px;
    border-radius: 2px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 768px) {
    .c-box--pt1 {
        padding: 24px;
    }
}
.c-info-box {
    padding: 24px 16px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .c-info-box {
        text-align: center;
    }
}
.c-info-box__heading {
    font-size: 1.6rem;
    font-weight: bold;
    color: #ee828f;
}
.c-guidance-box--yellow {
    padding: 12px;
    border-radius: 8px;
    color: #222;
    font-size: 12px;
    line-height: 1.5;
}
.c-guidance-box--yellow {
    background-color: #fefdf4;
}
.c-btn,
.p-friend-button,
.p-matching-support-cassette__button,
.p-mail-btn,
.p-suggest-list__btn,
.c-btn--close-flat,
.c-btn--disabled-flat,
.c-btn--line-flat,
.c-btn--tertiary-flat,
.c-btn--line-white-flat,
.c-btn--secondary-flat,
.c-btn--primary-flat {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #333;
    background-color: #eee;
    text-align: center;
    border: none;
    border-radius: 4px;
}
@media screen and (min-width: 768px) {
    .c-btn:hover,
    .p-friend-button:hover,
    .p-matching-support-cassette__button:hover,
    .p-mail-btn:hover,
    .p-suggest-list__btn:hover,
    .c-btn:focus,
    .p-friend-button:focus,
    .p-matching-support-cassette__button:focus,
    .p-mail-btn:focus,
    .p-suggest-list__btn:focus,
    .c-btn--close-flat:hover,
    .c-btn--disabled-flat:hover,
    .c-btn--line-flat:hover,
    .c-btn--tertiary-flat:hover,
    .c-btn--line-white-flat:hover,
    .c-btn--secondary-flat:hover,
    .c-btn--primary-flat:hover,
    .c-btn--close-flat:focus,
    .c-btn--disabled-flat:focus,
    .c-btn--line-flat:focus,
    .c-btn--tertiary-flat:focus,
    .c-btn--line-white-flat:focus,
    .c-btn--secondary-flat:focus,
    .c-btn--primary-flat:focus {
        opacity: 0.8;
    }
}
.c-btn:hover,
.p-friend-button:hover,
.p-matching-support-cassette__button:hover,
.p-mail-btn:hover,
.p-suggest-list__btn:hover,
.c-btn:focus,
.p-friend-button:focus,
.p-matching-support-cassette__button:focus,
.p-mail-btn:focus,
.p-suggest-list__btn:focus,
.c-btn:active,
.p-friend-button:active,
.p-matching-support-cassette__button:active,
.p-mail-btn:active,
.p-suggest-list__btn:active,
.c-btn--close-flat:hover,
.c-btn--disabled-flat:hover,
.c-btn--line-flat:hover,
.c-btn--tertiary-flat:hover,
.c-btn--line-white-flat:hover,
.c-btn--secondary-flat:hover,
.c-btn--primary-flat:hover,
.c-btn--close-flat:focus,
.c-btn--disabled-flat:focus,
.c-btn--line-flat:focus,
.c-btn--tertiary-flat:focus,
.c-btn--line-white-flat:focus,
.c-btn--secondary-flat:focus,
.c-btn--primary-flat:focus,
.c-btn--close-flat:active,
.c-btn--disabled-flat:active,
.c-btn--line-flat:active,
.c-btn--tertiary-flat:active,
.c-btn--line-white-flat:active,
.c-btn--secondary-flat:active,
.c-btn--primary-flat:active {
    text-decoration: none;
}
.c-btn,
.p-friend-button,
.p-matching-support-cassette__button,
.p-mail-btn,
.p-suggest-list__btn {
    padding: 0 5px;
    line-height: 1;
}
.c-btn--close-flat,
.c-btn--disabled-flat,
.c-btn--line-flat,
.c-btn--tertiary-flat,
.c-btn--line-white-flat,
.c-btn--secondary-flat,
.c-btn--primary-flat {
    height: 48px;
    font-size: 16px;
    font-weight: bold;
    box-shadow: none;
}
.c-btn--new {
    align-items: center;
    position: relative;
    justify-content: center;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    line-height: 1;
    box-shadow: none;
    border: none;
    display: flex;
}
@media screen and (min-width: 768px) {
    .c-btn--new:hover,
    .c-btn--new:focus {
        opacity: 0.8;
    }
    .c-btn--new:hover,
    .c-btn--new:focus,
    .c-btn--new:active {
        text-decoration: none;
    }
}
button.c-btn,
button.p-friend-button,
button.p-matching-support-cassette__button,
button.p-mail-btn,
button.p-suggest-list__btn,
input.c-btn,
input.p-friend-button,
input.p-matching-support-cassette__button,
input.p-mail-btn,
input.p-suggest-list__btn {
    display: block;
}
.c-btn--shadow {
    box-shadow: 0 -2px #a8a8a8 inset;
    line-height: 1;
}
.c-btn--primary {
    position: relative;
    color: #fff;
    background-color: #f97b0b;
    box-shadow: 0 -2px #cc6305 inset;
    border: 1px solid #f97b0b;
}
.c-btn--primary.c-btn--primary--entry {
    background-color: #fb6341;
    box-shadow: 0 -2px #c6523e inset;
}
@media screen and (min-width: 768px) {
    .c-btn--primary.c-btn--primary--entry:before {
        content: "";
        position: absolute;
        left: 5px;
        display: block;
        width: 58px;
        height: 46px;
        bottom: 2px;
        background: url(/images/user_frontend/pc/img_button_kantan.png) no-repeat;
        background-size: 58px;
    }
}
@media screen and (min-width: 768px) {
    .c-btn--primary.c-btn--primary--entry .icon-mobile {
        display: none;
    }
}
.c-btn--deep-primary {
    color: #fff;
    background-color: #ff6e40;
    box-shadow: 0 3px 0 0 #c6523e;
}
.c-btn--tel {
    color: #fff;
    background-color: #88c01d;
    box-shadow: 0 -2px #699416 inset;
    border: 1px solid #88c01d;
}
.c-btn--keep {
    color: #ff99a5;
    background-color: #fff;
    box-shadow: 0 -2px #f67b8a inset;
    border: 1px solid #ff99a5;
}
.c-btn--keep.is-keeped {
    color: #ccc;
    background-color: #efefef;
    border: none;
    box-shadow: none;
}
.c-btn--detail {
    color: #fff;
    background: #ccc;
    box-shadow: 0 -2px #a8a8a8 inset;
    border: 1px solid #ccc;
}
.c-btn--decline {
    background: #e6e6e6;
    box-shadow: 0 -2px #ccc inset;
    border: 1px solid #e6e6e6;
}
.c-btn--search,
.p-scout-off-user-modal__submit,
.c-btn--registration {
    color: #fff;
    background-color: #fb6341;
    height: 48px;
    font-size: 16px;
}
.c-btn--facebook {
    color: #fff;
    background-color: #3b559a;
    box-shadow: 0px -2px #2d4175 inset;
    border: 1px solid #3b559a;
}
.c-btn-oiwai-image {
    content: "";
    display: block;
    width: 44px;
    height: 35px;
    background-image: url(/images/user_frontend/sp/img_button_kantan.png);
    background-repeat: no-repeat;
    background-size: 44px;
    overflow: hidden;
    margin-top: 2px;
    margin-right: 4px;
}
@media screen and (min-width: 768px) {
    .c-btn-oiwai-image {
        width: 56px;
        height: 45px;
        background-size: contain;
    }
}
.c-btn--kengaku {
    color: #fff;
    background-color: #f08f9b;
    box-shadow: 0px -2px #ea6273 inset;
    border: 1px solid #f08f9b;
}
.c-btn--line {
    box-shadow: 0px -4px #00880f inset;
    background-color: #00ab2e;
    color: #fff;
}
.c-btn--job-map {
    width: 100%;
    height: 46px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    color: #575757;
    font-size: 1.4rem;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .c-btn--job-map:hover,
    .c-btn--job-map:focus {
        background-color: rgba(15, 113, 210, 0.2);
    }
}
.c-btn--ghost {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    color: #575757;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}
@media screen and (min-width: 768px) {
    .c-btn--ghost:hover,
    .c-btn--ghost:focus {
        background-color: rgba(15, 113, 210, 0.2);
    }
}
.c-btn--ghost-icon {
    width: 8px;
    height: 18px;
    margin-right: 8px;
}
.c-btn--mypage {
    box-shadow: 0px -4px #ee3d50 inset;
    background-color: #f26c7a;
    color: #fff;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .c-btn--mypage {
        box-shadow: 0px -2px #ee3d50 inset;
    }
}
.c-btn--pc-mypage-small,
.c-btn--pc-mypage-gray {
    height: 30px !important;
}
.c-btn--disable {
    color: #ccc;
}
.c-btn--disable:focus {
    outline: none;
}
.c-btn--disable:hover {
    opacity: 1;
}
.c-btn--pc-mypage-gray {
    color: #fff;
    background-color: #ccc;
}
.c-btn--primary-flat {
    color: #fff;
    background: #f72b85;
}
@media screen and (min-width: 768px) {
    .c-btn--primary-flat:hover {
        background: rgba(251, 99, 65, 0.8);
        opacity: 0.8;
        border-color: #fff;
        box-shadow: 0px 0px 8px #fb6341, inset 0px 0px 1px #fb6341;
    }
}
.c-btn--secondary-flat {
    color: #fb6341;
    background: #fff;
    border: solid 1px #fb6341;
}
@media screen and (min-width: 768px) {
    .c-btn--secondary-flat:hover {
        background: rgba(251, 99, 65, 0.2);
        border-color: #fff;
        box-shadow: 0px 0px 8px #fb6341, inset 0px 0px 1px #fb6341;
    }
}
.c-btn--secondary-flat.is-keeped {
    color: #575757;
    background: #fff;
    border: solid 1px #d9d9d9;
}
@media screen and (min-width: 768px) {
    .c-btn--secondary-flat.is-keeped:hover {
        opacity: 0.8;
        border-color: #fff;
        box-shadow: 0px 0px 8px #d9d9d9, inset 0px 0px 1px #d9d9d9;
    }
}
.c-btn--tertiary-flat,
.c-btn--line-white-flat {
    padding: 4px 0 3px;
    color: #575757;
    background: #fff;
    border: solid 1px #d9d9d9;
}
@media screen and (min-width: 768px) {
    .c-btn--tertiary-flat:hover,
    .c-btn--line-white-flat:hover {
        opacity: 0.8;
        border-color: #fff;
        box-shadow: 0px 0px 8px #d9d9d9, inset 0px 0px 1px #d9d9d9;
    }
}
.c-btn--tertiary-flat,
.c-btn--line-white-flat {
    color: #575757;
    background: #fff;
    border: solid 1px #d9d9d9;
}
.c-btn--line-flat {
    background-color: #06c755;
    color: #fff;
}
.c-btn--line-flat:hover {
    border: 1px solid #fff;
    box-shadow: 0 0 8px 0 #06c755;
}
.c-btn--line-flat i {
    font-weight: normal;
    font-size: 24px;
    margin-right: 12px;
}
.c-btn--line-white-flat:hover {
    border: 1px solid #d9d9d9;
    box-shadow: 0 0 8px 0 #06c755;
}
.c-btn--disabled-flat {
    color: #949494;
    background-color: #f9f9f9;
    border: none;
    pointer-events: none;
    font-weight: normal;
}
.c-btn--close-flat {
    background: #fff;
}
.c-btn--rounded-corner {
    border-radius: 100px;
}
.c-btn--middle {
    font-size: 14px;
    height: 30px;
}
.c-btn--multiple-line {
    line-height: 1.2;
}
.c-btn--with-icn .c-icn {
    margin-right: 8px;
}
.c-btn--small {
    height: 32px;
    font-size: 12px;
}
.c-btn--max-328 {
    max-width: 328px;
}
.c-btn--max-400 {
    max-width: 400px;
}
.c-breadcrumb {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    background-color: #eee;
    color: #666;
}
@media screen and (min-width: 768px) {
    .c-breadcrumb {
        margin-top: 50px;
    }
    .c-breadcrumb.c-breadcrumb--no-margin {
        margin-top: 0;
    }
}
.mobile-app .c-breadcrumb {
    display: none !important;
}
.pagination--pt3 + .c-breadcrumb {
    margin-top: 50px;
}
.c-breadcrumb-container {
    padding: 8px 0;
    min-width: max-content;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .c-breadcrumb-container {
        min-width: auto;
    }
}
.c-breadcrumb__list {
    display: block;
    font-size: 10px;
    line-height: 1.6;
    padding: 0 10px;
}
.c-breadcrumb__list > li {
    display: inline;
}
.c-breadcrumb__list > li:not(:first-child):before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 8px;
    margin: 0 5px;
    background-image: url("https://relax-job.com/images/user_frontend/global/icn_arrow_right_gray.svg");
    background-size: contain;
}
.c-breadcrumb__list > li > * {
    display: inline;
    padding: 0 3px;
}
.c-breadcrumb__single {
    max-width: 1000px;
    font-size: 1rem;
    line-height: 1;
    margin: 0 auto;
    padding: 8px 10px;
}
.c-flash-message--notice,
.c-flash-message--info,
.c-flash-message--danger,
.c-flash-message--alert,
.c-flash-message--success {
    min-width: 328px;
    max-width: 1000px;
    padding: 12px 8px 12px 16px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    width: 100%;
}
.c-flash-message--notice .c-flash-message-icn,
.c-flash-message--info .c-flash-message-icn,
.c-flash-message--danger .c-flash-message-icn,
.c-flash-message--alert .c-flash-message-icn,
.c-flash-message--success .c-flash-message-icn {
    font-size: 16px;
}
.c-flash-message--notice:hover,
.c-flash-message--info:hover,
.c-flash-message--danger:hover,
.c-flash-message--alert:hover,
.c-flash-message--success:hover {
    opacity: 0.8;
}
.c-flash-message--success {
    background-color: #0f71d2;
}
.c-flash-message--danger,
.c-flash-message--alert {
    background-color: #cc2d2d;
}
.c-flash-message--notice,
.c-flash-message--info {
    background-color: #fff;
    border: 1px solid #0f71d2;
    color: #0f71d2;
}
.c-flash-message--notice a,
.c-flash-message--info a {
    text-decoration: underline;
}
.c-flash-message-contents {
    display: flex;
    align-items: center;
    gap: 6px;
}
.c-flash-message-close {
    margin-left: auto;
    margin-right: 4px;
    font-size: 10px;
    display: inline-flex;
    align-items: center;
}
.c-input,
input.c-input:not([type="submit"]),
input.c-input[type="password"],
input.c-input[type="search"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 44px;
    padding: 6px;
    border: 1px solid #bbb;
    border-radius: 2px;
    box-shadow: none;
    background: #fff;
    font-size: 14px;
}
.c-input::placeholder,
.c-input::-webkit-input-placeholder,
input.c-input:not([type="submit"])::placeholder,
input.c-input:not([type="submit"])::-webkit-input-placeholder,
input.c-input[type="password"]::placeholder,
input.c-input[type="password"]::-webkit-input-placeholder,
input.c-input[type="search"]::placeholder,
input.c-input[type="search"]::-webkit-input-placeholder {
    color: #ccc;
}
.c-input-text,
input.c-input-text:not([type="submit"]),
input.c-input-text[type="password"],
input.c-input-text[type="search"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 46px;
    padding: 0 8px;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: none;
    background-color: #fff;
    font-size: 14px;
    outline: none;
    transition: border-color 0.1s, box-shadow 0.1s;
}
.c-input-text::placeholder,
input.c-input-text:not([type="submit"])::placeholder,
input.c-input-text[type="password"]::placeholder,
input.c-input-text[type="search"]::placeholder {
    color: #949494;
}
.c-input-text:focus,
input.c-input-text:not([type="submit"]):focus,
input.c-input-text[type="password"]:focus,
input.c-input-text[type="search"]:focus {
    border-color: #0f71d2;
    box-shadow: 0px 0px 8px #0f71d2, inset 0px 0px 1px #0f71d2;
}
.c-select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 44px;
    padding: 0 6px;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-shadow: none;
    font-size: 14px;
}
.c-select.is-blank {
    color: #ccc;
}
.c-select {
    background-image: url("https://relax-job.com/images/user_frontend/global/common_icn_select.png");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 9px;
}
.c-select option {
    color: #333;
}
.c-select.is-default-disabled {
    background-image: none;
    border: none;
    pointer-events: none;
    padding: 0;
}
.c-input-select {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 46px;
    padding: 0 8px;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: none;
    background-image: url("https://relax-job.com/images/user_frontend/global/icon/icn_arrow_down.svg");
    background-repeat: no-repeat;
    background-position: right calc(4px + 2%) top 50%;
    background-size: 12px;
    background-color: #fff;
    font-size: 14px;
    color: #333;
    outline: none;
    transition: border-color 0.1s, box-shadow 0.1s;
}
.c-input-select:focus {
    border-color: #0f71d2;
    box-shadow: 0px 0px 8px #0f71d2, inset 0px 0px 1px #0f71d2;
}
.c-input-select.is-blank {
    color: #949494;
}
.c-input-radio,
input.c-input-radio[type="radio"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    position: relative;
    border: 1px solid #bbb;
    border-radius: 50%;
    background-color: #eee;
    vertical-align: middle;
    margin: 0;
}
.c-input-radio:checked,
input.c-input-radio[type="radio"]:checked {
    border: 2px solid #f66285;
    background-color: #fff;
}
.c-input-radio:checked::before,
input.c-input-radio[type="radio"]:checked::before {
    position: absolute;
    left: 2px;
    top: 2px;
    display: block;
    border-radius: 100%;
    content: "";
    width: 16px;
    height: 16px;
    background: #f66285;
}
.c-input-radio:focus,
input.c-input-radio[type="radio"]:focus {
    box-shadow: none;
}
.c-input-radio--defaultcheck {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 24px !important;
    height: 24px;
    position: relative;
    border: 1px solid #bbb;
    border-radius: 50%;
    background-color: #eee;
    vertical-align: middle;
    margin: 0;
    border: 2px solid #f66285 !important;
    background-color: #fff;
}
.c-input-radio--defaultcheck::before {
    position: absolute;
    left: 2px;
    top: 2px;
    display: block;
    border-radius: 100%;
    content: "";
    width: 16px;
    height: 16px;
    background: #f66285;
}
.c-input-radio--defaultcheck__parents {
    pointer-events: none;
}
.c-input-radio-flat {
    display: none;
}
.c-input-radio-flat-txt {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 44px;
    padding: 0 5px 0 24px;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-shadow: none;
    background-color: #fff;
    color: #aaa;
    font-size: 1.4rem;
    line-height: 1.25;
}
.c-input-radio-flat-txt::before {
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    content: "\e801";
    font-size: 16px;
    font-family: "fontello";
    color: #ccc;
}
.c-input-radio-flat:checked + .c-input-radio-flat-txt {
    border: none;
    background-color: #f66285;
    color: #fff;
}
.c-input-radio-flat:checked + .c-input-radio-flat-txt::before {
    left: 7px;
    color: #fff;
}
.c-input-radio-flat-txt--small {
    font-size: 1.3rem;
}
.c-input-radio-flat-circle {
    display: none;
}
.c-input-radio-flat-txt-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    border-radius: 22px;
    background-color: #f2f2f2;
    font-size: 1.4rem;
    transition: opacity 0.2s;
}
.c-input-radio-flat-circle:checked + .c-input-radio-flat-txt-circle {
    background-color: #f96075;
    color: white;
    font-weight: bold;
}
.c-input-radio-flat-txt-circle--small {
    font-size: 1.3rem;
}
.c-input-checkbox,
input.c-input-checkbox[type="checkbox"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 24px;
    height: 24px;
    margin: 0;
    border-radius: 2px;
    background-color: #fff;
    vertical-align: middle;
    cursor: pointer;
}
.c-input-checkbox:focus,
input.c-input-checkbox[type="checkbox"]:focus {
    box-shadow: none;
}
.c-input-checkbox:checked,
input.c-input-checkbox[type="checkbox"]:checked {
    border: none;
    background-color: #f96075;
    color: #fff;
}
.c-input-checkbox:checked::before,
input.c-input-checkbox[type="checkbox"]:checked::before {
    display: block;
    position: absolute;
    content: "";
    left: 13%;
    top: 67%;
    width: 36%;
    background-color: #fff;
    height: 4px;
    transform: rotate(45deg);
    transform-origin: right center;
}
.c-input-checkbox:checked::after,
input.c-input-checkbox[type="checkbox"]:checked::after {
    display: block;
    position: absolute;
    content: "";
    left: 40%;
    top: 64%;
    width: 54%;
    background-color: #fff;
    height: 4px;
    transform: rotate(-53deg);
    transform-origin: left center;
}
.c-checkbox,
input.c-checkbox[type="checkbox"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 26px;
    height: 26px;
    margin-top: 0;
    margin-right: 0;
    border: 1px solid #949494;
    border-radius: 2px;
    background-color: #fff;
    vertical-align: middle;
    cursor: pointer;
}
.c-checkbox:checked,
input.c-checkbox[type="checkbox"]:checked {
    border: none;
    background-color: #f96075;
}
.c-checkbox:checked::before,
.c-checkbox:checked::after,
input.c-checkbox[type="checkbox"]:checked::before,
input.c-checkbox[type="checkbox"]:checked::after {
    display: block;
    position: absolute;
    content: "";
    background: #fff;
}
.c-checkbox:checked::before,
input.c-checkbox[type="checkbox"]:checked::before {
    left: 22%;
    top: 50%;
    width: 32%;
    height: 16%;
    transform: rotate(46deg);
    transform-origin: center;
}
.c-checkbox:checked::after,
input.c-checkbox[type="checkbox"]:checked::after {
    left: 32%;
    top: 42%;
    width: 52%;
    height: 16%;
    transform: rotate(-44deg);
    transform-origin: center;
}
@media screen and (min-width: 768px) {
    .c-checkbox,
    input.c-checkbox[type="checkbox"] {
        width: 18px;
        height: 18px;
    }
}
.is-pc .c-checkbox,
.is-pc input.c-checkbox[type="checkbox"] {
    width: 18px;
    height: 18px;
}
.c-radio-btn,
input.c-radio-btn[type="radio"] {
    position: relative;
    appearance: none;
    position: relative;
    width: 24px;
    height: 24px;
    margin-top: 0;
    margin-right: 0;
    padding: 0;
    border: 1px solid #949494;
    border-radius: 50%;
    box-shadow: none;
    background-color: #fff;
    cursor: pointer;
}
.c-radio-btn:checked::before,
input.c-radio-btn[type="radio"]:checked::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #f96075;
    transform: translate(-50%, -50%);
}
.c-radio-btn.is-error,
input.c-radio-btn.is-error[type="radio"] {
    border-color: #ef4242;
    box-shadow: 0px 0px 8px #ef4242;
}
.c-textarea {
    width: 100%;
    box-shadow: none;
    border: 1px solid #bbb;
    border-radius: 2px;
    resize: none;
}
.c-input-datetimepicker,
input.c-input-datetimepicker {
    display: block;
    width: 100%;
    border-radius: 4px;
    box-shadow: none;
}
.c-input-datetimepicker::-webkit-input-placeholder,
.c-input-datetimepicker::-ms-input-placeholder,
.c-input-datetimepicker::-moz-placeholder,
.c-input-datetimepicker::placeholder,
input.c-input-datetimepicker::-webkit-input-placeholder,
input.c-input-datetimepicker::-ms-input-placeholder,
input.c-input-datetimepicker::-moz-placeholder,
input.c-input-datetimepicker::placeholder {
    color: #aaa;
}
.c-input-datetimepicker-outer {
    position: relative;
    margin-top: 12px;
}
@media screen and (min-width: 768px) {
    .c-input-datetimepicker-outer {
        width: 195px;
    }
}
.c-input-datetimepicker-outer::after {
    content: "\e874";
    display: block;
    position: absolute;
    top: 21px;
    right: 10px;
    transform: translateY(-50%);
    color: #333;
    font-size: 16px;
    font-family: fontello;
    pointer-events: none;
}
.c-form-input.is-error {
    border: 1px solid #ef4242;
    box-shadow: 0px 0px 8px #ef4242;
}
.c-form-input.is-error-dark {
    border: 1px solid #cc2d2d;
    box-shadow: 0 0 6px #cc2d2d !important;
}
.c-form-input.is-error-dark:focus-visible {
    outline: none;
    border-color: #6ca3e9;
    box-shadow: inset 0 0 3px #6ca3e9 !important;
}
.c-heading {
    display: block;
    font-weight: bold;
}
.c-heading--pt1 {
    font-size: 22px;
}
.c-heading--pt2 {
    font-size: 1.6rem;
    padding-left: 1rem;
    border-left: 5px solid #ea6273;
}
.c-heading--pt3 {
    font-size: 1.6rem;
    padding-left: 0.6rem;
    border-left: 0.6rem solid #f95874;
}
.c-heading--medium,
.c-heading--medium--background-gray-content {
    color: #222;
    font-size: 18px;
    line-height: 1.5;
}
@media (min-width: 768px) {
    .c-heading--medium,
    .c-heading--medium--background-gray-content {
        font-size: 24px;
    }
}
.c-heading--medium--background-gray-content {
    font-weight: bold;
    background-color: #f2f2f2;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 980px;
    padding: 14px 16px;
}
@media (min-width: 768px) {
    .c-heading--medium--background-gray-content {
        padding: 16px;
    }
}
.c-heading--small {
    color: #222;
    font-size: 16px;
    line-height: 1.5;
}
.c-heading--x-small {
    color: #222;
    font-size: 14px;
    line-height: 1.5;
}
.c-newinquiry-heading--form {
    font-size: 5.3vw;
    font-weight: bold;
    color: #fe791b;
}
@media (min-width: 425px) {
    .c-newinquiry-heading--form {
        font-size: 3.9vw;
    }
}
@media (min-width: 640px) {
    .c-newinquiry-heading--form {
        font-size: 4vw;
    }
}
@media (min-width: 768px) {
    .c-newinquiry-heading--form {
        font-size: 3.2vw;
    }
}
@media (min-width: 1024px) {
    .c-newinquiry-heading--form {
        font-size: 2vw;
    }
}
@media (min-width: 1024px) {
    .c-newinquiry-heading--form-sp {
        display: none;
    }
}
.c-newinquiry-heading--form-note {
    display: none;
}
@media (min-width: 1024px) {
    .c-newinquiry-heading--form-note {
        display: block;
        font-size: 1.16vw;
        font-weight: bold;
        color: #fe791b;
    }
}
.c-newinquiry-heading--underline,
.c-newinquiry-heading--underline-white,
.c-newinquiry-heading--underline-green,
.c-newinquiry-heading--underline-blue,
.c-newinquiry-heading--underline-pink,
.c-newinquiry-heading--underline-white-small {
    text-align: center;
    font-size: 5.6vw;
    font-weight: bold;
}
.c-newinquiry-heading--underline::after,
.c-newinquiry-heading--underline-white::after,
.c-newinquiry-heading--underline-green::after,
.c-newinquiry-heading--underline-blue::after,
.c-newinquiry-heading--underline-pink::after,
.c-newinquiry-heading--underline-white-small::after {
    content: "";
    display: block;
    margin: 5px auto 0;
    width: 10vw;
    height: 0;
    border-bottom: solid 2px #dadada;
}
@media (min-width: 425px) {
    .c-newinquiry-heading--underline,
    .c-newinquiry-heading--underline-white,
    .c-newinquiry-heading--underline-green,
    .c-newinquiry-heading--underline-blue,
    .c-newinquiry-heading--underline-pink,
    .c-newinquiry-heading--underline-white-small {
        font-size: 4.5vw;
    }
}
@media (min-width: 768px) {
    .c-newinquiry-heading--underline,
    .c-newinquiry-heading--underline-white,
    .c-newinquiry-heading--underline-green,
    .c-newinquiry-heading--underline-blue,
    .c-newinquiry-heading--underline-pink,
    .c-newinquiry-heading--underline-white-small {
        font-size: 3.4vw;
    }
}
@media (min-width: 1024px) {
    .c-newinquiry-heading--underline,
    .c-newinquiry-heading--underline-white,
    .c-newinquiry-heading--underline-green,
    .c-newinquiry-heading--underline-blue,
    .c-newinquiry-heading--underline-pink,
    .c-newinquiry-heading--underline-white-small {
        font-size: 2.4vw;
    }
    .c-newinquiry-heading--underline::after,
    .c-newinquiry-heading--underline-white::after,
    .c-newinquiry-heading--underline-green::after,
    .c-newinquiry-heading--underline-blue::after,
    .c-newinquiry-heading--underline-pink::after,
    .c-newinquiry-heading--underline-white-small::after {
        width: 80px;
        border-bottom: solid 3px #dadada;
    }
}
@media (min-width: 1366px) {
    .c-newinquiry-heading--underline,
    .c-newinquiry-heading--underline-white,
    .c-newinquiry-heading--underline-green,
    .c-newinquiry-heading--underline-blue,
    .c-newinquiry-heading--underline-pink,
    .c-newinquiry-heading--underline-white-small {
        font-size: 3.4rem;
    }
}
.c-newinquiry-heading--underline-white::after,
.c-newinquiry-heading--underline-green::after,
.c-newinquiry-heading--underline-blue::after,
.c-newinquiry-heading--underline-pink::after,
.c-newinquiry-heading--underline-white-small::after {
    border-color: #fff;
}
@media (min-width: 768px) {
    .c-newinquiry-heading--underline-white-small {
        font-size: 2.8vw;
    }
    .c-newinquiry-heading--underline-white-small::after {
        width: 8vw;
    }
}
@media (min-width: 1024px) {
    .c-newinquiry-heading--underline-white-small {
        font-size: 1.9vw;
    }
}
@media (min-width: 1366px) {
    .c-newinquiry-heading--underline-white-small {
        font-size: 2.4rem;
    }
}
.c-newinquiry-heading--underline-pink {
    color: #e46581;
}
@media (min-width: 768px) {
    .c-newinquiry-heading--underline-pink {
        background: url("https://relax-job.com/images/user_frontend/global/new_inquiry/bk_arrow_pink.png") no-repeat;
        background-position: center 30%;
        background-size: contain;
        padding: 3%;
        font-size: 3.4vw;
        color: #fff;
    }
    .c-newinquiry-heading--underline-pink::after {
        content: none;
    }
}
@media (min-width: 1024px) {
    .c-newinquiry-heading--underline-pink {
        font-size: 2.6vw;
    }
}
@media (min-width: 1366px) {
    .c-newinquiry-heading--underline-pink {
        width: 880px;
        margin: 0 auto;
        font-size: 3.4rem;
    }
}
.c-newinquiry-heading--underline-blue {
    color: #46b2e7;
}
@media (min-width: 768px) {
    .c-newinquiry-heading--underline-blue {
        background: url("https://relax-job.com/images/user_frontend/global/new_inquiry/bk_arrow_blue.png") no-repeat;
        background-position: center 30%;
        background-size: contain;
        padding: 3%;
        font-size: 3.4vw;
        color: #fff;
    }
    .c-newinquiry-heading--underline-blue::after {
        content: none;
    }
}
@media (min-width: 1024px) {
    .c-newinquiry-heading--underline-blue {
        font-size: 2.6vw;
    }
}
@media (min-width: 1366px) {
    .c-newinquiry-heading--underline-blue {
        width: 880px;
        margin: 0 auto;
        font-size: 3.4rem;
    }
}
.c-newinquiry-heading--underline-green {
    color: #8bcf3a;
}
@media (min-width: 768px) {
    .c-newinquiry-heading--underline-green {
        background: url("https://relax-job.com/images/user_frontend/global/new_inquiry/bk_arrow_green.png") no-repeat;
        background-position: center 30%;
        background-size: contain;
        padding: 3%;
        font-size: 3.4vw;
        color: #fff;
    }
    .c-newinquiry-heading--underline-green::after {
        content: none;
    }
}
@media (min-width: 1024px) {
    .c-newinquiry-heading--underline-green {
        font-size: 2.6vw;
    }
}
@media (min-width: 1366px) {
    .c-newinquiry-heading--underline-green {
        width: 880px;
        margin: 0 auto;
        font-size: 3.4rem;
    }
}
.c-newinquiry-heading--business {
    display: block;
    font-size: 18px;
}
.c-newinquiry-heading--business::before,
.c-newinquiry-heading--business::after {
    display: inline-block;
    content: "|";
    width: 25px;
}
.c-newinquiry-heading--business::before {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.c-newinquiry-heading--business::after {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 20px;
}
.c-newinquiry-heading--large,
.c-newinquiry-heading--midium {
    font-size: 7.8vw;
}
@media (min-width: 425px) {
    .c-newinquiry-heading--large,
    .c-newinquiry-heading--midium {
        font-size: 6vw;
    }
}
@media (min-width: 768px) {
    .c-newinquiry-heading--large,
    .c-newinquiry-heading--midium {
        font-size: 5vw;
    }
}
@media (min-width: 1024px) {
    .c-newinquiry-heading--large,
    .c-newinquiry-heading--midium {
        font-size: 3.2vw;
    }
}
@media (min-width: 768px) {
    .c-newinquiry-heading--midium {
        font-size: 4.3vw;
    }
}
@media (min-width: 1366px) {
    .c-newinquiry-heading--midium {
        font-size: 4rem;
        line-height: 1.6;
    }
}
.c-newinquiry-heading--black,
.c-newinquiry-heading--black-center {
    font-weight: bold;
    padding-top: 8px;
    font-size: 16px;
}
@media (min-width: 768px) {
    .c-newinquiry-heading--black,
    .c-newinquiry-heading--black-center {
        font-size: 2vw;
    }
}
@media (min-width: 1366px) {
    .c-newinquiry-heading--black,
    .c-newinquiry-heading--black-center {
        font-size: 2.7rem;
    }
}
.c-newinquiry-heading--black-center {
    text-align: center;
    font-size: 5vw;
}
@media (min-width: 425px) {
    .c-newinquiry-heading--black-center {
        font-size: 4vw;
    }
}
@media (min-width: 768px) {
    .c-newinquiry-heading--black-center {
        font-size: 2.6vw;
    }
}
@media (min-width: 1024px) {
    .c-newinquiry-heading--black-center {
        font-size: 1.8vw;
    }
}
@media (min-width: 1366px) {
    .c-newinquiry-heading--black-center {
        font-size: 2.6rem;
    }
}
.c-newinquiry-heading--pink {
    font-size: 4.2vw;
    font-weight: bold;
    color: #e46581;
}
@media (min-width: 768px) {
    .c-newinquiry-heading--pink {
        font-size: 2.8vw;
    }
}
@media (min-width: 1024px) {
    .c-newinquiry-heading--pink {
        font-size: 2.6rem;
    }
}
@media (min-width: 1366px) {
    .c-newinquiry-heading--pink {
        font-size: 3rem;
    }
}
.c-newinquiry-heading--blue {
    font-size: 4.2vw;
    font-weight: bold;
    color: #46b2e7;
}
@media (min-width: 768px) {
    .c-newinquiry-heading--blue {
        font-size: 2.8vw;
    }
}
@media (min-width: 1024px) {
    .c-newinquiry-heading--blue {
        font-size: 2.6rem;
    }
}
@media (min-width: 1366px) {
    .c-newinquiry-heading--blue {
        font-size: 3rem;
    }
}
.c-newinquiry-heading--green {
    font-size: 4.2vw;
    font-weight: bold;
    color: #8bcf3a;
}
@media (min-width: 768px) {
    .c-newinquiry-heading--green {
        font-size: 2.8vw;
    }
}
@media (min-width: 1024px) {
    .c-newinquiry-heading--green {
        font-size: 2.6rem;
    }
}
@media (min-width: 1366px) {
    .c-newinquiry-heading--green {
        font-size: 3rem;
    }
}
.c-label {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border: 1px solid;
    white-space: nowrap;
}
.c-label-validation {
    color: #ef4242;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1;
}
.c-label-required {
    border: none;
    color: #fff;
    font-size: 10px;
    line-height: 1.5;
    background-color: #ef4242;
    padding: 2px 12px;
}
.c-label-link {
    color: #ff9696;
}
.c-label--gray-small {
    display: inline-block;
    border-radius: 4px;
    line-height: 1;
    white-space: nowrap;
    height: fit-content;
    font-size: 11px;
    padding: 4.5px 4px;
    font-weight: initial;
    background-color: #949494;
    color: #fff;
    font-weight: bold;
}
.c-loading {
    border: 5px solid rgba(255, 105, 150, 0.9);
    opacity: 0.9;
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-radius: 100%;
    width: 44px;
    height: 44px;
    margin: auto;
    margin-bottom: 10px;
    -moz-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
.c-pagenation-outer--top {
    display: none;
}
@media screen and (min-width: 980px) {
    .c-pagenation-outer--top {
        display: block;
        flex-shrink: 0;
        padding: 0 10px;
    }
    .c-pagenation-outer--top .c-pagenation {
        margin-top: 24px;
    }
}
.c-pagenation {
    text-align: center;
    margin-top: 30px;
}
.c-pagenation__item {
    display: inline-block;
    vertical-align: top;
    font-size: 1.2rem;
    cursor: pointer;
}
.c-pagenation__item + .c-pagenation__item {
    margin-left: 2px;
}
.c-pagenation__item.is-disabled {
    pointer-events: none;
}
.c-pagenation__child-item {
    display: inline-block;
    background: #fff;
    color: #666;
    border: 1px solid rgba(0, 0, 0, 0.2);
    min-width: 16px;
    padding: 8px 10px;
    line-height: 20px;
    text-decoration: none;
    box-sizing: content-box;
    text-align: center;
    border-radius: 4px;
}
.c-pagenation__item.is-disabled .c-pagenation__child-item {
    background: #eee;
    color: #ccc;
    padding: 8px 10px;
}
.c-pagenation__item.is-active .c-pagenation__child-item {
    color: #ed7987;
    border-color: #ed7987;
    font-weight: bold;
}
.c-panel {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    border-radius: 4px;
    overflow: hidden;
}
.c-panel__heading {
    position: relative;
    padding: 10px 15px;
    background-color: #eee;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.c-panel__title {
    font-weight: bold;
}
.c-panel__body {
    padding: 10px 15px;
}
.p-panel-body__title {
    margin-bottom: 10px;
}
.c-small-panel-list__item + .c-small-panel-list__item {
    margin-top: 16px;
}
.c-small-panel {
    border-radius: 4px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
    font-size: 12px;
}
.c-small-panel__header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 34px;
    padding: 0 16px;
    background-color: #eee;
    color: #808080;
}
.c-small-panel__content {
    padding: 10px 16px;
    color: #000;
}
.c-small-panel__close-link {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    color: #808080;
    font-size: 18px;
    line-height: 1;
}
.c-small-panel__close-link > .icon-cancel-circled::before {
    display: block;
    margin-left: 0;
    margin-right: 0;
}
.c-small-panel__content-link {
    position: relative;
    display: block;
    margin: -10px -16px;
    padding: 10px 29px 10px 16px;
    color: #000;
}
.c-small-panel__content-link:hover,
.c-small-panel__content-link:focus {
    text-decoration: none;
}
.c-small-panel__content-link::after {
    content: "\e80a";
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    font-family: "fontello";
    font-size: 34px;
    color: #a0a0a0;
}
.c-prompt-outer {
    padding: 10px;
}
@media screen and (min-width: 980px) {
    .c-prompt-outer {
        max-width: 980px;
        padding: 0;
        margin: 10px auto;
    }
}
.c-prompt-outer--keep {
    width: 100%;
    position: absolute;
    padding: 10px;
    top: 55px;
    left: 0;
}
@media screen and (min-width: 980px) {
    .c-prompt-outer--keep {
        width: auto;
        padding: 0;
        right: 240px;
        left: auto;
        top: 60px;
    }
}
.c-prompt {
    position: relative;
    font-size: 14px;
    border-radius: 6px;
}
.c-prompt:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
}
.c-prompt--login {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 -2px 0 #ccc inset;
}
.c-prompt--login:before {
    top: -6px;
    right: 55px;
    background: #fff;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
@media screen and (min-width: 980px) {
    .c-prompt--login:before {
        display: none;
    }
}
.c-prompt--keep {
    background: #1076db;
}
.c-prompt--keep:before {
    top: -5px;
    right: 103px;
    background: #1076db;
}
@media screen and (min-width: 980px) {
    .c-prompt--keep:before {
        top: -5px;
        right: 155px;
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        transform: rotate(-45deg);
    }
}
.c-prompt__close-btn {
    position: absolute;
    top: calc(50% - (0.5em + 2px));
    right: 10px;
    line-height: 1;
    cursor: pointer;
}
.c-prompt__close-btn--login {
    color: #666;
}
.c-prompt__close-btn--keep {
    color: #fff;
}
.c-prompt__text-outer {
    line-height: 40px;
    padding: 0 10px;
}
.c-prompt__text-outer--login {
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .c-prompt__text-outer--login {
        font-weight: normal;
    }
}
@media screen and (min-width: 980px) {
    .c-prompt__text-outer--keep {
        line-height: normal;
        padding: 9px 38px 9px 15px;
    }
}
.c-prompt__text {
    vertical-align: middle;
}
.c-prompt__link:hover,
.c-prompt__link:focus {
    text-decoration: underline;
}
.c-prompt__link--login {
    color: #0094ea;
}
@media screen and (min-width: 768px) {
    .c-prompt__link--login {
        color: #0f71d2;
    }
}
.c-prompt__link--login .icon-right-circle:before {
    font-size: 0.9em;
    margin: 0;
}
.c-prompt__link--keep {
    color: #fff;
}
.c-full-screen-modal,
.c-full-screen-rounded-modal {
    position: fixed;
    width: 100%;
    display: none;
}
.c-full-screen-modal__close {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: fixed;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 1;
}
.c-full-screen-modal__close:before {
    font-family: "fontello";
    content: "\e845";
    font-size: 18px;
    color: #fff;
    padding-right: 5px;
}
@media screen and (min-width: 980px) {
    .c-full-screen-modal__close {
        position: fixed;
        top: 16px;
        left: 50%;
        transform: translateX(392px);
        z-index: 110001;
        background-color: #ff6285;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        border: 2px solid #fff;
        cursor: pointer;
    }
    .c-full-screen-modal__close:hover {
        background-color: #f7809f;
    }
    .c-full-screen-modal__close::before,
    .c-full-screen-modal__close::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 20px;
        height: 2px;
        background-color: #fff;
    }
    .c-full-screen-modal__close::before {
        transform: translate(-50%, -50%) rotate(45deg);
        padding-right: 0;
    }
    .c-full-screen-modal__close::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }
}
@media screen and (min-width: 980px) {
    .c-full-screen-modal__close-txt {
        display: none;
    }
}
.c-full-screen-modal__content {
    background-color: #fff;
    position: fixed;
    overflow: scroll;
    width: 100%;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    height: -webkit-calc(100% - 50px);
    height: -ms-calc(100% - 50px);
    height: calc(100% - 50px);
    -webkit-overflow-scrolling: touch;
    color: #333;
}
@media screen and (min-width: 980px) {
    .c-full-screen-modal__content {
        width: 840px;
        top: 28px;
        left: 50%;
        transform: translateX(-50%);
        height: -webkit-calc(83.95% - 28px);
        height: -ms-calc(83.95% - 28px);
        height: calc(83.95% - 28px);
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3);
    }
}
.c-full-screen-rounded-modal__container {
    background-color: #fff;
    position: fixed;
    overflow: scroll;
    width: 100%;
    top: 100vh;
    left: 0;
    height: calc(100% - 50px);
    border-radius: 16px 16px 0 0;
    color: #333;
    transition: top 0.3s;
}
.is-open .c-full-screen-rounded-modal__container {
    top: 50px;
}
.c-full-screen-rounded-modal__close {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
    top: 28px;
    right: 10px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    display: block;
    padding: 0;
    border: none;
    background-color: transparent;
    outline: none;
}
.c-full-screen-rounded-modal__close::before {
    content: "\e845";
    font-family: fontello;
    color: #a8a8a8;
    font-size: 28px;
    line-height: 1;
}
.c-full-screen-rounded-modal__heading {
    padding: 16px;
    background-color: #fafafa;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
}
.c-full-screen-rounded-modal__content {
    padding: 8px 16px;
}
.c-small-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 266px;
    padding: 44px 16px 30px;
    border-radius: 10px;
    background: #fff;
    font-size: 12px;
}
@media screen and (min-width: 768px) {
    .c-small-modal {
        width: 742px;
        padding: 50px 44px 36px;
        font-size: 14px;
    }
}
@media screen and (min-width: 768px) {
    .c-small-modal--small {
        width: 528px;
    }
}
.c-small-modal__close-button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
    top: 12px;
    right: 14px;
    width: 16px;
    height: 16px;
    padding: 0;
    border: none;
    background-color: transparent;
    outline: none;
}
@media screen and (min-width: 768px) {
    .c-small-modal__close-button {
        top: 18px;
        right: 23px;
    }
    .c-small-modal__close-button:hover {
        cursor: pointer;
    }
}
.c-small-modal__close-button::before,
.c-small-modal__close-button::after {
    content: "";
    display: block;
    position: absolute;
    width: 120%;
    height: 2px;
    top: 50%;
    left: 50%;
    background-color: #a3a3a3;
}
.c-small-modal__close-button::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.c-small-modal__close-button::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.c-small-modal__heading {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.c-small-modal__txt,
.c-small-modal__button-outer {
    max-width: 364px;
    margin-left: auto;
    margin-right: auto;
}
.c-small-modal__txt {
    margin-top: 34px;
    line-height: 1.5;
    color: #000;
}
@media screen and (min-width: 768px) {
    .c-small-modal__txt {
        text-align: center;
    }
}
.c-small-modal__bold {
    font-weight: bold;
    color: #ff6e40;
}
.c-small-modal__button-outer {
    margin-top: 14px;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .c-small-modal__button-outer {
        margin-top: 16px;
    }
}
.c-small-modal__button {
    height: 44px;
    font-size: 16px;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .c-small-modal__button {
        height: 56px;
        font-size: 18px;
    }
}
.c-small-modal__close-txt-outer {
    margin-top: 26px;
    font-size: 12px;
}
.c-small-modal__close-txt {
    -webkit-appearance: none;
    appearance: none;
    display: inline;
    padding: 0;
    border: none;
    background-color: transparent;
    outline: none;
    color: #0f71d2;
}
.c-medium-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 83%;
    max-width: 720px;
    padding: 40px 3.73%;
    border-radius: 10px;
    background: #fff;
    z-index: 1001;
}
.c-medium-modal__close {
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    top: 11px;
    right: 10px;
    width: 18px;
    height: 18px;
    padding: 0;
    border: none;
    background-color: transparent;
    outline: none;
}
.c-medium-modal__close::before,
.c-medium-modal__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
    background-color: #bbb;
}
.c-medium-modal__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.c-medium-modal__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.c-bottom-modal,
.p-search-modal {
    position: fixed;
    display: none;
    background-color: white;
    border-radius: 16px 16px 0px 0px;
    width: 100%;
    color: #222222;
    z-index: 10999;
}
@media screen and (min-width: 980px) {
    .c-bottom-modal,
    .p-search-modal {
        width: 833px;
        max-height: 587px;
        border-radius: 16px;
    }
}
.c-bottom-modal__header,
.p-search-modal__header {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    background: #fafafa;
    border-radius: 16px 16px 0px 0px;
}
.c-bottom-modal__title,
.p-search-modal__title {
    font-weight: bold;
    font-size: 20px;
    padding: 14px;
}
.c-bottom-modal__content {
    padding: 16px;
}
.c-job-image-outer {
    max-width: 657px;
    margin: 0 auto;
}
.c-job-image-react-wrapper,
.c-job-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.c-job-image {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 56.32%;
    overflow: hidden;
}
.c-search-condition-list {
    display: flex;
    flex-wrap: wrap;
}
.c-search-condition-list > dt {
    width: 20px;
    color: #f97085;
    font-size: 19px;
    position: relative;
}
.c-search-condition-list > dt:nth-of-type(n + 2) {
    margin-top: 12px;
}
.c-search-condition-list > dd {
    width: calc(100% - 20px);
    padding-left: 6px;
}
.c-search-condition-list > dd:nth-of-type(n + 2) {
    margin-top: 12px;
}
.c-search-condition-list [class*="icon"] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.c-search-condition-list [class*="icon"]::before {
    display: block;
    margin-left: 0;
    margin-right: 0;
}
.c-search-condition-list .icon-suitcase {
    font-size: 14px;
}
.c-search-condition-list .icon-smile {
    font-size: 13px;
}
.c-document-list {
    margin-top: 8px;
    list-style: none;
    padding-left: 1em;
    text-indent: -1em;
}
.c-document-list > li {
    margin-top: 8px;
}
.c-list-with-indent {
    list-style-type: none;
    padding-left: 1em;
    text-indent: -1em;
}
.c-awards-breadcrumb,
.c-awards-container,
.p-awards-2024-interview-header-container {
    width: 100%;
    max-width: 1012px;
    margin: 0 auto;
    padding: 0 16px;
}
.c-awards-container--first-view {
    overflow-x: visible;
}
.c-awards-outline-button {
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    border: 1px solid #f96075;
    border-radius: 4px;
    background-color: #fff;
    font-size: 18px;
    font-weight: bold;
    color: #f96075;
}
@media screen and (min-width: 768px) {
    .c-awards-outline-button {
        height: 66px;
        font-size: 20px;
    }
}
.c-awards-outline-button:hover {
    text-decoration: none;
}
.c-awards-outline-button::after {
    content: "";
    display: inline-block;
    width: 26px;
    height: 12px;
    margin-left: 8px;
    background-image: url("https://relax-job.com/images/user_frontend/special/rejob_awards_2021/icn_arrow_with_line_pink.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.15s;
}
@media screen and (min-width: 768px) {
    .c-awards-outline-button::after {
        margin-left: 10px;
    }
}
@media screen and (min-width: 768px) {
    .c-awards-outline-button:hover::after {
        transform: translateX(0.5em);
    }
}
@media screen and (min-width: 768px) {
    .c-awards-outline-button span {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media screen and (min-width: 768px) {
    .c-awards-outline-button--small {
        height: 59px;
        font-size: 18px;
    }
}
.c-awards-arrow-link {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #f96075;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}
@media screen and (min-width: 768px) {
    .c-awards-arrow-link {
        font-size: 18px;
    }
}
.c-awards-arrow-link:not(.c-awards-arrow-link--disabled)::after {
    content: "";
    display: inline-block;
    width: 27px;
    height: 14px;
    margin-left: 8px;
    background-image: url("https://relax-job.com/images/user_frontend/special/rejob_awards_2021/icn_arrow_with_line_pink.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.15s;
}
.c-awards-arrow-link:hover {
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .c-awards-arrow-link:hover::after {
        transform: translateX(0.5em);
    }
}
.c-awards-arrow-link--disabled {
    cursor: default;
}
.c-awards-header {
    position: sticky;
    z-index: 4;
    top: 0;
    height: auto;
    padding: 0;
    border-bottom: none;
    box-shadow: 0 7px 26px 0 rgba(137, 84, 91, 0.2);
    background-color: #fff;
    font-size: 16px;
}
@media screen and (min-width: 768px) {
    .c-awards-header {
        font-size: 14px;
    }
}
.c-awards-header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 996px;
    margin: 0 auto;
    padding: 12px 16px;
}
@media screen and (min-width: 768px) {
    .c-awards-header__inner {
        padding: 29px 16px;
    }
}
.c-awards-header__logo {
    width: 186px;
}
.c-awards-header__logo-link {
    transition: opacity 0.15s;
}
@media screen and (min-width: 768px) {
    .c-awards-header__logo-link:hover {
        opacity: 0.7;
    }
}
.c-awards-header__logo-link img {
    vertical-align: bottom;
}
.c-awards-header-nav {
    position: absolute;
    top: 64px;
    left: 0;
    width: 100%;
    max-height: calc(100vh - 64px);
    display: none;
    background-color: #fff;
    overflow-y: auto;
}
@media screen and (min-width: 768px) {
    .c-awards-header-nav {
        position: static;
        display: block !important;
        width: 70%;
        max-height: none;
        overflow-y: visible;
    }
}
@media screen and (min-width: 768px) {
    .c-awards-header-nav__list {
        display: flex;
        justify-content: flex-end;
    }
}
.c-awards-header-nav__list > li {
    list-style-type: none;
    padding: 0 16px;
}
@media screen and (min-width: 768px) {
    .c-awards-header-nav__list > li {
        padding: 0;
    }
}
@media screen and (min-width: 768px) {
    .c-awards-header-nav__list > li + li {
        margin-left: 40px;
    }
}
.c-awards-header-nav__link {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    display: block;
    padding: 16px;
    border: none;
    background-color: transparent;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    color: #333;
}
.c-awards-header-nav__link:hover {
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .c-awards-header-nav__link {
        display: block;
        padding: 0;
        transition: color 0.15s;
    }
    .c-awards-header-nav__link:hover {
        color: #f96075;
    }
}
.c-awards-header-nav__link--arrow {
    position: relative;
    padding-right: 18px;
}
.c-awards-header-nav__link--arrow::before,
.c-awards-header-nav__link--arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 11px;
    height: 7px;
    background-size: contain;
    background-repeat: no-repeat;
}
.c-awards-header-nav__link--arrow::before {
    background-image: url(/images/user_frontend/special/rejob_awards_2021/icn_arrow_black.svg);
}
.c-awards-header-nav__link--arrow::after {
    background-image: url(/images/user_frontend/special/rejob_awards_2021/icn_arrow_pink.svg);
    opacity: 0;
    transition: opacity 0.15s;
    z-index: 2;
}
.c-awards-header-nav__link--arrow:hover::after {
    opacity: 1;
}
.c-awards-header__hamburger-menu {
    width: 40px;
    height: 40px;
    border: 1px solid #f96075;
    border-radius: 50%;
    position: relative;
    background-color: #fff;
}
.c-awards-header__hamburger-menu.is-open span {
    background: transparent;
}
.c-awards-header__hamburger-menu.is-open span::before {
    top: 0;
    transform: rotate(-45deg);
}
.c-awards-header__hamburger-menu.is-open span::after {
    bottom: 0;
    transform: rotate(45deg);
}
.c-awards-header__hamburger-menu span {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    border: none;
    transition: all 0.5s;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.c-awards-header__hamburger-menu span::before {
    display: block;
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f96075;
    transition: all 0.5s;
}
.c-awards-header__hamburger-menu span::after {
    display: block;
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f96075;
    transition: all 0.5s;
}
@media screen and (min-width: 768px) {
    .c-awards-header__hamburger-menu {
        display: none;
    }
}
@keyframes showSubMenu {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.c-awards-header-sub-nav-parent {
    position: relative;
    list-style-type: none;
}
@media screen and (min-width: 768px) {
    .c-awards-header-sub-nav-parent:hover .c-awards-header-sub-nav-outer,
    .c-awards-header-sub-nav-parent:focus .c-awards-header-sub-nav-outer {
        display: block !important;
        animation: showSubMenu 0.15s linear 0s;
    }
}
@media screen and (min-width: 768px) {
    .c-awards-header-sub-nav-parent:hover .c-awards-header-nav__link,
    .c-awards-header-sub-nav-parent:focus .c-awards-header-nav__link {
        color: #f96075;
    }
}
@media screen and (min-width: 768px) {
    .c-awards-header-sub-nav-parent:hover .c-awards-header-nav__link--arrow::after,
    .c-awards-header-sub-nav-parent:focus .c-awards-header-nav__link--arrow::after {
        opacity: 1;
    }
}
.c-awards-header-sub-nav-outer {
    display: none;
    margin: 0 -16px;
}
@media screen and (min-width: 768px) {
    .c-awards-header-sub-nav-outer {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 390px;
        margin-left: 0;
        margin-right: 0;
        padding-top: 29px;
    }
}
.c-awards-header-sub-nav {
    list-style-type: none;
    padding: 8px 16px;
    background-color: #f5f2f3;
}
@media screen and (min-width: 768px) {
    .c-awards-header-sub-nav {
        padding-left: 34px;
        padding-right: 34px;
        border-radius: 4px;
        box-shadow: 0px 7px 26px rgba(137, 84, 91, 0.2);
        background-color: #fff;
    }
}
.c-awards-header-sub-nav__link {
    display: block;
    padding: 16px 32px;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    transition: color 0.15s;
}
.c-awards-header-sub-nav__link:hover {
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .c-awards-header-sub-nav__link {
        padding-left: 0;
        padding-right: 0;
    }
    .c-awards-header-sub-nav__link:hover {
        color: #f96075;
    }
}
.c-awards-header-overlay {
    opacity: 0;
    transition: opacity 0.15s linear;
}
.c-awards-header-overlay.is-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.6;
    z-index: 3;
}
.c-awards-footer {
    position: relative;
    padding: 18px 0;
    background-color: #fd7085;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .c-awards-footer {
        text-align: left;
    }
}
.c-awards-heading {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}
@media screen and (min-width: 768px) {
    .c-awards-heading {
        font-size: 26px;
    }
}
.c-awards-heading__small {
    display: block;
    margin: 0 auto;
    padding-bottom: 4px;
}
@media screen and (min-width: 768px) {
    .c-awards-heading__small {
        padding-bottom: 0;
    }
}
.c-awards-heading__small--about {
    width: 57px;
}
.c-awards-heading__small--category {
    width: 89px;
}
.c-awards-heading__small--selected {
    width: 95px;
}
@media screen and (min-width: 768px) {
    .c-awards-heading__small--selected {
        margin-left: 0;
    }
}
.c-awards-heading__small--others {
    width: 66px;
}
.c-awards-sub-heading {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
    .c-awards-sub-heading {
        font-size: 40px;
    }
}
.mobile-app .c-awards-breadcrumb-outer,
.mobile-app .c-awards-breadcrumb {
    display: none !important;
}
.c-awards-breadcrumb-outer {
    overflow-x: auto;
    width: 100%;
    background-color: #f5f2f3;
}
.c-awards-breadcrumb-outer .c-awards-breadcrumb {
    min-width: max-content;
    padding-top: 12px;
    padding-bottom: 12px;
}
@media screen and (min-width: 980px) {
    .c-awards-breadcrumb-outer .c-awards-breadcrumb {
        min-width: auto;
    }
}
.c-awards-breadcrumb {
    padding-top: 16px;
    padding-bottom: 16px;
    line-height: 1.5;
}
.c-awards-breadcrumb li {
    display: inline;
}
.c-awards-breadcrumb li + li {
    padding-left: 4px;
}
.c-awards-breadcrumb li + li::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 9px;
    margin-right: 8px;
    background-image: url("https://relax-job.com/images/user_frontend/special/rejob_awards_2021/icn_breadcrumb_arrow_gray.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.c-awards-breadcrumb a:hover {
    text-decoration: none;
}
.c-awards-share-button,
.c-awards-share-button--x,
.c-awards-share-button--twitter,
.c-awards-share-button--facebook {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 36px;
    border-radius: 4px;
    background-color: #666;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    transition: opacity 0.15s;
    line-height: 1;
}
.c-awards-share-button:hover,
.c-awards-share-button--x:hover,
.c-awards-share-button--twitter:hover,
.c-awards-share-button--facebook:hover {
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .c-awards-share-button:hover,
    .c-awards-share-button--x:hover,
    .c-awards-share-button--twitter:hover,
    .c-awards-share-button--facebook:hover {
        opacity: 0.7;
    }
}
.c-awards-share-button::before,
.c-awards-share-button--x::before,
.c-awards-share-button--twitter::before,
.c-awards-share-button--facebook::before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    margin-right: 6px;
    background-size: contain;
    background-repeat: no-repeat;
}
.c-awards-share-button--facebook {
    background-color: #1877f2;
}
.c-awards-share-button--facebook::before {
    background-image: url("https://relax-job.com/images/user_frontend/special/rejob_awards_2021/icn_sns_facebook.png");
    margin-bottom: 6px;
}
.c-awards-share-button--twitter {
    background-color: #1b9df0;
}
.c-awards-share-button--twitter::before {
    background-image: url("https://relax-job.com/images/user_frontend/special/rejob_awards_2021/icn_sns_twitter.png");
}
.c-awards-share-button--x {
    background-color: #000;
}
.c-awards-share-button--x::before {
    background-image: url("https://relax-job.com/images/user_frontend/special/rejob_awards_2024/icn_sns_x.png");
    width: 32px;
    height: 32px;
}
.c-awards-share-button-area {
    display: inline-flex;
    justify-content: center;
    width: calc(100% + 16px);
    margin-left: -8px;
    margin-right: -8px;
}
.c-awards-share-button-area__item {
    padding: 0 8px;
    width: 100%;
    max-width: 180px;
}
@media screen and (min-width: 768px) {
    .c-awards-share-button-area__item {
        max-width: 174px;
    }
}
.p-awards-top-about,
.c-awards-previous,
.c-awards2025-previous,
.c-awards-top-message,
.p-awards2025-top-categories,
.p-awards2024-top-categories,
.p-awards2023-top-categories,
.p-awards2022-top-categories,
.p-awards2021-top-categories,
.c-awards-top-about {
    padding-top: 80px;
    padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
    .p-awards-top-about,
    .c-awards-previous,
    .c-awards2025-previous,
    .c-awards-top-message,
    .p-awards2025-top-categories,
    .p-awards2024-top-categories,
    .p-awards2023-top-categories,
    .p-awards2022-top-categories,
    .p-awards2021-top-categories,
    .c-awards-top-about {
        padding-top: 140px;
        padding-bottom: 120px;
    }
}
@media screen and (min-width: 768px) {
    .c-awards-top-about__content {
        display: flex;
        align-items: center;
        margin-top: 60px;
    }
}
.p-awards2025-top-categories,
.p-awards2024-top-categories,
.p-awards2023-top-categories,
.p-awards2022-top-categories,
.p-awards2021-top-categories {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
@media screen and (min-width: 768px) {
    .p-awards2025-top-categories,
    .p-awards2024-top-categories,
    .p-awards2023-top-categories,
    .p-awards2022-top-categories,
    .p-awards2021-top-categories {
        padding-top: 100px;
    }
}
.is-fixed.p-awards2025-top-categories,
.is-fixed.p-awards2024-top-categories,
.is-fixed.p-awards2023-top-categories,
.is-fixed.p-awards2022-top-categories,
.is-fixed.p-awards2021-top-categories {
    position: fixed;
}
.c-awards-top {
    overflow-x: hidden;
}
.c-awards-top__content {
    position: relative;
    background-color: #fff;
    margin-top: calc(100vh - 64px);
}
@media screen and (min-width: 768px) {
    .c-awards-top__content {
        display: block;
        margin-top: calc(100vh - 78px);
    }
}
.c-awards-first-view {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: calc(100vh - 64px);
}
@media screen and (min-width: 768px) {
    .c-awards-first-view {
        display: block;
        height: calc(100vh - 78px);
    }
}
@media screen and (min-width: 768px) {
    .c-awards-first-view .c-awards-container,
    .c-awards-first-view .p-awards-2024-interview-header-container {
        height: 100%;
    }
}
.c-awards-about-text {
    margin: 24px auto 0;
    font-size: 16px;
    line-height: 1.8;
}
@media screen and (min-width: 768px) {
    .c-awards-about-text {
        margin-top: 0;
        text-align: center;
    }
}
.c-awards-about-text p + p {
    margin-top: 28.8px;
}
.c-awards-top-slider-wrapper {
    position: relative;
}
.c-awards-top-slider {
    height: 100%;
}
.c-awards-top-slider .slick-list,
.c-awards-top-slider .slick-track,
.c-awards-top-slider .slick-slide,
.c-awards-top-slider .slick-slide > div {
    height: 100%;
}
.c-awards-top-slider__item,
.c-awards-2025-top-slider__item,
.c-awards-2024-top-slider__item {
    height: 100%;
}
.c-awards-top-slider__item img,
.c-awards-2025-top-slider__item img,
.c-awards-2024-top-slider__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.c-awards-first-view-button,
.c-awards2025-first-view-button,
.c-awards2024-first-view-button {
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    max-width: 486px;
    height: 64px;
    padding: 0;
    border: none;
    background-color: #f96075;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    transition: opacity 0.15s;
}
@media screen and (max-width: 374px) {
    .c-awards-first-view-button,
    .c-awards2025-first-view-button,
    .c-awards2024-first-view-button {
        font-size: 14px;
    }
}
@media screen and (min-width: 768px) {
    .c-awards-first-view-button,
    .c-awards2025-first-view-button,
    .c-awards2024-first-view-button {
        width: 100%;
        height: 75px;
    }
}
.c-awards-first-view-button::after,
.c-awards2025-first-view-button::after,
.c-awards2024-first-view-button::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 8px;
    margin-left: 6px;
    background-image: url("https://relax-job.com/images/user_frontend/special/rejob_awards_2021/icn_arrow_white.svg");
    background-size: contain;
    background-repeat: no-repeat;
    animation: arrowmove 1s ease-in-out infinite;
}
@media screen and (max-width: 374px) {
    .c-awards-first-view-button::after,
    .c-awards2025-first-view-button::after,
    .c-awards2024-first-view-button::after {
        width: 12px;
        height: 6px;
        margin-left: 2px;
    }
}
@media screen and (min-width: 768px) {
    .c-awards-first-view-button::after,
    .c-awards2025-first-view-button::after,
    .c-awards2024-first-view-button::after {
        margin-left: 19px;
    }
}
.c-awards-first-view-button:hover,
.c-awards2025-first-view-button:hover,
.c-awards2024-first-view-button:hover {
    opacity: 0.8;
}
.c-awards-categories-menu {
    list-style-type: none;
    display: none;
    margin-top: 30px;
}
@media screen and (min-width: 768px) {
    .c-awards-categories-menu {
        display: flex;
        justify-content: center;
    }
}
.c-awards-categories-menu li {
    width: 20%;
    border-left: 1px solid #c7c7c7;
}
.c-awards-categories-menu li:last-of-type {
    border-right: 1px solid #c7c7c7;
}
.c-awards-categories-menu__link {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    padding: 12px 0;
    border: none;
    background-color: transparent;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
    text-align: center;
    transition: color 0.15s;
}
.c-awards-categories-menu__link:hover {
    color: #f96075;
}
.c-awards-categories-menu__link:hover .c-awards-categories-menu__link-inner::after {
    opacity: 1;
}
.c-awards-categories-menu__link-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 88px;
    padding-bottom: 18px;
}
.c-awards-categories-menu__link-inner::before,
.c-awards-categories-menu__link-inner::after {
    content: "";
    position: absolute;
    bottom: 9px;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 13px;
    height: 8px;
    background-size: contain;
    background-repeat: no-repeat;
}
.c-awards-categories-menu__link-inner::before {
    background-image: url(/images/user_frontend/special/rejob_awards_2021/icn_arrow_black.svg);
}
.c-awards-categories-menu__link-inner::after {
    background-image: url(/images/user_frontend/special/rejob_awards_2021/icn_arrow_pink.svg);
    opacity: 0;
    transition: opacity 0.15s;
    z-index: 2;
}
.c-awards-top-category-outer {
    margin-top: 40px;
}
@media screen and (min-width: 768px) {
    .c-awards-top-category-outer {
        display: flex;
        margin-top: 60px;
        padding-top: 120px;
    }
}
.c-awards-top-category-outer + .c-awards-top-category-outer {
    margin-top: 80px;
}
@media screen and (min-width: 768px) {
    .c-awards-top-category-outer + .c-awards-top-category-outer {
        display: flex;
        margin-top: 0;
    }
}
@media screen and (min-width: 768px) {
    .c-awards-top-category-outer:nth-child(2n + 1) .c-awards-top-category__number {
        left: 0;
        right: auto;
    }
    .c-awards-top-category-outer:nth-child(2n + 1) .c-awards-top-category__image,
    .c-awards-top-category-outer:nth-child(2n + 1) .c-awards2025-top-category__image,
    .c-awards-top-category-outer:nth-child(2n + 1) .c-awards2024-top-category__image {
        margin-left: auto;
    }
    .c-awards-top-category-outer:nth-child(2n + 1) .c-awards-top-category__content-outer {
        background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 32.5%, white 32.5%);
    }
    .c-awards-top-category-outer:nth-child(2n + 1) .c-awards-top-category__content-inner {
        margin-left: 0;
        margin-right: auto;
    }
}
@media screen and (min-width: 768px) {
    .c-awards-top-category-outer.is-mouseover .c-awards-arrow-link::after {
        transform: translateX(0.5em);
    }
}
.c-awards-top-category {
    position: relative;
    width: 100%;
}
.c-awards-top-category__number {
    display: none;
}
@media screen and (min-width: 768px) {
    .c-awards-top-category__number {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }
}
.c-awards-top-category__number--01 {
    width: 12.55%;
}
.c-awards-top-category__number--02 {
    width: 16.73%;
}
.c-awards-top-category__number--03 {
    width: 16.84%;
}
.c-awards-top-category__number--04 {
    width: 17.04%;
}
.c-awards-top-category__number--05 {
    width: 16.53%;
}
.c-awards-top-category__image,
.c-awards2025-top-category__image,
.c-awards2024-top-category__image {
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -72px;
}
@media screen and (min-width: 768px) {
    .c-awards-top-category__image,
    .c-awards2025-top-category__image,
    .c-awards2024-top-category__image {
        position: relative;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: -17.55%;
        z-index: 2;
    }
}
.c-awards-top-category__content-outer {
    position: relative;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .c-awards-top-category__content-outer {
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 32.5%, white 32.5%);
    }
}
@media screen and (min-width: 768px) {
    .c-awards-top-category__content {
        width: 100%;
        max-width: 1012px;
        margin: 0 auto;
        padding: 0 16px;
    }
}
.c-awards-top-category__content-inner {
    display: block;
    padding: 32px;
    color: #333;
}
.c-awards-top-category__content-inner:hover {
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .c-awards-top-category__content-inner {
        max-width: 512px;
        width: 52.24%;
        margin-left: auto;
        margin-right: 0;
        padding: 62px 0;
    }
}
.c-awards-top-category__text,
.c-awards-top-category__link,
.c-awards-top-category__link-list {
    margin-top: 12px;
}
@media screen and (min-width: 768px) {
    .c-awards-top-category__text,
    .c-awards-top-category__link,
    .c-awards-top-category__link-list {
        margin-top: 24px;
    }
}
.c-awards-top-category__text {
    font-size: 14px;
    line-height: 1.8;
}
@media screen and (min-width: 768px) {
    .c-awards-top-category__text {
        font-size: 16px;
    }
}
.c-awards-top-category__link-list {
    list-style-type: none;
}
.c-awards-top-category__link-list li + li {
    margin-top: 30px;
}
@media screen and (min-width: 980px) {
    .c-awards-top-category__link-list-text {
        display: flex;
        gap: 18px;
    }
}
.c-awards-top-message {
    position: relative;
    background-image: url(/images/user_frontend/special/rejob_awards_2021/top/img_message_background_sp.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    z-index: 2;
}
@media screen and (min-width: 768px) {
    .c-awards-top-message {
        padding-top: 114px;
        padding-bottom: 114px;
        background-image: url(/images/user_frontend/special/rejob_awards_2021/top/img_message_background_pc.jpg);
    }
}
.c-awards-top-message__text {
    margin-top: 44px;
    text-align: center;
    font-size: 13px;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    line-height: 3;
}
@media screen and (max-width: 374px) {
    .c-awards-top-message__text {
        margin-top: 70px;
    }
}
@media screen and (min-width: 768px) {
    .c-awards-top-message__text {
        margin-top: 70px;
        font-size: 20px;
    }
}
.c-awards-top-message__text p + p {
    margin-top: 44px;
}
@media screen and (min-width: 768px) {
    .c-awards-top-message__text p + p {
        margin-top: 50px;
    }
}
.c-awards-share {
    position: relative;
    background-color: #fff;
}
.c-awards-share .c-awards-share-button-area {
    max-width: 344px;
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .c-awards-share .c-awards-share-button-area {
        max-width: 332px;
        margin-top: 10px;
    }
}
.c-awards-share .c-awards-container,
.c-awards-share .p-awards-2024-interview-header-container {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .c-awards-share .c-awards-container,
    .c-awards-share .p-awards-2024-interview-header-container {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.c-awards-share__heading {
    font-size: 16px;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .c-awards-share__heading {
        font-size: 18px;
    }
}
.c-awards-share__share-buttons-outer {
    max-width: 344px;
    margin: 16px auto 0;
}
@media screen and (min-width: 768px) {
    .c-awards-share__share-buttons-outer {
        max-width: 332px;
    }
}
.c-awards-previous,
.c-awards2025-previous {
    position: relative;
    background-image: url(/images/user_frontend/special/rejob_awards_common/img_message_previous_background_sp.jpg);
    background-color: #333;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    z-index: 2;
}
@media screen and (min-width: 768px) {
    .c-awards-previous,
    .c-awards2025-previous {
        padding-top: 100px;
        padding-bottom: 122px;
        background-image: url(/images/user_frontend/special/rejob_awards_common/img_message_previous_background_pc.jpg);
        background-size: auto 100%;
    }
}
.c-awards-previous__button-list {
    list-style-type: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}
.c-awards-previous__button-list > li {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .c-awards-previous__button-list > li {
        width: 302px;
    }
}
.c-awards-previous__button {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 44px;
    border: #f96075 1px solid;
    background-color: #fff;
    color: #f96075;
    font-weight: bold;
    font-size: 16px;
    transition: opacity 0.15s;
}
@media screen and (min-width: 768px) {
    .c-awards-previous__button {
        font-size: 18px;
    }
}
.c-awards-previous__button::after {
    content: "\e80e";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    font-family: "fontello";
    font-size: 12px;
}
.c-awards-previous__button:hover {
    opacity: 0.8;
    text-decoration: none;
}
.c-landing-header-base,
.c-landing-header-chiryo,
.c-landing-header {
    padding: 0;
    background-color: #fff;
    border-top: none;
    border-bottom: none;
}
@media screen and (min-width: 1020px) {
    .c-landing-header-base,
    .c-landing-header-chiryo,
    .c-landing-header {
        height: 64px;
    }
}
.c-landing-header {
    height: 52px;
}
@media screen and (min-width: 1020px) {
    .c-landing-header {
        height: 64px;
    }
}
.c-landing-header-chiryo {
    height: 40px;
}
@media screen and (min-width: 1020px) {
    .c-landing-header-chiryo {
        height: 48px;
    }
}
.c-landing-header--border {
    border-bottom: 2px solid #f08f9b;
}
.c-landing-header--shadow {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
    z-index: 1;
}
.c-landing-header__group,
.c-landing-header-chiryo__group {
    max-width: 980px;
    position: relative;
    margin: 0 auto;
}
.c-landing-header--shadow .c-landing-header__group,
.c-landing-header--shadow .c-landing-header-chiryo__group {
    display: flex;
    align-items: center;
}
@media screen and (min-width: 1020px) {
    .c-landing-header--shadow .c-landing-header__group,
    .c-landing-header--shadow .c-landing-header-chiryo__group {
        height: 64px;
    }
}
.c-landing-header__logo {
    width: 161px;
    height: auto;
    margin: 10px;
}
@media screen and (min-width: 1020px) {
    .c-landing-header__logo {
        width: 201px;
    }
}
.c-landing-header__login-link-outer {
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    padding: 16px;
    font-size: 14px;
}
@media screen and (min-width: 1020px) {
    .c-landing-header__login-link-outer {
        padding: 22px 16px;
    }
}
.c-landing-header__login-link-outer:hover {
    opacity: 0.7;
}
.c-landing-header__login-link {
    color: #000;
    text-decoration: none;
}
.c-landing-header__login-link:hover {
    text-decoration: none;
}
.c-landing-header__login-link-outer__icon:before {
    content: "\e854";
    color: #000;
    font-family: "fontello";
    font-style: normal;
}
.c-landing-footer {
    background-color: #282846;
    width: 100%;
    color: #fff;
    font-size: 10px;
}
.p-landing-group-wreath {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 886px;
    margin: 0 auto;
    padding: 20px;
    color: #fff;
}
@media screen and (min-width: 768px) {
    .p-landing-group-wreath {
        border-bottom: 1px solid #949494;
    }
}
.p-landing-group-wreath__eye_catch {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-landing-group-wreath__eye_catch {
        padding: 0 19px;
    }
}
.p-landing-group-wreath__eye_catch:nth-of-type(3) {
    flex-basis: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
    .p-landing-group-wreath__eye_catch:nth-of-type(3) {
        flex-basis: auto;
    }
}
.p-landing-group-wreath__eye_catch__wreath {
    width: 28px;
    margin: 28px 3px 0;
}
.p-landing-group-wreath__eye_catch__text_wrap {
    width: 160px;
    text-align: center;
    line-height: 1.2;
    display: inline-block;
}
.p-landing-group-wreath__eye_catch__text_s {
    font-size: 16px;
}
.p-landing-group-wreath__eye_catch__text_m {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.5;
}
.p-landing-group-wreath__eye_catch__text_l {
    font-size: 50px;
    font-weight: bold;
}
.p-landing-group-wreath__eye_catch__annotation {
    font-size: 9px;
    margin-bottom: 8px;
}
.c-landing-footer__a {
    color: #fff;
    background-color: #282846;
    height: 44px;
    border-bottom: none;
    padding: 0;
}
@media screen and (min-width: 768px) {
    .c-landing-footer__a {
        height: 18px;
    }
}
.c-landing-footer__a:hover {
    opacity: 0.7;
    text-decoration: none;
}
.c-landing-footer__ul {
    width: 100%;
    font-size: 1.2em;
    text-align: center;
    font-family: Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
}
@media screen and (min-width: 768px) {
    .c-landing-footer__ul {
        height: 88px;
        line-height: 1;
    }
}
@media screen and (min-width: 768px) {
    .c-landing-footer__ul {
        width: 490px;
        margin: auto;
        padding-top: 24px;
        color: #fff;
    }
}
.c-landing-footer__li {
    width: 50%;
    border: solid;
    line-height: 44px;
}
@media screen and (min-width: 768px) {
    .c-landing-footer__li {
        line-height: 1;
        height: 14px;
        width: auto;
        float: left;
        padding: 0 8px;
        display: inline;
        height: 14px;
    }
}
@media screen and (min-width: 768px) {
    .c-landing-footer__li__rightmost {
        border-right: none;
    }
}
.c-landing-footer__li__border1 {
    border-color: #949494;
    border-width: 1px 1px 0 0;
    float: left;
}
@media screen and (min-width: 768px) {
    .c-landing-footer__li__border1 {
        border-width: 0 1px 0 0;
        float: left;
    }
}
.c-landing-footer__li__border2 {
    border-color: #949494;
    border-width: 1px 0 0 0;
    float: none;
    margin-left: 50%;
}
@media screen and (min-width: 768px) {
    .c-landing-footer__li__border2 {
        border-width: 0 1px 0 0;
        float: left;
        margin-left: 0;
    }
}
.c-landing-footer__li__border3 {
    border-color: #949494;
    border-width: 1px 1px 1px 0;
    float: left;
}
@media screen and (min-width: 768px) {
    .c-landing-footer__li__border3 {
        border-width: 0 1px 0 0;
        float: left;
    }
}
.c-landing-footer__li__border4 {
    border-color: #949494;
    border-width: 1px 0 1px 0;
    float: none;
    margin-left: 50%;
}
@media screen and (min-width: 768px) {
    .c-landing-footer__li__border4 {
        border-width: 0;
        float: left;
        margin-left: 0;
    }
}
.c-landing-footer__ul__inside {
    list-style-type: none;
}
@media screen and (min-width: 768px) {
    .c-landing-footer__ul__inside {
        margin-bottom: 26px;
    }
}
.c-landing-copywriter {
    line-height: 3;
}
@media screen and (min-width: 768px) {
    .c-landing-copywriter {
        line-height: 1;
    }
}
.c-tab {
    border-bottom: 1px solid #f08f9b;
    display: flex;
}
.c-tab li {
    display: inline-block;
    padding: 0 2px;
    width: 100%;
}
.c-tab-link {
    display: block;
    margin-top: 4px;
    padding: 15px 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #dfdfdf;
    color: #333;
    text-align: center;
}
.c-tab-link.active {
    margin: 0 0 -1px;
    padding: 16px 0;
    border-top-width: 4px;
    border-color: #fd7085;
    background-color: #fff;
    font-weight: bold;
}
.c-tab-link:hover {
    text-decoration: none;
}
.c-oiwai-close-guidance__lp-section {
    margin: 0 auto;
    padding: 30px 16px 0;
}
@media screen and (min-width: 769px) {
    .c-oiwai-close-guidance__lp-section {
        width: 980px;
        margin: 0 auto;
        padding: 60px 0 30px;
    }
}
.c-oiwai-close-guidance__form-section {
    margin: 16px auto 10px auto;
    padding: 0 8px;
}
@media screen and (min-width: 769px) {
    .c-oiwai-close-guidance__form-section {
        margin: 20px auto;
        padding: 0 25px;
    }
}
.c-oiwai-close-guidance__box {
    width: 100%;
    background-color: #ffeaef;
    padding: 12px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
    box-sizing: border-box;
}
.c-oiwai-close-guidance__box .c-icn {
    font-size: 16px;
    margin-right: 4px;
    margin-left: -20px;
    color: #f96075;
}
.c-oiwai-close-guidance__list {
    padding-left: 20px;
    color: #222;
    list-style: none;
}
.c-oiwai-close-guidance__link {
    text-decoration: none !important;
}
.c-oiwai-close-guidance__link:hover {
    text-decoration: underline !important;
}
.p-banner--rectangle {
    text-align: center;
    position: relative;
    padding-bottom: 20%;
    height: 0;
    overflow: hidden;
}
.p-banner--rectangle img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    height: auto;
}
.p-app-banner {
    margin: 15px 10px 10px;
}
@media screen and (min-width: 768px) {
    .p-app-banner {
        max-width: 480px;
    }
}
.is-pc .p-app-banner {
    display: none;
}
.p-banner--jobs-top {
    text-align: center;
    margin: 10px;
}
.p-banner--jobs-top img {
    max-width: 100%;
}
.p-banner--jobs-top .is-pc {
    display: none;
}
@media screen and (min-width: 600px) {
    .p-banner--jobs-top .is-sp {
        display: none;
    }
    .p-banner--jobs-top .is-pc {
        display: block;
    }
}
.p-feature-banner {
    display: none;
}
.is-sp .p-feature-banner {
    display: block;
    width: 100%;
    margin: 5px;
}
.p-drawer-banner {
    margin: 10px;
}
.p-drawer-banner__image {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
.p-brand-caption {
    color: #222;
}
@media screen and (min-width: 768px) {
    .p-brand-caption {
        display: flex;
        flex-wrap: wrap;
        width: -webkit-calc(100% + 10px);
        width: -ms-calc(100% + 10px);
        width: calc(100% + 10px);
        margin-top: 15px;
        margin-left: -5px;
    }
}
.p-brand-caption.p-brand-album--brand-modal {
    padding: 0;
}
.p-brand__image {
    height: auto;
}
.p-brand__figure {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-brand__figure {
        flex-basis: -webkit-calc(50% - 10px);
        flex-basis: -ms-calc(50% - 10px);
        flex-basis: calc(50% - 10px);
        margin: 5px;
    }
}
@media screen and (max-width: 767px) {
    .p-brand__figure + .p-brand__figure {
        margin-top: 10px;
    }
}
.p-job-back-box {
    width: 100%;
    font-size: 14px;
    background-color: #f2f2f2;
    padding: 9.5px 16px;
}
@media screen and (min-width: 768px) {
    .p-job-back-box__link-container {
        max-width: 980px;
        margin: 0 auto;
    }
}
.p-job-back-box__link {
    color: #222;
    display: inline-flex;
    align-items: center;
    line-height: 1.5;
    gap: 8px;
}
.p-job-back-box__link .c-icn-arrow-light-left {
    font-size: 16px;
}
.p-job-resume-box {
    margin-bottom: 16px;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-job-resume-box {
        margin: 20px 10px;
    }
}
.p-job-resume-box__heading {
    font-size: 1.6rem;
    font-weight: bold;
    color: #ee828f;
}
.p-job-resume-box__icon {
    width: 63px;
    height: 44px;
    margin: 16px auto 0;
}
.p-job-resume-box__content,
.p-job-resume-box__button-outer,
.p-job-resume-box__bottom {
    margin-top: 16px;
}
.p-job-resume-box__button-outer {
    margin-top: 12px;
    width: 328px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px) {
    .p-job-resume-box__button-outer {
        width: fit-content;
    }
}
.p-job-resume-box__bottom {
    font-size: 1.2rem;
}
.p-job-panel-section {
    padding-top: 16px;
    padding-bottom: 24px;
    color: #222;
}
.p-job-panel-section + .p-job-panel-section {
    border-top: 1px solid #f2f2f2;
}
.p-job-panel-content {
    margin-top: 12px;
}
.p-job-panel-content--bg {
    font-size: 12px;
    margin-top: 32px;
    border-radius: 8px;
    padding: 12px;
    background-color: #f9f9f9;
}
.p-job-panel-content--bg > b {
    margin-bottom: 8px;
    font-weight: bold;
    display: block;
}
.p-job-header {
    display: flex;
    flex-direction: column;
    padding: 16px 16px 0;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .p-job-header {
        margin-top: 12px;
        margin-left: 10px;
        margin-right: 10px;
    }
}
.p-job-header--with-tab {
    margin-top: 0;
}
.p-job-header--client-reviews {
    margin-top: 16px;
    padding-bottom: 32px;
}
@media screen and (min-width: 768px) {
    .p-job-header--client-reviews {
        margin-top: 0;
    }
}
.p-job-header-inner {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .p-job-header-inner {
        margin-top: 12px;
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.p-job-header--with-sticky-menu {
    padding-bottom: 8px;
}
@media screen and (min-width: 768px) {
    .p-job-header--with-sticky-menu {
        padding-bottom: 60px;
    }
}
.p-job-header-heading {
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.4;
    padding-bottom: 12px;
}
@media screen and (min-width: 768px) {
    .p-job-header-heading {
        font-size: 2.2rem;
    }
}
.p-job-header-heading__bold {
    font-weight: bold;
    color: #222;
}
.p-job-top-contents-outer {
    min-height: 298px;
}
@media screen and (min-width: 768px) {
    .p-job-top-contents-outer {
        min-height: 400px;
    }
}
.p-job-top-contents-outer--non-button {
    min-height: 220px;
}
@media screen and (min-width: 768px) {
    .p-job-top-contents-outer--non-button {
        min-height: 400px;
    }
}
.p-job-top-contents-outer--non-image {
    min-height: auto;
}
@media screen and (max-width: 767px) {
    .p-job-top-contents-outer--short {
        min-height: 300px;
    }
}
.p-job-label-list {
    display: flex;
    margin-bottom: 10px;
}
.p-job-label-list.p-job-label-list--block {
    flex-wrap: wrap;
    align-items: flex-end;
    width: -webkit-calc(100% + 2px);
    width: -ms-calc(100% + 2px);
    width: calc(100% + 2px);
    margin-left: -1px;
}
@media screen and (min-width: 768px) {
    .p-job-label-list {
        align-items: flex-start;
    }
}
.p-job-cassete--work .p-job-label-list {
    flex-wrap: nowrap;
}
.p-job-label-list__item {
    font-size: 10px;
    line-height: 22px;
    padding: 0 4.5px;
    margin: 1px;
    margin-right: 5px;
}
.p-job-label-list__item:last-child {
    margin-right: 0;
}
.p-job-label-list--top .p-job-label-list__item {
    padding: 0 6.5px;
    height: 26px;
}
.p-job-label-list__item--new {
    color: #fff;
    background-color: #ebdc4d;
    border-color: #ebdc4d;
}
.p-job-label-list__item--scout {
    color: #fff;
    background-color: #eb714c;
    border-color: #eb714c;
}
.p-job-label-list__item--premium-scout {
    color: #fff;
    background-color: #ff7878;
    border-color: #ff7878;
}
.p-job-label-list__item--business-types,
.p-job-label-list__item--features {
    color: #ff8d8d;
    background: #fff;
    border-color: #ff8d8d;
}
.p-job-label-list__item--searched-features {
    color: #fff;
    background: #ff4c4c;
    border-color: #ff4c4c;
}
.p-job-label-list__item--employments {
    font-size: 11px;
    color: #fff;
    background-color: #a8a8a8;
    border-color: #a8a8a8;
    border-radius: 2px;
}
.p-job-label-list__item--oiwai {
    padding: 0 !important;
    margin-right: 5px;
}
.p-job-label-list__item--review {
    font-weight: bold;
    font-size: 14px;
    margin-left: auto;
    padding: 0;
}
.p-job-label-list__item--review-button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #0f71d2;
    text-decoration: none;
    cursor: pointer;
    font: inherit;
}
.p-job-label-list__item--review-button:hover {
    text-decoration: none;
    opacity: 0.8;
}
.p-job-label-list__item--review-button:active {
    opacity: 0.8;
}
.p-job-label-list__item--review-button:focus {
    outline: none;
    opacity: 0.8;
}
.p-job-label-list__item--review-button i.c-icn.c-icn-arrow-bold-down {
    line-height: 21px;
}
.p-job-label-list__item--review-button i.c-icn.c-icn-arrow-bold-down::before {
    display: inline-block;
    width: 16px;
    height: 16px;
}
.p-job-label-list__item-popover-container {
    position: relative;
}
.p-job-awards-label-outer {
    margin-left: -16px;
    margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
    .p-job-awards-label-outer {
        margin-left: 0;
    }
}
.p-job-awards-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding-left: 21px;
    padding-right: 6px;
    background-repeat: no-repeat;
    background-size: 13px auto;
    background-position: 6px center;
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
}
.p-job-awards-label::before,
.p-job-awards-label::after {
    content: "";
    position: absolute;
    display: block;
    right: -4px;
    width: 0;
    height: 0;
    border-style: solid;
}
.p-job-awards-label::before {
    top: 0;
    border-width: 12px 4px 0 0;
}
.p-job-awards-label::after {
    bottom: 0;
    border-width: 12px 0 0 4px;
}
.p-job-awards-label--gold {
    background-color: #cca62b;
    background-image: url(/images/user_frontend/global/icon/icn_awards_gold.svg);
}
.p-job-awards-label--gold::before {
    border-color: #cca62b transparent transparent transparent;
}
.p-job-awards-label--gold::after {
    border-color: transparent transparent transparent #cca62b;
}
.p-job-awards-label--silver {
    background-color: #a0b0c7;
    background-image: url(/images/user_frontend/global/icon/icn_awards_silver.svg);
}
.p-job-awards-label--silver::before {
    border-color: #a0b0c7 transparent transparent transparent;
}
.p-job-awards-label--silver::after {
    border-color: transparent transparent transparent #a0b0c7;
}
.p-job-awards-label--bronze {
    background-color: #e28d4e;
    background-image: url(/images/user_frontend/global/icon/icn_awards_bronze.svg);
}
.p-job-awards-label--bronze::before {
    border-color: #e28d4e transparent transparent transparent;
}
.p-job-awards-label--bronze::after {
    border-color: transparent transparent transparent #e28d4e;
}
.p-job-awards-label--selected {
    background-color: #e67e9b;
    background-image: url(/images/user_frontend/global/icon/icn_awards_selected.svg);
}
.p-job-awards-label--selected::before {
    border-color: #e67e9b transparent transparent transparent;
}
.p-job-awards-label--selected::after {
    border-color: transparent transparent transparent #e67e9b;
}
.p-job-group__label-list {
    display: flex;
    flex-wrap: wrap;
    margin: -4px;
}
.p-job-group__label {
    margin: 4px;
    padding: 5px;
    background-color: #fff;
    border-color: #ff9696;
    color: #ff9696;
    font-size: 1.1rem;
    font-weight: bold;
}
.p-job-group__label-list--with-detail {
    margin-top: 32px;
    width: 100%;
}
.p-job-group__label-list--with-detail:first-of-type {
    margin-top: 28px;
}
@media screen and (min-width: 768px) {
    .is-pc .p-job-group__label-list--with-detail {
        margin-top: 16px;
    }
    .is-pc .p-job-group__label-list--with-detail:first-of-type {
        margin-top: 12px;
    }
}
.p-job-group__label-list-inner--with-detail {
    font-size: 13px;
    word-break: break-all;
}
@media screen and (min-width: 768px) {
    .is-pc .p-job-group__label-list-inner--with-detail {
        display: flex;
        align-items: flex-start;
        padding-bottom: 16px;
        border-bottom: 1px solid #d9d9d9;
    }
    .is-pc .p-job-group__label-list-inner--with-detail dt {
        min-width: 127px;
    }
}
.p-job-group__label-list-inner--with-detail .p-job-group__label {
    margin-bottom: 4px;
}
.p-job-group__label-list-inner-title--with-detail {
    color: #575757;
    font-weight: bold;
    display: block;
}
.p-job-group__label-list-inner-item--with-detail {
    margin-left: 1rem;
    display: block;
}
.p-job-image-content {
    text-align: center;
    margin-top: 10px;
}
.p-job-image-content.p-job-image-content--main-image {
    padding-bottom: 16px;
}
@media screen and (min-width: 768px) {
    .p-job-image-content.p-job-image-content--main-image {
        background: #fff;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 24px;
        border: 1px solid #d1d1d1;
        border-bottom: none;
        margin: 20px 10px 0;
    }
}
.p-job-image-content.p-job-image-content--job {
    margin-left: -16px;
    margin-right: -16px;
    padding-bottom: 16px;
}
@media screen and (min-width: 768px) {
    .p-job-image-content.p-job-image-content--job {
        padding-bottom: 24px;
        margin-top: 24px;
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (min-width: 768px) {
    .p-job-image-content.p-job-image-content--shop {
        padding-bottom: 24px;
        margin-top: 24px;
        margin-left: 0;
        margin-right: 0;
    }
}
.p-job-image-content.p-job-image-content--shop,
.p-job-image-content.p-job-image-content--client {
    margin-top: 16px;
    margin-left: -16px;
    margin-right: -16px;
}
.p-job-image-content__jobs-slider {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: calc(212 / 375 * 100% + 16px);
}
@media screen and (min-width: 768px) {
    .p-job-image-content__jobs-slider {
        padding-bottom: calc(370 / 938 * 100% + 16px);
    }
}
.p-job-image-list {
    padding-bottom: 36px;
}
.p-job-image-list .slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 0;
}
.p-job-image-list .slick-dots li {
    height: auto;
    line-height: 1;
    padding: 13px 5px;
}
.p-job-image-list .slick-dots li:before {
    content: "◯";
}
.p-job-image-list .slick-dots li.slick-active:before {
    content: "●";
}
@media screen and (min-width: 768px) {
    .p-job-image-list:not(.slick-initialized) {
        display: flex;
    }
}
.p-job-image-list__item {
    position: relative;
    vertical-align: bottom;
}
.p-job-image-list--shops .p-job-image-list__item {
    max-width: 414px;
    width: 100%;
    margin: 0 auto;
}
.p-job-image-list:not(.slick-initialized) .p-job-image-list__item:nth-child(n + 2) {
    display: none;
}
.p-job-image-list__caption {
    font-size: 1.2rem;
    text-align: left;
}
.p-job-image {
    height: auto;
    margin: 0 auto;
}
.p-job-image.is-prev {
    min-width: 60px;
    min-height: 120px;
}
.p-job-image__caption {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 1.2rem;
    text-align: left;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    padding: 10px;
}
.p-job-under-consideration-outer {
    margin-left: -16px;
    margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
    .p-job-under-consideration-outer {
        margin-left: 0;
        margin-bottom: 8px;
    }
}
@media screen and (min-width: 768px) {
    .p-job-under-consideration-outer--bottom {
        margin-bottom: 14px;
    }
}
.p-job-under-consideration {
    display: inline-block;
    padding: 4px 12px;
    border-top: 1px solid #f97b0b;
    border-bottom: 1px solid #f97b0b;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1;
    color: #f97b0b;
}
.p-job-title {
    padding-bottom: 8px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4;
    color: #222;
}
@media screen and (min-width: 768px) {
    .p-job-title {
        padding-bottom: 14px;
    }
}
.p-job-salary-area {
    padding-bottom: 14px;
    color: #222;
    font-size: 1.1rem;
}
@media screen and (min-width: 768px) {
    .p-job-salary-area {
        display: none;
    }
}
.p-job-salary-area__number {
    font-size: 1.6rem;
    font-weight: bold;
    color: #f97b0b;
}
.p-job-button-area {
    margin-left: -6px;
    margin-right: -6px;
}
@media screen and (min-width: 768px) {
    .p-job-button-area {
        margin-left: 0;
        margin-right: 0;
    }
}
.p-job-occupation-area {
    margin-top: 22px;
    border-top: 1px solid #f2f2f2;
}
@media screen and (min-width: 768px) {
    .p-job-occupation-area {
        margin-top: 24px;
    }
}
.p-job-occupation-area__other-occupation + .p-job-occupation-area__other-occupation {
    margin-top: 12px;
}
.p-job-other-occupation {
    margin-top: 24px;
    padding: 8px;
    background-color: #f2f2f2;
    color: #575757;
    line-height: 2.16;
}
.p-job-other-occupation__heading {
    padding-bottom: 4px;
}
.p-job-other-occupation-list li {
    display: inline;
}
.p-job-other-occupation-list__icon {
    display: inline-block;
    width: 4px;
    padding: 10px 0;
    vertical-align: top;
}
.p-job-fix-summary-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
}
.p-job-fix-summary-list > dt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-basis: 5em;
    max-width: 5em;
    font-weight: bold;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.p-job-fix-summary-list > dd {
    flex-basis: -webkit-calc(100% - 5em);
    flex-basis: -ms-calc(100% - 5em);
    flex-basis: calc(100% - 5em);
    max-width: -webkit-calc(100% - 5em);
    max-width: -ms-calc(100% - 5em);
    max-width: calc(100% - 5em);
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.p-job-fix-summary-list .icon-phone {
    font-size: 26px;
    color: #ccc;
    margin-left: 10px;
}
@media screen and (min-width: 768px) {
    .p-job-group-outer {
        margin: 20px 10px;
    }
}
.p-job-group-outer.p-job-group-outer--top-attached {
    border-top: none;
    margin-top: 0;
}
.p-job-internal-link-area {
    background: #fff;
}
.p-job-group,
.p-matching-support-cassette,
.p-job-resume-box {
    margin-top: 16px;
    padding: 24px 16px;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .p-job-group,
    .p-matching-support-cassette,
    .p-job-resume-box {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 24px;
    }
}
.p-job-group.p-job-group--bg-white,
.p-job-group--bg-white.p-matching-support-cassette,
.p-job-group--bg-white.p-job-resume-box {
    background-color: #fff;
}
.p-job-group .p-search-cassette,
.p-matching-support-cassette .p-search-cassette,
.p-job-resume-box .p-search-cassette,
.p-job-group .p-search-cassette__heading,
.p-matching-support-cassette .p-search-cassette__heading,
.p-job-resume-box .p-search-cassette__heading,
.p-job-group .p-job-table,
.p-matching-support-cassette .p-job-table,
.p-job-resume-box .p-job-table {
    color: #222;
}
.p-job-group .p-search-cassette,
.p-matching-support-cassette .p-search-cassette,
.p-job-resume-box .p-search-cassette {
    border-top: 1px solid #ccc;
}
.p-job-group .p-search-label-list,
.p-matching-support-cassette .p-search-label-list,
.p-job-resume-box .p-search-label-list {
    margin-top: -1px;
    padding-bottom: 2px;
}
.p-job-group--client-reviews {
    color: #575757;
    font-style: 14px;
    line-height: 1.5;
    padding-bottom: 48px;
}
@media screen and (min-width: 768px) {
    .p-job-group--client-reviews {
        padding-top: 40px;
    }
}
.p-job-group--no-padding-bottom {
    padding-bottom: 0;
}
.p-job-group--button-area-bottom {
    position: relative;
    margin-top: 0;
}
.p-job-group__heading {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 24px;
    color: #222;
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .p-job-group__heading.p-job-group__heading--internal-link-area {
        background: #fff;
        border-bottom: none;
        padding: 25px 0 0;
    }
}
.p-job-group__heading.p-job-group__heading--tab-shops {
    margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
    .p-job-group__heading:not(:first-child) {
        margin-top: 20px;
    }
}
.p-job-group__heading-inner {
    display: inline-block;
    padding-bottom: 4px;
    border-bottom: 4px solid rgba(249, 96, 117, 0.4);
}
.p-job-heading,
.p-job-group-awards__heading {
    padding-bottom: 16px;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.4;
    color: #222;
}
.p-job-sub-heading {
    padding-top: 8px;
    padding-bottom: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    color: #222;
}
.p-job-group-inner {
    color: #222;
    line-height: 1.8;
}
.p-job-group-inner--client-review {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .p-job-group-inner--client-review .p-review__question--left {
        flex-basis: 50%;
        padding-left: 0;
    }
}
@media screen and (min-width: 768px) {
    .p-job-group-inner--client-review .p-review__question--right {
        flex-basis: 50%;
        padding-left: 16px;
        padding-right: 0;
    }
}
@media screen and (min-width: 768px) {
    .p-job-group-inner__figure-outer {
        display: flex;
    }
}
.p-job-group-inner__figure-outer.p-job-group-inner__figure-outer--brand-content {
    border: 1px solid #ccc;
    border-top: none;
    padding: 10px;
}
@media screen and (min-width: 768px) {
    .p-job-group-inner__figure-outer.p-job-group-inner__figure-outer--brand-content {
        flex-direction: column;
        padding: 15px;
    }
}
@media screen and (min-width: 768px) {
    .p-job-group-inner__figure-outer.p-job-group-inner__figure-outer--pc-1column {
        flex-direction: column;
        margin: 0 auto;
        max-width: 657px;
        align-items: center;
    }
}
@media screen and (min-width: 768px) {
    .p-job-group-inner__figure-outer > * {
        max-width: 100%;
        min-width: 0;
    }
}
.p-job-group-inner__heading-container {
    padding-top: 58px;
    margin-top: -58px;
}
@media screen and (min-width: 768px) {
    .p-job-group-inner__heading-container {
        padding-top: 48px;
        margin-top: -48px;
    }
}
.p-job-group-inner__heading {
    position: relative;
    font-weight: bold;
    padding-left: 20px;
    padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
    .p-job-group-inner__heading {
        background: #f4f4f4;
        padding: 10px;
        margin-bottom: 20px;
    }
}
.p-job-group-inner__heading::before,
.p-job-group-inner__heading::after {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    width: 8px;
    height: 10px;
}
@media screen and (min-width: 768px) {
    .p-job-group-inner__heading::before,
    .p-job-group-inner__heading::after {
        display: none;
    }
}
.p-job-group-inner__heading::before {
    background-color: #eb99a3;
}
.p-job-group-inner__heading::after {
    bottom: 20px;
    background-color: #ea7986;
}
.p-job-group-inner__heading.p-job-group-inner__heading--client-shop-content {
    margin-top: 30px;
    margin-left: -5px;
}
.p-job-group-inner__title {
    width: 100%;
    font-weight: bold;
    text-align: center;
}
.p-job-group-inner__narrow-content {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .p-job-group-inner__narrow-content {
        margin-top: 10px;
    }
}
.p-job-group-inner__text {
    padding: 0 5px;
}
@media screen and (min-width: 768px) {
    .p-job-group-inner__text {
        margin-top: 5px;
    }
}
.p-job-group-inner__figure {
    text-align: center;
    margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
    .p-job-group-inner__figure-outer .p-job-group-inner__figure {
        width: 338px;
        flex-shrink: 0;
        margin-right: 20px;
        margin-bottom: 0;
    }
}
@media screen and (min-width: 768px) {
    .p-job-group-inner__figure-outer--brand-content .p-job-group-inner__figure {
        display: block;
        width: 100%;
        padding: 0;
        margin-right: 0;
        letter-spacing: -0.4em;
    }
}
@media screen and (min-width: 768px) {
    .p-job-group-inner__figure-outer--pc-1column .p-job-group-inner__figure {
        margin-right: 0;
    }
}
.p-job-group-inner__figure.p-job-group-inner__figure--shop {
    margin-top: -5px;
}
.p-job-group-outer__figure--center {
    text-align: center;
    width: 100%;
    padding: 5px;
    margin: 0 auto 10px;
}
@media screen and (min-width: 768px) {
    .p-job-group-outer__figure--center {
        width: 338px;
    }
}
@media screen and (max-width: 767px) {
    .p-job-group-outer__figure--center {
        max-width: 50% !important;
    }
}
.p-user-experience-voice-outer {
    margin-top: 30px;
}
@media screen and (min-width: 768px) {
    .p-user-experience-voice-outer {
        margin-top: 24px;
    }
}
.p-job-group-inner__figure--line,
.p-job-group-inner__figure--logo,
.p-job-group-inner__figure--medium {
    position: relative;
    text-align: center;
    height: 0;
    overflow: hidden;
}
.p-job-group-inner__figure--line img,
.p-job-group-inner__figure--logo img,
.p-job-group-inner__figure--medium img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    height: auto;
}
.p-job-group-inner__figure--medium {
    padding-bottom: 100%;
}
.p-job-group-inner__figure--logo {
    padding-bottom: 56.31%;
}
.p-job-group-inner__figure--logo img {
    padding: 0;
}
.p-job-group-inner__figure--line {
    padding-bottom: 56.31%;
}
.p-job-group-inner__figure-img {
    width: 100%;
    padding: 5px;
    margin: auto;
}
@media screen and (max-width: 767px) {
    .p-job-group-inner__figure-img {
        max-width: 50% !important;
    }
}
@media screen and (min-width: 768px) {
    .p-job-group-inner__figure-outer--brand-content .p-job-group-inner__figure-img {
        display: inline-block;
        width: 50%;
    }
}
.p-job-group-inner__figcaption {
    text-align: left;
    padding-top: 10px;
}
.p-job-group-inner-content__heading {
    font-weight: bold;
    padding: 20px 0 5px;
}
.p-job-group-inner-content:first-of-type .p-job-group-inner-content__heading {
    padding-top: 0;
}
@media screen and (min-width: 768px) {
    .p-job-filter-outer {
        max-width: 575px;
        margin-left: auto;
        margin-right: auto;
    }
}
.p-job-filter {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.p-job-filter__note {
    width: 100%;
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
    .p-job-filter__note {
        margin-top: 0;
    }
}
.p-job-filter__heading {
    width: 100%;
    flex-shrink: 0;
    padding-top: 30px;
    padding-bottom: 5px;
}
.p-job-filter__pulldown-container {
    display: flex;
    align-items: center;
    width: 100%;
}
.p-job-filter__pulldown {
    flex-grow: 1;
}
.p-job-filter__pulldown[disabled="true"] {
    color: #ccc;
    background-color: #eee;
}
.p-job__num-container {
    font-size: 1.2rem;
    color: #222;
}
.p-job__num-container.p-job__num-container--filter {
    font-size: 1.4rem;
    padding-top: 10px;
}
.p-job__num-container.p-job__num-container--filter .p-job__num {
    font-size: 1.4rem;
}
.p-job__num {
    font-size: 2rem;
    color: #f97b0b;
    padding-right: 5px;
}
.p-job-cassete {
    background: #fff;
    padding: 15px 10px;
    border-top: 4px solid #f08f9b;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
    .p-job-cassete {
        padding: 30px 20px;
        border-left: 1px solid #d1d1d1;
        border-right: 1px solid #d1d1d1;
        border-bottom: 1px solid #d1d1d1;
        margin-top: 20px;
    }
}
.p-job-cassete + .p-job-cassete {
    margin-top: 10px;
}
.p-job-cassete__link {
    display: block;
    color: #666;
}
.p-job-cassete__link:hover {
    text-decoration: none;
}
.p-job-cassete__heading-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 10px;
}
.p-job-cassete-table {
    width: 100%;
    background: #fff;
}
.p-job-cassete-table th,
.p-job-cassete-table td {
    border: 1px solid #ccc;
}
.p-job-cassete-table th {
    width: 38px;
    color: #bbb;
    background: #eee;
    text-align: center;
    vertical-align: middle;
    font-size: 2rem;
    padding: 8px 4px;
}
.p-job-cassete-table td {
    padding: 8px;
}
.p-job-cassete-table caption {
    font-size: 1.2rem;
    text-align: left;
    caption-side: bottom;
    margin-top: 5px;
}
.p-job-video-outer {
    position: relative;
    margin-left: -16px;
    margin-right: -16px;
    padding-top: 56.25%;
}
@media screen and (min-width: 768px) {
    .p-job-video-outer {
        margin-left: 0;
        margin-right: 0;
    }
}
.p-job-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@keyframes job_video_show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.p-job-video-modal.is-show {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    animation: job_video_show 0.2s linear 0s;
}
.p-job-video-modal.is-show .p-job-video-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1296px;
    z-index: 2;
}
.p-job-video-modal.is-show .p-job-video-modal-content__inner {
    position: relative;
    max-width: 177.78vh;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .p-job-video-modal.is-show .p-job-video-modal-content__inner {
        padding: 0 48px;
    }
}
.p-job-video-modal__close-btn {
    -webkit-appearance: none;
    appearance: none;
    display: none;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    background-color: transparent;
    transition: opacity 0.2s;
    z-index: 2;
}
.p-job-video-modal__close-btn:hover,
.p-job-video-modal__close-btn:focus {
    opacity: 0.6;
}
@media screen and (min-width: 768px) {
    .p-job-video-modal__close-btn::before,
    .p-job-video-modal__close-btn::after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 4px;
        height: 100%;
        border-radius: 2px;
        background-color: #fff;
    }
}
.p-job-video-modal__close-btn::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.p-job-video-modal__close-btn::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (min-width: 768px) {
    .p-job-video-modal.is-show .p-job-video-modal__close-btn {
        display: block;
    }
}
.p-job-video-modal__overlay {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    cursor: pointer;
}
.p-job-video-modal.is-show .p-job-video-modal__overlay {
    display: block;
}
.p-job-btnlist {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    list-style-type: none;
    margin-top: 5px;
}
@media screen and (min-width: 768px) {
    .p-job-btnlist {
        margin-left: 0;
        margin-right: 0;
    }
}
.p-job-btnlist {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    list-style-type: none;
    margin-top: 5px;
}
@media screen and (min-width: 768px) {
    .p-job-btnlist {
        width: -webkit-calc(100% + 10px);
        width: -ms-calc(100% + 10px);
        width: calc(100% + 10px);
        padding: 5px 0;
        margin-left: -5px;
    }
}
.p-job-btnlist-outer--fixed {
    position: fixed;
    left: 0;
    bottom: -62px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 2;
    transition: bottom 0.2s;
}
@media screen and (min-width: 768px) {
    .p-job-btnlist-outer--fixed {
        background: #000;
    }
}
.js-footer-fix__btn.is-hide {
    display: none;
}
.p-job-btnlist--fixed {
    font-size: 1.6rem;
    max-width: 1010px;
    padding: 6.25px 10px;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .p-job-btnlist__item {
        padding: 0 5px;
    }
}
.p-job-btnlist__item--keep {
    position: relative;
}
.p-job-btnlist__item--col2 {
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 1px;
}
@media screen and (min-width: 768px) {
    .p-job-btnlist__item--col2 {
        padding: 0 5px;
    }
    .p-job-btnlist:not(.p-job-btnlist--fixed) .p-job-btnlist__item--col2 {
        flex-basis: 25%;
        max-width: 25%;
    }
}
.p-job-btnlist__item--col2-left {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-right: 2px;
}
@media screen and (min-width: 768px) {
    .p-job-btnlist__item--col2-left {
        flex-basis: 25%;
        max-width: 25%;
        padding: 0 5px;
    }
}
.p-job-btnlist__item--col2-right {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
}
@media screen and (min-width: 768px) {
    .p-job-btnlist__item--col2-right {
        flex-basis: 25%;
        max-width: 25%;
    }
}
.p-job-btnlist__item--col1 {
    flex-basis: 100%;
    max-width: 100%;
}
@media screen and (min-width: 768px) {
    .p-job-btnlist__item--col1 {
        flex-basis: 50%;
        max-width: 50%;
        margin: 0 auto;
    }
}
@media screen and (min-width: 768px) {
    .p-job-btnlist__item--col1.p-job-btnlist__item--disable,
    .p-job-btnlist__item--col1.p-job-btnlist__item--shops {
        flex-basis: 100%;
        max-width: 100%;
    }
}
.p-job-btnlist__child-item {
    height: 42px;
    margin-top: 5px;
    font-size: 16px;
}
@media screen and (min-width: 768px) {
    .p-job-btnlist__child-item {
        height: 56px;
        font-size: 14px;
    }
}
.p-job-btnlist__child-item--entry {
    background-color: #fb6341;
}
.p-job-btnlist__child-item--small-text {
    padding: 0;
    font-size: 14px;
}
.p-job-btnlist__child-item--small-text .icon-phone::before {
    margin-left: 0;
}
.p-job-btnlist__child-item--side-keep {
    height: 36px;
    font-size: 12px;
}
.p-job-single-btn-outer {
    margin: 10px 0;
}
@media screen and (min-width: 768px) {
    .p-job-single-btn-outer {
        max-width: 50%;
        margin: 15px auto;
    }
}
.p-job-single-btn-outer--keep-top {
    position: relative;
}
.p-job-single-btn {
    height: 42px;
}
@media screen and (min-width: 768px) {
    .p-job-single-btn {
        height: 56px;
    }
}
.p-job-balloon {
    width: 100%;
    height: 44px;
    padding: 0 10px;
    border-radius: 4px;
    z-index: 4;
}
.p-job-balloon__icon-cancel {
    font-size: 18px;
    margin-right: -5px;
}
.p-job-balloon__icon-cancel::before {
    margin: 0;
}
.p-job-balloon--webview-pc-keep {
    position: absolute;
    bottom: -54px;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #1076db;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    z-index: 3;
}
.p-job-balloon--webview-pc-keep::before {
    position: absolute;
    content: "";
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 7px 10px;
    border-color: transparent transparent #1076db transparent;
}
.p-job-balloon--webview-pc-keep {
    width: calc(100vw - 20px);
}
.p-job-balloon--webview-pc-keep::before {
    left: 16.6%;
}
.is-pc .p-job-balloon--webview-pc-keep {
    bottom: auto;
    top: -49px;
}
.is-pc .p-job-balloon--webview-pc-keep::before {
    top: auto;
    bottom: -7px;
    border-width: 7px 10px 0 10px;
    border-color: #1076db transparent transparent transparent;
}
@media screen and (min-width: 768px) {
    .p-job-balloon--webview-pc-keep {
        bottom: -49px;
        width: 50vw;
        max-width: 400px;
        left: 50%;
        transform: translateX(-50%);
    }
    .p-job-balloon--webview-pc-keep::before {
        left: 50%;
    }
}
.p-job-entry-box-container--bottom {
    margin: 0 -6px;
}
@media screen and (min-width: 768px) {
    .p-job-entry-box-container--bottom {
        margin-left: 0;
        margin-right: 0;
    }
}
.is-pc .p-job-entry-box {
    display: flex;
    margin: 5px 0 0;
}
@media screen and (min-width: 768px) {
    .is-pc .p-job-entry-box {
        background: #f8f8f8;
        margin: 10px 0 0;
    }
}
.is-pc .p-job-entry-box .p-job-btnlist {
    order: 2;
    display: inline-flex;
    flex-basis: 60%;
    flex-grow: 1;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.is-pc .p-job-entry-box .p-job-btnlist__item--tel {
    display: none;
}
.is-pc .p-job-entry-box .p-job-btnlist--search .p-job-btnlist__item,
.is-pc .p-job-entry-box .p-job-btnlist--work .p-job-btnlist__item,
.is-pc .p-job-entry-box .p-job-btnlist--shop .p-job-btnlist__item {
    margin: 0 auto;
}
.is-pc .p-job-entry-box .p-job-btnlist--search .p-job-btnlist__item--entry,
.is-pc .p-job-entry-box .p-job-btnlist--work .p-job-btnlist__item--entry,
.is-pc .p-job-entry-box .p-job-btnlist--shop .p-job-btnlist__item--entry {
    order: 2;
    flex-basis: 50%;
    max-width: 50%;
}
.is-pc .p-job-entry-box .p-job-btnlist--search .p-job-btnlist__item--keep,
.is-pc .p-job-entry-box .p-job-btnlist--work .p-job-btnlist__item--keep,
.is-pc .p-job-entry-box .p-job-btnlist--shop .p-job-btnlist__item--keep {
    order: 1;
    flex-basis: 50%;
    max-width: 50%;
}
.is-pc .p-job-entry-box .p-job-btnlist--search .p-job-btnlist__item--scout,
.is-pc .p-job-entry-box .p-job-btnlist--search .p-job-btnlist__item--disable,
.is-pc .p-job-entry-box .p-job-btnlist--work .p-job-btnlist__item--scout,
.is-pc .p-job-entry-box .p-job-btnlist--work .p-job-btnlist__item--disable,
.is-pc .p-job-entry-box .p-job-btnlist--shop .p-job-btnlist__item--scout,
.is-pc .p-job-entry-box .p-job-btnlist--shop .p-job-btnlist__item--disable {
    flex-basis: 100%;
    max-width: 100%;
}
.is-pc .p-job-entry-box .p-job-btnlist--search .p-job-btnlist__item--scout,
.is-pc .p-job-entry-box .p-job-btnlist--search .p-job-btnlist__item--disable {
    flex-basis: 75%;
    max-width: 75%;
}
.is-pc .p-job-entry-box .p-job-tell-list {
    margin-right: 0;
}
.is-pc .p-job-entry-box--search-cassette {
    margin-top: 0;
}
.p-job-btnlist--side .p-job-btnlist__item {
    width: 100%;
}
.p-job-btnlist--job-browse > li {
    margin-top: 5px;
    width: 100%;
    padding: 0 5px;
}
.p-job-tell-list {
    display: none;
    flex-direction: column;
    justify-content: center;
    order: 1;
    position: relative;
    width: 40%;
    height: 56px;
    background: #fff;
    padding: 0px 5px 0px 50px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin: 10px;
    font-size: 12px;
}
.p-job-tell-list:before {
    font-family: "fontello";
    content: "\e81f";
    position: absolute;
    font-size: 30px;
    left: 12px;
    color: #ccc;
}
@media screen and (min-width: 980px) {
    .p-job-tell-list {
        display: flex;
    }
}
.p-job-tell-list__item--tel-num {
    display: block;
}
.p-job-tell-list__tel-num {
    font-size: 18px;
    color: #f97b0b;
}
.p-job-work-num {
    font-size: 12px;
    margin-top: 5px;
}
.p-job-work-num--cassette {
    display: none;
}
@media screen and (min-width: 768px) {
    .p-job-work-num--cassette {
        display: block;
    }
}
.p-job__deadline-container {
    text-align: center;
    padding-top: 10px;
}
.p-job__deadline {
    font-size: 20px;
    color: #f97b0b;
}
.p-job-scout-label-container {
    padding-bottom: 5px;
    margin-top: -19px;
}
@media screen and (min-width: 768px) {
    .p-job-scout-label-container {
        margin-top: -34px;
    }
}
.p-job-scout-label {
    height: 26px;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    padding: 0 10px;
    border: none;
    border-radius: 0 0 2px 2px;
}
.p-job-scout-label.p-job-scout-label--scout {
    background-color: #eb714c;
    border-color: #eb714c;
}
.p-job-scout-label.p-job-scout-label--premium-scout {
    background-color: #ff7878;
    border-color: #ff7878;
}
.p-job-btn-area-bottom {
    padding: 0 10px;
}
@media screen and (min-width: 768px) {
    .p-job-btn-area-bottom {
        padding: 0;
    }
}
.p-job-cassete-pagenation {
    margin-top: 10px;
}
.p-job-search {
    font-size: 14px;
}
.p-job-brand-image-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -20px;
}
@media screen and (min-width: 768px) {
    .p-job-brand-image-list {
        justify-content: flex-start;
    }
}
.p-job-brand-image-list__item {
    display: flex;
    align-items: flex-start;
    flex-basis: 48%;
    margin-top: 20px;
}
@media screen and (min-width: 768px) {
    .p-job-brand-image-list__item {
        flex-basis: 24%;
        margin-right: 1.3333333333%;
    }
    .p-job-brand-image-list__item:nth-child(4) {
        margin-right: 0;
    }
}
.p-job-brand-image-list__link {
    width: 100%;
}
.p-job-brand-image-list__image {
    border: 1px solid #eee;
    margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
    .p-job-search__top-contents {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
}
.p-job-search__pulldown-container {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
@media screen and (min-width: 768px) {
    .p-job-search__pulldown-container {
        flex-basis: 40%;
    }
}
.p-job-search__top-icon {
    width: 11px;
}
.p-job-search__label {
    position: relative;
    width: -webkit-calc(50% - 22px);
    width: -ms-calc(50% - 22px);
    width: calc(50% - 22px);
}
.p-job-search__label:after {
    position: absolute;
    content: "";
    display: inline-block;
    right: 10px;
    width: 12px;
    height: 8px;
    margin-top: -4px;
    background-image: url("https://relax-job.com/images/user_frontend/global/icon/icn_arrow_down.svg");
    background-size: auto;
    background-repeat: no-repeat;
    top: 50%;
}
@media all and (-ms-high-contrast: none) {
    .p-job-search__label *::-ms-backdrop,
    .p-job-search__label:after {
        display: none;
    }
}
.p-job-search__pulldown {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #d9d9d9;
    height: 46px;
    color: #222;
}
.p-job-search__pulldown.is-initialvalue {
    color: #949494;
}
.p-job-search__input-container {
    margin-top: 8px;
}
@media screen and (min-width: 768px) {
    .p-job-search__input-container {
        flex-basis: 35%;
        padding-left: 12px;
        margin-top: 0;
    }
}
input.p-job-search__input {
    width: 100%;
    height: 46px;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: none;
    color: #222;
}
input.p-job-search__input:-ms-input-placeholder {
    color: #949494;
}
input.p-job-search__input::-moz-placeholder {
    color: #949494;
}
input.p-job-search__input::-webkit-input-placeholder {
    color: #949494;
}
.p-job-search-btn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    color: #227cba;
    margin-right: 10px;
    position: relative;
}
.p-job-search-btn::after {
    content: "";
    position: absolute;
    background-image: url("https://relax-job.com/images/user_frontend/global/icon/icn_arrow_blue_right.svg");
    width: 6px;
    height: 13px;
    right: -10px;
    top: 3px;
}
.p-job-search-btn-container {
    margin-top: 8px;
}
@media screen and (min-width: 768px) {
    .p-job-search-btn-container {
        flex-basis: 25%;
        margin-top: 0;
        padding-left: 12px;
    }
}
.p-job-search-btnlist__submit {
    background-color: #fb6341;
    height: 48px;
    font-size: 16px;
    align-items: center;
    position: relative;
    justify-content: center;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    line-height: 1;
    box-shadow: none;
}
@media screen and (min-width: 768px) {
    .p-job-search-btnlist__submit {
        height: 46px;
    }
}
.p-job-link-panel__item {
    border-bottom: 1px solid #eee;
    background: #fff;
}
.p-job-link-panel__item:nth-child(5n),
.p-job-link-panel__item:last-child {
    border-bottom: none !important;
}
.p-job-link-panel__item.p-job-link-panel__item--shops:nth-child(n + 6) {
    display: none;
}
.p-job-link-panel__child-item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 15px 10px 10px;
}
@media screen and (min-width: 768px) {
    .p-job-link-panel__child-item {
        padding: 10px 0;
    }
}
.p-job-link-panel__child-item:hover {
    text-decoration: none;
    opacity: 0.8;
}
.p-job-link-panel__child-item:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    content: "\e80e";
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -8px;
    color: #ccc;
}
@media screen and (min-width: 768px) {
    .p-job-link-panel__item:last-child .p-job-link-panel__child-item {
        padding-bottom: 0 !important;
    }
}
.p-job-link-panel--shops .p-job-link-panel__child-item {
    padding-left: 0;
}
.p-job-link-panel__image {
    width: 25%;
    padding-right: 10px;
}
@media screen and (min-width: 768px) {
    .p-job-link-panel__image {
        width: 160px;
    }
}
.p-job-link-panel__image > img {
    height: auto;
}
.p-job-link-panel__detail {
    width: 75%;
}
@media screen and (min-width: 768px) {
    .p-job-link-panel__detail {
        width: -webkit-calc(100% - 160px);
        width: -ms-calc(100% - 160px);
        width: calc(100% - 160px);
    }
}
.p-job-link-panel__subheading {
    font-size: 1rem;
}
.p-job-link-panel__heading {
    font-weight: normal;
    margin-bottom: 5px;
}
.p-job-link-panel__text {
    font-size: 1.2rem;
}
.p-job-link-panel__text-link {
    font-size: 14px;
    text-align: right;
    margin-top: 24px;
    font-weight: bold;
}
.p-job-recommend-innerlist {
    font-size: 1rem;
    letter-spacing: -0.4em;
}
.p-job-recommend-innerlist__item {
    display: inline-block;
    letter-spacing: normal;
}
.p-job-recommend-innerlist__item:not(:last-child):after {
    margin: 0 0.8em;
    color: #ccc;
    content: "|";
}
.p-client-oiwai-banner {
    text-align: center;
}
.p-job-average-salary {
    margin-top: 4px;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .p-job-average-salary {
        display: flex;
        margin-top: 8px;
        margin-left: -16px;
        margin-right: -16px;
    }
}
.p-job-average-salary .c-heading {
    color: #222;
}
@media screen and (min-width: 768px) {
    .p-job-average-salary__item {
        flex-basis: 50%;
        max-width: 50%;
        padding: 16px;
    }
}
.p-job-average-salary__item + .p-job-average-salary__item {
    margin-top: 48px;
}
@media screen and (min-width: 768px) {
    .p-job-average-salary__item + .p-job-average-salary__item {
        margin-top: 0;
    }
}
.p-job-average-salary__heading {
    color: #222;
    font-size: 1.6rem;
    font-weight: bold;
}
.p-job-average-salary__description {
    padding-top: 24px;
}
.p-job-average-salary-average {
    display: flex;
    flex-basis: auto;
    flex-grow: 1;
    flex-wrap: wrap;
    align-items: flex-end;
    font-weight: bold;
    line-height: 1.14;
}
.p-job-average-salary-average__num {
    padding-left: 8px;
    padding-right: 2px;
    font-size: 3.5rem;
    line-height: 1;
    color: #f97b0b;
}
.p-job-average-salary-average__bottom {
    display: inline-flex;
    flex-basis: 100%;
    margin-top: 16px;
    font-size: 1.2rem;
}
@media screen and (min-width: 980px) {
    .p-job-average-salary-average__bottom {
        flex-basis: auto;
    }
}
.p-job-average-salary-average__bottom > span + span {
    padding-left: 4px;
}
.p-job-average-salary-list {
    display: flex;
    flex-basis: 65%;
    flex-wrap: wrap;
    margin-top: 16px;
    margin-left: -24px;
    font-size: 12px;
}
@media screen and (min-width: 768px) {
    .p-job-average-salary-list {
        margin-top: 0;
        margin-left: -32px;
    }
}
.p-job-average-salary-list > li {
    padding-left: 24px;
}
@media screen and (min-width: 768px) {
    .p-job-average-salary-list > li {
        padding-left: 32px;
    }
}
.p-job-average-salary-list__num {
    font-weight: bold;
}
.p-job-average-salary__comment {
    flex-basis: 100%;
    margin-top: 8px;
    font-size: 1.2rem;
    line-height: 1.5;
}
.p-job-average-salary__histogram-outer {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .p-job-footer-nav-outer {
        margin: 0 10px;
    }
}
.p-job-footer-nav {
    background: #fff;
    padding: 24px 16px 0 16px;
}
.p-job-footer-nav-list {
    font-weight: bold;
}
.p-job-footer-nav-list:first-of-type {
    border-top: 1px solid #eee;
}
.p-job-footer-nav-list:last-of-type .p-job-footer-nav-inner {
    padding-bottom: 24px;
}
.p-job-footer-nav-links-list {
    color: #333;
}
.p-job-footer-nav-links__accordion-title {
    font-size: 16px;
}
.p-job-footer-nav-list__header {
    position: relative;
    display: block;
    font-weight: bold;
    padding: 18px 21px 18px 0;
    cursor: pointer;
    color: #222;
    border-bottom: 1px solid #eee;
}
.p-job-footer-nav-links-list .p-job-footer-nav-list__header {
    border-bottom: none;
}
.p-job-footer-nav-list__header:after {
    content: "\e80c";
    font-family: "fontello";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 1.2rem;
    line-height: 1.2rem;
}
.p-job-footer-nav-list__header .p-job-footer-nav-list.is-open:last-child,
.p-job-footer-nav-links-list:last-child .p-job-footer-nav-list__header.is-open {
    color: #f96075;
    border-bottom: 1px solid #f96075;
}
.p-job-footer-nav-list__header .p-job-footer-nav-list.is-open:last-child:after,
.p-job-footer-nav-links-list:last-child .p-job-footer-nav-list__header.is-open:after {
    transform: translateY(-50%) rotate(180deg);
}
.p-job-footer-nav-list:last-child .p-job-footer-nav-list__header {
    border-bottom: none;
}
.p-job-footer-nav-list__header.is-open {
    color: #f96075;
    border-bottom: 1px solid #f96075;
}
.p-job-footer-nav-list__header.is-open:after {
    transform: translateY(-50%) rotate(180deg);
}
.p-job-footer-nav-links-list .p-job-footer-nav-list__item {
    border-top: 1px solid #eee;
}
.p-job-footer-nav-inner {
    display: none;
    line-height: 32px;
}
@media screen and (min-width: 768px) {
    .p-job-footer-nav-inner {
        line-height: 1.5;
        background-color: transparent;
    }
}
.p-job-footer-nav-inner__header {
    font-weight: normal;
}
.p-job-footer-nav-inner__header:not(:first-child) {
    border-top: 1px solid #eee;
    padding-top: 8px;
    margin-top: 8px;
}
@media screen and (min-width: 768px) {
    .p-job-footer-nav-inner__header:not(:first-child) {
        border-top: none;
        padding-top: 0;
        margin-top: 10px;
    }
}
.p-job-footer-nav-innerlist {
    letter-spacing: -0.4em;
}
.p-job-footer-nav-inner--depth-3 .p-job-footer-nav-innerlist {
    padding-left: 1em;
}
.p-job-footer-nav-innerlist__item {
    letter-spacing: normal;
    background: #f8f8f8;
    padding: 7px 16px;
    margin-bottom: 1px;
    position: relative;
}
@media screen and (min-width: 768px) {
    .p-job-footer-nav-innerlist__item {
        padding: 12.5px 16px;
    }
}
.p-job-footer-nav-innerlist__item:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    content: "\e80e";
    position: absolute;
    transform: translateY(-50%);
    right: 9px;
    top: 50%;
    color: #ccc;
}
@media screen and (min-width: 768px) {
    .p-job-footer-nav-innerlist__item:after {
        right: 9.5px;
    }
}
@media screen and (min-width: 768px) {
    .p-job-footer-nav-links__accordion--inner {
        margin-bottom: 10px;
    }
}
.p-job-footer-nav-links-innerlist {
    display: flex;
    flex-wrap: wrap;
    margin: 8px 0;
}
.p-job-footer-nav-links-innerlist__item {
    font-weight: normal;
    font-size: 14px;
    display: block;
    padding: 8px 12px;
}
.p-job-footer-nav-links-innerlist__item-head {
    font-weight: bold;
    font-size: 14px;
    margin: 12px 12px 0 12px;
}
.p-job-footer-nav-links-parent-innerlist {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
}
.p-job-footer-nav-links-child {
    border-bottom: 1px solid #eee;
}
.p-job-footer-nav-links-child-innerlist {
    display: flex;
    flex-wrap: wrap;
}
.p-job-footer-nav-links-parent-innerlist__item {
    display: block;
    width: 100%;
}
.p-job-footer-nav-links__title {
    font-size: 16px;
    color: #222;
    padding: 16px 0;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-job-footer-nav-links__title {
        padding-top: 0;
    }
}
.p-job-footer-nav-links__tab-buttons {
    padding: 16px 0;
}
.p-job-footer-nav-links__contents-outer {
    padding: 16px 0;
}
.p-job-table {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    color: #666;
    font-size: 12px;
    border: 1px solid #ccc;
    border-bottom: none;
    order: 5;
}
.p-job-table .p-job-table__row {
    display: inherit;
    flex-basis: 100%;
}
.p-job-table dt,
.p-job-table dd,
.p-job-table .p-job-table__left,
.p-job-table .p-job-table__right {
    border-bottom: 1px solid #ccc;
}
.p-job-table dt,
.p-job-table .p-job-table__left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 6em;
    background: #eee;
    text-align: center;
    vertical-align: middle;
    padding: 8px 4px;
}
@media screen and (min-width: 768px) {
    .p-job-table dt,
    .p-job-table .p-job-table__left {
        justify-content: left;
        width: 11em;
        padding: 8px 12px;
    }
}
.p-job-table dd,
.p-job-table .p-job-table__right {
    width: -webkit-calc(100% - 6em);
    width: -ms-calc(100% - 6em);
    width: calc(100% - 6em);
    background: #fff;
    padding: 8px;
}
@media screen and (min-width: 768px) {
    .p-job-table dd,
    .p-job-table .p-job-table__right {
        width: -webkit-calc(100% - 11em);
        width: -ms-calc(100% - 11em);
        width: calc(100% - 11em);
        padding: 8px 12px;
    }
}
@media screen and (max-width: 767px) {
    .p-job-table.p-job-table--icon dt,
    .p-job-table.p-job-table--icon .p-job-table__left {
        width: 38px;
    }
}
.p-job-table.p-job-table--icon dt [class*="icon-"],
.p-job-table.p-job-table--icon .p-job-table__left [class*="icon-"] {
    color: #bbb;
    font-size: 20px;
}
@media screen and (min-width: 768px) {
    .p-job-table.p-job-table--icon dt [class*="icon-"],
    .p-job-table.p-job-table--icon .p-job-table__left [class*="icon-"] {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .p-job-table.p-job-table--icon dd,
    .p-job-table.p-job-table--icon .p-job-table__right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: -webkit-calc(100% - 38px);
        width: -ms-calc(100% - 38px);
        width: calc(100% - 38px);
    }
}
.p-job-group-table {
    border: 1px solid #f2f2f2;
    position: relative;
}
.p-job-group-table:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    content: "\e80e";
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -8px;
    color: #ccc;
    cursor: pointer;
}
.p-job-table__link {
    padding: 16px 25px 16px 16px;
    width: 100%;
    display: flex;
}
.p-job-table__image {
    margin-right: 8px;
    width: 100%;
    height: auto;
    flex-basis: 32.33%;
    flex-shrink: 0;
}
@media screen and (min-width: 768px) {
    .p-job-table__image {
        width: 160px;
        margin-right: 16px;
        flex-basis: auto;
    }
}
.p-job-table--shop {
    margin-top: 5px;
}
.p-job-table__inner-heading {
    font-weight: normal;
}
.p-job-table-innerlist__item {
    position: relative;
    padding-left: 26px;
}
.p-job-table-innerlist__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 12px;
    height: 20px;
    background-image: url(/images/user_frontend/global/icon/icn_map_light_gray.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.p-job-table-innerlist__item + .p-job-table-innerlist__item {
    margin-top: 0.5em;
}
.p-job-table-innerlist__emphasis {
    font-weight: bold;
}
.p-job-panel-navi-link-outer {
    margin-top: 28px;
    text-align: right;
}
.p-job-panel-navi-link-outer--video {
    margin-top: 10px;
    text-align: center;
}
.p-job-panel-navi-link {
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
    font-weight: bold;
    color: #0f71d2;
}
@media screen and (min-width: 768px) {
    .p-job-panel-navi-link:hover,
    .p-job-panel-navi-link:focus {
        text-decoration: underline;
    }
}
.p-job-panel-navi-link__icon {
    display: inline-block;
    width: 6px;
    margin-left: 8px;
}
.p-job-panel-navi-link__anchor-icon {
    display: inline-block;
    width: 15px;
    margin-right: 8px;
}
.p-job-panel-navi-link__text {
    text-align: left;
}
.p-job-panel-navi-link__anchor-icon--bottom img {
    transform: rotate(180deg);
}
.p-job-panel-navi-link__video-icon {
    width: 14px;
    height: 14px;
    margin-right: 8px;
}
.p-job-table__text-link-container {
    width: 100%;
    text-align: right;
    margin-top: 10px;
}
.p-job-table__text-link {
    display: inline-block;
    text-align: left;
}
.p-job-table__text-link:hover {
    text-decoration: underline;
}
.p-job-table__num {
    font-size: 16px;
    color: #f97b0b;
    font-weight: bold;
}
.p-job-table__shop-list {
    margin: -5px 0;
}
.p-job-table__shop-list > li {
    padding: 5px 0;
}
.p-job-table__shop-name {
    font-size: 14px;
}
.js-shops-accordion__item.is-hidden {
    display: none;
}
.p-job-table-btn-content {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .p-job-table-btn-content .c-btn--job-map {
        max-width: 343px;
    }
}
.p-job-table-btn {
    height: 32px;
}
@media screen and (min-width: 768px) {
    .p-job-table-btn {
        max-width: 280px;
        margin: 0 auto;
    }
}
.p-job-toggle-text {
    padding: 0 5px;
    font-size: 1.2rem;
    width: 100%;
    text-align: right;
    margin-top: 0.5em;
}
.p-job-fb-area {
    background: #fff;
    padding: 8px;
    border: 2px solid #b3def3;
}
@media screen and (min-width: 768px) {
    .p-job-fb-area {
        width: 49%;
    }
}
.p-job-fb-area__btn-container {
    margin-bottom: 8px;
}
.p-job-fb-area-btn {
    font-size: 1.2rem;
    height: 41px;
}
.p-job-fb-area-btn__inner {
    display: flex;
    align-items: baseline;
}
.p-job-fb-area-btn__small-text {
    font-size: 1rem;
    margin-left: 5px;
}
.p-job-fb-area__text {
    font-size: 1.2rem;
    text-align: center;
}
.p-job-fb-area__text.fb-area__text--small {
    font-size: 1rem;
}
.p-job-sns-btn__small-text {
    font-size: 1.2rem;
}
.p-job-sns-col2 {
    display: flex;
    width: -webkit-calc(100% + 2px);
    width: -ms-calc(100% + 2px);
    width: calc(100% + 2px);
    padding-top: 5px;
}
.p-job-sns-col2__item {
    flex-basis: 50%;
    padding: 0 1px;
}
.p-job-sns-col2__child-item {
    display: block;
    color: #666;
    background: #fff;
    text-align: center;
    padding: 8px 0;
    font-size: 1.2rem;
    border: 1px solid #d1d1d1;
}
.p-job-sns-col2__child-item:hover {
    background-color: #eee;
    text-decoration: none;
}
.p-job-group-awards {
    margin-top: 12px;
    padding: 24px 16px;
    background-color: #fff5f7;
}
@media screen and (min-width: 768px) {
    .p-job-group-awards {
        padding-bottom: 30px;
    }
}
@media screen and (min-width: 768px) {
    .p-job-group-awards__heading {
        font-size: 1.4rem;
    }
}
.p-job-group-awards__list {
    line-height: 1.5;
}
.p-job-group-awards__list li + li {
    margin-top: 16px;
}
.p-job-group-awards__link {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding-left: 34px;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 26px auto;
}
.p-job-group-awards__link--gold {
    background-image: url(/images/user_frontend/global/icon/icn_awards_ribbon_gold.svg);
}
.p-job-group-awards__link--silver {
    background-image: url(/images/user_frontend/global/icon/icn_awards_ribbon_silver.svg);
}
.p-job-group-awards__link--bronze {
    background-image: url(/images/user_frontend/global/icon/icn_awards_ribbon_bronze.svg);
}
.p-job-group-awards__link--selected {
    background-image: url(/images/user_frontend/global/icon/icn_awards_ribbon_selected.svg);
}
.p-job-group-awards__link-inner::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background-image: url(/images/user_frontend/global/icon/icn_new_window_blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.js-toggle-area {
    display: none;
}
.p-job-banner {
    margin-top: 16px;
}
.p-job-shop-num {
    padding-bottom: 16px;
}
.p-job-number-emphasis {
    font-weight: bold;
    color: #f97b0b;
}
.p-job-shop-omitted {
    margin-top: 8px;
    text-align: right;
}
.p-job-description-list {
    line-height: 1.5;
}
.p-job-description-list > dt {
    font-weight: bold;
}
.p-job-description-list > dt:not(:first-of-type) {
    margin-top: 8px;
}
.p-job-description-list > dd {
    margin-top: 4px;
}
.p-job-preparing-outer {
    width: 100%;
    max-width: 657px;
    margin: 10px auto 0;
}
.p-job-preparing {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.3166%;
    background-color: #f9f9f9;
    color: #575757;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-job-preparing {
        margin-top: 0;
    }
}
.p-job-preparing__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.p-job-preparing__icon {
    font-size: 10.66vw;
    line-height: 1;
}
@media screen and (min-width: 689px) {
    .p-job-preparing__icon {
        font-size: 73.4px;
    }
}
.p-job-preparing__bold {
    margin-top: 3.2vw;
    font-size: 6.4vw;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.06em;
}
@media screen and (min-width: 689px) {
    .p-job-preparing__bold {
        margin-top: 22px;
        font-size: 44px;
    }
}
.p-job-preparing__text {
    margin-top: 4.26vw;
    font-size: 4.26vw;
    line-height: 1.5;
}
@media screen and (min-width: 689px) {
    .p-job-preparing__text {
        margin-top: 29.3px;
        font-size: 29.3px;
    }
}
body[data-controller="Jobs"] img[src^="https://analytics.twitter.com/i/adsct"]
{
    display: none;
}
.p-sticky-anchor-link-outer {
    height: 56px;
}
@media screen and (min-width: 768px) {
    .p-sticky-anchor-link-outer {
        margin: -24px auto 0;
    }
}
.p-job-work-client-image {
    width: 100%;
    height: auto;
}
@media screen and (min-width: 768px) {
    .p-job-work-client-image {
        width: 35%;
    }
}
.p-job-last-edited-date {
    color: #575757;
    font-size: 12px;
    margin-top: 4px;
    text-align: right;
}
.p-regist-box__inner {
    margin-top: 12px;
}
@media screen and (min-width: 768px) {
    .p-regist-box__inner {
        width: 480px;
        margin-left: auto;
        margin-right: auto;
    }
}
.p-regist-form__listitem--term {
    font-weight: bold;
    margin-bottom: 4px;
}
.p-regist-form__listitem--description {
    font-size: 1.2rem;
    margin-top: 4px;
}
.p-regist-complete__inner--search {
    margin-top: 12px;
}
@media screen and (min-width: 768px) {
    .p-regist-complete__inner--search {
        margin-top: 32px;
    }
}
.p-regist-complete__inner--profile {
    margin-top: 32px;
}
@media screen and (min-width: 768px) {
    .p-regist-complete__inner--profile {
        margin-top: 64px;
    }
}
.p-regist-complete__btn-area {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .p-regist-complete__btn-area {
        display: block;
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
    }
}
.p-guidance-box,
.p-guidance-box--gray {
    margin-top: 8px;
    margin-bottom: 0;
    padding: 12px;
    border-radius: 8px;
    color: #222;
    font-size: 12px;
    line-height: 1.5;
}
.p-guidance-box--gray {
    background-color: #f9f9f9;
}
.p-review {
    color: #575757;
    font-size: 14px;
    padding-bottom: 24px;
}
.p-review__layout--flex {
    display: flex;
}
@media screen and (min-width: 768px) {
    .p-review__layout--flex-pc {
        display: flex;
        justify-content: flex-start;
    }
}
@media screen and (min-width: 768px) {
    .p-review__question--left {
        width: 52%;
        border-right: 1px solid #f2f2f2;
        padding: 0 16px;
    }
}
.p-review__question--right {
    margin-top: 58px;
}
@media screen and (min-width: 768px) {
    .p-review__question--right {
        margin-top: 0;
        padding: 0 16px 0 36px;
    }
}
.p-review__supplement {
    color: #222;
    text-align: center;
}
.p-review__question,
.p-review__question--border {
    color: #222;
    font-size: 18px;
    font-weight: bold;
    margin-top: 48px;
}
.p-review__question--border {
    border-top: 1px solid #f2f2f2;
    padding-top: 24px;
}
.p-review__question-item,
.p-review__question-item--client-reviews {
    color: #222;
    font-weight: normal;
    margin-top: 14px;
}
@media screen and (min-width: 768px) {
    .p-review__question-item,
    .p-review__question-item--client-reviews {
        margin-top: 25px;
    }
}
.p-review__question-item--client-reviews {
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-review__question-item--client-reviews {
        margin-top: 16px;
    }
}
.p-review__answer {
    font-weight: normal;
}
@media screen and (min-width: 768px) {
    .p-review__answer {
        margin-top: 24px;
    }
}
.p-review__list-number {
    font-size: 18px;
    font-weight: bold;
    margin-right: 8px;
    vertical-align: top;
}
.p-review__list--bold,
.p-review__list--highlight {
    display: flex;
    font-weight: bold;
    margin-top: 11px;
}
@media screen and (min-width: 768px) {
    .p-review__list--bold,
    .p-review__list--highlight {
        margin-top: 8px;
    }
}
.p-review__list--highlight {
    color: #f96075;
}
.p-review__list--light {
    color: #949494;
    font-weight: normal;
}
.p-review__feature {
    margin-top: 28px;
}
@media screen and (min-width: 768px) {
    .p-review__feature {
        max-width: 710px;
        margin: auto;
    }
}
.p-review__match {
    margin-top: 24px;
}
@media screen and (min-width: 768px) {
    .p-review__match {
        padding: 6px;
        margin: 0;
    }
}
.p-review__match-profile {
    display: flex;
}
.p-review__match-profile-detail {
    width: 90%;
}
.p-review__match-profile-icon {
    width: 36px;
    height: 36px;
    align-self: center;
    margin-right: 10px;
}
.p-review__match-profile-head {
    color: #575757;
    font-size: 12px;
}
.p-review__match-profile-head__bold {
    font-weight: bold;
    margin-right: 16px;
}
.p-review__match-profile-tag-list {
    margin-top: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.p-review__match-profile-tag,
.p-review__match-profile-tag--verified {
    display: inline;
    font-size: 11px;
    font-weight: normal;
    background-color: #fff5f7;
    padding: 4px;
    border-radius: 4px;
}
.p-review__match-profile-tag--verified {
    background-color: #f96075;
    color: #fff;
}
.p-review__match-profile-tag--verified i {
    display: inline-block;
    margin-right: 4px;
}
.p-review__match-comment {
    font-weight: normal;
    line-height: 1.8;
    padding: 12px 0;
}
.p-review__match-date {
    color: #949494;
    font-size: 12px;
    margin-bottom: 8px;
}
.p-review-table-of-contents-outer {
    margin-top: 24px;
}
@media screen and (min-width: 768px) {
    .p-review-table-of-contents-outer {
        margin-top: 32px;
    }
}
.p-review-counter {
    counter-reset: number 0;
}
.p-review-counter__heading::before {
    counter-increment: number 1;
    content: counter(number) ".";
}
.p-review-logo-outer {
    width: 32px;
    margin: 16px auto 0;
    padding: 16px 0;
}
.p-review-description {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .p-review-description {
        margin-top: 24px;
    }
}
.p-rewards-form-information {
    display: flex;
    gap: 4px;
    padding-top: 8px;
    padding-bottom: 16px;
    color: #575757;
}
.p-rewards-form-information__icon {
    padding: 2px 4px;
    font-size: 16px;
}
.p-rewards-form-about-rejob {
    border-top: 1px solid #efefef;
}
.p-rewards-form-about-rejob:last-child {
    border-bottom: 1px solid #efefef;
}
.p-rewards-form-optional-label {
    margin-left: 5px;
    text-shadow: none;
    line-height: 2em;
    font-weight: bold;
}
.p-rewards-form-toform {
    display: inline-flex;
    gap: 4px;
    font-size: 14px;
    font-weight: bold;
    padding: 12px;
}
.p-rewards-form-toform:active,
.p-rewards-form-toform:hover {
    text-decoration: none;
}
.p-rewards .p-rewards-top {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-rewards .p-rewards-top {
        margin-top: 45px;
    }
}
@media screen and (max-width: 767px) {
    .p-rewards .p-rewards-top {
        margin-top: 36px;
    }
}
@media screen and (min-width: 768px) {
    .p-rewards .p-rewards-top__head {
        font-size: 22px;
    }
}
@media screen and (max-width: 767px) {
    .p-rewards .p-rewards-top__head {
        font-size: 18px;
        font-weight: normal;
    }
}
.p-rewards .p-rewards-top__text {
    margin-top: 32px;
}
@media screen and (min-width: 768px) {
    .p-rewards .p-rewards-top__text {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .p-rewards .p-rewards-top__text {
        text-align: left;
        padding: 0 16px;
    }
}
.p-rewards .p-rewards-information {
    margin: 0 auto;
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .p-rewards .p-rewards-information {
        max-width: 480px;
        padding-bottom: 74px;
    }
}
@media screen and (max-width: 767px) {
    .p-rewards .p-rewards-information {
        padding: 0 16px 50px 16px;
    }
}
.p-rewards .p-rewards-information__table {
    border-radius: 4px;
    border: 1px solid #efefef;
    background: #fff;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}
.p-rewards .p-rewards-information__table tr:first-of-type th,
.p-rewards .p-rewards-information__table tr:first-of-type td {
    padding-top: 22px;
}
.p-rewards .p-rewards-information__table tr:last-of-type th,
.p-rewards .p-rewards-information__table tr:last-of-type td {
    padding-bottom: 22px;
}
.p-rewards .p-rewards-information__table tr th,
.p-rewards .p-rewards-information__table tr td {
    position: relative;
    text-align: left;
    padding: 9px 18px;
}
.p-rewards .p-rewards-information__table tr th {
    background: #f8f8f8;
}
@media screen and (max-width: 767px) {
    .p-rewards .p-rewards-information__table tr th {
        font-weight: normal;
    }
}
.p-rewards .p-rewards-information__text {
    line-height: 1.67;
    margin-top: 15px;
}
.p-rewards .p-rewards-content {
    background-color: #fff4f4;
}
@media screen and (min-width: 768px) {
    .p-rewards .p-rewards-content {
        margin: 0 -20px;
    }
}
.p-rewards .p-rewards-content__inner {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .p-rewards .p-rewards-content__inner {
        padding: 63px 0;
    }
}
@media screen and (max-width: 767px) {
    .p-rewards .p-rewards-content__inner {
        padding: 68px 16px;
    }
}
.p-rewards .p-rewards-content__element-button-box {
    margin-top: 20px;
    text-align: center;
}
.p-rewards .p-rewards-content__element-button {
    padding: 0;
    line-height: 44px;
}
@media screen and (min-width: 768px) {
    .p-rewards .p-rewards-content__element-button {
        width: 228px;
    }
}
@media screen and (max-width: 767px) {
    .p-rewards .p-rewards-content__element-button {
        width: 215px;
    }
}
.p-rewards .p-rewards-content__elements > div {
    background-color: #fff;
    text-align: center;
    border-radius: 20px;
}
@media screen and (min-width: 768px) {
    .p-rewards .p-rewards-content__elements {
        width: 692px;
        margin: 0 auto;
    }
}
@media screen and (min-width: 768px) {
    .p-rewards .p-rewards-content__element {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 767px) {
    .p-rewards .p-rewards-content__element {
        padding: 44px 36px;
    }
}
.p-rewards .p-rewards-content__element-title {
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-rewards .p-rewards-content__element-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .p-rewards .p-rewards-content__element-title {
        font-size: 16px;
    }
}
.p-rewards .p-rewards-content__element-lead {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-rewards .p-rewards-content__element-lead {
        margin-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    .p-rewards .p-rewards-content__element-lead {
        margin-top: 16px;
    }
}
.p-rewards .p-rewards-resume {
    margin: 60px 0;
    padding: 0 16px;
}
.p-rewards .p-rewards-complete-modal {
    text-align: center;
    font-size: 14px;
}
.p-rewards .p-rewards-complete-modal__image {
    height: auto;
}
@media screen and (min-width: 768px) {
    .p-rewards .p-rewards-complete-modal__image {
        max-width: 276px;
    }
}
@media screen and (max-width: 767px) {
    .p-rewards .p-rewards-complete-modal__image {
        max-width: 200px;
    }
}
.p-rewards .p-rewards-complete-modal__heading {
    margin-top: 24px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}
.p-rewards .p-rewards-complete-modal__lead {
    margin-top: 16px;
}
.p-rewards .p-rewards-complete-modal__button-area {
    margin-top: 32px;
}
@media screen and (min-width: 768px) {
    .p-rewards .p-rewards-complete-modal__button-area {
        max-width: 254px;
        margin-left: auto;
        margin-right: auto;
    }
}
.p-rewards .p-rewards-complete-modal__close-link {
    margin-top: 32px;
}
.p-rewards .p-rewards-complete-modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1000;
}
#rewards-form input:disabled,
#rewards-form select:disabled {
    border-color: #d9d9d9;
    background-color: #f2f2f2;
}
.p-scout-wrapper .p-scout-nothing {
    background-color: #f9f9f9;
    padding: 27px 17px 40px;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .p-scout-wrapper .p-scout-nothing {
        margin: -10px;
    }
}
@media screen and (min-width: 768px) {
    .p-scout-wrapper .p-scout-nothing {
        margin: -20px;
    }
}
.p-scout-wrapper .p-scout-nothing--narrow {
    background-color: #f9f9f9;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 6px;
}
@media screen and (min-width: 768px) {
    .p-scout-wrapper .p-scout-nothing--narrow {
        padding: 6px 0 25px;
    }
}
.p-scout-wrapper .p-scout-nothing__outer {
    display: flex;
    justify-content: center;
    align-items: center;
}
.p-scout-wrapper .p-scout-nothing__outer .p-scout-nothing__heading {
    margin-left: 8px;
    text-align: left;
}
.p-scout-wrapper .p-scout-nothing__heading {
    font-size: 13px;
    color: #575757;
    font-weight: 600;
    line-height: 18px;
}
.p-scout-wrapper .p-scout-nothing__img {
    margin-top: 20px;
}
.p-scout-wrapper .p-scout-notging-img__outer {
    width: 84px;
}
.p-scout-wrapper .p-scout-nothing-img__outer--icon {
    width: 61px;
}
@media screen and (min-width: 768px) {
    .p-scout-wrapper .p-scout-nothing__button-outer {
        max-width: 341px;
        margin: 0 auto;
    }
}
.p-scout-wrapper .p-scout-nothing__button-outer .c-btn--primary-flat {
    margin-top: 26px;
}
.p-scout-wrapper .p-scout-nothing__link {
    color: #0f71d2;
    display: block;
    margin-top: 41px;
    font-size: 14px;
    text-align: center;
}
.p-scout-wrapper .p-scout-nothing__box {
    margin-left: 20px;
}
@media screen and (min-width: 768px) {
    .p-scout-wrapper .p-scout-nothing__box {
        min-width: 220px;
    }
}
.p-scout-wrapper .p-scout-nothing__box .c-btn--primary-flat {
    margin-top: 26px;
}
.p-scout-wrapper .p-scout-nothing__top-text {
    text-align: center;
    color: #333;
    font-weight: 600;
    margin: 30px 0 40px;
}
.p-scout-cassettes-outer {
    background-color: #f2f2f2;
    margin: 0 -10px;
    padding-bottom: 16px;
}
.p-scout-cassette {
    padding: 12px 16px 16px;
    background-color: #fff;
    color: #222;
    line-height: 1.5;
}
.p-scout-cassette + .p-scout-cassette {
    margin-top: 16px;
}
.p-scout-cassette-label-outer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding-bottom: 4px;
    font-size: 13px;
}
.p-scout-cassette-label-outer .label-set--scout {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 4px;
    border: none;
    border-radius: 4px;
    line-height: 1;
    font-size: 11px;
}
.p-scout-cassette-label-outer .label-set--scout.label-set--scout__decline {
    background-color: #f2f2f2;
    color: #575757;
}
.p-scout-cassette-label-outer .label-set--scout.label-set--scout__new {
    background-color: #ffeaef;
    color: #cc2d2d;
}
.p-scout-cassette-label-outer .label-set--scout.label-set--scout__premium {
    background-color: #b48f0c;
    color: #fff;
}
.p-scout-cassette__link {
    color: #222;
}
.p-scout-cassette__link :hover,
.p-scout-cassette__link :focus {
    text-decoration: none;
}
.p-scout-cassette__brand-name {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.p-scout-cassette__premium-message-outer {
    margin-top: 4px;
    padding-bottom: 4px;
}
.p-scout-cassette__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 4px;
    font-size: 12px;
    font-weight: bold;
    color: #0f71d2;
}
.p-scout-cassette-image-and-summary {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
}
.p-scout-cassette-image-and-summary__image {
    width: 114px;
}
.p-scout-cassette-image-and-summary__summary {
    width: calc(100% - 114px);
}
.p-scout-cassette-image-and-summary__summary-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}
.p-scout-cassette-image-and-summary__summary-list > dt {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    border-radius: 4px;
    background-color: #f2f2f2;
    color: #575757;
    font-size: 12px;
    font-weight: bold;
}
.p-scout-cassette-image-and-summary__summary-list > dd {
    width: calc(100% - 22px);
    font-size: 9px;
}
.p-scout-cassette-image-and-summary__summary-list > dd.p-scout-cassette-scout-summary {
    font-size: 12px;
}
.p-scout-cassette-image-and-summary__summary-list i {
    color: #767676;
}
.p-scout-cassette-image-and-summary__summary-list + .p-scout-cassette-image-and-summary__summary-list,
.p-scout-cassette-salary-price-other + .p-scout-cassette-image-and-summary__summary-list {
    margin-top: 6px;
}
.p-scout-cassette-salary-price {
    font-size: 11px;
    font-weight: bold;
}
.p-scout-cassette-salary-price-other {
    margin-top: -18px;
    font-size: 11px;
    text-align: right;
}
.p-scout-cassette-scout-shop {
    padding-bottom: 4px;
    color: #fb6341;
    font-weight: bold;
    line-height: 1;
}
.p-scout-cassette-scout-shop-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: bold;
    line-height: 1.17;
}
.p-scout-cassette-scout-shop-location {
    margin-top: 4px;
}
.p-scout-cassette-scout-shop-other-location {
    margin-top: 4px;
    text-align: right;
}
.p-scout-cassette-buttons-outer {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    line-height: 1;
}
.p-scout-cassette-expand-outer {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 16px;
    margin-top: 16px;
    font-size: 14px;
}
.p-scout-cassette-expandable-days {
    font-weight: bold;
}
.p-scout-cassette-expandable-days__title {
    font-size: 12px;
    font-weight: normal;
}
.p-scout-cassette-expandable-days__number {
    color: #fb6341;
}
.p-scout-cassette-expand-link {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: bold;
}
.p-scout-cassette-expand-link__icon {
    margin-left: 2px;
    font-size: 16px;
}
.p-scout-cassette-expanded {
    color: #767676;
}
.p-search-navigation-outer {
    padding: 16px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .p-search-navigation-outer {
        margin-top: 16px;
    }
}
.p-search-navigation-outer--add-min-height {
    min-height: 144px;
}
.p-search-navigation-condition--fixed {
    display: none;
    position: fixed;
    background-color: #fff;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    padding: 4px 16px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.p-search-navigation-condition-inner {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 0 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #222;
}
.p-search-navigation-condition-inner:hover {
    text-decoration: none;
}
.p-search-navigation-condition-inner p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 11px;
}
@media screen and (min-width: 768px) {
    .p-search-navigation-condition-inner p {
        -webkit-line-clamp: 1;
        font-size: 14px;
    }
}
.p-search-navigation-condition__button {
    color: #0f71d2;
    font-weight: bold;
    font-size: 12px;
    white-space: nowrap;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    appearance: none;
    padding: 9px 0;
}
.p-search-navigation-condition__button i {
    margin-right: 2px;
}
.p-search-navigation-condition__button:active {
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .p-search-navigation-condition__button {
        font-size: 14px;
    }
    .p-search-navigation-condition__button:hover {
        opacity: 0.8;
        text-decoration: none;
    }
}
.p-suggest {
    align-items: center;
    font-size: 1.2rem;
    padding-top: 20px;
}
@media screen and (min-width: 768px) {
    .p-suggest {
        display: flex;
        padding-top: 16px;
    }
}
.p-suggest__header {
    font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
    .p-suggest__header {
        width: 116px;
        font-size: 1.5rem;
        text-align: left;
    }
}
.p-suggest-list {
    display: flex;
    flex-wrap: wrap;
    width: -webkit-calc(100% + 4px);
    width: calc(100% + 4px);
    margin-top: 5px;
    margin-left: -2px;
}
@media screen and (min-width: 768px) {
    .p-suggest-list {
        width: -webkit-calc(100% - 116px);
        width: calc(100% - 116px);
        margin-top: 0;
        margin-left: 0;
    }
}
.p-suggest-list__item {
    flex-basis: -webkit-calc(100% / 3);
    flex-basis: calc(100% / 3);
    max-width: -webkit-calc(100% / 3);
    max-width: calc(100% / 3);
    padding: 3px 2px;
}
@media screen and (min-width: 768px) {
    .p-suggest:not(.p-suggest--bottom) .p-suggest-list__item {
        flex-basis: 16.66%;
        flex-grow: 1;
        padding: 0 3px;
    }
}
.p-suggest:not(.p-suggest--bottom) .p-suggest-list__item.p-suggest-list__item--col1 {
    flex-basis: 100%;
    max-width: 100%;
}
@media screen and (min-width: 768px) {
    .p-suggest:not(.p-suggest--bottom) .p-suggest-list__item.p-suggest-list__item--col1 {
        flex-basis: 16.66%;
        flex-grow: 1;
        padding-right: 0;
    }
}
.p-suggest-list__btn {
    height: 40px;
    border: 1px solid #ff7c80;
    border-radius: 0;
    background-color: #fff;
    color: #ff7c80;
}
@media screen and (min-width: 768px) {
    .p-suggest-list__btn {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    }
}
.p-shop-list-header-outer {
    padding-top: 10px;
}
@media screen and (min-width: 768px) {
    .p-shop-list-header-outer {
        margin-top: 28px;
        padding: 0;
    }
}
.p-shop-list-header {
    font-weight: normal;
}
@media screen and (min-width: 768px) {
    .p-shop-list-header {
        font-size: 1.8rem;
    }
}
.p-search-header-outer {
    padding: 12px 16px 0;
}
@media screen and (min-width: 768px) {
    .p-search-header-outer {
        margin-top: 28px;
        padding: 0;
    }
}
.p-search-header {
    font-size: 1.4rem;
}
.p-search-header.p-search-header--top {
    font-weight: bold;
    color: #222;
}
@media screen and (min-width: 768px) {
    .p-search-header.p-search-header--top {
        font-size: 1.8rem;
    }
}
.p-search-header.p-search-header--bottom {
    color: #666;
    margin-top: 30px;
    padding: 12px 16px 0;
}
@media screen and (min-width: 768px) {
    .p-search-header.p-search-header--bottom {
        padding: 0;
    }
}
@media screen and (min-width: 768px) {
    .p-search-sort-outer,
    .p-search-sort-outer--with-select-box {
        display: flex;
    }
}
.p-search-sort {
    margin-top: 20px;
    margin-bottom: 26px;
}
@media screen and (min-width: 768px) {
    .p-search-sort {
        display: flex;
        align-items: center;
        margin-top: 24px;
        margin-bottom: 10px;
    }
}
.p-search-sort-outer--with-select-box .p-search-sort {
    margin: 16px 0;
    display: flex;
    flex-direction: column;
}
@media screen and (min-width: 768px) {
    .p-search-sort-outer--with-select-box .p-search-sort {
        flex-direction: row;
        margin: 0;
        align-items: end;
    }
}
.p-search-sort__num-container {
    margin-bottom: 6px;
    color: #666;
    font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
    .p-search-sort__num-container {
        margin-bottom: 0;
        min-width: 208px;
        font-size: 1.2rem;
    }
}
.p-search-sort-outer--with-select-box .p-search-sort__num-container {
    order: 2;
    margin-top: 8px;
    font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
    .p-search-sort-outer--with-select-box .p-search-sort__num-container {
        order: 1;
        margin-top: 0;
        width: max-content;
    }
}
.p-search-sort__button-container {
    order: 1;
}
@media screen and (min-width: 768px) {
    .p-search-sort__button-container {
        order: 2;
        margin-left: 24px;
    }
}
.p-search-sort__total-num {
    color: #f97b0b;
    font-size: 2rem;
}
@media screen and (min-width: 768px) {
    .p-search-sort__total-num {
        font-size: 1.7rem;
    }
}
.p-search-sort-outer--with-select-box .p-search-sort__total-num {
    font-weight: bold;
    font-size: 1.6rem;
    margin-right: 1px;
}
.p-search-sort__num {
    font-size: 1.2rem;
    margin-left: 20px;
}
@media screen and (min-width: 768px) {
    .p-search-sort__num {
        margin-left: 16px;
    }
}
.p-search-sort-outer--with-select-box .p-search-sort__num {
    display: block;
    margin-left: 0;
    font-size: 1.4rem;
}
.p-search-sort-list {
    display: flex;
    font-size: 1.2rem;
    border: 1px solid #ccc;
    border-radius: 2px;
}
@media screen and (min-width: 768px) {
    .p-search-sort-list {
        width: 288px;
        margin-left: 20px;
    }
}
.p-search-sort-list__item {
    flex-basis: 50%;
    text-align: center;
    background-color: #fff;
}
.p-search-sort-list__item + .p-search-sort-list__item {
    border-left: 1px solid #ccc;
}
.p-search-sort-list__item-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 46px;
    color: #666;
}
.p-search-sort-list__item-inner + .p-search-sort-list__item-inner {
    border-left: 1px solid #ccc;
}
@media screen and (min-width: 768px) {
    .p-search-sort-list__item-inner {
        height: 38px;
    }
    .p-search-sort-list__item-inner:hover {
        background-color: #f2f2f2;
        text-decoration: none;
    }
}
.p-search-sort-list__item-inner--active {
    position: relative;
    background-color: #fde6eb;
}
.p-search-sort-list__item-inner--active::after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 3px 8px;
    border-color: #fde6eb transparent transparent transparent;
}
.p-search-sort-list__item-inner--active::before {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 4px 9px;
    border-color: #ccc transparent transparent transparent;
}
@media screen and (min-width: 768px) {
    .p-search-sort-list__item-inner--active:hover {
        background-color: #f2f2f2;
    }
    .p-search-sort-list__item-inner--active:hover::after {
        border-color: #f2f2f2 transparent transparent transparent;
    }
}
.p-search-pr__link {
    color: #222;
    display: block;
}
.p-search-pr__link:hover {
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .p-search-pr__link:hover {
        opacity: 0.8;
    }
}
.p-search-pr {
    position: relative;
    background: #fff;
    border: 2px solid #ff9aae;
    margin: 0 14px 8px;
    z-index: 1;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 8px;
}
@media screen and (min-width: 768px) {
    .p-search-pr {
        margin: 0;
        margin-top: 16px;
        border-width: 2px;
        padding: 16px;
    }
}
.p-search-pr__content-inner {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
@media screen and (min-width: 768px) {
    .p-search-pr__content-inner {
        flex-wrap: nowrap;
    }
}
.p-search-pr__heading {
    font-size: 12px;
    margin-top: 8px;
    line-height: 18px;
    font-weight: normal;
    display: flex;
    justify-content: space-between;
}
@media screen and (min-width: 768px) {
    .p-search-pr__heading {
        font-size: 16px;
        line-height: 24px;
        margin-top: 0;
    }
}
.p-search-pr__heading-label--sp,
.p-search-pr__heading-label {
    background-color: #f2f2f2;
    color: #575757;
    padding: 4px;
    font-size: 11px;
    line-height: 1;
    border-radius: 4px;
    width: 25px;
    height: 20px;
    margin-left: 4px;
    white-space: nowrap;
}
@media screen and (max-width: 767px) {
    .p-search-pr__heading-label {
        display: none;
    }
}
.p-search-pr__heading-label--sp {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}
@media screen and (min-width: 768px) {
    .p-search-pr__heading-label--sp {
        display: none;
    }
}
.p-search-pr__img-container {
    text-align: center;
    width: 215px;
    margin: 0 auto;
}
.p-search-pr__img-container img {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .p-search-pr__img-container {
        min-width: 440px;
        flex-grow: 0;
        margin: 0;
    }
}
.p-search-pr__text-container {
    order: 1;
}
@media screen and (min-width: 768px) {
    .p-search-pr__text-container {
        flex-grow: 1;
        order: 0;
        margin-right: 16px;
    }
}
.p-search-pr__img {
    width: 215px;
    height: auto;
}
.p-search-pr__entry-box {
    margin-top: 25px;
}
@media screen and (min-width: 980px) {
    .p-search-pr__entry-box {
        justify-content: flex-end;
        display: flex;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .p-search-pr__entry-box.p-search-pr__entry-box--scout {
        display: block;
    }
}
.p-search-pr__tell-list {
    display: none;
}
@media screen and (min-width: 980px) {
    .p-search-pr__tell-list {
        display: block;
        position: relative;
        padding-left: 34px;
        font-size: 12px;
    }
    .p-search-pr__tell-list [class*="icon-"] {
        font-size: 32px;
        position: absolute;
        left: 0px;
        color: #4f4f4f;
    }
    .p-search-pr__tell-list [class*="icon-"]:before {
        margin: 0;
    }
}
@media screen and (min-width: 768px) {
    .p-search-pr__tel-num {
        color: #fb6341;
        font-size: 20px;
        font-weight: bold;
    }
}
@media screen and (min-width: 768px) {
    .p-search-pr__work-num {
        display: block;
    }
}
.p-search-pr__btnlist {
    display: flex;
    justify-content: flex-end;
}
@media screen and (min-width: 768px) {
    .p-search-pr__btnlist {
        flex-basis: 440px;
    }
}
@media screen and (max-width: 767px) {
    .p-search-pr__btnlist {
        margin-top: 8px;
    }
}
@media screen and (max-width: 767px) {
    .p-search-pr__btnlist.p-search-pr__btnlist--scout {
        display: block;
    }
}
.p-search-pr__btn-apply,
.p-search-pr__btn-keep,
.p-search-pr__btn-disabled {
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    padding: 10px 0;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    transition: all 0.2s;
}
@media screen and (min-width: 768px) {
    .p-search-pr__btn-apply,
    .p-search-pr__btn-keep,
    .p-search-pr__btn-disabled {
        padding: 13px 0;
        font-size: 16px;
    }
}
.p-search-pr__btn-disabled {
    background-color: #f2f2f2;
    color: #575757;
    border: none;
}
@media screen and (min-width: 768px) {
    .p-search-pr__btn-disabled {
        line-height: 1;
        font-size: 16px;
    }
}
.p-search-pr__btnouter--left,
.p-search-pr__btnouter--right {
    flex-basis: 59%;
}
.p-search-pr__btnouter--right {
    margin-left: 8px;
}
@media screen and (min-width: 768px) {
    .p-search-pr__btnouter--right {
        margin-left: 12px;
    }
}
.p-search-pr__btnouter--scout {
    margin-top: 8px;
}
@media screen and (min-width: 768px) {
    .p-search-pr__btnouter--scout {
        flex-basis: 50%;
        margin-left: 12px;
        margin-top: 0;
    }
}
.p-search-pr__btnouter--applied {
    flex-basis: 100%;
}
@media screen and (min-width: 768px) {
    .p-search-pr__btnouter--applied {
        flex-basis: 50%;
    }
}
.p-search-pr__deadline-container {
    text-align: center;
    line-height: 16px;
}
@media screen and (min-width: 768px) {
    .p-search-pr__deadline-container {
        flex-basis: 50%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
}
.p-search-pr__deadline {
    color: #fb6341;
    font-size: 16px;
    font-weight: bold;
}
.p-search-pr__btn-keep {
    background: #fff;
    color: #fb6341;
    border: 1px solid #fb6341;
}
.p-search-pr__btn-keep:active {
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .p-search-pr__btn-keep {
        line-height: 1;
        font-size: 16px;
    }
    .p-search-pr__btn-keep:hover {
        background: rgba(251, 99, 65, 0.2);
        opacity: 0.8;
        text-decoration: none;
        border-color: #fff;
        box-shadow: 0px 0px 8px #fb6341, inset 0px 0px 1px #fb6341;
    }
}
.p-search-pr__btn-keep.is-keeped {
    background-color: #f2f2f2;
    color: #4f4f4f;
    border: none;
}
.p-search-pr__btn-keep.is-keeped:focus {
    outline: none;
}
@media screen and (min-width: 768px) {
    .p-search-pr__btn-keep.is-keeped:hover {
        opacity: 1;
        background: #f2f2f2;
        box-shadow: 0px 0px 8px #d9d9d9, inset 0px 0px 1px #d9d9d9;
    }
}
.p-search-pr__btn-keep .c-icn {
    display: inline-block;
    margin-right: 4px;
}
.p-search-pr__btn-apply {
    background: #fb6341;
    color: #fff;
    border: 1px solid #fb6341;
}
.p-search-pr__btn-apply:active {
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .p-search-pr__btn-apply {
        line-height: 1;
        font-size: 16px;
    }
    .p-search-pr__btn-apply:hover {
        background: rgba(251, 99, 65, 0.8);
        opacity: 0.8;
        text-decoration: none;
        border-color: #fff;
        box-shadow: 0px 0px 8px #fb6341, inset 0px 0px 1px #fb6341;
    }
}
.p-search-pr__text {
    background-color: #fff5f7;
    color: #0f71d2;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 4px;
    border-radius: 4px;
    margin-top: 8px;
    height: 44px;
}
.p-search-pr__text p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
    .p-search-pr__text {
        font-size: 13px;
        padding: 8px;
        line-height: 19.5px;
        margin-top: 12px;
        height: 160px;
        max-width: 508px;
    }
    .p-search-pr__text p {
        -webkit-line-clamp: 7;
    }
}
.p-search-pr-bottom-group {
    margin-top: 8px;
}
@media screen and (min-width: 768px) {
    .p-search-pr-bottom-group {
        margin-top: 10px;
    }
}
.p-search-pr-salary {
    display: flex;
    flex-wrap: wrap;
}
.p-search-pr-salary > li {
    width: 50%;
    margin: 2px 0;
}
.p-search-pr-salary__employment_type_text {
    font-size: 9px;
    margin-right: 1px;
}
@media screen and (min-width: 768px) {
    .p-search-pr-salary__employment_type_text {
        font-size: 12px;
        margin: 0;
    }
}
.p-search-pr-salary__employment_icon_text {
    background-color: #f2f2f2;
    color: #575757;
    font-size: 11px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
.p-search-pr-location--sp,
.p-search-pr-location {
    display: flex;
    align-items: center;
    font-size: 11px;
}
.p-search-pr-location--sp i,
.p-search-pr-location i {
    color: #949494;
    font-size: 16px;
    margin-right: 1px;
    margin-left: -2px;
}
.p-search-pr-location--sp i:before,
.p-search-pr-location i:before {
    margin-left: 0;
    margin-right: 0;
}
.p-search-pr-location {
    font-size: 14px;
}
@media screen and (max-width: 767px) {
    .p-search-pr-location {
        display: none;
    }
}
.p-search-pr-location--sp {
    margin-top: 6px;
}
.p-search-pr-location--sp i {
    margin-top: -2px;
    margin-bottom: -2px;
}
@media screen and (min-width: 768px) {
    .p-search-pr-location--sp {
        display: none;
    }
}
@media screen and (min-width: 768px) {
    .p-search-pr__cta-container {
        display: flex;
        margin-top: 10px;
        flex-wrap: wrap;
    }
}
@media screen and (min-width: 768px) {
    .p-search-pr__location-container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        border-top: 1px solid #d9d9d9;
        padding-top: 5px;
        margin-right: 16px;
        flex-grow: 1;
    }
}
.p-search-pr-salary__num {
    font-size: 11px;
}
@media screen and (min-width: 768px) {
    .p-search-pr-salary__num {
        font-size: 12px;
    }
}
.p-search-pr-salary__dash {
    font-size: 9px;
    margin: -4px;
}
@media screen and (min-width: 768px) {
    .p-search-pr-salary__dash {
        font-size: 11px;
        margin: -2px;
    }
}
.p-search-pr-salary__employment_text--omit {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.p-search-pr__comment {
    box-sizing: content-box;
    width: 100%;
    margin: 10px -15px -15px;
    padding: 8px 15px;
    background-color: #fef6f7;
    font-weight: bold;
    color: #d3314f;
}
@media screen and (min-width: 768px) {
    .p-search-pr__comment {
        margin: 15px -15px -15px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 1.4rem;
    }
}
.p-search-pr__comment-inner {
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .p-search-pr__comment-inner {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}
@media screen and (min-width: 768px) {
    .p-search-pr__comment-inner {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
.p-search-cassettes-outer {
    min-height: 211px;
}
.p-work-with-shop-work-cassettes-outer,
.p-recommend-work-with-shop-work-cassettes-outer {
    padding: 0 16px;
}
@media screen and (min-width: 768px) {
    .p-work-with-shop-work-cassettes-outer,
    .p-recommend-work-with-shop-work-cassettes-outer {
        padding-left: 0;
        padding-right: 0;
    }
}
.p-work-with-shop-work-cassettes-outer {
    margin-top: 16px;
    margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
    .p-work-with-shop-work-cassettes-outer {
        margin-bottom: 0;
    }
}
.p-search-cassette {
    position: relative;
    color: #666;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 4px solid #ed99a3;
    margin: 10px 5px;
}
.p-search-cassette ul {
    list-style-type: none;
}
@media screen and (min-width: 768px) {
    .p-search-cassette {
        margin: 20px 0px;
    }
}
@media screen and (min-width: 768px) {
    .p-search-cassette.p-search-cassette--search {
        margin: 20px 10px;
    }
}
@media screen and (min-width: 768px) {
    .p-search-cassette.p-search-cassette--search .p-search-cassette__table {
        margin-top: 10px;
    }
}
.p-search-cassette__main {
    padding: 10px;
}
@media screen and (min-width: 768px) {
    .p-search-cassette__main {
        padding: 0 0 10px;
    }
}
@media screen and (min-width: 768px) {
    .p-search-cassette__main:hover {
        background-color: #fef6f7;
        cursor: pointer;
    }
}
@media screen and (min-width: 768px) {
    .js-link-expand__unlink:hover {
        cursor: auto;
    }
}
.p-search-cassette__link {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
@media screen and (min-width: 768px) {
    .p-search-cassette__link {
        display: block;
        padding: 30px 20px 10px;
    }
}
.p-search-cassette__link:after {
    content: "";
    display: table;
    clear: both;
}
.p-search-cassette__link:hover,
.p-search-cassette__link:focus {
    text-decoration: none;
}
.p-search-cassette__table {
    margin-top: 10px;
}
@media screen and (min-width: 768px) {
    .p-search-cassette__table {
        margin-top: 0;
    }
}
@media screen and (min-width: 768px) {
    .p-search-cassette__content {
        padding: 0 20px;
    }
}
.p-search-cassette__content .p-job-btnlist__child-item {
    height: 37px;
    font-size: 14px;
}
@media screen and (min-width: 768px) {
    .p-search-cassette__content .p-job-btnlist__child-item {
        height: 56px;
    }
}
.p-search-cassette__img {
    width: 100%;
    max-width: 100%;
}
.p-search-cassette__heading {
    width: 100%;
    color: #666;
    font-size: 10px;
    font-weight: normal;
    padding-bottom: 5px;
    order: 1;
}
@media screen and (min-width: 768px) {
    .p-search-cassette__heading {
        font-size: 14px;
    }
}
.p-search-cassette__heading.p-search-cassette__heading--large {
    font-size: 16px;
    font-weight: bold;
}
.p-search-cassette__img-container {
    width: 126px;
    flex-shrink: 0;
    padding-right: 10px;
    order: 2;
    margin-right: 10px;
}
@media screen and (min-width: 768px) {
    .p-search-cassette__img-container {
        width: 338px;
        float: left;
        margin-right: 20px;
    }
}
.p-search-cassette__text {
    display: -webkit-box;
    width: -webkit-calc(100% - 136px);
    width: calc(100% - 136px);
    flex-grow: 1;
    font-weight: bold;
    font-size: 16px;
    overflow: hidden;
    order: 3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
@media screen and (min-width: 768px) {
    .p-search-cassette__text {
        width: auto;
        -webkit-line-clamp: 2;
    }
}
.p-search-cassette__label-list,
.p-search-cassette__location {
    list-style-type: none;
    order: 4;
    margin-top: 10px;
}
.p-search-cassette__label-list .icon-location,
.p-search-cassette__location .icon-location {
    font-size: 20px;
    margin: 0;
}
@media screen and (min-width: 768px) {
    .p-job-label-list.p-search-cassette__label-list {
        width: auto;
    }
}
.p-search-cassette__location {
    color: #666;
}
.p-search-label-list {
    width: 100%;
    padding-bottom: 5px;
    margin-top: -4px;
    margin-bottom: -10px;
    text-align: right;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
    .p-search-label-list {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: -29px;
    }
}
.p-search-label-list__item {
    display: inline-block;
}
.p-search-label-list__item.p-search-label-list__item--left {
    float: left;
}
.p-search-label {
    display: inline-flex;
    align-items: center;
    height: 26px;
    box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
    padding: 0 10px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    border-radius: 0 0 2px 2px;
}
@media screen and (min-width: 768px) {
    .p-search-label {
        height: 28px;
        font-size: 12px;
        font-weight: normal;
        padding: 0 13px;
    }
}
.p-search-label.p-search-label--content {
    color: #fff;
    background: #eca3c2;
}
.p-search-label.p-search-label--new {
    background: #ebdc4d;
}
.p-search-label.p-search-label--scout {
    background: #eb714c;
}
.p-search-label.p-search-label--premium-scout {
    background: #ff7878;
}
.p-search-label.p-search-label--near-end {
    background: #ff4c4c;
}
.p-search-cassette__2block:nth-of-type(n + 3),
.p-search-cassette__2inline:nth-of-type(n + 3),
.p-search-cassette__toggle-area {
    display: none;
}
.js-search-cassette__toggle-area-container.is-open .p-search-cassette__2block:nth-of-type(n + 3),
.js-search-cassette__toggle-area-container.is-open .p-search-cassette__toggle-area {
    display: block;
}
.js-search-cassette__toggle-area-container.is-open .p-search-cassette__2inline:nth-of-type(n + 3) {
    display: inline;
}
.p-search-cassette__worktimes {
    margin-bottom: 5px;
}
.p-search-cassette__worktimes:nth-child(n + 2) {
    display: none;
}
.js-search-cassette__toggle-area-container.is-open .p-search-cassette__worktimes:nth-child(n + 2) {
    display: block;
}
.p-search-cassette__toggle-area {
    margin-bottom: 5px;
}
.p-search-cassette__toggle-btn-container {
    text-align: right;
    margin-top: 5px;
}
.p-search-cassette__toggle-btn {
    cursor: pointer;
}
.p-shops-cassette-works__heading {
    font-size: 14px;
    color: #666;
    padding: 10px 10px 5px;
}
@media screen and (min-width: 768px) {
    .p-shops-cassette-works__heading {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.p-shops-cassette-works__heading-num {
    color: #f97b0b;
    font-size: 20px;
    font-weight: bold;
    margin: 0 5px;
}
.p-shops-cassette-works__item {
    font-size: 14px;
    border-top: 1px solid #ccc;
}
.p-shops-cassette-works__link {
    position: relative;
    display: block;
    color: #666;
    padding: 10px 20px 10px 10px;
}
@media screen and (min-width: 768px) {
    .p-shops-cassette-works__link {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.p-shops-cassette-works__link:hover {
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .p-shops-cassette-works__link:hover {
        background: #eee;
    }
}
.p-shops-cassette-works__arrow {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 14px;
    font-size: 14px;
    color: #0f71d2;
    transform: translateY(-50%);
}
.p-shops-cassette-works__name {
    color: #0f71d2;
    font-weight: bold;
    padding-bottom: 0;
}
.p-shops-cassette-works__salary {
    font-size: 12px;
}
.p-shops-cassette-works__link-more-container {
    position: relative;
    font-size: 12px;
    text-align: right;
    border-top: 1px solid #ccc;
}
.p-shops-cassette-works__link-more-container .icon-right-open-big {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 14px;
    font-size: 14px;
    transform: translateY(-50%);
}
.p-shops-cassette-works__link-more {
    display: block;
    padding: 10px 25px 10px;
}
.p-shops-cassette-works__link-more:hover {
    background: #eee;
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .p-shops-cassette-works__link-more {
        opacity: 0.8;
    }
}
@media screen and (min-width: 768px) {
    .p-search-header-container {
        margin-top: -10px;
        padding-top: 10px;
        padding-bottom: 16px;
    }
}
.p-search-modal {
    height: -webkit-calc(100% - 76px);
    height: calc(100% - 76px);
}
.p-search-modal__close {
    background: none;
    border: none;
    outline: none;
    padding: 10px 19px;
}
.p-search-modal__close > i {
    font-size: 26px;
    color: #a8a8a8;
}
@media screen and (min-width: 980px) {
    .p-search-modal__close :hover {
        opacity: 0.8;
    }
}
.p-search-form-modal__close {
    text-align: center;
    color: #fff;
    position: fixed;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    font-size: 18px;
}
.p-search-form-modal__close:before {
    font-family: "fontello";
    content: "\e845 ";
    font-size: 18px;
    color: #fff;
    padding-right: 5px;
}
@media screen and (min-width: 980px) {
    .p-search-modal__close-txt {
        display: none;
    }
}
.p-search-modal__content {
    overflow: scroll;
    position: relative;
    height: 100%;
    background: white;
}
@media screen and (min-width: 980px) {
    .p-search-modal__content {
        max-height: calc(100% - 64px);
        background: #fff;
    }
}
.p-search-modal__prefectures {
    padding: 16px;
}
@media screen and (min-width: 980px) {
    .p-search-modal__prefectures {
        width: 280px;
        padding: 0 16px 9px;
    }
}
.p-search-modal__select {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 46px;
    border: 1px solid #dadada;
    border-radius: 2px;
    box-shadow: none;
    background-image: url(/images/user_frontend/global/common_icn_select_arrow.png);
    background-size: 10px;
    background-position: center right 10px;
    background-repeat: no-repeat;
    font-size: 1.4rem;
    padding: 0 16px;
}
.p-search-modal__select::-ms-expand {
    display: none;
}
.p-search-modal__tab-outer {
    background: #f2f2f2;
}
@media screen and (min-width: 980px) {
    .p-search-modal__tab-outer {
        display: flex;
        justify-content: space-between;
        padding-top: 14px;
    }
}
.p-search-modal__tab {
    display: flex;
    padding: 0 16px;
    margin-bottom: -1px;
    justify-content: space-between;
}
@media screen and (min-width: 980px) {
    .p-search-modal__tab {
        width: 375px;
    }
}
.p-search-modal__tab-item {
    flex-basis: 49%;
}
.p-search-modal__tab-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    border: 1px solid #d9d9d9;
    border-bottom-color: #f96075;
    background-color: #fff;
    color: #222;
    font-weight: bold;
}
.p-search-modal__tab-btn:focus {
    outline: none;
}
.p-search-modal__tab-btn.is-current {
    border-top-width: 4px;
    border-bottom: none;
    border-color: #f96075;
    color: #f96075;
}
@media screen and (min-width: 980px) {
    .p-search-modal__tab-btn {
        font-size: 16px;
        height: 56px;
    }
    .p-search-modal__tab-btn:focus,
    .p-search-modal__tab-btn:hover {
        text-decoration: none;
    }
}
.p-search-modal__inner-content,
.p-search-modal__tab-content {
    padding: 6px 16px 101px 16px;
    background-color: #fff;
}
@media screen and (min-width: 980px) {
    .p-search-modal__inner-content,
    .p-search-modal__tab-content {
        padding: 0 16px 50px 16px;
    }
}
.p-search-modal__tab-content {
    border-top: 1px solid #f76e82;
}
.p-search-modal__tab-content {
    display: none;
}
.p-search-modal__tab-content.is-show {
    display: block;
}
.p-search-modal__section {
    position: relative;
    flex-direction: column;
}
.p-search-modal__section p {
    font-weight: bold;
}
.p-search-modal__section--has-padding {
    padding: 16px 16px 101px 16px;
}
.p-search-modal__heading-outer {
    height: 26px;
}
@media screen and (min-width: 980px) {
    .p-search-modal__heading-outer {
        display: flex;
        height: auto;
    }
}
.p-search-modal__heading {
    width: 100%;
    padding: 7px 10px;
    background-color: #949494;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1;
    z-index: 2;
}
@media screen and (min-width: 980px) {
    .p-search-modal__heading {
        width: 108px;
        padding: 12px 8px;
        background-color: #f2f2f2;
        color: #333;
        font-weight: bold;
        line-height: 1.5;
    }
}
.p-search-modal__heading.is-fixed {
    position: fixed;
    top: 50px;
}
@media screen and (min-width: 980px) {
    .p-search-modal__heading.is-fixed {
        position: static;
        top: auto;
    }
}
.p-search-modal__heading.is-absolute {
    position: absolute;
    top: 50px;
}
@media screen and (min-width: 980px) {
    .p-search-modal__heading.is-absolute {
        position: static;
        top: auto;
    }
}
.p-search-modal__check-list,
.p-search-modal__check-list--employment {
    flex-direction: column;
    border-top: 1px solid #f2f2f2;
}
@media screen and (min-width: 980px) {
    .p-search-modal__check-list,
    .p-search-modal__check-list--employment {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        flex-basis: -webkit-calc(100% - 130px);
        flex-basis: calc(100% - 130px);
        border-left: 1px solid #f2f2f2;
        border-top: none;
    }
}
.p-search-modal__check-list li,
.p-search-modal__check-list--employment li {
    align-items: center;
    font-size: 13px;
    padding-left: 16px;
}
.p-search-modal__check-list li:not(:last-child),
.p-search-modal__check-list--employment li:not(:last-child) {
    border-bottom: 1px solid #f2f2f2;
}
@media screen and (min-width: 980px) {
    .p-search-modal__check-list li,
    .p-search-modal__check-list--employment li {
        flex-basis: 33.33%;
        max-width: 33.33%;
        height: auto;
        padding-left: 0;
        border-right: 1px solid #f2f2f2;
    }
    .p-search-modal__check-list li:last-child,
    .p-search-modal__check-list--employment li:last-child {
        border-bottom: 1px solid #f2f2f2;
    }
    .p-search-modal__check-list li:nth-of-type(-n + 3),
    .p-search-modal__check-list--employment li:nth-of-type(-n + 3) {
        border-top: 1px solid #f2f2f2;
    }
}
@media screen and (max-width: 979px) {
    .p-search-modal__check-list--employment {
        border: none;
    }
}
.p-search-modal__check-list--employment li {
    padding-left: 0;
}
.p-search-modal-accordion-child {
    display: none;
    padding: 0 16px 16px 16px;
}
.p-search-modal-category-parent--line {
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 10px;
}
.p-search-modal-category-parent--line > dt {
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media screen and (min-width: 980px) {
    .p-search-modal-category-parent--line > dt {
        padding-left: 16px;
    }
}
@media screen and (min-width: 980px) {
    .p-search-modal-category-parent--line {
        margin-top: 8px;
        border-color: #f2f2f2;
    }
}
.p-search-modal-category-parent--city,
.p-search-modal-category-parent--popular_area {
    box-sizing: border-box;
    margin-top: 10px;
}
@media screen and (max-width: 979px) {
    .p-search-modal-category-parent--city,
    .p-search-modal-category-parent--popular_area {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
}
@media screen and (min-width: 980px) {
    .p-search-modal-category-parent--city,
    .p-search-modal-category-parent--popular_area {
        margin-top: 14px;
        border-color: #f2f2f2;
    }
}
.p-search-modal-category-parent--city > dt,
.p-search-modal-category-parent--popular_area > dt {
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media screen and (min-width: 980px) {
    .p-search-modal-category-parent:not(:first-of-type) {
        margin-top: 30px;
    }
}
.p-search-modal-category-parent > dt label,
.p-search-modal-category-parent > dt p,
.p-search-modal-category-parent--city > dt label,
.p-search-modal-category-parent--city > dt p,
.p-search-modal-category-parent--line > dt label,
.p-search-modal-category-parent--line > dt p,
.p-search-modal-category-parent--popular_area > dt label,
.p-search-modal-category-parent--popular_area > dt p {
    display: flex;
    padding: 11px 16px;
    line-height: 30px;
    font-size: 16px;
    white-space: nowrap;
    align-items: center;
}
.p-search-modal-category-parent > dt label > span,
.p-search-modal-category-parent > dt p > span,
.p-search-modal-category-parent--city > dt label > span,
.p-search-modal-category-parent--city > dt p > span,
.p-search-modal-category-parent--line > dt label > span,
.p-search-modal-category-parent--line > dt p > span,
.p-search-modal-category-parent--popular_area > dt label > span,
.p-search-modal-category-parent--popular_area > dt p > span {
    white-space: nowrap;
}
@media screen and (min-width: 980px) {
    .p-search-modal-category-parent > dt label,
    .p-search-modal-category-parent > dt p,
    .p-search-modal-category-parent--city > dt label,
    .p-search-modal-category-parent--city > dt p,
    .p-search-modal-category-parent--line > dt label,
    .p-search-modal-category-parent--line > dt p,
    .p-search-modal-category-parent--popular_area > dt label,
    .p-search-modal-category-parent--popular_area > dt p {
        padding: 10px 0;
        width: 100%;
        display: flex;
        align-items: center;
        line-height: 16px;
        border: none;
        position: relative;
        font-size: 14px;
        cursor: pointer;
    }
    .p-job-footer-nav-links .p-search-modal-category-parent > dt label,
    .p-job-footer-nav-links .p-search-modal-category-parent > dt p,
    .p-job-footer-nav-links .p-search-modal-category-parent--city > dt label,
    .p-job-footer-nav-links .p-search-modal-category-parent--city > dt p,
    .p-job-footer-nav-links .p-search-modal-category-parent--line > dt label,
    .p-job-footer-nav-links .p-search-modal-category-parent--line > dt p,
    .p-job-footer-nav-links .p-search-modal-category-parent--popular_area > dt label,
    .p-job-footer-nav-links .p-search-modal-category-parent--popular_area > dt p {
        font-size: 16px;
    }
}
.p-search-modal-category-parent dd label,
.p-search-modal-category-parent--city dd label,
.p-search-modal-category-parent--line dd label,
.p-search-modal-category-parent--popular_area dd label {
    display: block;
    width: 100%;
    line-height: 30px;
    font-size: 13px;
    padding: 11px 0px;
}
@media screen and (min-width: 980px) {
    .p-search-modal-category-parent dd label,
    .p-search-modal-category-parent--city dd label,
    .p-search-modal-category-parent--line dd label,
    .p-search-modal-category-parent--popular_area dd label {
        padding: 12px 16px;
        cursor: pointer;
    }
}
.p-search-modal__category-list-arrow-outer {
    padding: 14px 16px;
    text-align: right;
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;
}
.p-search-modal__category-list-arrow-outer.is-active .p-search-modal__category-list-arrow {
    transform: scale(1, -1);
}
@media screen and (min-width: 980px) {
    .p-search-modal__category-list-arrow-outer {
        width: 15%;
        margin-left: 30px;
        cursor: pointer;
    }
    .p-job-footer-nav-links-list .p-search-modal__category-list-arrow-outer {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }
}
.p-job-footer-nav-links-list .p-search-modal__category-list-arrow-outer {
    justify-content: space-between;
}
.p-search-modal__category-list-arrow {
    -webkit-appearance: none;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/images/shared/icon/icn_down_circled_gray.svg) no-repeat;
    background-size: contain;
    border: none;
    margin: 0;
    cursor: pointer;
}
@media screen and (min-width: 980px) {
    .p-search-modal__category-list-arrow:hover {
        opacity: 0.8;
    }
}
.p-search-modal__checkbox-outer {
    display: inline-block;
    width: 24px;
    margin-right: 8px;
    vertical-align: middle;
    line-height: 1;
}
@media screen and (min-width: 980px) {
    .p-search-modal__checkbox-outer {
        width: 20px;
        cursor: pointer;
    }
}
input.p-search-modal__checkbox[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    position: relative;
    border: 1px solid #a8a8a8;
    border-radius: 2px;
    vertical-align: middle;
    margin-top: 0;
    margin-right: 8px;
    box-shadow: none;
    font-size: 1.2rem;
    background: #fff;
    display: inline-block;
}
@media screen and (min-width: 980px) {
    input.p-search-modal__checkbox[type="checkbox"] {
        width: 20px;
        height: 20px;
        display: block;
    }
}
input.p-search-modal__checkbox[type="checkbox"]:checked {
    background: #f96075;
    border: none;
}
input.p-search-modal__checkbox[type="checkbox"]:checked::before,
input.p-search-modal__checkbox[type="checkbox"]:checked::after {
    display: block;
    position: absolute;
    content: "";
    background: #fff;
}
input.p-search-modal__checkbox[type="checkbox"]:checked::before {
    left: 3px;
    top: 15px;
    width: 8px;
    height: 4px;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}
@media screen and (min-width: 980px) {
    input.p-search-modal__checkbox[type="checkbox"]:checked::before {
        left: 4px;
        top: 12px;
        width: 5px;
        height: 3px;
    }
}
input.p-search-modal__checkbox[type="checkbox"]:checked::after {
    left: 10px;
    top: 17px;
    width: 17px;
    height: 4px;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}
@media screen and (min-width: 980px) {
    input.p-search-modal__checkbox[type="checkbox"]:checked::after {
        left: 8px;
        top: 13px;
        width: 11px;
        height: 3px;
    }
}
.p-show-outside {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding: 0 14px;
}
@media screen and (min-width: 768px) {
    .p-show-outside {
        justify-content: flex-start;
        margin-bottom: 16px;
        padding: 0;
    }
}
.p-show-outside__txt {
    padding: 0 10px;
}
@media screen and (min-width: 768px) {
    .p-show-outside__txt {
        padding-left: 0;
        padding-right: 6px;
        font-size: 1.3rem;
    }
}
.p-show-outside__toggle-btn {
    position: relative;
    display: block;
    width: 52px;
    height: 34px;
    border-radius: 17px;
    background-color: #949494;
    font-size: 1.2rem;
}
.p-show-outside__toggle-btn::after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 4px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .p-show-outside__toggle-btn {
        width: 32px;
        height: 22px;
    }
    .p-show-outside__toggle-btn::after {
        width: 16px;
        height: 16px;
        left: 3px;
    }
}
.p-show-outside__toggle-btn.is-active {
    background-color: #ff6285;
}
.p-show-outside__toggle-btn.is-active::after {
    left: auto;
    right: 4px;
}
@media screen and (min-width: 768px) {
    .p-show-outside__toggle-btn.is-active::after {
        right: 3px;
    }
}
.p-search-modal__bottom {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 8px 16px;
    background: #fff;
    color: #222;
    box-shadow: 0px -2px 2px rgba(153, 153, 153, 0.2);
}
@media screen and (min-width: 980px) {
    .p-search-modal__bottom {
        justify-content: center;
        background: #fff;
        border-radius: 0 0 16px 16px;
        width: 833px;
        position: absolute;
        bottom: -40px;
    }
}
.p-search-modal__bottom-num-area {
    font-size: 12px;
    font-weight: bold;
    width: 157px;
}
.p-search-modal__bottom-num {
    font-size: 24px;
    color: #fb6341;
    display: inline-block;
    text-align: center;
    min-width: 30px;
}
.p-search-modal__bottom-btn-area {
    width: 171px;
}
@media screen and (min-width: 980px) {
    .p-search-modal__bottom-btn-area {
        margin-left: 50px;
    }
}
.p-search-modal__bottom-btn {
    background: #fb6341;
    width: 100%;
    padding: 12px 0;
    color: #fff;
    border-radius: 4px;
    border: none;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    display: block;
}
.p-search-modal__bottom-btn:hover {
    text-decoration: none;
}
@media screen and (min-width: 980px) {
    .p-search-modal__bottom-btn:hover {
        background: rgba(251, 99, 65, 0.8);
        opacity: 0.8;
        text-decoration: none;
        border-color: #fff;
        box-shadow: 0px 0px 8px #fb6341, inset 0px 0px 1px #fb6341;
    }
}
.p-search-modal__bottom-btn.is-disabled {
    color: #575757;
    background: #f2f2f2;
    cursor: default;
    pointer-events: none;
}
@media screen and (min-width: 980px) {
    .p-search-modal__bottom-btn.is-disabled :hover {
        opacity: 1;
        box-shadow: none;
        border: none;
        background: #f2f2f2;
    }
}
.p-search-modal__empty-message {
    margin-top: 20px;
}
.p-mail-btn-container {
    margin: 10px;
}
@media screen and (min-width: 768px) {
    .p-mail-btn-container {
        max-width: 280px;
        margin: 30px auto 0;
    }
}
.p-mail-btn {
    height: 37px;
    color: #fff;
    background: #f26c7a;
    box-shadow: 0 -2px #ee3d50 inset;
    border: 1px solid #f26c7a;
}
@media screen and (min-width: 768px) {
    .p-mail-btn {
        height: 54px;
    }
}
.p-search-recommend-heading {
    color: #f08f9b;
    font-size: 1.2rem;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
    .p-search-recommend-heading {
        text-align: left;
        font-size: 2.2rem;
        font-weight: normal;
        padding-left: 10px;
        padding-right: 10px;
    }
}
.p-search-recommend-heading__inner {
    font-size: 2.2rem;
}
.p-suggest--bottom {
    padding: 12px;
    background: #fff;
    margin-top: 43px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 768px) {
    .p-suggest--bottom {
        margin: 20px 10px 0;
        border: 1px solid #ccc;
    }
}
.p-suggest--bottom__heading {
    text-align: center;
    border-bottom: 1px solid #f08f9b;
    color: #f08f9b;
    font-size: 1.4rem;
    line-height: 2em;
    margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
    .p-suggest--bottom__heading {
        flex-shrink: 0;
        padding-right: 20px;
        border: none;
    }
}
.p-search-navigation {
    margin-top: 14px;
    font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
    .p-search-navigation {
        margin-top: 16px;
    }
}
.p-search-navigation__heading {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 6px;
    color: #222;
}
.p-search-navigation__list-outer {
    margin: 0 -10px -10px;
    padding: 0 10px 10px;
    overflow-x: auto;
}
@media screen and (min-width: 768px) {
    .p-search-navigation__list-outer {
        overflow-x: initial;
    }
}
.p-search-navigation__list-outer::-webkit-scrollbar {
    display: none;
}
.p-search-navigation__list {
    display: flex;
    margin: 0 -4px;
}
@media screen and (min-width: 768px) {
    .p-search-navigation__list {
        flex-wrap: wrap;
        margin-top: -3px;
        margin-bottom: -3px;
    }
}
.p-search-navigation__list > li {
    flex-shrink: 0;
    padding: 0 4px;
}
@media screen and (min-width: 768px) {
    .p-search-navigation__list > li {
        padding-top: 3px;
        padding-bottom: 3px;
    }
}
.p-search-navigation-btn {
    display: flex;
    align-items: center;
    height: 38px;
    padding: 12px;
    border: 1px solid #d9d9d9;
    border-radius: 19px;
    background-color: #fff;
    font-weight: bold;
    line-height: 1;
    color: #0f71d2;
}
.p-search-navigation-btn:hover {
    text-decoration: none;
    opacity: 0.7;
    padding-top: 11px;
    padding-bottom: 11px;
}
.p-search-navigation-btn__count {
    padding-left: 4px;
    font-weight: normal;
}
.p-matching-support-cassette {
    margin: 24px 0;
    padding-left: 12px;
    padding-right: 12px;
    color: #333;
}
@media screen and (min-width: 768px) {
    .p-matching-support-cassette {
        margin: 20px 12px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.p-matching-support-cassette__inner {
    position: relative;
    max-width: 592px;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .p-matching-support-cassette__inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 159px;
        padding-right: 298px;
    }
}
.p-matching-support-cassette__heading {
    color: #222;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}
.p-matching-support-cassette__image {
    max-width: 272px;
    margin: 16px auto 0;
}
@media screen and (min-width: 768px) {
    .p-matching-support-cassette__image {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
    }
}
.p-matching-support-cassette__paragraph {
    margin-top: 16px;
}
.p-matching-support-cassette__button {
    height: 48px;
    margin-top: 16px;
    box-shadow: 0 -2px #ee3d50 inset;
    background: #f26c7a;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
}
.p-matching-support-cassette__button:hover,
.p-matching-support-cassette__button:focus {
    text-decoration: none;
}
.p-panel--line {
    margin: 20px;
}
.p-panel__heading--line {
    background: #06c755;
    color: #fff;
    text-align: center;
}
.p-panel__title--line .icon-line {
    font-size: 1.8rem;
    vertical-align: middle;
    padding-right: 5px;
}
.p-panel-body-list__item {
    overflow: hidden;
}
.p-panel-body-list__item:not(:last-of-type) {
    border-bottom: 1px solid #eee;
}
@media screen and (min-width: 768px) {
    .p-panel-body-list__item {
        padding-left: 0;
    }
    .p-panel-body-list__item:before {
        display: none;
    }
}
.p-panel-body-list__child-item {
    position: relative;
    display: block;
    font-size: 12px;
    padding: 6px;
}
.p-panel-body-list__business-type-name {
    font-size: 14px;
}
.p-share-ranking {
    margin-top: 25px;
}
@media screen and (min-width: 768px) {
    .p-share-ranking {
        padding: 0 10px;
    }
}
.p-share-ranking__heading {
    font-size: 1.2rem;
    padding: 5px;
    margin-top: 25px;
}
@media screen and (min-width: 768px) {
    .p-share-ranking__heading {
        font-size: 1.4rem;
    }
}
.p-share-ranking__heading-medium {
    font-size: 1.4rem;
}
.p-share-ranking__heading-large {
    font-size: 1.6rem;
}
.p-share-ranking-list-container {
    background-color: #fff;
    padding: 10px 20px;
}
@media screen and (min-width: 768px) {
    .p-share-ranking-list-container {
        padding: 0;
    }
}
.p-share-ranking-list {
    border: 4px solid #eee;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(170, 170, 170, 0.5);
}
.is-pc .p-share-ranking-list {
    display: flex;
}
.p-share-ranking-list__item {
    padding: 10px;
}
@media screen and (min-width: 768px) {
    .p-share-ranking-list__item {
        padding: 20px;
    }
}
.p-share-ranking-list__item + .p-share-ranking-list__item:not(.slick-initialized) {
    display: none;
}
.is-pc .p-share-ranking-list__item + .p-share-ranking-list__item:not(.slick-initialized) {
    display: block;
}
@media screen and (min-width: 768px) {
    .p-share-ranking-list__item {
        border-left: 1px solid #ccc;
    }
}
a.p-share-ranking-list__link {
    display: block;
    color: #666;
}
a.p-share-ranking-list__link:hover {
    text-decoration: none;
    opacity: 0.8;
}
.p-share-ranking-list__heading {
    font-size: 1.2rem;
    font-weight: normal;
    margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
    .p-share-ranking-list__heading {
        font-size: 1.4rem;
    }
}
.p-share-ranking-list__content {
    display: flex;
}
.p-share-ranking-list__img-container {
    width: 110px;
}
@media screen and (min-width: 768px) {
    .p-share-ranking-list__img-container {
        width: 190px;
    }
}
.p-share-ranking-list__text {
    font-weight: bold;
    padding-left: 10px;
}
@media screen and (min-width: 768px) {
    .p-share-ranking-list__text {
        padding-left: 20px;
    }
}
.p-share-ranking-innerlist {
    font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
    .p-share-ranking-innerlist {
        margin-top: 10px;
    }
}
.p-share-ranking-list__salary {
    font-size: 1.2rem;
}
.p-share-ranking-list__salary-num {
    font-size: 1.6rem;
    color: #f97b0b;
    font-weight: bold;
}
.p-faq-outer {
    color: #333;
    position: relative;
    list-style: none;
}
.p-faq-list dt {
    position: relative;
    font-size: 16px;
    padding: 15px 15px 0 28px;
    font-weight: bold;
}
.p-faq-list dd {
    position: relative;
    font-size: 12px;
    padding: 5px 15px 15px 28px;
    border-bottom: 1px solid #eee;
    padding: 10px 15px 15px 28px;
}
@media screen and (min-width: 768px) {
    .p-faq-list dd {
        padding: 5px 15px 15px 28px;
    }
}
.p-faq-list__icon-q,
.p-faq-list__icon-a {
    position: absolute;
    font-weight: bold;
    font-size: 16px;
    left: 0;
}
.p-faq-list__icon-a {
    color: #df7e8b;
}
@media screen and (min-width: 768px) {
    .p-faq-list__icon-a {
        margin-top: 0;
        top: 50%;
        margin-top: -16px;
    }
}
.p-shop-access-text {
    margin-top: 20px;
}
.p-shop-cassette-outer {
    margin: -10px -16px;
}
@media screen and (min-width: 768px) {
    .p-shop-cassette-outer {
        margin: -20px 0px;
    }
}
.p-staff-profile-outer {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .p-staff-profile-outer {
        display: flex;
        flex-wrap: wrap;
        width: -webkit-calc(100% + 10px);
        width: -ms-calc(100% + 10px);
        width: calc(100% + 10px);
        margin-top: 0;
        margin-left: -5px;
    }
}
.p-staff-profile {
    background: #fff;
    font-size: 1.2rem;
    text-align: left;
    padding: 15px;
}
@media screen and (max-width: 767px) {
    .p-staff-profile {
        box-shadow: 0 0 4px #d8d8d8;
    }
}
@media screen and (min-width: 768px) {
    .p-staff-profile {
        flex-basis: -webkit-calc(50% - 10px);
        flex-basis: -ms-calc(50% - 10px);
        flex-basis: calc(50% - 10px);
        margin: 5px;
    }
}
@media screen and (max-width: 767px) {
    .p-staff-profile + .p-staff-profile {
        margin-top: 16px;
    }
}
.p-staff-profile__head {
    display: flex;
    align-items: flex-start;
    padding-bottom: 15px;
}
.p-staff-profile__image-container {
    flex-shrink: 0;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
}
.p-staff-profile__image {
    height: auto;
}
.p-staff-profile__content {
    padding-left: 20px;
}
.p-staff-profile__ruby {
    display: block;
    font-weight: normal;
}
.p-staff-profile-list__item {
    margin-top: 5px;
}
.p-staff-profile-list__heading {
    color: #aaa;
}
.p-staff-profile__foot {
    border-top: 3px solid #eeeeee;
    padding-top: 15px;
}
.p-shop-album {
    color: #222;
}
@media screen and (min-width: 768px) {
    .p-shop-album {
        display: flex;
        flex-wrap: wrap;
        width: -webkit-calc(100% + 10px);
        width: -ms-calc(100% + 10px);
        width: calc(100% + 10px);
        margin-left: -5px;
    }
}
.p-shop-album.p-shop-album--shop-modal {
    padding: 0;
}
.p-shop-album__image {
    height: auto;
}
.p-shop-album__figure {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-shop-album__figure {
        flex-basis: -webkit-calc(50% - 10px);
        flex-basis: -ms-calc(50% - 10px);
        flex-basis: calc(50% - 10px);
        margin: 5px;
    }
}
@media screen and (max-width: 767px) {
    .p-shop-album__figure + .p-shop-album__figure {
        margin-top: 10px;
    }
}
.p-shop-album__figcaption {
    font-size: 1.2rem;
    text-align: left;
    padding-top: 5px;
}
.p-detail-bottom--sort {
    display: flex;
    flex-direction: column;
}
@media screen and (min-width: 768px) {
    .p-detail-bottom--sort {
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 768px) {
    .p-detail-bottom--sort .p-job-group-outer {
        margin-top: 20px;
        margin-bottom: 0;
    }
}
@media screen and (min-width: 768px) {
    .p-detail-bottom--sort .p-job-group,
    .p-detail-bottom--sort .p-job-resume-box,
    .p-detail-bottom--sort .p-matching-support-cassette {
        margin-top: 0;
    }
}
.p-detail-bottom--sort .p-detail-bottom__search {
    order: 2;
}
.p-access-map {
    display: none;
    padding-bottom: 133%;
}
@media screen and (min-width: 768px) {
    .is-sp .p-access-map {
        padding-bottom: 60%;
    }
}
@media screen and (min-width: 980px) {
    .p-access-map {
        padding-bottom: 60%;
    }
}
.p-acces-map-icon {
    width: 8px;
    margin-right: 8px;
}
.p-shop-chart-wrapper--ratio {
    margin: 0 auto;
    width: 70%;
    max-width: 322px;
}
.p-shop-chart-wrapper--ratio canvas {
    height: 90px !important;
    width: 100% !important;
}
.p-shop-chart-wrapper--pie {
    margin: 0 auto;
    width: 100%;
    max-width: 322px;
}
.p-shop-chart-wrapper--pie canvas {
    height: 130px !important;
}
@media screen and (max-width: 767px) {
    .p-shop-chart-wrapper--pie canvas {
        height: 230px !important;
    }
}
.p-shop-box-wrapper {
    padding: 22px 0;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-shop-box-wrapper {
        border: 1px solid #eee;
        height: 226px;
    }
}
.p-shop-box-wrapper--profile {
    padding: 22px 0;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-shop-box-wrapper--profile {
        border: 1px solid #eee;
    }
}
@media screen and (min-width: 768px) {
    .p-shop-box-wrapper-fix-height {
        height: 226px;
    }
}
@media screen and (min-width: 768px) {
    .p-shop-box-wrapper-variable-height {
        min-height: 226px;
    }
}
@media screen and (max-width: 767px) {
    .p-shop-box-wrapper--narrow {
        width: 278px;
        margin: auto;
    }
    .p-shop-box-wrapper--narrow .p-shop-box-wrapper:not(:first-of-type) {
        border-top: 2px solid #eee;
    }
}
.p-shop-chart-percent {
    display: flex;
    justify-content: space-between;
    margin: 0 4px;
    font-size: 14px;
}
.p-shop-box-flex-max3 {
    flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
    .p-shop-box-flex-max3 > :not(:first-child) {
        border-top: 2px solid #eee;
    }
}
@media screen and (min-width: 768px) {
    .p-shop-box-flex-max3 {
        display: flex;
        justify-content: space-between;
        min-height: 226px;
    }
    .p-shop-box-flex-max3 > :nth-child(even) {
        margin-left: 16px;
    }
}
@media screen and (min-width: 960px) {
    .p-shop-box-flex-max3 > :nth-child(even) {
        margin-left: 0;
    }
    .p-shop-box-flex-max3 > :not(:nth-child(3n + 1)) {
        margin-left: 16px;
    }
}
@media screen and (min-width: 768px) {
    .p-shop-box-flex-max3__contents {
        flex-basis: 48%;
        flex-grow: 1;
    }
}
@media screen and (min-width: 960px) {
    .p-shop-box-flex-max3__contents {
        flex-basis: 302px;
    }
}
.p-shop-box-flex-max2 {
    flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
    .p-shop-box-flex-max2 > :not(:first-child) {
        border-top: 2px solid #eee;
    }
}
@media screen and (min-width: 768px) {
    .p-shop-box-flex-max2 {
        display: flex;
        justify-content: space-between;
        min-height: 226px;
    }
    .p-shop-box-flex-max2 > .p-shop-box-flex-max2__contents + .p-shop-box-flex-max2__contents {
        margin-left: 16px;
    }
}
@media screen and (min-width: 768px) {
    .p-shop-box-flex-max2__contents {
        flex-basis: 346px;
        flex-grow: 1;
    }
}
@media screen and (min-width: 960px) {
    .p-shop-box-flex-max2__contents {
        flex-basis: 462px;
    }
}
@media screen and (min-width: 768px) {
    .p-shop-box-flex-max1__contents {
        width: 100%;
    }
}
.p-shop-box-title {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    background-color: #f6f6f6;
    border-radius: 30px;
    padding: 10px 20px;
}
.p-shop-important-unit {
    font-size: 20px;
    font-weight: bold;
}
.p-shop-important-unit--multiple {
    min-width: 101px;
    font-size: 18px;
    font-weight: bold;
}
.p-shop-important-num {
    color: #fb6341;
    font-weight: bold;
    font-size: 50px;
}
.p-shop-important-num--multiple {
    color: #fb6341;
    font-weight: bold;
    font-size: 33px;
    margin: 0 4px;
}
.p-shop-box-margin {
    margin: 16px auto 0;
}
@media screen and (min-width: 768px) {
    .p-shop-box-margin__pc {
        margin-top: 16px;
    }
}
@media screen and (min-width: 768px) {
    .p-shop-box-contents {
        display: flex;
        height: 77%;
        align-items: center;
        justify-content: center;
    }
}
@media screen and (max-width: 767px) {
    .p-shop-box-contents {
        margin-top: 16px;
    }
}
.p-shop-box-contents-margin {
    margin-top: 21px;
}
@media screen and (max-width: 767px) {
    .p-shop-box-contents-margin {
        margin-top: 16px;
    }
}
.p-shop-staff-average {
    margin-top: 16px;
    width: 100%;
}
.p-shop-shift-staff {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
@media screen and (max-width: 767px) {
    .p-shop-customer {
        width: 100%;
        margin: auto;
    }
}
.p-shop-customer-info-wrapper {
    display: flex;
    justify-content: center;
}
.p-shop-customer-info-type {
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 15px;
}
@media screen and (max-width: 767px) {
    .p-shop-customer-info-type {
        font-size: 14.5px;
    }
}
.p-shop-customer-info-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    line-height: 1;
    margin-top: -18px;
}
@media screen and (min-width: 768px) {
    .p-shop-customer-price {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 10px 20px 0;
    }
}
.p-shop-customer-info-price__wrapper {
    margin: 18px 30px 0;
}
@media screen and (max-width: 767px) {
    .p-shop-customer-info-price__wrapper {
        margin-bottom: 20px;
    }
}
.p-shop-customer-info-price {
    font-size: 20px;
}
.p-shop-customer-info-price__num {
    color: #fb6341;
    font-size: 30px;
}
@media screen and (min-width: 768px) {
    .p-shop-customer-info-segment__desc {
        position: relative;
    }
}
@media screen and (min-width: 768px) {
    .p-shop-customer-info-segment__text {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        word-break: break-all;
        width: 70%;
    }
}
.p-shop-user-rate-wrapper {
    margin-top: 2px;
}
.p-shop-user-rate-wrapper canvas {
    height: 58px !important;
}
.p-shop-users-rate-unit {
    font-weight: bold;
    width: 100%;
}
.p-shop-users-rate-content {
    display: flex;
    justify-content: space-between;
}
.p-shop-users-rate-num {
    color: #fb6341;
}
.p-shop-service-menu-item {
    border: 1px solid #d9d9d9;
}
@media screen and (min-width: 768px) {
    .p-shop-service-menu-item {
        display: flex;
        align-items: stretch;
    }
}
.p-shop-service-menu-item-title {
    background-color: #f9f9f9;
    padding: 15px 16px;
    line-height: 1;
    border-bottom: 1px solid #d9d9d9;
}
@media screen and (min-width: 768px) {
    .p-shop-service-menu-item-title {
        display: flex;
        align-items: center;
        border-bottom: none;
        border-right: 1px solid #d9d9d9;
        width: 168px;
    }
}
.p-shop-service-menu-item-content {
    padding: 16px;
}
@media screen and (min-width: 768px) {
    .p-shop-service-menu-item-content {
        flex: 1;
    }
}
.p-tab-buttons-list {
    position: relative;
    display: flex;
    overflow-x: auto;
}
@media screen and (min-width: 768px) {
    .p-tab-buttons-list {
        margin-left: 0;
        margin-right: 0;
    }
}
.p-tab-buttons-list.p-tab-buttons-list--top {
    margin-top: 16px;
    margin-bottom: -1px;
}
.p-tab-buttons-list.p-tab-buttons-list--bottom {
    margin-top: -1px;
}
.p-tab-buttons-list--bottom--wide:after {
    content: "";
    height: 4px;
    background: #f96075;
    display: none;
    position: absolute;
    bottom: 0;
    transition: left 225ms ease, left 225ms ease;
    z-index: 2;
    width: 50%;
}
.p-tab-buttons-list--bottom--wide.is-tab-shop:after {
    display: block;
    left: 50%;
}
.p-tab-buttons-list--bottom--wide.is-tab-detail:after {
    display: block;
    left: 0;
}
.js-tab-underline {
    content: "";
    height: 4px;
    background: #f96075;
    position: absolute;
    top: 52px;
    transition: left 225ms ease, left 225ms ease;
    z-index: 2;
    display: block;
}
.p-tab-contents-wrapper {
    position: relative;
    background: #fff;
    padding: 32px 16px 16px;
    z-index: 1;
}
@media screen and (min-width: 768px) {
    .p-tab-contents-wrapper {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 54px;
    }
}
.p-tab-contents-wrapper--wide {
    min-height: 42px;
}
.p-tab-contents-wrapper--wide.is-shop-preview {
    position: sticky;
    top: 0;
    z-index: 5;
}
@media screen and (min-width: 768px) {
    .p-tab-contents-wrapper--wide {
        min-height: 48px;
    }
}
.p-tab-contents-outer {
    width: 100%;
}
.p-tab-contents-outer.is-fixed {
    position: fixed;
    top: 0;
    z-index: 5;
}
.p-tab-contents,
.p-tab-contents--wide {
    width: 100%;
    background: #fff;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
}
.p-tab-contents {
    max-width: 980px;
    margin: 0 auto;
}
.p-tab-contents--wide {
    position: relative;
    z-index: 5;
}
.p-tab-contents--wide.is-fixed {
    position: fixed;
    top: 0;
}
.p-tab-buttons-list__item {
    min-width: 27.5%;
}
@media screen and (min-width: 768px) {
    .p-tab-buttons-list__item {
        width: 20%;
    }
}
@media screen and (min-width: 768px) {
    .p-tab-buttons-list__item {
        min-width: 157px;
    }
}
.p-tab-contents-inner--wide {
    width: 100%;
    margin: 0 auto;
}
.p-tab-contents-inner--wide.is-job-preview {
    max-width: 414px;
}
@media screen and (min-width: 768px) {
    .p-tab-contents-inner--wide {
        max-width: 980px;
    }
    .is-pc .p-tab-contents-inner--wide.is-job-preview {
        max-width: 980px;
    }
}
.p-tab-buttons-list__item--wide {
    flex-basis: 50%;
}
.p-tab-buttonslist__child-item {
    width: 100%;
    height: 56px;
    background-color: #f2f2f2;
    color: #222;
    font-size: 12px;
    padding: 0;
    border: none;
    font-weight: bold;
    outline: none;
    cursor: pointer;
}
.p-tab-buttons-list__item--wide .p-tab-buttonslist__child-item {
    padding-bottom: 4px;
    height: 42px;
    color: #575757;
}
.p-tab-buttons-list__item--wide .p-tab-buttonslist__child-item:hover,
.p-tab-buttons-list__item--wide .p-tab-buttonslist__child-item:focus {
    opacity: 1;
    color: #f96075;
}
@media screen and (min-width: 768px) {
    .p-tab-buttons-list__item--wide .p-tab-buttonslist__child-item {
        height: 48px;
        font-size: 16px;
    }
}
.p-tab-buttons-list__item--wide .p-tab-buttonslist__child-item,
.p-tab-button-list-item .p-tab-buttonslist__child-item {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (min-width: 768px) {
    .p-tab-buttonslist__child-item {
        font-size: 14px;
        width: 100%;
    }
    .p-tab-buttonslist__child-item:hover,
    .p-tab-buttonslist__child-item:focus {
        opacity: 0.8;
        text-decoration: none;
    }
}
.p-tab-buttonslist__child-item *::-ms-backdrop,
.p-tab-buttonslist__child-item {
    border-radius: none;
}
@media screen and (min-width: 768px) {
    .p-tab-buttonslist__child-item:not(.is-current):hover,
    .p-tab-buttonslist__child-item:not(.is-current):focus {
        opacity: 0.8;
    }
}
.p-tab-buttonslist__child-item.is-current,
.is-current .p-tab-buttonslist__child-item {
    background: #fff;
    color: #f96075;
}
.p-tab-buttons-list--top .p-tab-buttonslist__child-item.is-current,
.p-tab-buttons-list--top .is-current .p-tab-buttonslist__child-item {
    border-top: 2px solid #f96075;
}
.p-tab-buttons-list--bottom .p-tab-buttonslist__child-item.is-current,
.p-tab-buttons-list--bottom .is-current .p-tab-buttonslist__child-item {
    border-bottom: 2px solid #f96075;
}
.p-tab-buttons-list__item:first-child .p-tab-buttonslist__child-item.is-current,
.p-tab-buttons-list__item:first-child .is-current .p-tab-buttonslist__child-item {
    border-left-color: transparent;
}
.p-tab-buttons-list__item:last-child .p-tab-buttonslist__child-item.is-current,
.p-tab-buttons-list__item:last-child .is-current .p-tab-buttonslist__child-item {
    border-right-color: transparent;
}
.p-tab-buttonslist__child-item span {
    display: inline-block;
    max-width: 6em;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .p-tab-content {
        padding-top: 0;
    }
}
.js-tab-content,
.js-page-tab-content {
    height: 0;
    overflow: hidden;
}
.js-tab-content.is-show,
.js-page-tab-content.is-show {
    height: auto;
    overflow: visible;
    flex-wrap: inherit;
}
.p-tab-buttons__outer {
    width: 100%;
    background: #fff;
}
.p-tab-buttons-list__container {
    position: relative;
}
.p-work-number {
    font-size: 1.2rem;
    padding-top: 10px;
}
.p-work-under-consideration {
    text-align: center;
}
.is-pc .p-work-under-consideration {
    flex-grow: 1;
}
.p-work-under-consideration__num {
    font-size: 2rem;
    color: #f97b0b;
    padding-right: 5px;
}
@media screen and (min-width: 980px) {
    .p-work-oiwai-box-outer {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
}
.p-work-oiwai-box {
    position: relative;
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 5px;
    border: 5px solid #99ddff;
}
.p-work-oiwai-box:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -16px;
    border: 16px solid transparent;
    border-bottom: 10px solid #99ddff;
}
.p-work-oiwai-box.p-work-oiwai-box--top {
    margin: 18px 0 10px;
}
.p-work-oiwai-box.p-work-oiwai-box--top:after {
    top: -28px;
}
.p-work-oiwai-box.p-work-oiwai-box--bottom {
    margin: 10px 0 18px;
}
.p-work-oiwai-box.p-work-oiwai-box--bottom:after {
    bottom: -28px;
    transform: rotate(180deg);
}
.p-work-oiwai-box__heading {
    font-weight: bold;
}
.p-work-oiwai-box__text {
    font-size: 1.2rem;
}
.p-work-oiwai-box__text-inner {
    color: #f97b0b;
}
.p-work-oiwai-box__num {
    font-size: 1.8rem;
    font-weight: bold;
}
.p-work-requirement-shops {
    padding-top: 24px;
    border-top: 1px solid #f2f2f2;
}
.p-work-requirement-shops .p-job-cassete:nth-of-type(n + 6) {
    display: none;
}
.p-work-requirement-shops.p-work-requirement-shops--tab {
    border: none;
}
.p-magiclink {
    margin: 120px 0;
    text-align: center;
}
.p-magiclink-heading-outer {
    margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
    .p-magiclink-heading-outer {
        margin-bottom: 32px;
    }
}
.p-magiclink-heading {
    font-size: 2.1rem;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-magiclink-heading {
        font-size: 2.8rem;
    }
}
.p-magiclink-login-text {
    margin-bottom: 16px;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-magiclink-login-text {
        margin-bottom: 10px;
    }
}
.p-login-heading-outer {
    margin: 12px 0;
    text-align: center;
}
.p-login-heading {
    font-size: 1.8rem;
    font-weight: bold;
}
.p-login-form-heading {
    margin-bottom: 12px;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-login-form-heading {
        margin-bottom: 24px;
    }
}
.p-login-primary-btn {
    height: 48px;
    font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
    .p-login-primary-btn {
        max-width: 440px;
        margin: 0 auto;
    }
}
.p-sns-login {
    margin-top: 24px;
}
.p-sns-login__heading {
    margin-bottom: 16px;
    font-size: 1.2rem;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-sns-login__heading {
        font-size: 1.4rem;
    }
}
.p-sns-login-list {
    display: flex;
    justify-content: space-around;
    list-style: none;
}
.p-sns-login-list__listitem {
    width: 34px;
}
@media screen and (min-width: 768px) {
    .p-sns-login-list__listitem {
        width: 44px;
    }
}
@media screen and (min-width: 768px) {
    .p-sns-login-list__link:hover {
        opacity: 0.7;
    }
}
@media screen and (min-width: 768px) {
    .p-login-container {
        max-width: 440px;
        margin: 0 auto;
    }
}
.p-login-section {
    margin-top: 48px;
}
@media screen and (min-width: 768px) {
    .p-login-section {
        margin-top: 64px;
    }
}
.p-login-section--registration {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #e0e0e0;
}
.p-login-container__form-space {
    margin-top: 8px;
}
.p-login-container__form-space-small {
    margin-top: 4px;
}
.p-login-container__form-space-large {
    margin-top: 16px;
}
.p-login-container__remember {
    margin-top: 18px;
    font-size: 1.2rem;
    text-align: center;
}
.p-login-container__remember .c-input-checkbox,
.p-login-container__remember input.c-input-checkbox[type="checkbox"] {
    margin-right: 8px;
}
.p-login-container__login-outer {
    margin-top: 18px;
}
.p-login-container__magiclink-text {
    margin-top: 4px;
    font-size: 1.2rem;
}
.p-login-container__registration-outer {
    margin-top: 16px;
}
.p-login-aside {
    margin-top: 24px;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-login-aside--login {
        margin-top: 20px;
        margin-bottom: 80px;
        padding-top: 10px;
        border-top: 1px solid #e0e0e0;
    }
}
.p-login-aside__inner {
    font-size: 1.4rem;
    padding: 8px 0;
}
.p-login-terms {
    margin-top: 24px;
    font-size: 1.3rem;
    text-align: center;
}
.p-login-terms i {
    font-size: 16px;
    margin-left: 2px;
}
@media screen and (min-width: 768px) {
    .p-login-terms {
        margin-top: 16px;
        margin-bottom: 80px;
    }
}
.p-login-app-banner {
    margin-top: 40px;
}
.p-login-form-column {
    width: 100%;
    max-width: 1028px;
    margin: 0 auto;
    padding: 0 24px;
}
@media screen and (min-width: 768px) {
    .p-login-form-column {
        display: flex;
        margin-top: 64px;
        margin-bottom: 112px;
    }
}
@media screen and (min-width: 768px) {
    .p-login-form-column__login,
    .p-login-form-column__registration {
        flex-basis: 50%;
    }
}
.p-login-form-column__login {
    padding-bottom: 12px;
}
@media screen and (min-width: 768px) {
    .p-login-form-column__login {
        padding-bottom: 0;
    }
}
.p-login-form-column__registration {
    margin: 0 -24px;
    padding: 20px 24px 16px;
    background-color: #efefef;
}
@media screen and (min-width: 768px) {
    .p-login-form-column__registration {
        margin-left: 24px;
        margin-right: 0;
        padding: 0;
        background-color: transparent;
    }
}
@media screen and (min-width: 768px) {
    .p-login-form-column__pc-panel {
        padding-bottom: 24px;
        border: 3px solid #efefef;
    }
}
.p-login-form-column__title {
    display: none;
    padding: 12px 0;
    background-color: #efefef;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-login-form-column__title {
        display: block;
        font-size: 16px;
    }
}
.p-login-form-column__section {
    max-width: 328px;
    margin: 0 auto;
    padding: 16px 0;
}
@media screen and (min-width: 768px) {
    .p-login-form-column__section {
        padding-top: 46px;
        padding-bottom: 30px;
    }
}
.p-login-form-colum__password,
.p-login-form-colum__top-password {
    margin-top: 36px;
    text-align: center;
    font-size: 1.3rem;
}
@media screen and (min-width: 768px) {
    .p-login-form-colum__password,
    .p-login-form-colum__top-password {
        margin-top: 28px;
    }
}
.p-login-form-colum__top-password {
    margin-top: 28px;
}
.p-login-form-column__line {
    margin-top: 50px;
    padding-bottom: 22px;
}
@media screen and (min-width: 768px) {
    .p-login-form-column__line {
        margin-top: 56px;
    }
}
.p-login-form-column__top-line {
    margin-top: 70px;
}
@media screen and (min-width: 768px) {
    .p-login-form-column__top-line {
        margin-top: 58px;
    }
}
.p-login-line-button {
    width: 100%;
    height: 48px;
    background-color: #06c755;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    box-shadow: none;
}
.p-login-line-button:hover {
    border: 1px solid #fff;
    box-shadow: 0 0 8px 0 #06c755;
}
.p-forgot-password-form {
    text-align: center;
}
.p-forgot-password-form__text {
    line-height: 1.58;
}
.p-forgot-password-form__form {
    margin-top: 26px;
}
.p-forgot-password-form__form .c-btn,
.p-forgot-password-form__form .p-friend-button,
.p-forgot-password-form__form .p-suggest-list__btn,
.p-forgot-password-form__form .p-mail-btn,
.p-forgot-password-form__form .p-matching-support-cassette__button {
    margin-top: 14px;
}
.p-forgot-password-form__link-outer {
    margin-top: 36px;
    font-size: 1.3rem;
}
.p-forgot-password-form__address {
    font-size: 1.4rem;
    text-align: center;
}
.p-forgot-password-form__complete-text {
    margin-top: 32px;
    text-align: left;
}
.p-forgot-password-form__contact-link {
    margin-top: 16px;
    text-align: left;
}
.p-forgot-password-form__list {
    list-style: none;
    margin-top: 16px;
    text-align: left;
}
.p-forgot-password-form__list li {
    padding-left: 1em;
    text-indent: -1em;
}
.p-registration-btn--primary,
.p-registration-btn--login,
.p-registration-btn--login-outline {
    background-color: #fb6341;
    color: #fff;
    font-weight: bold;
}
.p-registration-btn--primary.is-disabled,
.is-disabled.p-registration-btn--login,
.is-disabled.p-registration-btn--login-outline {
    color: #ccc;
    background: #eee;
    box-shadow: none;
    cursor: default;
    opacity: 1;
    font-weight: default;
}
.p-registration-btn--login,
.p-registration-btn--login-outline {
    height: 48px;
    font-size: 16px;
    box-shadow: none;
}
.p-registration-btn--login-outline {
    border: 1px solid #fb6341;
    background-color: #fff;
    color: #fb6341;
}
.js-registration-button.is-disabled,
.p-withdrawals .is-disabled.p-withdrawals__continue-button {
    box-shadow: none;
    background-color: #f3f3f3;
    color: #a9a9a9;
    cursor: not-allowed;
}
@media screen and (min-width: 768px) {
    .js-registration-button.is-disabled:hover,
    .p-withdrawals .is-disabled.p-withdrawals__continue-button:hover {
        opacity: 1;
    }
}
.p-registration-box-pt1 {
    width: 100%;
    margin-top: 12px;
    padding-bottom: 32px;
    background-color: #fff;
    font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
    .p-registration-box-pt1 {
        padding: 32px 24px;
    }
}
.p-registration-box-pt1 + .p-registration-box-pt1 {
    margin-top: 16px;
}
.p-registration-box-pt1 .c-btn--search,
.p-registration-box-pt1 .p-scout-off-user-modal__submit {
    height: 44px;
    border: none;
    background: #f26c7a;
    font-weight: bold;
}
.p-registration-complete .p-registration-box-pt1 {
    margin: 8px 0;
}
@media screen and (min-width: 768px) {
    .p-registration-complete .p-registration-box-pt1 {
        margin: 11px;
    }
}
.p-registration-complete .p-registration-box-pt1 + .p-registration-complete .p-registration-box-pt1 {
    margin-top: 8px;
}
@media screen and (min-width: 768px) {
    .p-registration-complete .p-registration-box-pt1 + .p-registration-complete .p-registration-box-pt1 {
        margin-top: 11px;
    }
}
.p-registration-box-pt1--to-mypage,
.p-registration-box-pt1--line,
.p-registration-box-pt1--app-promotion,
.p-registration-box-pt1--search,
.p-registration-box-pt1--new-work,
.p-registration-box-pt1--popular-conditions {
    padding: 16px 20px 24px;
    font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
    .p-registration-box-pt1--to-mypage,
    .p-registration-box-pt1--line,
    .p-registration-box-pt1--app-promotion,
    .p-registration-box-pt1--search,
    .p-registration-box-pt1--new-work,
    .p-registration-box-pt1--popular-conditions {
        padding: 32px 24px;
    }
}
.p-registration-box-pt1--to-mypage,
.p-registration-box-pt1--line {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-registration-box-pt1--to-mypage,
    .p-registration-box-pt1--search {
        flex-basis: calc(50% - 22px);
        max-width: calc(50% - 22px);
    }
}
.p-registration-box-pt1--search {
    padding-top: 32px;
}
.p-registration-box-pt1--search .p-job-search {
    padding-top: 8px;
}
@media screen and (min-width: 768px) {
    .p-registration-box-pt1--search .p-job-search__top-contents {
        display: block;
    }
}
@media screen and (min-width: 768px) {
    .p-registration-box-pt1--search .p-job-search__input-container,
    .p-registration-box-pt1--search .p-job-search-btn-container {
        margin-top: 8px;
        padding-left: 0;
    }
}
@media screen and (min-width: 768px) {
    .p-registration-box-pt1--search .p-job-link-panel__text-link {
        margin-top: 18px;
    }
}
.p-registration-complete-content--search .p-registration-box-pt1--search {
    order: -3;
}
.p-registration-complete-content--search .p-registration-box-pt1--popular-conditions {
    order: -2;
}
@media screen and (min-width: 768px) {
    .p-registration-complete-content--search .p-registration-box-pt1--popular-conditions {
        order: -1;
    }
}
.p-registration-complete-content--search .p-registration-box-pt1--to-mypage {
    order: -1;
}
@media screen and (min-width: 768px) {
    .p-registration-complete-content--search .p-registration-box-pt1--to-mypage {
        order: -2;
    }
}
@media screen and (min-width: 768px) {
    .p-registration-box-pt1--step4 {
        margin-top: 34px;
    }
}
@media screen and (min-width: 768px) {
    .p-registration-box-pt1__inner {
        max-width: 600px;
        margin: 0 auto;
    }
}
.p-registration-grid {
    display: flex;
    flex-wrap: wrap;
}
.p-registration-grid--step2 {
    margin: -5px;
}
@media screen and (min-width: 768px) {
    .p-registration-grid--step2 {
        margin: -8px;
    }
}
.p-registration-grid--step2 .p-registration-grid__item {
    padding: 5px;
}
@media screen and (min-width: 768px) {
    .p-registration-grid--step2 .p-registration-grid__item {
        padding: 8px;
    }
}
.p-registration-grid--step2 .p-registration-grid__item.is-default-disabled {
    cursor: not-allowed;
}
.p-registration-grid--step2 .p-registration-grid__item.is-default-disabled > input {
    pointer-events: none;
}
.p-registration-grid__item--check {
    margin: auto;
}
.p-registration-grid--step3 {
    margin: 0 -5px;
}
.p-registration-grid--step3 .p-registration-grid__item {
    padding: 0 5px;
}
@media screen and (min-width: 768px) {
    .p-registration-grid--step3 .p-registration-grid__item {
        padding-left: 8px;
        padding-right: 8px;
    }
}
.p-registration-grid--step3 .p-registration-grid__item label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 34px;
}
@media screen and (min-width: 768px) {
    .p-registration-grid--step3 .p-registration-grid__item label {
        min-height: 40px;
    }
}
.p-registration-grid--step3 .p-registration-grid__item label input {
    flex-shrink: 0;
    margin-right: 8px;
}
.p-registration-grid--search {
    align-items: center;
    justify-content: space-between;
    margin: -5px 0;
}
@media screen and (min-width: 768px) {
    .p-registration-grid--search {
        margin: 0 -6px;
    }
}
.p-registration-grid--search .p-registration-grid__item {
    padding: 5px 0;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-registration-grid--search .p-registration-grid__item {
        padding: 0 6px;
    }
}
.p-registration-grid--txt-small {
    font-size: 13px;
}
.p-registration-grid__item--50p {
    flex-basis: 50%;
}
.p-registration-grid__item--col1-2 {
    flex-basis: 100%;
}
@media screen and (min-width: 768px) {
    .p-registration-grid__item--col1-2 {
        flex-basis: 50%;
    }
}
.p-registration-grid__item--25p {
    flex-basis: 25%;
}
.p-registration-grid__item--step2 {
    flex-basis: 50%;
}
@media screen and (min-width: 768px) {
    .p-registration-grid__item--step2 {
        flex-basis: 33.333333%;
    }
}
.p-registration-grid__item--col2-4 {
    flex-basis: 50%;
}
@media screen and (min-width: 768px) {
    .p-registration-grid__item--col2-4 {
        flex-basis: 25%;
    }
}
.p-registration-grid__item--credential {
    flex-basis: 35%;
}
.p-registration-grid__item--pulldown {
    flex-basis: 45%;
}
@media screen and (min-width: 768px) {
    .p-registration-grid__item--pulldown {
        flex-basis: 15.5%;
    }
}
.p-registration-grid__item--search-center {
    flex-basis: 10%;
}
@media screen and (min-width: 768px) {
    .p-registration-grid__item--search-center {
        flex-basis: 30px;
    }
}
.p-registration-grid__item--search-keyword {
    flex-basis: 100%;
}
@media screen and (min-width: 768px) {
    .p-registration-grid__item--search-keyword {
        flex-basis: auto;
        flex-grow: 1;
    }
}
.p-registration-grid__item--search-more {
    flex-basis: 45%;
}
@media screen and (min-width: 768px) {
    .p-registration-grid__item--search-more {
        flex-basis: 14%;
        order: 6;
    }
}
.p-registration-grid__item--search-submit {
    flex-basis: calc(55% - 8px);
}
@media screen and (min-width: 768px) {
    .p-registration-grid__item--search-submit {
        flex-basis: 17.5%;
        order: 5;
    }
}
.p-registration-grid__item--year {
    flex-basis: 40%;
}
@media screen and (min-width: 768px) {
    .p-registration-grid__item--year {
        flex-basis: 33.333333%;
    }
}
.p-registration-grid__item--day {
    flex-basis: 30%;
}
@media screen and (min-width: 768px) {
    .p-registration-grid__item--day {
        flex-basis: 33.333333%;
    }
}
.p-registration-grid--radio > .p-registration-grid__item {
    text-indent: -28px;
    padding-left: 34px;
}
.p-registration-job-type-credential-list__open-outer {
    display: none;
    margin-top: 20px;
    text-align: right;
}
.p-registration-job-type-credential-list__open {
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #0f71d2;
    cursor: pointer;
}
.p-registration-job-type-credential-list__open:hover,
.p-registration-job-type-credential-list__open:focus {
    text-decoration: underline;
}
.p-registration-job-type-credential-list__text {
    display: none;
}
.p-registration-input-outer {
    width: 100%;
    margin-top: 16px;
}
.p-registration-input__text {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 4px;
}
.p-registration-input__text--border {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 13px;
    color: #222;
    margin-top: 16px;
}
.p-registration-input__text--border::before,
.p-registration-input__text--border::after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #d9d9d9;
}
.p-registration-input__text--border::before {
    margin-right: 8px;
}
.p-registration-input__text--border::after {
    margin-left: 8px;
}
.p-registration-input-column__top-line {
    margin-top: 16px;
}
.p-registration-input__input-outer {
    position: relative;
}
.p-registration-input__input-outer .c-icn {
    line-height: 24px !important;
    color: #575757;
}
.p-registration-input {
    height: 48px !important;
}
.p-login-content {
    max-width: 328px;
    margin: 0 auto;
}
.p-registration-checkbox,
input.p-registration-checkbox[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    margin-right: 0;
    border: 1px solid #bbb;
    box-shadow: none;
    background-color: #fff;
    vertical-align: middle;
}
.p-registration-checkbox:checked,
input.p-registration-checkbox[type="checkbox"]:checked {
    position: relative;
    border: none;
    background-color: #f96075;
}
.p-registration-checkbox:checked::before,
.p-registration-checkbox:checked::after,
input.p-registration-checkbox[type="checkbox"]:checked::before,
input.p-registration-checkbox[type="checkbox"]:checked::after {
    display: block;
    position: absolute;
    content: "";
    background: #fff;
}
.p-registration-checkbox:checked::before,
input.p-registration-checkbox[type="checkbox"]:checked::before {
    left: 4px;
    top: 16px;
    width: 8px;
    height: 4px;
    transform: rotate(45deg);
    transform-origin: right center;
}
.p-registration-checkbox:checked::after,
input.p-registration-checkbox[type="checkbox"]:checked::after {
    left: 10px;
    top: 16px;
    width: 14px;
    height: 4px;
    transform: rotate(-53deg);
    transform-origin: left center;
}
.p-registration-dlist__title {
    font-size: 12px;
    font-weight: bold;
}
.p-registration-dlist__title:not(:first-of-type) {
    margin-top: 21px;
}
.p-registration-dlist__description {
    position: relative;
    margin-top: 8px;
}
.p-registration-dlist__description .c-btn--ghost {
    height: 46px;
    font-size: 1.4rem;
}
.p-registration-dlist--step3 .p-registration-dlist__title {
    font-size: 1.3rem;
}
@media screen and (min-width: 768px) {
    .p-registration-dlist--step3 .p-registration-dlist__title {
        font-size: 1.6rem;
    }
}
@media screen and (min-width: 768px) {
    .p-registration-dlist--step3 .p-registration-dlist__title .p-registration-label {
        font-size: 1.1rem;
    }
}
.p-registration-dlist--step3 .p-registration-grid {
    font-size: 1.3rem;
}
.p-registration-student-registration-text-wrapper {
    padding: 20px;
}
.p-registration-student-registration-text {
    font-size: 16px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}
.p-registration-dlist__textarea {
    width: 100%;
    height: 165px;
    padding: 8px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    box-shadow: none;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
    outline: none;
    -webkit-transition: border-color 0.1s, box-shadow 0.1s;
    transition: border-color 0.1s, box-shadow 0.1s;
}
.p-registration-instruction {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.p-registration-speech-bubble {
    position: relative;
    background: #f5f9ff;
    border-radius: 10px;
    padding: 20px;
    margin: 10px;
    width: 450px;
    text-align: center;
}
.p-registration-speech-bubble span {
    font-weight: bold;
}
.p-registration-speech-bubble::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 63%;
    margin-left: -15px;
    border-width: 15px;
    border-style: solid;
    border-color: #f5f9ff transparent transparent transparent;
}
@media screen and (max-width: 767px) {
    .p-registration-speech-bubble::before {
        left: 66%;
    }
}
@media screen and (max-width: 767px) {
    .p-registration-speech-bubble {
        width: 330px;
    }
}
@media screen and (min-width: 768px) {
    .p-registration-dlist--pc-table {
        display: flex;
        flex-wrap: wrap;
    }
    .p-registration-dlist--pc-table > .p-registration-dlist__title {
        flex-basis: 17.333333%;
        padding-right: 20px;
        border-right: 1px solid #d6d6d6;
    }
    .p-registration-dlist--pc-table > .p-registration-dlist__title:not(:first-of-type) {
        margin-top: 0;
        padding-top: 40px;
    }
    .p-registration-dlist--pc-table > .p-registration-dlist__description {
        flex-basis: 82.666667%;
        margin-top: 0;
        padding-left: 30px;
    }
    .p-registration-dlist--pc-table > .p-registration-dlist__description:not(:first-of-type) {
        padding-top: 40px;
    }
    .p-registration-dlist--pc-table > .p-registration-dlist__description.is-default-disabled {
        padding-top: 30px;
    }
}
.p-registration-dlist--optional {
    margin-top: 21px;
}
@media screen and (min-width: 768px) {
    .p-registration-dlist--optional {
        margin-top: 26px;
        padding-top: 28px;
        border-top: 1px solid #d6d6d6;
    }
}
.p-registration-dlist--credential {
    padding: 10.5px 0;
}
@media screen and (min-width: 768px) {
    .p-registration-dlist--credential {
        padding: 20px 0;
    }
}
.p-registration-textarea-outer {
    display: none;
    margin-top: 10px;
}
@media screen and (min-width: 768px) {
    .p-registration-textarea-outer {
        margin-top: 8px;
    }
}
.p-registration-textarea-outer.is-show {
    display: block;
}
.p-registration-textarea-outer .c-textarea {
    height: 108px;
}
.p-registration-label {
    font-size: 10px;
    font-weight: normal;
}
.p-registration-label--required {
    font-weight: bold;
    color: #ef4242;
}
.p-registration-label--gray {
    color: #666;
}
.p-registration-label-layout {
    margin-left: 8px;
}
@media screen and (min-width: 768px) {
    .p-registration-label-layout--gray {
        margin-left: 0;
    }
}
.p-registration-preview {
    margin-bottom: 20px;
}
.p-registration-step1-to-app__title {
    text-align: center;
    margin: 16px 0;
    font-weight: bold;
}
.p-registration-step1-to-app__container {
    width: 100%;
}
.p-registration-step1-to-app__image-container {
    position: relative;
    padding-top: 94px;
}
.p-registration-step1-to-app__content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 94px;
}
.p-registration-step1-to-app__button-wrapper {
    height: 48px;
    margin-top: 8px;
}
.p-registration-step1-to-app__button {
    font-weight: bold;
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    background-color: #ff7b89;
    padding: 0 35px;
}
.p-registration-step1-to-app__button i {
    font-size: 22px;
}
.p-registration-step1-to-app__or-text {
    margin-top: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-registration-step1-to-app__or-text:before {
    content: "";
    flex-grow: 1;
    border-top: 1px solid #949494;
    margin-right: 16px;
}
.p-registration-step1-to-app__or-text:after {
    content: "";
    flex-grow: 1;
    border-top: 1px solid #949494;
    margin-left: 16px;
}
.p-registration-step1__top {
    background-color: #f4f9ff;
    border-radius: 22px;
    display: flex;
    justify-content: space-around;
    padding: 19px 0;
    position: relative;
    margin-bottom: 45px;
    margin-top: 19px;
}
.p-registration-step1__top::after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 17px 0 17px;
    border-color: #f4f9ff transparent transparent transparent;
    position: absolute;
    bottom: -20px;
}
@media screen and (min-width: 768px) {
    .p-registration-step1__top {
        margin-top: 60px;
    }
}
.p-registration-step1__top-box {
    text-align: center;
}
.p-registration-step1__top-box-icon {
    width: 56px;
    height: 40px;
}
.p-registration-step1__top-box-text {
    font-size: 13px;
    color: #666;
    font-weight: 600;
    margin-top: 6px;
}
.p-registration-step1-login-link,
.p-registration-student-step1-header-link {
    display: inline-flex;
    align-items: center;
    margin-bottom: -1px;
    border-bottom: 1px solid transparent;
    font-weight: bold;
}
.p-registration-step1-login-link .c-icn,
.p-registration-student-step1-header-link .c-icn {
    margin-left: 2px;
}
.p-registration-step1-login-link:hover,
.p-registration-student-step1-header-link:hover {
    text-decoration: none;
    border-bottom-color: #0f71d2;
}
.p-registration-student-step1-header-link {
    font-size: 14px;
}
.p-registration-student-step1-header-link .c-icn {
    font-size: 16px;
}
.p-registration-student-step1-heading {
    margin-bottom: 32px;
}
.p-registration-student-step1-heading__small {
    font-size: 16px;
}
.p-registration-student-step1-image-area {
    max-width: 273px;
    margin: 32px auto 0;
    padding-top: 20px;
}
.p-registration-heading-wrapper {
    margin: 24px 0 20px;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-registration-heading-wrapper {
        margin-top: 40px;
        margin-bottom: 30px;
    }
}
.p-registration-balloon-area {
    text-align: center;
    margin: 24px 0 12px;
}
@media screen and (min-width: 768px) {
    .p-registration-balloon-area {
        margin-top: 10px;
    }
}
.p-registration-heading {
    font-size: 1.6rem;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-registration-heading {
        font-size: 2.1rem;
    }
}
.p-registration-heading-small {
    margin-top: 8px;
    font-weight: bold;
    font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
    .p-registration-heading-small {
        font-size: 1.4rem;
    }
}
.p-registration-balloon-outer {
    padding-bottom: 12px;
}
.p-registration-bar {
    display: flex;
    justify-content: center;
    margin-top: 8px;
}
@media screen and (min-width: 768px) {
    .p-registration-bar {
        padding-bottom: 26px;
    }
}
.p-registration-bar__item {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #e7e7e7;
    font-weight: bold;
    color: #949494;
}
@media screen and (min-width: 768px) {
    .p-registration-bar__item {
        background-color: #f5f9ff;
    }
}
.p-registration-bar__item + .p-registration-bar__item {
    margin-left: 26px;
}
.p-registration-bar__item + .p-registration-bar__item::before {
    content: "";
    height: 4px;
    width: 26px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #e7e7e7;
    left: -26px;
}
@media screen and (min-width: 768px) {
    .p-registration-bar__item + .p-registration-bar__item::before {
        background-color: #f5f9ff;
    }
}
.p-registration-bar__item.is-current,
.p-registration-bar__item.is-previous {
    background-color: #f96075;
    color: #fff;
}
.p-registration-bar__item.is-current::before,
.p-registration-bar__item.is-previous::before {
    background-color: #f96075;
}
.p-registration-skip {
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    padding: 32px 0px 0px 0px;
}
.p-registration-step2__credential-outer {
    margin: -10.5px 0;
}
@media screen and (min-width: 768px) {
    .p-registration-step2__credential-outer {
        margin: -20px 0;
    }
}
.p-registration-submit-outer {
    margin-top: 40px;
}
.p-registration-balloon {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 79px;
    padding: 20px 20px 20px 72px;
    border-radius: 20px;
    background-size: 49px 46px;
    background-position: center left 20px;
    background-repeat: no-repeat;
    background-color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
    color: #555;
    line-height: 1.5;
    text-align: left;
}
@media screen and (min-width: 768px) {
    .p-registration-balloon {
        display: inline-flex;
        padding-left: 66px;
        border-radius: 30px;
        background-color: #f5f9ff;
        background-position: center left 12px;
        font-size: 1.4rem;
    }
}
.p-registration-balloon::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 13px 0 13px;
    border-color: #fff transparent transparent transparent;
}
@media screen and (min-width: 768px) {
    .p-registration-balloon::after {
        border-color: #f5f9ff transparent transparent transparent;
    }
}
.p-registration-balloon .icon-help {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #fb798e;
    border-radius: 50%;
    color: #fb798e;
    font-size: 1.1rem;
    vertical-align: middle;
}
.p-registration-balloon .icon-help::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0;
    margin-right: 0;
}
@media screen and (min-width: 768px) {
    .p-registration-balloon .icon-help {
        vertical-align: text-bottom;
    }
}
.p-registration-balloon--step2 {
    background-image: url("https://relax-job.com/images/user_frontend/global/icn_step2_balloon.png");
}
.p-registration-balloon--step2::after {
    left: calc(50% - 58px);
}
.p-registration-balloon--step3,
.p-registration-balloon--step4 {
    background-image: url("https://relax-job.com/images/user_frontend/global/icn_step3_balloon.png");
    padding-left: 74px;
}
@media screen and (min-width: 768px) {
    .p-registration-balloon--step3,
    .p-registration-balloon--step4 {
        padding-left: 66px;
    }
}
.p-registration-balloon--step4::after {
    left: calc(50% + 58px);
}
.p-registration-balloon__emphasis {
    color: #ef4242;
}
.p-registration-balloon__button {
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
.p-registration-underline {
    background: linear-gradient(transparent 60%, #ffe65a 60%);
}
.p-registration-step2-modal {
    display: none;
}
.p-registration-step2-modal .c-small-modal {
    padding-top: 38px;
}
@media screen and (min-width: 768px) {
    .p-registration-step2-modal .c-small-modal {
        max-width: 660px;
        padding-bottom: 38px;
    }
}
.p-registration-step2-modal .c-small-modal__heading {
    font-size: 2rem;
}
.p-registration-step2-modal .c-small-modal__txt {
    max-width: none;
    margin-top: 8px;
    text-align: left;
}
@media screen and (min-width: 768px) {
    .p-registration-step2-modal .c-small-modal__txt {
        text-align: center;
    }
}
.p-registration-step2-modal .c-small-modal__txt + .c-small-modal__txt {
    margin-top: 18px;
}
@media screen and (min-width: 768px) {
    .p-registration-step2-modal .c-small-modal__txt + .c-small-modal__txt {
        margin-top: 4px;
    }
}
.p-registration-step2-modal__heading-small {
    font-size: 1.2rem;
}
.p-registration-step2-modal__image {
    width: 226px;
    margin: 0 auto;
}
.p-registration-bottom-text {
    margin-top: 34px;
    color: #949494;
    font-size: 1.2rem;
    text-align: center;
}
.p-registration-complete-title {
    width: 263px;
    margin: 14px auto 22px;
}
@media screen and (min-width: 768px) {
    .p-registration-complete-title {
        margin-top: 22px;
        margin-bottom: 43px;
    }
}
.p-registration-complete-title__text {
    margin-top: 3px;
    text-align: center;
    font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
    .p-registration-complete-title__text {
        font-size: 1.4rem;
    }
}
.p-registration-complete-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: -8px 0;
}
@media screen and (min-width: 768px) {
    .p-registration-complete-content {
        flex-direction: row;
        margin: -11px;
    }
}
.p-registration-complete__profile-link {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .p-registration-complete__profile-link {
        margin-top: 8px;
    }
}
.p-registration-complete-mypage-image {
    margin: 0 auto;
}
.p-registration-complete-mypage-image--scout {
    width: 226px;
}
.p-registration-complete-mypage-image--recommend {
    width: 169px;
    margin-top: 20px;
}
.p-registration-complete-mypage-image--resume {
    width: 260px;
    margin-top: 20px;
}
.p-registration-complete-heading {
    padding-bottom: 10px;
    font-size: 2.1rem;
    font-weight: bold;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-registration-complete-heading {
        text-align: left;
        padding-bottom: 12px;
    }
}
@media screen and (min-width: 768px) {
    .p-registration-box-pt1--to-mypage .p-registration-complete-heading,
    .p-registration-box-pt1--search .p-registration-complete-heading {
        text-align: center;
    }
}
.p-registration-complete-campaign {
    padding-bottom: 40px;
}
@media screen and (min-width: 980px) {
    .p-registration-complete-campaign {
        padding-top: 12px;
    }
}
.p-registration-complete-campaign__top {
    position: relative;
    padding-top: 12px;
    padding-bottom: 8px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
@media screen and (min-width: 768px) {
    .p-registration-complete-campaign__top {
        padding-bottom: 12px;
        border-top: none;
        border-bottom: none;
        background-color: #fff5f7;
    }
}
.p-registration-complete-campaign__title {
    width: 175px;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .p-registration-complete-campaign__title {
        width: 254px;
    }
}
@media screen and (min-width: 980px) {
    .p-registration-complete-campaign__line-break {
        display: none;
    }
}
.p-registration-complete-campaign__text {
    margin-top: 12px;
    padding-left: calc(50% - 48px);
    color: #575757;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
}
@media screen and (min-width: 768px) {
    .p-registration-complete-campaign__text {
        margin-top: 8px;
        padding-left: 0;
        font-size: 18px;
        text-align: center;
    }
}
.p-registration-complete-campaign__image-man,
.p-registration-complete-campaign__image-woman {
    position: absolute;
    bottom: 0;
}
.p-registration-complete-campaign__image-man {
    left: calc(50% - 154px);
    width: 90px;
}
@media screen and (min-width: 768px) {
    .p-registration-complete-campaign__image-man {
        width: 180px;
        left: 16px;
    }
}
.p-registration-complete-campaign__image-woman {
    display: none;
}
@media screen and (min-width: 768px) {
    .p-registration-complete-campaign__image-woman {
        display: block;
        width: 124px;
        right: 24px;
    }
}
.p-registration-complete-campaign__list {
    margin-top: 8px;
    color: #575757;
    font-size: 10px;
    line-height: 1.5;
}
.p-registration-complete-campaign__list > li {
    padding-left: 1em;
    text-indent: -1em;
}
.p-registration-complete-campaign__list > li::before {
    content: "・";
}
.login-search-cross {
    position: relative;
}
.login-search-cross::before,
.login-search-cross::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    display: block;
    width: 20px;
    height: 4px;
    background-color: #f77187;
}
.login-search-cross::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.login-search-cross::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.p-registration-complete__input,
.p-registration-complete__select {
    border: 2px solid #fd7085;
}
@media screen and (min-width: 768px) {
    .p-registration-complete__input,
    .p-registration-complete__select {
        height: 54px !important;
    }
}
input.p-registration-complete__input:not([type="submit"]) {
    border: 2px solid #fd7085;
    border-radius: 4px;
}
.p-registration-complete-btn {
    height: 44px;
    margin-top: 12px;
    background: #f26c7a;
    box-shadow: 0px -4px #ee3d50 inset;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
    .p-registration-complete-btn {
        margin-top: 14px;
    }
}
.p-registration-popular-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
@media screen and (min-width: 768px) {
    .p-registration-popular-list {
        margin: -8px;
    }
}
.p-registration-popular-list__listitem {
    display: flex;
    flex-basis: 50%;
    padding: 5px;
}
@media screen and (min-width: 768px) {
    .p-registration-popular-list__listitem {
        flex-basis: 25%;
        padding: 8px;
    }
}
.p-registration-popular-list__link {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #f26c7a;
    border-radius: 4px;
    color: #fff;
}
@media screen and (min-width: 768px) {
    .p-registration-popular-list__link:hover {
        opacity: 0.4;
        transition: opacity 0.2s ease;
        text-decoration: none;
    }
}
.p-registration-popular-list__link img {
    flex-grow: 0;
}
.p-registration-popular-list__link p {
    position: relative;
    display: flex;
    flex-grow: 1;
    align-items: center;
    padding: 12px 16px 12px 14px;
    font-weight: bold;
    font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
    .p-registration-popular-list__link p {
        padding: 18px 22px 18px 20px;
    }
}
.p-registration-popular-list__link p::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 10px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("https://relax-job.com/images/user_frontend/global/icon/icn_arrow_white_right.svg");
    background-size: contain;
    background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
    .p-registration-popular-list__link p::after {
        right: 14px;
        width: 8px;
        height: 14px;
    }
}
.p-registration-new-panel {
    margin: 0 -20px -24px;
    border-top: 1px solid #eee;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .p-registration-new-panel {
        display: flex;
        flex-wrap: wrap;
        margin: -10px;
        border-top: none;
    }
}
@media screen and (min-width: 768px) {
    .p-registration-new-panel__item {
        flex-basis: 33.333333%;
        padding: 10px;
    }
}
.p-registration-new-panel__item + .p-registration-new-panel__item {
    border-top: 1px solid #eee;
}
@media screen and (min-width: 768px) {
    .p-registration-new-panel__item + .p-registration-new-panel__item {
        border-top: none;
    }
}
.p-registration-new-panel__child-item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 15px 10px 10px;
}
.p-registration-new-panel__child-item::after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    font-size: 1.4rem;
    content: "\e80e";
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -8px;
    color: #ccc;
}
@media screen and (min-width: 768px) {
    .p-registration-new-panel__child-item {
        flex-wrap: wrap;
        padding: 0;
    }
    .p-registration-new-panel__child-item::after {
        content: "";
    }
    .p-registration-new-panel__child-item:hover {
        text-decoration: none;
    }
    .p-registration-new-panel__child-item:hover .p-registration-new-innerlist__heading {
        text-decoration: underline;
    }
    .p-registration-new-panel__child-item:hover .p-registration-new-panel__image {
        opacity: 0.4;
        -webkit-transition: opacity 0.6s ease;
        transition: opacity 0.6s ease;
    }
}
.p-registration-new-panel__image {
    flex-basis: 25%;
}
@media screen and (min-width: 768px) {
    .p-registration-new-panel__image {
        flex-basis: 100%;
    }
}
.p-registration-new-panel__detail {
    padding-left: 10px;
}
@media screen and (min-width: 768px) {
    .p-registration-new-panel__detail {
        margin-top: 10px;
        padding-left: 0;
    }
}
.p-registration-new-innerlist {
    font-size: 1rem;
}
.p-registration-new-innerlist__heading {
    margin-bottom: 5px;
    font-size: 1.4rem;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-registration-new-innerlist__heading {
        height: 3em;
        overflow: hidden;
    }
}
.p-registration-new-dlist {
    font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
    .p-registration-new-dlist {
        font-size: 1.4rem;
    }
}
.p-registration-new-dlist__title {
    font-weight: bold;
    color: #ccc;
}
.p-registration-new-dlist__description {
    color: #333;
}
.p-registration__validation-bottom {
    display: inline-block;
    margin-top: 8px;
}
@media screen and (min-width: 768px) {
    .p-registration__validation-bottom {
        position: absolute;
        bottom: -22px;
        left: 30px;
    }
}
.p-registration__validation-left {
    margin-left: 16px;
}
.p-password__field-container {
    position: relative;
}
@media screen and (min-width: 768px) {
    .p-password__field-container {
        display: inline-block;
    }
}
.p-password__toggle-display-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    font-size: 20px;
    color: #999;
    background: none;
    padding: 0;
    border: none;
    touch-action: manipulation;
}
@media screen and (min-width: 768px) {
    .p-password__toggle-display-btn {
        width: 34px;
        height: 34px;
    }
}
.p-password__toggle-display-btn:hover,
.p-password__toggle-display-btn:focus {
    opacity: 0.8;
}
.p-password__toggle-display-btn [class^="icon-eye-"]:before {
    margin: 0;
}
.p-password__toggle-display-btn--registration {
    width: 48px;
    height: 48px;
}
.p-password__note {
    color: #666;
    margin-top: 4px;
}
@media screen and (min-width: 768px) {
    .p-password__note {
        display: inline;
        color: #333;
        width: 34px;
        height: 34px;
    }
}
.p-from-pulldown__container {
    display: flex;
    justify-content: space-between;
}
.p-from-pulldown__container .p-from-pulldown__child:not(:last-child) {
    margin-right: 5px;
}
.p-from-pulldown__child {
    width: 100%;
}
.p-preferred__note {
    color: #575757;
}
.is-pc .p-preferred__note {
    width: 110px;
}
@media screen and (min-width: 768px) {
    .p-preferred__note {
        margin-top: 8px;
        font-weight: 100;
        color: #666;
    }
}
.p-preferred-button__outer {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px;
    flex-direction: column;
}
@media screen and (min-width: 768px) {
    .p-preferred-button__outer {
        flex-direction: row;
        margin-top: 16px;
    }
}
.p-preferred-button__note {
    display: flex;
    align-items: center;
    background-color: #fefdf4;
    color: #222;
    height: 42px;
    border-radius: 8px;
    padding: 12px;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-preferred-button__note {
        width: 308px;
        height: auto;
    }
}
.p-preferred-button__note .c-icn-light {
    font-size: 16px;
    color: #b48f0c;
    margin-right: 4px;
    margin-top: -2px;
}
.p-preferred-button__note-text {
    line-height: 18px;
    font-size: 12px;
}
.p-preferred-button {
    appearance: none;
    width: 100%;
    padding: 15px;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #fb6341;
    background-color: #fff;
    color: #fb6341;
    font-weight: bold;
    height: 48px;
    margin-top: 8px;
}
.p-preferred-button.is-disabled {
    color: #949494;
    background: #f9f9f9;
    box-shadow: none;
    cursor: default;
    border: none;
    font-weight: normal;
    opacity: 1;
}
@media screen and (min-width: 768px) {
    .p-preferred-button {
        width: 160px;
        margin-right: 0;
        margin-top: 0;
        margin-left: 16px;
        padding: 12px;
        white-space: nowrap;
    }
}
.p-preferred__block {
    padding: 9px 32px 24px 31px !important;
}
.p-preferred__heading {
    color: #f96075;
    font-size: 14px;
}
.p-preferred__heading .c-icn-light {
    font-size: 24px;
}
.p-preferred__heading-text {
    vertical-align: text-bottom;
}
.p-preferred-panel__wrapper {
    list-style-type: none;
    margin-top: 16px;
}
.p-preferred-panel__wrapper:first-child {
    margin-top: 10px;
}
.p-preferred-panel {
    list-style-type: none;
    margin: 4px -8px 0 -8px;
    padding: 8px 8px 4px 8px;
    background-color: #f9f9f9;
}
@media screen and (min-width: 768px) {
    .p-preferred-panel {
        margin: 4px 0 0 0;
    }
}
.p-preferred-panel .p-preferred-panel__datetimepicker-outer {
    width: 180px;
    height: 46px;
    position: relative;
}
.p-preferred-panel .p-preferred-panel__datetimepicker {
    height: 100%;
    width: 100%;
    font-size: 14px;
    border-radius: 2px;
    border: 1px solid #d9d9d9;
    padding: 8px 8px 7px 16px;
    display: block;
    box-shadow: none;
}
.p-preferred-panel .c-icn-calendar-check {
    position: absolute;
    top: 11px;
    right: 8px;
    font-size: 24px;
    color: #575757;
}
@media screen and (min-width: 768px) {
    .p-preferred-panel {
        padding: 8px 8px 12px 8px;
        height: 110px;
    }
}
.p-preferred-panel__reset-text {
    font-size: 14px;
    margin-right: 12px;
}
.p-preferred-panel__day-block {
    display: flex;
    justify-content: space-between;
}
.p-preferred-panel__heading {
    position: relative;
    line-height: 20px;
    color: #575757;
}
.p-preferred-panel__delete {
    appearance: none;
    -wewbkit-appearance: none;
    display: flex;
    align-items: center;
    border: none;
    padding: 0;
    color: #0f71d2;
    line-height: 1;
    background-color: #f9f9f9;
}
.p-preferred-panel__delete-icon {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #949494;
    border-radius: 50%;
    margin-left: 4px;
}
@media screen and (min-width: 768px) {
    .p-preferred-panel__delete-icon {
        margin-right: 12px;
    }
}
.p-preferred-panel__delete-icon::before,
.p-preferred-panel__delete-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 14px;
    background-color: #fff;
}
.p-preferred-panel__delete-icon::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.p-preferred-panel__delete-icon::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.p-preferred-panel__checkbox,
input.p-preferred-panel__checkbox {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    border: 1px solid #bbb;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .p-preferred-panel__checkbox,
    input.p-preferred-panel__checkbox {
        width: 14px;
        height: 14px;
    }
}
.p-preferred-panel__checkbox:checked,
input.p-preferred-panel__checkbox:checked {
    border: 2px solid #fd7085;
}
.p-preferred-panel__checkbox:checked::before,
.p-preferred-panel__checkbox:checked::after,
input.p-preferred-panel__checkbox:checked::before,
input.p-preferred-panel__checkbox:checked::after {
    content: "";
    display: block;
    position: absolute;
    background-color: #fd7085;
}
@media screen and (min-width: 768px) {
    .p-preferred-panel__checkbox:checked::before,
    .p-preferred-panel__checkbox:checked::after,
    input.p-preferred-panel__checkbox:checked::before,
    input.p-preferred-panel__checkbox:checked::after {
        content: none;
    }
}
.p-preferred-panel__checkbox:checked::before,
input.p-preferred-panel__checkbox:checked::before {
    left: 5px;
    top: 20px;
    width: 10px;
    transform: rotate(45deg);
    transform-origin: right center;
}
.p-preferred-panel__checkbox:checked::after,
input.p-preferred-panel__checkbox:checked::after {
    left: 13px;
    top: 20px;
    width: 15px;
    transform: rotate(-53deg);
    transform-origin: left center;
}
.p-preferred-panel__list {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-right: -11px;
}
.p-preferred-panel__list.mt-0{
    margin: 0;
}
.p-preferred-panel__list > li {
    width: 100px;
    margin-right: 11px;
    margin-bottom: 16px;
}
.p-preferred-panel__list > li .c-checkbox {
    width: 24px !important;
    height: 24px !important;
    border-radius: 4px;
}
@media screen and (min-width: 768px) {
    .p-preferred-panel__list > li {
        width: auto;
        margin-bottom: 0;
    }
}
@media screen and (min-width: 768px) {
    .p-preferred-panel__list {
        justify-content: flex-start;
        margin-top: 20px;
    }
}
.p-preferred-panel__label {
    display: flex;
    align-items: center;
}
.p-preferred-panel__text {
    margin-left: 4px;
}
.inquiry-message-text {
    margin: 10px 0;
    color: #222;
}
.inquiry-message-caution-text {
    color: #575757;
    margin: 5px 0;
}
.p-entry-job-list-modal__heading {
    padding: 16px 10px;
    font-size: 21px;
    font-weight: bold;
}
.p-entry-job-list-modal__job-list {
    list-style-type: none;
}
.p-entry-job-list-modal__job-list > li {
    padding: 20px 10px;
    border-top: 1px solid #ccc;
}
.p-entry-job-list-modal__sub-title {
    font-size: 10px;
}
.p-entry-job-list-modal__title {
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
}
.p-entry-job-list-table {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    margin-top: 16px;
    border: 1px solid #ccc;
    border-bottom: none;
    color: #666;
    font-size: 12px;
}
.p-entry-job-list-table > dt,
.p-entry-job-list-table > dd {
    padding: 8px;
    border-bottom: 1px solid #ccc;
}
.p-entry-job-list-table > dt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 32px;
    background: #eee;
    color: #bbb;
    font-size: 16px;
}
.p-entry-job-list-table > dd {
    width: -webkit-calc(100% - 32px);
    width: -ms-calc(100% - 32px);
    width: calc(100% - 32px);
}
.p-entry-job-list-table__number {
    color: #f97b0b;
    font-weight: bold;
}
.p-entry-job-list-table__list {
    list-style-type: none;
}
.p-entry-job-list-table__list--shops > li + li {
    margin-top: 8px;
}
.p-entry-job-list-table__shops-other {
    margin-top: 6px;
}
.entry-complete-inquiry-caution-wrapper {
    margin: 16px auto 0;
    padding: 12px;
    display: table;
    background-color: #f9f9f9;
    border-radius: 8px;
    color: #222;
    font-size: 14px;
}
.entry-complete-inquiry-caution-content {
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 4px;
}
.entry-complete-inquiry-caution-icon {
    color: #949494;
    display: flex;
}
.registration_lp_accent_all {
    font-size: 10px;
    background-color: #f96f82;
    min-width: 320px;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
}
.registration_lp_accent_all .hover-opacity:hover {
    opacity: 0.7;
}
.registration_lp_accent_all .hover-background-color {
    background-color: #ffe42a;
    transition: background-color 0.2s;
}
.registration_lp_accent_all .hover-background-color:hover {
    background-color: #fff9cc;
    transition: 0.2s;
}
.registration_lp_accent_all .introduction_area {
    background-color: none;
    margin: 60px 0;
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .introduction_area {
        margin: 60px 20px;
    }
}
@media screen and (min-width: 1020px) {
    .registration_lp_accent_all .introduction_area {
        width: 980px;
        margin: 60px auto;
    }
}
.registration_lp_accent_all .introduction_area__eye_catch {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(/images/user_frontend/landing/registration/keyv_introduction-area_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: calc(655 / 747 * 100%);
    background-position: center top;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .registration_lp_accent_all .introduction_area__eye_catch {
        background-image: url(/images/user_frontend/landing/registration/keyv_introduction-area_sp@2x.png);
    }
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .introduction_area__eye_catch {
        background-image: url(/images/user_frontend/landing/registration/keyv_introduction-area_pc.png);
        padding-top: calc(277 / 960 * 100%);
    }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
    .registration_lp_accent_all .introduction_area__eye_catch {
        background-image: url(/images/user_frontend/landing/registration/keyv_introduction-area_pc@2x.png);
    }
}
.registration_lp_accent_all .introduction_area__firstheading__fadein {
    animation-name: fadein;
    animation-duration: 0.8s;
}
@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.registration_lp_accent_all .introduction_area__go_to_register__fadein {
    animation-name: fadein;
    animation-duration: 0.8s;
    animation-delay: 0.1s;
}
@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.registration_lp_accent_all .go_to_register {
    text-decoration: none;
    display: block;
    margin: 52px auto;
    height: 60px;
    width: calc(320px - 40px);
}
.registration_lp_accent_all .go_to_register:hover {
    text-decoration: none;
}
.registration_lp_accent_all .go_to_register:focus {
    text-decoration: none;
}
.registration_lp_accent_all .register_button {
    background-color: #ffe42a;
    color: #000;
    border-radius: 4px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.2);
    border: solid 2px #fff;
    height: 60px;
    text-align: center;
    font-size: 2.4em;
    font-weight: bold;
    line-height: 1;
    padding-top: calc((60px - 24px) / 2);
}
.registration_lp_accent_all .main_area {
    background-color: #fff;
    margin: 15px auto;
    padding: 30px 18px 8px;
    display: block;
    overflow: auto;
    margin: 30px 20px;
    border-radius: 10px;
    box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1020px) {
    .registration_lp_accent_all .main_area {
        background-color: none;
        width: 980px;
        margin: 30px auto;
    }
}
.registration_lp_accent_all .main_area__secondaryheading {
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 2.4em;
    margin: 10px 0 40px;
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .main_area__secondaryheading {
        margin: 28px 0 40px;
        font-size: 3.6em;
    }
}
@media screen and (min-width: 1020px) {
    .registration_lp_accent_all .main_area__secondaryheading {
        line-height: 1.2;
        margin: 30px 0 40px;
    }
}
.registration_lp_accent_all .main_area__text__br {
    display: block;
}
@media screen and (min-width: 456px) {
    .registration_lp_accent_all .main_area__text__br {
        display: none;
    }
}
@media screen and (min-width: 456px) {
    .registration_lp_accent_all .group-4column {
        width: calc(180px * 2 + 16px);
        margin: 0 auto;
    }
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .group-4column {
        width: calc(180px * 4 - 8px);
        margin: 0 auto;
    }
}
@media screen and (min-width: 1020px) {
    .registration_lp_accent_all .group-4column {
        width: 880px;
    }
}
.registration_lp_accent_all .group-4column__left {
    background-color: none;
    width: calc(100% / 2 - 10px);
    float: left;
    margin: 0 16px 22px 0;
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .group-4column__left {
        width: calc(100% / 4 - 16px);
        margin: 0 16px 0 0;
    }
}
@media screen and (min-width: 1020px) {
    .registration_lp_accent_all .group-4column__left {
        margin: 0 14px 27px 0;
    }
}
.registration_lp_accent_all .group-4column__right {
    background-color: none;
    width: calc(100% / 2 - 10px);
    float: right;
    margin: 0 0 22px;
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .group-4column__right {
        width: calc(100% / 4 - 16px);
        float: left;
        margin: 0 16px 0 0;
    }
}
@media screen and (min-width: 1020px) {
    .registration_lp_accent_all .group-4column__right {
        margin: 0 14px 27px 0;
    }
}
.registration_lp_accent_all .group-4column__eye_catch {
    width: 100%;
    max-width: 180px;
    display: block;
    margin: 0 auto;
}
.registration_lp_accent_all .group-4column__text {
    color: #000;
    font-weight: bold;
    margin: 10px 0;
    font-size: 1.5em;
    text-align: center;
    height: calc(20px * 3);
}
@media screen and (min-width: 398px) {
    .registration_lp_accent_all .group-4column__text {
        height: calc(20px * 2);
    }
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .group-4column__text {
        margin: 10px 0 40px;
    }
}
@media screen and (min-width: 1020px) {
    .registration_lp_accent_all .group-4column__text {
        font-size: 1.6em;
    }
}
.registration_lp_accent_all .group-4column__text--accent {
    color: #f96075;
}
.registration_lp_accent_all .group-3column {
    background-color: none;
    max-width: 330px;
    margin: 0 auto 44px;
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .group-3column {
        float: left;
        margin: 0 auto;
        padding: 10px;
    }
}
@media screen and (min-width: 1020px) {
    .registration_lp_accent_all .group-3column {
        width: calc(100% / 3 - 30px);
        margin: 0 45px 0 0;
    }
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .wrap-3column {
        width: calc(330px * 2 + 20px);
        margin: 0 auto;
        background-color: none;
    }
}
@media screen and (min-width: 1020px) {
    .registration_lp_accent_all .wrap-3column {
        width: 880px;
    }
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .group-3column--rightmost {
        margin-left: calc(330px / 2 + 5px);
    }
}
@media screen and (min-width: 1020px) {
    .registration_lp_accent_all .group-3column--rightmost {
        margin: 0 auto;
        padding-bottom: 18px;
    }
}
.registration_lp_accent_all .group-3column__eye_catch {
    width: 100%;
}
.registration_lp_accent_all .user_review__level {
    color: #f96075;
    font-size: 1.6em;
    margin: 12px 0;
}
.registration_lp_accent_all .icon-star:before {
    content: "\e860";
    margin-right: 0;
    font-size: 1.2em;
    font-family: "fontello";
}
.registration_lp_accent_all .star-opacity {
    opacity: 0.2;
}
.registration_lp_accent_all .user_review__text {
    font-size: 1.6em;
    font-weight: bold;
    color: #282846;
}
.registration_lp_accent_all .user_review__source {
    font-size: 1.4em;
    color: #949494;
    margin: 12px 0;
}
.registration_lp_accent_all .group-1column {
    background-color: none;
}
.registration_lp_accent_all .group-1column__eye_catch {
    width: 100%;
    max-width: 524px;
    display: block;
    margin: 0 auto 60px;
}
.registration_lp_accent_all .case {
    text-align: center;
    font-size: 66%;
}
.registration_lp_accent_all .action_area {
    background-color: none;
    margin: 70px 20px;
}
@media screen and (min-width: 1020px) {
    .registration_lp_accent_all .action_area {
        width: 980px;
        margin: 110px auto;
    }
}
.registration_lp_accent_all .action_area__secondaryheading {
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 2.4em;
    margin: 40px 0;
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .action_area__secondaryheading {
        font-size: 3.6em;
    }
}
.registration_lp_accent_all .action_area__form {
    margin: 0 auto;
    height: 62px;
    width: calc(320px - 40px);
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .action_area__form {
        width: 420px;
    }
}
.registration_lp_accent_all .action_area__form--mail {
    margin: 44px auto;
}
.registration_lp_accent_all .action_area__form__text {
    margin-bottom: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 1.6em;
    line-height: 1;
}
.registration_lp_accent_all .action_area__form__input {
    font-size: 1.6em;
    height: 44px;
    width: calc(320px - 40px);
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .action_area__form__input {
        width: 420px;
    }
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .p-password__toggle-display-btn {
        margin: 5px;
    }
}
.registration_lp_accent_all .action_register {
    margin: 52px auto 0;
    height: 60px;
    width: calc(320px - 40px);
}
.registration_lp_accent_all .action_register__a {
    text-decoration: none;
}
.registration_lp_accent_all .action_register__a:hover {
    text-decoration: none;
}
.registration_lp_accent_all .action_register_button {
    background-color: #ffe42a;
    color: #000;
    border-radius: 4px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.2);
    border: solid 2px #fff;
    height: 60px;
    text-align: center;
    font-size: 2.4em;
    font-weight: bold;
    line-height: 1;
    width: calc(320px - 40px);
}
.registration_lp_accent_all .action_register_button.js-validate-form__registration-btn.is-disabled {
    background-color: #ccc;
    box-shadow: none;
    color: #666;
    border: solid 2px #eee;
}
.registration_lp_accent_all .formErrorContent {
    font-size: 1.2em;
    line-height: 1.2;
    padding: 2px 0 0;
    color: #ffff00;
    font-weight: bold;
    background-color: #f96f82;
}
.registration_lp_accent_all .formErrorContent:before {
    content: "\e848";
    color: #ffff00;
    font-family: "fontello";
    font-style: normal;
    margin-right: 2px;
}
.registration_lp_accent_all .formerror {
    color: #ffff00;
    padding: 2px 0 0;
    display: block;
    margin: auto;
    width: calc(320px - 40px);
}
.registration_lp_accent_all .formerror:before {
    padding-right: 2px;
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .formerror {
        width: 420px;
    }
}
.registration_lp_accent_all .action_area__text {
    text-align: center;
    padding-top: 60px;
    font-size: 1.15em;
    color: #fff;
}
.registration_lp_accent_all .action_area__a {
    color: #000;
    text-decoration: underline;
}
.registration_lp_accent_all .action_area__text__br {
    display: none;
}
@media screen and (min-width: 340px) {
    .registration_lp_accent_all .action_area__text__br {
        display: block;
    }
}
.registration_lp_accent_all .action_login {
    font-size: 1.6em;
    color: #fff;
    margin: 44px auto 0;
    width: calc(16px * 10);
    padding-left: 10px;
    display: block;
}
.registration_lp_accent_all .action_login:hover {
    text-decoration: none;
}
.registration_lp_accent_all .action_area__icon:before {
    content: "\e854";
    color: #fff;
    font-size: 0.9em;
    font-family: "fontello";
    font-style: normal;
}
.registration_lp_accent_all .fixed__go_to_register__fadein {
    animation-name: fadein;
    animation-duration: 0.8s;
    animation-delay: 0.1s;
}
@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.registration_lp_accent_all .fixed_go_to_register {
    position: fixed;
    bottom: 0;
    margin: auto;
    height: 60px;
    width: 100%;
}
.registration_lp_accent_all .fixed_go_to_register.js-scroll-btn-fix {
    bottom: -60px;
    transition: bottom 0.2s ease-out;
}
.registration_lp_accent_all .fixed_go_to_register.js-scroll-btn-fix.is-fixed {
    bottom: 0;
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .fixed_go_to_register {
        height: 64px;
        width: 320px;
        bottom: 0;
        right: 0;
    }
    .registration_lp_accent_all .fixed_go_to_register.js-scroll-btn-fix {
        bottom: -64px;
    }
}
.registration_lp_accent_all .fixed_go_to_register__a {
    text-decoration: none;
}
.registration_lp_accent_all .fixed_go_to_register__a:hover {
    text-decoration: none;
}
.registration_lp_accent_all .fixed_go_to_register__a:focus {
    text-decoration: none;
}
.registration_lp_accent_all .fixed_register_button {
    background-color: #ffe42a;
    border-radius: 6px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.6);
    border: none;
    height: 52px;
    width: calc(320px - 40px);
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .fixed_register_button {
        border-radius: 6px 0 0 0;
        height: 64px;
        width: 320px;
        margin: 0;
    }
}
.registration_lp_accent_all .fixed_register_button__eye_catch {
    height: 52px;
    width: 58px;
    float: left;
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .fixed_register_button__eye_catch {
        height: 64px;
        width: 71px;
        float: left;
    }
}
.registration_lp_accent_all .fixed_register_button__div {
    color: #282846;
    height: 20px;
    width: calc(280px - 58px - 10px);
    font-size: 2em;
    font-weight: bold;
    line-height: 1;
    margin-left: 58px;
    padding-top: calc((52px - 20px) / 2);
    padding-left: 10px;
}
@media screen and (min-width: 768px) {
    .registration_lp_accent_all .fixed_register_button__div {
        font-size: 2.2em;
        margin-left: 71px;
        padding-top: calc((64px - 22px) / 2);
        padding-left: 12px;
    }
}
.alert-box--registration_lp {
    background-color: #eee;
    border-color: #333;
    font-size: 12px;
}
.alert-box--registration_lp .alert-box__close {
    color: #333;
}
.p-footer-outer {
    margin-top: 50px;
    background-color: #949494;
    color: #fff;
    font-size: 12px;
}
.c-breadcrumb + .p-footer-outer,
.c-breadcrumb + .js-scout-modal-container + .p-footer-outer {
    margin-top: 0;
}
.p-footer-outer--sp-no-space,
.p-footer-outer--inquiry {
    margin-top: 0;
}
.p-footer-outer--inquiry {
    position: relative;
    z-index: 10;
}
.p-footer-outer--sp-entry-form.is-sp {
    margin-top: 40px;
    margin-bottom: 81px;
}
.p-footer-content__column {
    flex-basis: 75%;
}
.p-footer-accordion__content {
    display: none;
}
.p-footer-nav-grid__item {
    flex-basis: 50%;
}
.p-footer-nav-list {
    flex-basis: calc(50% + 10px);
}
.p-footer-nav-list__title {
    position: relative;
    padding: 18px 16px;
    font-weight: bold;
    font-size: 14px;
}
.p-footer-nav-list__title::after {
    content: "\e80c";
    position: absolute;
    font-family: "fontello";
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 1.2rem;
    line-height: 0.6rem;
}
.is-open .p-footer-nav-list__title::after {
    transform: rotate(180deg) translateY(50%);
}
.p-footer-nav-child-list {
    list-style-type: none;
}
.p-footer-nav-child-list > li {
    margin-top: 1px;
}
.p-footer-nav-link {
    display: block;
    position: relative;
    padding: 13px 13px 13px 31px;
    background-color: #878787;
    color: #fff;
    font-size: 14px;
}
.p-footer-pc-banner-outer {
    display: none;
}
.p-footer-scroll-top-outer {
    display: none;
}
.p-footer-copyright {
    padding: 12px;
    text-align: center;
}
.p-footer-content__banner {
    display: inline-block;
    width: 200px;
    height: 188px;
    background-image: url("https://relax-job.com/images/user_frontend/pc/img_footerbanner.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #f96075;
    padding-top: 64px;
    font-weight: 600;
    text-align: center;
}
.p-footer-content__banner:hover,
.p-footer-content__banner:focus {
    text-decoration: none;
}
.p-footer-content__banner-number {
    font-size: 40px;
    line-height: 48px;
    padding-left: 12px;
}
.p-footer-content__banner-unit {
    font-size: 16px;
    line-height: 19.2px;
}
@media screen and (min-width: 980px) {
    .p-footer-outer--sp-no-space,
    .p-footer-outer--inquiry {
        margin-top: 50px;
    }
    .c-breadcrumb + .p-footer-outer--sp-no-space,
    .c-breadcrumb + .js-scout-modal-container + .p-footer-outer--sp-no-space {
        margin-top: 0;
    }
    .p-footer-container {
        position: relative;
        max-width: 980px;
        margin: 0 auto;
    }
    .p-footer-content {
        display: flex;
        justify-content: space-between;
        padding: 20px 0 45px;
    }
    .p-footer-accordion__content {
        display: block;
    }
    .p-footer-nav-grid {
        display: flex;
        margin-left: -10px;
        margin-right: -10px;
        padding-top: 10px;
    }
    .p-footer-nav-grid__item {
        padding: 0 10px;
    }
    .p-footer-nav-list__title {
        font-size: 14px;
        padding: 0 0 5px;
        margin-bottom: 5px;
        box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
    }
    .p-footer-nav-list__title::after {
        content: "";
    }
    .p-footer-nav-link {
        display: inline;
        padding: 2px 0;
        background-color: transparent;
        border-bottom: none;
    }
    .p-footer-nav-link:hover,
    .p-footer-nav-link:focus {
        text-decoration: none;
    }
    .p-footer-pc-banner-outer {
        display: block;
        flex-basis: 218px;
        padding-right: 20px;
    }
    .p-footer-scroll-top-outer {
        display: block;
        position: absolute;
        right: 0;
        bottom: -26px;
        width: 100px;
    }
    .p-footer-scroll-top {
        display: block;
        padding: 0 20px;
        border-radius: 0 0 3px 3px;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03);
        background-color: #949494;
        color: #fff;
        font-size: 10px;
        line-height: 2.6;
        text-align: center;
    }
    .p-footer-scroll-top:hover,
    .p-footer-scroll-top:focus {
        text-decoration: none;
    }
    .p-footer-copyright {
        padding: 10px;
        background-color: #878787;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03) inset;
    }
    .js-footer-accordion__content {
        display: block !important;
    }
}
.is-pc:not(.html--v3-responsive) .p-footer-outer--sp-no-space,
.is-pc:not(.html--v3-responsive) .p-footer-outer--inquiry {
    margin-top: 50px;
}
.is-pc:not(.html--v3-responsive) .c-breadcrumb + .p-footer-outer--sp-no-space,
.is-pc:not(.html--v3-responsive) .c-breadcrumb + .js-scout-modal-container + .p-footer-outer--sp-no-space {
    margin-top: 0;
}
.is-pc:not(.html--v3-responsive) .p-footer-container {
    position: relative;
    max-width: 980px;
    margin: 0 auto;
}
.is-pc:not(.html--v3-responsive) .p-footer-content {
    display: flex;
    justify-content: space-between;
    padding: 20px 0 45px;
}
.is-pc:not(.html--v3-responsive) .p-footer-accordion__content {
    display: block;
}
.is-pc:not(.html--v3-responsive) .p-footer-nav-grid {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 10px;
}
.is-pc:not(.html--v3-responsive) .p-footer-nav-grid__item {
    padding: 0 10px;
}
.is-pc:not(.html--v3-responsive) .p-footer-nav-list__title {
    font-size: 14px;
    padding: 0 0 5px;
    margin-bottom: 5px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.is-pc:not(.html--v3-responsive) .p-footer-nav-list__title::after {
    content: "";
}
.is-pc:not(.html--v3-responsive) .p-footer-nav-link {
    display: inline;
    padding: 2px 0;
    background-color: transparent;
    border-bottom: none;
}
.is-pc:not(.html--v3-responsive) .p-footer-nav-link:hover,
.is-pc:not(.html--v3-responsive) .p-footer-nav-link:focus {
    text-decoration: none;
}
.is-pc:not(.html--v3-responsive) .p-footer-pc-banner-outer {
    display: block;
    flex-basis: 218px;
    padding-right: 20px;
}
.is-pc:not(.html--v3-responsive) .p-footer-scroll-top-outer {
    display: block;
    position: absolute;
    right: 0;
    bottom: -26px;
    width: 100px;
}
.is-pc:not(.html--v3-responsive) .p-footer-scroll-top {
    display: block;
    padding: 0 20px;
    border-radius: 0 0 3px 3px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03);
    background-color: #949494;
    color: #fff;
    font-size: 10px;
    line-height: 2.6;
    text-align: center;
}
.is-pc:not(.html--v3-responsive) .p-footer-scroll-top:hover,
.is-pc:not(.html--v3-responsive) .p-footer-scroll-top:focus {
    text-decoration: none;
}
.is-pc:not(.html--v3-responsive) .p-footer-copyright {
    padding: 10px;
    background-color: #878787;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03) inset;
}
.is-pc:not(.html--v3-responsive) .js-footer-accordion__content {
    display: block !important;
}
.p-header {
    height: auto;
    padding: 0;
    background-color: #fff;
    z-index: 1000;
    border-bottom: none;
    position: relative;
}
.p-header-inner {
    border-bottom: 1px solid #eee;
}
.p-header--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.p-header-client-menu-list {
    display: none;
}
.p-header-client-menu-list li {
    padding-left: 1px;
}
.p-header-client-menu-list__link {
    display: block;
    padding: 0 10px;
    border-radius: 2px;
    background-color: #fde3e8;
    font-size: 11px;
    color: #4d4d4d;
    line-height: 18px;
}
.p-header-client-menu-list__link:hover,
.p-header-client-menu-list__link:focus {
    background-color: #f7f7f7;
    text-decoration: none;
}
.p-header__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 10px;
}
.p-header__login .btn2 {
    float: right;
}
.p-header__logo {
    display: inline-block;
    width: 120px;
    height: 24px;
    background-image: url("https://relax-job.com/images/user_frontend/global/rejob_service_logo.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    vertical-align: bottom;
}
[data-site="kaigo"] .p-header__logo {
    background-image: url("https://relax-job.com/images/user_frontend/global/rejob_care_logo.svg");
    background-size: contain;
}
.p-header-sp-navi-list-outer {
    margin-right: -10px;
}
.p-header-sp-navi-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.p-header-sp-navi-list__item {
    position: relative;
    width: 45px;
    height: 50px;
    border-left: 1px solid #eee;
    text-align: center;
}
.p-header-sp-navi-list__item--menu {
    border-left: none;
    width: 50px;
}
.p-header-sp-navi-list__item--menu .p-header-sp-navi-list__icon {
    color: #fff;
}
.p-header-sp-navi-list__item--menu .p-header-sp-navi-list__txt {
    font-weight: bold;
}
.p-header-sp-navi-list__link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 7.5px 0;
    color: #575757;
}
.p-header-sp-navi-list__link:hover {
    text-decoration: none;
}
.p-header-sp-navi-list__link--menu {
    -webkit-appearance: none;
    appearance: none;
    padding-left: 0;
    padding-right: 0;
    border: none;
    background-color: #949494;
    color: #fff;
}
.p-header-sp-navi-list__item i {
    display: block;
    color: #949494;
    font-size: 24px;
    line-height: 1;
}
.p-header-sp-navi-list__item i::before {
    margin: 0;
}
.p-header-sp-navi-list__item i.animated {
    animation: swing 3s ease infinite;
}
@keyframes swing {
    0% {
        -webkit-transform: rotate(0deg);
    }
    5% {
        -webkit-transform: rotate(20deg);
    }
    10% {
        -webkit-transform: rotate(-15deg);
    }
    15% {
        -webkit-transform: rotate(10deg);
    }
    20% {
        -webkit-transform: rotate(-10deg);
    }
    25% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}
.p-header-sp-navi-list__txt {
    display: block;
    font-size: 10px;
}
.p-header-pc-navi-list-outer {
    display: none;
}
.p-header-pc-navi-list {
    list-style-type: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
}
.p-header-pc-navi-list__item {
    position: relative;
    padding: 0;
    text-align: center;
}
.p-header-pc-navi-list__item + .p-header-pc-navi-list__item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: #eee;
}
.p-header-pc-navi-list__link {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    display: flex;
    align-items: center;
    padding: 6px 10px;
    border: none;
    background-color: transparent;
    color: #575757;
    font-size: 14px;
    font-weight: bold;
}
.p-header-pc-navi-list__link:hover,
.p-header-pc-navi-list__link:focus {
    color: #fa798f;
    text-decoration: none;
}
.p-header-pc-navi-list__link:hover i,
.p-header-pc-navi-list__link:focus i {
    color: #fa798f;
}
.is-open .p-header-pc-navi-list__link {
    background-color: #f7f7f7;
}
.p-header-pc-navi-list__link--disabled {
    color: #bbb;
}
.p-header-pc-navi-list__link--disabled .p-header-pc-navi-list__icon {
    color: #bbb;
}
.p-header-pc-navi-list__link--login {
    justify-content: center;
    min-width: 99px;
    height: 32px;
    margin-left: 12px;
    border: 1px solid #fa798f;
    border-radius: 16px;
}
.p-header-pc-navi-list__link--login:hover,
.p-header-pc-navi-list__link--login:focus {
    background-color: #fa798f;
    color: #fff;
}
.p-header-pc-navi-list__link--login:hover .p-header-pc-navi-list__icon--login,
.p-header-pc-navi-list__link--login:focus .p-header-pc-navi-list__icon--login {
    color: #fff;
}
.p-header-pc-navi-list__item,
.p-header-pc-navi-list__icon i {
    color: #949494;
    font-size: 15px;
}
.p-header-pc-navi-list__item::before,
.p-header-pc-navi-list__icon i::before {
    margin: 0 5px 0 0;
}
.p-header-pc-navi-list__item.animated,
.p-header-pc-navi-list__icon i.animated {
    animation: swing 3s ease infinite;
}
@keyframes swing {
    0% {
        -webkit-transform: rotate(0deg);
    }
    5% {
        -webkit-transform: rotate(20deg);
    }
    10% {
        -webkit-transform: rotate(-15deg);
    }
    15% {
        -webkit-transform: rotate(10deg);
    }
    20% {
        -webkit-transform: rotate(-10deg);
    }
    25% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}
.p-header-pc-navi-list__item .c-icn {
    display: flex;
}
.p-header-pc-navi-list__icon--login {
    color: #fa798f;
}
.p-header-pc-child-navi-list {
    position: absolute;
    top: 32px;
    left: 0;
    list-style-type: none;
    width: 150px;
    padding: 1px 0;
    background-color: #949494;
    text-align: left;
    z-index: 2;
}
.p-header-pc-child-navi-list > li {
    padding: 1px 2px;
}
.p-header-pc-navi-list__scout-modal-icon {
    position: relative;
    display: block;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: solid 1px #fa798f;
    color: #fa798f;
    cursor: pointer;
}
.p-header-pc-navi-list__scout-modal-icon:hover,
.p-header-pc-navi-list__scout-modal-icon:focus {
    color: #fff;
    text-decoration: none;
    background-color: #fa798f;
}
.p-header-pc-navi-list__scout-modal-icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0;
    margin-right: 0;
}
.p-header-pc-navi-list__scout-modal-link {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    display: inline-block;
    align-items: center;
    padding: 6px 0 6px 10px;
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
}
.p-header-pc-navi-list__scout-modal-link-button {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    display: inline-block;
    align-items: center;
    padding: 6px 10px 6px 0;
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    vertical-align: top;
}
.p-header-pc-child-navi-list__link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 5.5px 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.p-header-pc-child-navi-list__link::after {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    font-family: "fontello";
    font-size: 12px;
    content: "\e80e";
    color: #fff;
}
.p-header-pc-child-navi-list__link:hover,
.p-header-pc-child-navi-list__link:focus {
    text-decoration: none;
    background-color: #fa798f;
}
.p-header-pc-child-navi-list__link--disabled {
    color: rgba(255, 255, 255, 0.3);
}
.p-header-pc-child-navi-list__link--disabled::after {
    content: "";
}
.p-header-pc-child-navi-list__link--disabled:hover,
.p-header-pc-child-navi-list__link--disabled:focus {
    background-color: transparent;
}
.p-header-pc-child-navi-list__icon {
    margin-right: 5px;
    font-size: 15px;
}
.p-header-pc-child-navi-list__icon::before {
    margin: 0;
}
.p-header-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 17px;
    height: 16px;
    padding: 0 2px;
    border-radius: 8px;
    border: solid 1px #fff;
    background-color: #f96075;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
}
.p-header-badge--navi {
    position: absolute;
    top: 2px;
    right: 2px;
}
.p-header-badge-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    padding: 0 2px;
    border-radius: 50%;
    border: solid 1px #fff;
    background-color: #f96075;
}
.p-header-badge-menu--mypage {
    margin: -12px -4px 0 0;
    width: 10px;
    height: 10px;
}
.p-header-badge--drawer-menu,
.p-header-badge--child-navi {
    margin-left: 4px;
}
.p-header-business-type-list-outer {
    display: none;
}
.p-header-business-type-list {
    list-style-type: none;
    display: flex;
    align-items: center;
    height: 52px;
    margin: 0 -18px;
}
.p-header-business-type-list__item {
    position: relative;
    padding: 0 18px;
}
.p-header-business-type-list__item + .p-header-business-type-list__item::before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background-color: #ccc;
}
.p-header-business-type-list__link {
    font-size: 14px;
    color: #333;
}
.p-header-business-type-list__link:hover,
.p-header-business-type-list__link:focus {
    color: #fd7085;
    text-decoration: none;
}
button.p-header-login-btn {
    display: inline-flex;
    width: 80px;
    height: 38px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 4px;
    box-shadow: 0 -4px #a8a8a8 inset;
    background-color: #e6e6e6;
    font-size: 12px;
    color: #666;
}
.p-header-login-btn__icon {
    font-size: 19px;
}
.p-header-login-btn__icon::before {
    margin: 0;
}
.p-drawer-menu-list {
    color: #333 !important;
}
.p-drawer-menu-list__item + .p-drawer-menu-list__item {
    border-top: 1px solid #eee;
}
.p-drawer-menu-list__item--login {
    padding: 24px 30px;
    background-color: #eee;
}
.p-drawer-menu-list__item--popular-job {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 12px;
    font-size: 13px;
    background-color: #eee;
    font-weight: bold;
}
.p-drawer-menu-list__link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 17px 12px;
    font-size: 13px;
    font-weight: bold;
    color: #575757;
}
.p-drawer-menu-list__link:not(.p-drawer-menu-list__link--disabled)::after {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-family: "fontello";
    content: "\e80e";
    color: #949494;
}
.p-drawer-menu-list__link--gray,
.p-drawer-menu-list__link--disabled {
    background-color: #f7f7f7;
}
.p-drawer-menu-list__link--disabled {
    color: #bbb;
}
.p-drawer-menu-list__link i {
    vertical-align: middle;
    margin-right: 6px;
    color: #8a8a9f;
    font-size: 16px;
    line-height: 1;
}
.p-drawer-menu-list__link i::before {
    vertical-align: text-top;
    margin: 0;
}
.p-drawer-menu-icon--disabled {
    color: #bbb;
}
.p-drawer-menu-icon--popular-job {
    color: #fa798f;
}
.p-drawer-menu-list__txt-small {
    font-size: 11px;
    font-weight: normal;
}
.p-drawer-menu-list__modal-button {
    appearance: none;
    -webkit-appearance: none;
    margin-left: 4px;
    padding: 0;
    border: none;
    background-color: transparent;
    outline: none;
}
.p-drawer-menu-list__modal-button .icon-help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: solid 1px #fa798f;
    font-size: 12px;
    color: #fa798f;
}
.p-drawer-menu-list__modal-button .icon-help::before {
    margin-left: 0;
    margin-right: 0;
}
.p-drawer-menu-login-list {
    display: flex;
    margin: 0 -6px;
}
.p-drawer-menu-login-list > li {
    flex-basis: 50%;
    padding: 0 6px;
}
.p-drawer-menu-login-list__link {
    display: block;
    height: 66px;
    padding: 13px 0;
    border-radius: 8px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}
.p-drawer-menu-login-list__link--login {
    background-color: #fff;
    color: #fa798f;
}
.p-drawer-menu-login-list__link--registration {
    background-color: #fa798f;
    color: #fff;
}
.p-drawer-menu-login-list__icon {
    display: block;
    margin-bottom: 7px;
    font-size: 20px;
}
.p-drawer-client-menu-list {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
}
.p-drawer-client-menu-list__item {
    padding: 0 10px;
}
.p-drawer-client-menu-list__item + .p-drawer-client-menu-list__item {
    position: relative;
}
.p-drawer-client-menu-list__item + .p-drawer-client-menu-list__item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #eee;
    height: 11px;
    width: 1px;
}
.p-drawer-client-menu-list__link {
    display: block;
    padding: 6px 8px;
    font-size: 11px;
    color: #666;
    text-align: center;
}
.p-drawer-popular-job-list {
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 10px -1px -1px 0;
}
.p-drawer-popular-job-list li {
    flex-basis: 33.33%;
    font-size: 10px;
    font-weight: normal;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.p-drawer-popular-job-list__link {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 44px;
    padding: 0 5px;
    background-color: #fff;
    color: #575757;
}
.p-drawer-popular-job-list__link::after {
    content: "\e80e";
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    font-family: "fontello";
    color: #fdccd5;
}
.p-header-flash-message-wrapper {
    display: flex;
    justify-content: center;
    margin: 8px;
}
.p-header-flash-message {
    max-width: 980px;
}
@media screen and (min-width: 980px) {
    .p-header-inner {
        border-top: 2px solid #ed7987;
        box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.05);
    }
    .p-header--sticky {
        position: relative;
    }
    .p-header-client-menu-list {
        display: flex;
        justify-content: flex-end;
        list-style: none;
        max-width: 980px;
        margin: 0 auto -18px;
        position: relative;
        z-index: 3;
    }
    .p-header__top {
        align-items: center;
        max-width: 980px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        padding-top: 21.5px;
        padding-bottom: 21.5px;
        padding-left: 0;
        position: relative;
        z-index: 2;
    }
    .p-header__logo {
        width: 193px;
        height: 39px;
    }
    .p-header-sp-navi-list-outer {
        display: none;
    }
    .p-header-pc-navi-list-outer {
        display: block;
        margin-right: -10px;
    }
    .p-header-badge--navi {
        position: static;
        margin: -14px -4px 0;
    }
    .p-header-business-type-list-outer {
        display: block;
        max-width: 980px;
        margin-left: auto;
        margin-right: auto;
    }
    .p-drawer {
        display: none;
    }
}
.is-pc:not(.html--v3-responsive) .p-header-inner {
    border-top: 2px solid #ed7987;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.05);
}
.is-pc:not(.html--v3-responsive) .p-header--sticky {
    position: relative;
}
.is-pc:not(.html--v3-responsive) .p-header-client-menu-list {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    max-width: 980px;
    margin: 0 auto -18px;
    position: relative;
    z-index: 3;
}
.is-pc:not(.html--v3-responsive) .p-header__top {
    align-items: center;
    max-width: 980px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 21.5px;
    padding-bottom: 21.5px;
    padding-left: 0;
    position: relative;
    z-index: 2;
}
.is-pc:not(.html--v3-responsive) .p-header__logo {
    width: 193px;
    height: 39px;
}
.is-pc:not(.html--v3-responsive) .p-header-sp-navi-list-outer {
    display: none;
}
.is-pc:not(.html--v3-responsive) .p-header-pc-navi-list-outer {
    display: block;
    margin-right: -10px;
}
.is-pc:not(.html--v3-responsive) .p-header-badge--navi {
    position: static;
    margin: -14px -4px 0;
}
.is-pc:not(.html--v3-responsive) .p-header-business-type-list-outer {
    display: block;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}
.is-pc:not(.html--v3-responsive) .p-drawer {
    display: none;
}
.p-page-top {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    padding-top: 3px;
    border-radius: 40px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    z-index: 4;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}
.p-balloon-notify {
    position: relative;
    z-index: 10;
    width: calc(100% - 20px);
    max-width: 980px;
    margin: 0 auto;
    opacity: 0;
    animation: fadeIn 1s ease-in 1 2s;
    animation-fill-mode: forwards;
}
.p-balloon-notify__list li {
    list-style: none;
    color: #ccc;
}
.p-balloon-close {
    padding: 3px;
    font-size: 16px;
}
.p-balloon-notify-box {
    width: 100%;
    background-color: #fff;
    position: absolute;
    box-shadow: 1px 1px 1px #555;
    top: 10px;
    color: #eb99a3;
    padding: 10px;
    border: 1px solid #eb99a3;
    border-radius: 2px;
}
.p-balloon-notify__heading {
    margin: 5px;
    font-size: 16px;
}
.p-balloon-notify__message {
    padding: 5px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.p-balloon-notify__message-link {
    text-decoration: underline;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.p-top-page-title {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    color: #222;
    background-color: #ffeaef;
}
@media screen and (min-width: 768px) {
    .p-top-page-title {
        font-size: 1.4rem;
    }
}
.p-top-section {
    margin-top: 36px;
}
.p-top-section .nl_with_white_space {
    white-space: pre-line;
    margin-top: 0px;
}
@media screen and (min-width: 980px) {
    .p-top-section {
        margin-top: 48px;
    }
}
.p-top-section__content {
    margin-top: 20px;
    line-height: 1.8;
}
@media screen and (min-width: 980px) {
    .p-top-section__content {
        margin-top: 16px;
    }
}
.p-top-keyvisual--no-login,
.p-top-keyvisual--app-promotion {
    text-align: center;
}
.p-top-keyvisual--no-login img,
.p-top-keyvisual--app-promotion img {
    height: auto;
}
.p-top-keyvisual--no-login {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
}
.p-top-keyvisual--app-promotion {
    background-color: #fb959d;
}
.p-top-slider {
    position: relative;
    padding-bottom: 37px;
}
.p-top-slider--login {
    background-color: #f0f4fb;
}
.p-top-slider--login .slick-track {
    display: flex;
    align-items: center;
}
.p-top-slider__item {
    vertical-align: bottom;
    overflow: hidden;
}
.p-top-slider__item + .p-top-slider__item {
    display: none;
}
.p-top-slider__item--billboard {
    background-color: #f0f4fb;
}
.p-top-slider__item--registration {
    background-color: #ffb3c9;
}
.p-top-slider__item--apppromotion {
    background-color: #fb959d;
}
.p-top-slider__spacer {
    position: relative;
    height: 0;
    padding-top: 93.86%;
}
@media screen and (min-width: 768px) {
    .p-top-slider__spacer {
        padding-top: 46.53%;
    }
}
@media screen and (min-width: 980px) {
    .p-top-slider__spacer {
        padding-top: 456px;
    }
}
.p-top-slider__dots {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 0;
    padding-top: 13px;
    padding-bottom: 13px;
    border-bottom: 1px solid #eee;
    background-color: #f7f7f9;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
}
.p-top-slider__dots > li {
    display: inline-block;
    padding: 0 5px;
    color: #aaa;
}
.p-top-slider__dots > li::before {
    content: "○";
    cursor: pointer;
}
.p-top-slider__dots > li > button {
    display: none;
}
.p-top-slider__dots > li.slick-active::before {
    content: "●";
}
.p-top-slider__image-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.p-top-slider__key-visual,
.p-top-slider__cassette-link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.p-top-slider__key-visual {
    width: auto;
    height: 100%;
}
@media screen and (min-width: 768px) {
    .p-top-slider__key-visual {
        width: auto;
        height: 100%;
        max-width: none !important;
    }
}
@media screen and (min-width: 980px) {
    .p-top-slider__key-visual {
        width: 1200px;
        height: auto;
    }
}
@media screen and (min-width: 980px) {
    .p-top-slider__key-visual--small {
        width: 980px;
    }
}
.p-top-slider__cassette-link {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    color: #333;
}
@media screen and (min-width: 768px) {
    .p-top-slider__cassette-link {
        display: block;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    .p-top-slider__cassette-link:hover,
    .p-top-slider__cassette-link:focus {
        text-decoration: none;
    }
}
.p-top-slider-cassette {
    margin: 0 10px;
    border-radius: 4px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
    .p-top-slider-cassette {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 34px 32px;
    }
}
.p-top-slider-cassette__heading {
    padding: 10px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    color: #535353;
}
@media screen and (min-width: 768px) {
    .p-top-slider-cassette__heading {
        padding-top: 0;
        padding-bottom: 34px;
        font-size: 2rem;
        flex-basis: 100%;
    }
}
@media screen and (min-width: 768px) {
    .p-top-slider-cassette__image-area {
        flex-basis: 54%;
    }
}
.p-top-slider-cassette__image-outer {
    position: relative;
    padding-top: 56.31%;
}
.p-top-slider-cassette__image-outer img {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: auto;
}
.p-top-slider-cassette__image-outer img:not([data-lazy]) {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .p-top-slider-cassette__image-outer img {
        border-radius: 4px;
    }
}
.p-top-slider-cassette__content {
    position: relative;
    margin-top: -24px;
}
@media screen and (min-width: 768px) {
    .p-top-slider-cassette__content {
        flex-basis: 46%;
        margin-top: 0;
        padding-left: 30px;
    }
}
.p-top-slider-cassette__company-name {
    height: 2.4rem;
    padding: 0 10px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 2.4rem;
}
@media screen and (min-width: 768px) {
    .p-top-slider-cassette__company-name {
        height: auto;
        padding-left: 0;
        padding-right: 0;
        background-color: transparent;
        font-size: 1.3rem;
        color: #575757;
    }
}
.p-top-slider-cassette__title {
    height: 36px;
    padding: 8px 10px 0;
    font-size: 1.2rem;
    font-weight: bold;
    color: #0f71d2;
    line-height: 1.23;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
    .p-top-slider-cassette__title {
        height: auto;
        padding-left: 0;
        padding-right: 0;
        font-size: 1.6rem;
    }
}
.p-top-slider-cassette__text {
    padding: 8px 10px 12px;
}
@media screen and (min-width: 768px) {
    .p-top-slider-cassette__text {
        margin-top: 16px;
        padding-left: 0;
        padding-right: 0;
        border-top: 1px solid #8a8a9f;
        line-height: 1.75;
    }
}
.p-top-slider-cassette__emphasis {
    color: #f76700;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-top-slider-cassette__emphasis {
        font-size: 1.6rem;
    }
}
.p-top-slider-cassette-banner {
    width: 100%;
}
.p-top-search-form {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
}
@media screen and (min-width: 980px) {
    .p-top-search-form {
        align-items: center;
        justify-content: flex-end;
        padding-top: 36px;
    }
}
@media screen and (min-width: 980px) {
    .p-top-search-form--bottom {
        padding-top: 16px;
    }
}
.p-top-search-form__quick-search-image-outer {
    display: none;
}
@media screen and (min-width: 980px) {
    .p-top-search-form__quick-search-image-outer {
        display: block;
        flex-basis: 13.06%;
        max-width: 13.06%;
        padding-right: 9px;
    }
}
.p-top-search-form__select-outer {
    flex-basis: 41.67%;
}
@media screen and (min-width: 980px) {
    .p-top-search-form__select-outer {
        flex-basis: 10.61%;
        max-width: 10.61%;
    }
}
.p-top-search-form__select {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 44px;
    padding: 0 16px 0 6px;
    border: 3px solid #f08f9b;
    border-radius: 2px;
    box-shadow: inset 1px 1px 1px #eee;
    background-color: #fff;
    background-image: url(/images/user_frontend/global/common_icn_select.png);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 8px;
    font-size: 1.3rem;
}
.p-top-search-form__select::-ms-expand {
    display: none;
}
@media screen and (min-width: 980px) {
    .p-top-search-form__select {
        height: 38px;
        padding-right: 12px;
        background-position: right 4px center;
        background-size: 7px;
        font-size: 1.1rem;
    }
}
.p-top-search-form__icon-outer {
    flex-basis: 16.66%;
    text-align: center;
}
@media screen and (min-width: 980px) {
    .p-top-search-form__icon-outer {
        flex-basis: 3.57%;
        max-width: 3.57%;
    }
}
.p-top-search-form__icon-outer--only-pc {
    display: none;
}
@media screen and (min-width: 980px) {
    .p-top-search-form__icon-outer--only-pc {
        display: block;
    }
}
.p-top-search-form__icon {
    color: #f08f9b;
    font-size: 3.6rem;
    line-height: 1;
}
.p-top-search-form__icon::before {
    margin-left: 0;
    margin-right: 0;
}
@media screen and (min-width: 980px) {
    .p-top-search-form__icon {
        font-size: 3rem;
    }
}
.p-top-search-form__input-outer {
    flex-basis: 100%;
    margin-top: 8px;
}
@media screen and (min-width: 980px) {
    .p-top-search-form__input-outer {
        flex-basis: 25.51%;
        max-width: 25.51%;
        margin-top: 0;
    }
}
input.p-top-search-form__input:not([type="submit"]) {
    border: 3px solid #f08f9b;
}
@media screen and (min-width: 980px) {
    input.p-top-search-form__input:not([type="submit"]) {
        height: 38px;
    }
}
.p-top-search-form__more-button-outer {
    flex-basis: 41.67%;
    max-width: 41.67%;
    margin-top: 8px;
}
@media screen and (min-width: 980px) {
    .p-top-search-form__more-button-outer {
        flex-basis: 13.37%;
        max-width: 13.37%;
        order: 8;
        margin-top: 0;
        padding-left: 8px;
    }
}
.p-top-search-form__search-button-outer {
    flex-basis: 58.33%;
    max-width: 58.33%;
    margin-top: 8px;
    padding-left: 2px;
}
@media screen and (min-width: 980px) {
    .p-top-search-form__search-button-outer {
        flex-basis: 19.18%;
        max-width: 19.18%;
        order: 7;
        margin-top: 0;
        padding-left: 16px;
    }
}
.p-top-search-form__button {
    height: 37px;
}
.p-top-salary-condition {
    display: flex;
    margin-top: 3px;
    margin-left: -5px;
}
@media screen and (min-width: 980px) {
    .p-top-salary-condition {
        width: 400px;
    }
}
.p-top-salary-condition__item {
    padding-left: 5px;
}
.p-top-salary-condition__item--pulldown-outer {
    flex-basis: 33.33%;
    max-width: 33.33%;
}
.p-top-salary-condition__item--text-outer {
    display: flex;
    align-items: center;
    flex-basis: 16.66%;
    max-width: 16.66%;
}
.p-top-history-links {
    margin-top: 10px;
    font-size: 12px;
}
.p-top-first-banner-list-outer {
    margin-top: 15px;
    padding: 10px;
    background-color: #f7f7f9;
}
@media screen and (min-width: 768px) {
    .p-top-first-banner-list-outer {
        margin-top: 24px;
        padding-top: 0;
        padding-bottom: 0;
        background-color: transparent;
    }
}
.p-top-first-banner-list {
    margin: -5px 0;
}
@media screen and (min-width: 768px) {
    .p-top-first-banner-list {
        display: flex;
        margin-left: -32px;
    }
}
.p-top-first-banner-list > li {
    padding: 5px 0;
}
@media screen and (min-width: 768px) {
    .p-top-first-banner-list > li {
        padding-left: 32px;
        flex-basis: 50%;
    }
}
.p-top-banner,
.p-top-banner--care-inquiry {
    width: 100%;
    height: auto;
}
@media screen and (min-width: 768px) {
    .p-top-banner--care-inquiry {
        max-width: 300px !important;
    }
}
.p-top-search-more {
    display: none;
    padding: 0 5px;
}
@media screen and (min-width: 980px) {
    .p-top-search-more {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 34px;
    }
}
.p-top-search-more__heading-outer {
    padding: 10px;
    text-align: center;
    font-size: 1rem;
}
@media screen and (min-width: 980px) {
    .p-top-search-more__heading-outer {
        padding: 32px 0 16px;
        text-align-last: left;
    }
}
.p-top-search-more__heading {
    font-size: 1.6rem;
    font-weight: bold;
}
.p-top-search-more__table {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border: 1px solid #eee;
    border-top: none;
    font-size: 1.2rem;
}
.p-top-search-more__table > dt,
.p-top-search-more__table > dd {
    border-top: 1px solid #eee;
}
.p-top-search-more__table > dt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 60px;
    max-width: 60px;
    background-color: #f7f7f7;
}
.p-top-search-more__table > dd {
    flex-basis: calc(100% - 60px);
    max-width: calc(100% - 60px);
    padding: 10px 5px;
}
@media screen and (min-width: 980px) {
    .p-top-search-more__table > dd {
        padding-left: 25px;
        padding-right: 15px;
    }
}
.p-top-search-checkbox-list {
    display: flex;
    flex-wrap: wrap;
}
.p-top-search-checkbox-list > li {
    display: flex;
    align-items: center;
    flex-basis: 50%;
    padding: 2px;
}
@media screen and (min-width: 980px) {
    .p-top-search-checkbox-list > li {
        flex-basis: 12.5%;
    }
}
.p-top-search-checkbox-outer {
    display: flex;
    align-items: center;
}
@media screen and (min-width: 980px) {
    .p-top-search-checkbox-outer {
        padding-right: 8px;
    }
}
.p-top-search-checkbox,
input.p-top-search-checkbox[type="checkbox"] {
    -webkit-appearance: none;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    border: 1px solid #bbb;
    border-radius: 2px;
    background: #eee;
    vertical-align: middle;
    margin-top: 0;
    margin-right: 8px;
    box-shadow: none;
    font-size: 1.2rem;
}
@media screen and (min-width: 980px) {
    .p-top-search-checkbox,
    input.p-top-search-checkbox[type="checkbox"] {
        width: 16px;
        height: 16px;
    }
}
.p-top-search-checkbox:checked,
input.p-top-search-checkbox[type="checkbox"]:checked {
    background: #fff;
    border: 2px solid #f08f9b;
}
.p-top-search-checkbox:checked::before,
.p-top-search-checkbox:checked::after,
input.p-top-search-checkbox[type="checkbox"]:checked::before,
input.p-top-search-checkbox[type="checkbox"]:checked::after {
    display: block;
    position: absolute;
    content: "";
    background: #f08f9b;
}
.p-top-search-checkbox:checked::before,
input.p-top-search-checkbox[type="checkbox"]:checked::before {
    left: -1px;
    top: 13px;
    width: 8px;
    height: 4px;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}
@media screen and (min-width: 980px) {
    .p-top-search-checkbox:checked::before,
    input.p-top-search-checkbox[type="checkbox"]:checked::before {
        left: 0px;
        top: 8px;
        width: 5px;
        height: 3px;
    }
}
.p-top-search-checkbox:checked::after,
input.p-top-search-checkbox[type="checkbox"]:checked::after {
    left: 7px;
    top: 15px;
    width: 17px;
    height: 4px;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}
@media screen and (min-width: 980px) {
    .p-top-search-checkbox:checked::after,
    input.p-top-search-checkbox[type="checkbox"]:checked::after {
        left: 4px;
        top: 9px;
        width: 11px;
        height: 3px;
    }
}
.p-top-search-more__pulldown {
    padding-right: 16px;
    background-image: url(/images/user_frontend/global/common_icn_select.png);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 8px;
}
.p-top-search-more__pulldown::-ms-expand {
    display: none;
}
@media screen and (min-width: 980px) {
    .p-top-search-more__pulldown {
        max-width: 160px;
    }
}
.p-category-occupations__heading-link {
    position: relative;
    display: flex;
    height: 40px;
    align-items: center;
    font-weight: bold;
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link {
        margin-right: 0;
        font-size: 16px;
        color: #222;
        height: 26px;
    }
}
.p-category-occupations__heading-link--biyo::after,
.p-category-occupations__heading-link--chiryo::after,
.p-category-occupations__heading-link--relaxation::after {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    content: "\e80e";
    font-family: "fontello";
    font-size: 15px;
    color: #8a8a9f;
}
.p-category-occupations__heading-link--biyo.p-category-occupations__heading-link::after,
.p-category-occupations__heading-link--chiryo.p-category-occupations__heading-link::after,
.p-category-occupations__heading-link--relaxation.p-category-occupations__heading-link::after {
    content: none;
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--biyo::after,
    .p-category-occupations__heading-link--chiryo::after,
    .p-category-occupations__heading-link--relaxation::after {
        content: none;
    }
}
.p-category-occupations__heading-link--biyo::before,
.p-category-occupations__heading-link--chiryo::before,
.p-category-occupations__heading-link--relaxation::before,
.p-category-occupations__heading-link--dental::before,
.p-category-occupations__heading-link--kaigo::before,
.p-category-occupations__heading-link--nurse::before,
.p-category-occupations__heading-link--rehabili::before,
.p-category-occupations__heading-link--social-work::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 2px;
    background-repeat: no-repeat;
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--biyo::before,
    .p-category-occupations__heading-link--chiryo::before,
    .p-category-occupations__heading-link--relaxation::before,
    .p-category-occupations__heading-link--dental::before,
    .p-category-occupations__heading-link--kaigo::before,
    .p-category-occupations__heading-link--nurse::before,
    .p-category-occupations__heading-link--rehabili::before,
    .p-category-occupations__heading-link--social-work::before {
        width: 26px;
        height: 26px;
    }
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--biyo.p-category-occupations__heading-link::before,
    .p-category-occupations__heading-link--chiryo.p-category-occupations__heading-link::before,
    .p-category-occupations__heading-link--relaxation.p-category-occupations__heading-link::before,
    .p-category-occupations__heading-link--dental.p-category-occupations__heading-link::before,
    .p-category-occupations__heading-link--kaigo.p-category-occupations__heading-link::before,
    .p-category-occupations__heading-link--nurse.p-category-occupations__heading-link::before,
    .p-category-occupations__heading-link--rehabili.p-category-occupations__heading-link::before,
    .p-category-occupations__heading-link--social-work.p-category-occupations__heading-link::before {
        width: 40px;
        height: 40px;
    }
}
.p-category-occupations__heading-link--biyo::before {
    background-image: url(/images/user_frontend/global/icn_biyo_sp.svg);
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--biyo::before {
        background-image: url(/images/user_frontend/global/icn_biyo_pc.svg);
    }
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--biyo.p-category-occupations__heading-link::before {
        background-image: url(/images/user_frontend/global/icn_biyo_sp.svg);
    }
}
.p-category-occupations__heading-link--chiryo::before {
    background-image: url(/images/user_frontend/global/icn_chiryo_sp.svg);
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--chiryo::before {
        background-image: url(/images/user_frontend/global/icn_chiryo_pc.svg);
    }
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--chiryo.p-category-occupations__heading-link::before {
        background-image: url(/images/user_frontend/global/icn_chiryo_sp.svg);
    }
}
.p-category-occupations__heading-link--relaxation::before {
    background-image: url(/images/user_frontend/global/icn_relaxation_sp.svg);
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--relaxation::before {
        background-image: url(/images/user_frontend/global/icn_relaxation_pc.svg);
    }
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--relaxation.p-category-occupations__heading-link::before {
        background-image: url(/images/user_frontend/global/icn_relaxation_sp.svg);
    }
}
.p-category-occupations__heading-link--dental::before {
    background-image: url(/images/user_frontend/global/icn_dental_sp.svg);
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--dental::before {
        background-image: url(/images/user_frontend/global/icn_dental_pc.svg);
    }
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--dental.p-category-occupations__heading-link::before {
        background-image: url(/images/user_frontend/global/icn_dental_sp.svg);
    }
}
.p-category-occupations__heading-link--kaigo::before {
    background-image: url(/images/user_frontend/global/icon/icn_category_kaigo_sp.svg);
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--kaigo::before {
        background-image: url(/images/user_frontend/global/icon/icn_category_kaigo_pc.svg);
    }
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--kaigo.p-category-occupations__heading-link::before {
        background-image: url(/images/user_frontend/global/icon/icn_category_kaigo_sp.svg);
    }
}
.p-category-occupations__heading-link--nurse::before {
    background-image: url(/images/user_frontend/global/icon/icn_category_nurse_sp.svg);
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--nurse::before {
        background-image: url(/images/user_frontend/global/icon/icn_category_nurse_pc.svg);
    }
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--nurse.p-category-occupations__heading-link::before {
        background-image: url(/images/user_frontend/global/icon/icn_category_nurse_sp.svg);
    }
}
.p-category-occupations__heading-link--rehabili::before {
    background-image: url(/images/user_frontend/global/icon/icn_category_rehabili_sp.svg);
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--rehabili::before {
        background-image: url(/images/user_frontend/global/icon/icn_category_rehabili_pc.svg);
    }
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--rehabili.p-category-occupations__heading-link::before {
        background-image: url(/images/user_frontend/global/icon/icn_category_rehabili_sp.svg);
    }
}
.p-category-occupations__heading-link--social-work::before {
    background-image: url(/images/user_frontend/global/icon/icn_category_social_work_sp.svg);
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--social-work::before {
        background-image: url(/images/user_frontend/global/icon/icn_category_social_work_pc.svg);
    }
}
@media screen and (min-width: 980px) {
    .p-category-occupations__heading-link--social-work.p-category-occupations__heading-link::before {
        background-image: url(/images/user_frontend/global/icon/icn_category_social_work_sp.svg);
    }
}
.p-popular-area {
    margin: 20px -10px 0;
    border-bottom: 1px solid #e4e4e9;
}
@media screen and (min-width: 980px) {
    .p-popular-area {
        margin-left: 0;
        margin-right: 0;
    }
}
.p-top-area-heading {
    position: relative;
    padding: 7px 10px;
    border-top: 1px solid #e4e4e9;
    font-size: 1.3rem;
    font-weight: normal;
    color: #666;
}
.p-top-area-heading::after {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    content: "\e80c";
    font-family: "fontello";
    font-size: 1.2rem;
    color: #8a8a9f;
}
@media screen and (min-width: 980px) {
    .p-top-area-heading {
        padding-left: 28px;
    }
    .p-top-area-heading::after {
        left: 9px;
        right: auto;
    }
}
.p-top-list {
    display: flex;
    flex-wrap: wrap;
}
.p-top-list > dt {
    flex-basis: 100%;
    max-width: 100%;
    margin-top: 12px;
    font-size: 12px;
    font-weight: bold;
    color: #575757;
}
.p-top-list > dd {
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
}
.p-top-list--area {
    padding: 4px 10px 12px;
    border-top: 1px solid #e4e4e9;
    background-color: #f7f7f9;
}
.p-top-list--area > dt {
    padding-bottom: 4px;
}
.p-top-list--feature {
    margin-top: 8px;
}
.p-top-list__link {
    position: relative;
    display: block;
    padding: 8px 10px 8px 8px;
    color: #0f71d2;
}
.p-top-list__link::before {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: "\e842";
    font-family: "fontello";
    color: #8a8a9f;
}
.p-top-cassette-list {
    list-style-type: none;
    margin-top: 20px;
    border-bottom: 1px solid #eee;
}
@media screen and (min-width: 980px) {
    .p-top-cassette-list {
        display: flex;
        border-bottom: none;
        margin-top: 16px;
        margin-left: -7px;
        margin-right: -7px;
    }
}
.p-top-cassette-list > li {
    border-top: 1px solid #eee;
    overflow: hidden;
}
@media screen and (min-width: 980px) {
    .p-top-cassette-list > li {
        flex-basis: 16.66%;
        border-top: none;
        padding-left: 7px;
        padding-right: 7px;
    }
}
@media screen and (min-width: 980px) {
    .p-top-cassette-list--checked-works {
        padding: 16px 10px;
        margin-left: 0;
        margin-right: 0;
        background-color: #f7f7f9;
    }
    .p-top-cassette-list--checked-works > li {
        flex-basis: 33.33%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .p-top-cassette-list--checked-works .p-top-cassette {
        display: flex;
        border-radius: 4px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        background-color: #fff;
        overflow: hidden;
        line-height: 1.08;
    }
    .p-top-cassette-list--checked-works .p-top-cassette__left,
    .p-top-cassette-list--checked-works .p-top-cassette__right {
        flex-basis: 50%;
        width: 50%;
    }
    .p-top-cassette-list--checked-works .p-top-cassette__right {
        padding: 5px 8px;
    }
    .p-top-cassette-list--checked-works .p-top-cassette__brand-name {
        margin-top: 0;
    }
    .p-top-cassette-list--checked-works .p-top-cassette__title {
        height: 36px;
        margin-top: 4px;
    }
    .p-top-cassette-list--checked-works .p-top-cassette__text {
        margin-top: 4px;
    }
}
.p-top-cassette-link {
    color: #0f71d2;
    display: block;
    transition: opacity, 0.2s;
}
.p-top-cassette-link:focus,
.p-top-cassette-link:hover {
    text-decoration: none;
    opacity: 0.7;
}
.p-top-cassette {
    display: flex;
    padding: 8px 0;
    font-size: 1.2rem;
}
@media screen and (min-width: 980px) {
    .p-top-cassette {
        display: block;
        padding-top: 0;
        padding-bottom: 0;
    }
}
.p-top-cassette__left {
    flex-basis: 32.33%;
    flex-shrink: 0;
}
.p-top-cassette__right {
    flex-basis: 67.67%;
    padding-left: 10px;
}
@media screen and (min-width: 980px) {
    .p-top-cassette__right {
        padding-left: 0;
    }
}
.p-top-cassette__left {
    width: 100%;
    height: auto;
}
.p-top-cassette__image {
    width: 100%;
    height: auto;
}
.p-top-cassette__brand-name {
    font-weight: bold;
}
@media screen and (min-width: 980px) {
    .p-top-cassette__brand-name {
        margin-top: 8px;
    }
}
.p-top-cassette__title {
    height: 34px;
    overflow: hidden;
    font-weight: normal;
}
@media screen and (min-width: 980px) {
    .p-top-cassette__title {
        margin-top: 8px;
        height: 51px;
    }
}
.p-top-cassette__text {
    height: 17px;
    max-width: 190px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    color: #333;
}
@media screen and (min-width: 980px) {
    .p-top-cassette__text {
        max-width: 150px;
        margin-top: 8px;
    }
}
.p-top-oiwai-banner {
    margin-top: 36px;
}
@media screen and (min-width: 980px) {
    .p-top-oiwai-banner {
        margin-top: 48px;
    }
}
.p-top-pink-box,
.p-top-pink-box-registration {
    margin-top: 34px;
    padding: 30px 4%;
    border-radius: 4px;
    border: 2px solid #f95874;
    background-color: #fff;
}
@media screen and (min-width: 980px) {
    .p-top-pink-box,
    .p-top-pink-box-registration {
        display: flex;
        margin-top: 48px;
        padding: 38px 52px;
    }
}
.p-top-pink-box-registration {
    padding-top: 24px;
    padding-bottom: 24px;
}
@media screen and (min-width: 980px) {
    .p-top-pink-box-registration {
        padding-top: 48px;
        padding-bottom: 56px;
    }
}
.p-top-todays-outer,
.p-top-login-outer {
    flex-basis: 50%;
}
@media screen and (min-width: 980px) {
    .p-top-todays-outer {
        padding-right: 74px;
    }
}
@media screen and (min-width: 980px) {
    .p-top-todays-outer--logined {
        display: flex;
        flex-basis: calc(100% + 14px);
        align-items: center;
        justify-content: space-between;
        margin-left: -14px;
        padding-left: 0;
        padding-right: 46px;
    }
    .p-top-todays-outer--logined .p-top-todays__item {
        padding-left: 30px;
    }
}
.p-top-todays-outer--logined .p-top-todays {
    text-align: right;
}
@media screen and (min-width: 980px) {
    .p-top-todays-outer--logined .p-top-todays {
        margin-top: 0;
    }
}
.p-top-todays {
    margin-top: 24px;
    padding: 0 11%;
    font-size: 1.2rem;
    text-align: center;
}
@media screen and (min-width: 980px) {
    .p-top-todays {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: baseline;
        padding-left: 0;
        padding-right: 0;
    }
}
.p-top-todays__emphasis,
.p-top-todays__emphasis-login,
.p-top-todays__balloon {
    color: #ff6e40;
}
.p-top-todays__balloon {
    flex-basis: 100%;
    font-size: 1.6rem;
    font-weight: bold;
}
.p-top-todays__emphasis {
    flex-basis: 100%;
    font-size: 3.5rem;
    font-weight: bold;
}
.p-top-todays__emphasis-login {
    font-size: 2.6rem;
}
.p-top-todays__item--small {
    font-size: 1rem;
}
.p-top-todays__registration {
    margin-top: 18px;
}
@media screen and (min-width: 980px) {
    .p-top-todays__registration {
        margin-top: 24px;
    }
}
.p-top-login-outer {
    margin-top: 70px;
}
@media screen and (min-width: 980px) {
    .p-top-login-outer {
        margin-top: 0;
        padding: 0 37px;
    }
}
.p-top-login {
    margin-top: 24px;
    font-size: 1.2rem;
    text-align: right;
}
.p-top-login__sub-heading {
    text-align-last: left;
}
.p-top-line {
    margin: 20px -10px 0;
}
.p-top-contents-list,
.p-category-contents-list {
    list-style-type: none;
    font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
    .p-top-contents-list,
    .p-category-contents-list {
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }
}
.p-category-contents-list {
    margin-top: 0;
}
@media screen and (min-width: 768px) {
    .p-category-contents-list {
        margin-bottom: 24px;
    }
}
@media screen and (min-width: 768px) {
    .p-top-contents-list--with-text {
        margin-top: 0;
    }
}
.p-top-contents-list__item {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .p-top-contents-list__item {
        flex-basis: 32%;
        max-width: 32%;
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
.p-top-contents-list__item--with-text {
    margin-top: 20px;
}
.p-top-link-hover-effect {
    display: block;
    transition: opacity, 0.2s;
}
.p-top-link-hover-effect:hover,
.p-top-link-hover-effect:focus {
    opacity: 0.7;
    text-decoration: none;
}
.p-top-contents-heading {
    margin-top: 8px;
    font-weight: bold;
    color: #0f71d2;
}
.p-top-contents-text {
    margin-top: 8px;
    color: #333;
}
.p-top-inquiry {
    margin-top: 20px;
}
@media screen and (min-width: 768px) {
    .p-top-inquiry {
        width: 30.61%;
        margin-top: 16px;
    }
}
.p-top-fixed-btn--registration {
    background-color: #ff6e40;
    border-radius: 4px;
    box-shadow: 0 3px 0 0 #c6523e;
    color: #fff;
}
.p-top-fixed-btn__registration-image {
    height: 22px;
    width: 22px;
}
.p-top-fixed-btn__registration-text {
    padding-left: 6px;
}
.p-top-fixed-btn__registration-small {
    display: inline-block;
    font-size: 10px;
    padding-bottom: 3px;
}
.p-top-fixed-btn--app-install {
    background-color: #fafafa;
    border-radius: 4px;
    box-shadow: 0 3px 0 0 #bababa;
    color: #575757;
}
.p-top-fixed-btn__app-install-small {
    display: inline-flex;
    padding-top: 3px;
    font-size: 10px;
}
.p-top-fixed-btn__app-install-emphasis {
    color: #f95874;
}
.p-top-accordion__label {
    cursor: pointer;
}
.p-top-accordion__content {
    display: none;
}
.p-top-accordion__more-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 50px;
    margin-top: -50px;
    background: -moz-linear-gradient(bottom, #fff 35%, rgba(255, 255, 255, 0));
    background: -webkit-linear-gradient(bottom, #fff 35%, rgba(255, 255, 255, 0));
    background: linear-gradient(to top, #fff 35%, rgba(255, 255, 255, 0));
    font-weight: bold;
    z-index: 2;
    color: #0f71d2;
    font-weight: bold;
}
@media screen and (min-width: 980px) {
    .p-top-accordion__more-button {
        display: none;
    }
}
.p-top-accordion__more-button-icon {
    font-size: 1.2rem;
}
.p-top-accordion__more-content {
    height: 265px;
    overflow: hidden;
}
@media screen and (min-width: 980px) {
    .p-top-accordion__more-content {
        height: auto;
    }
}
.p-top-accordion__checkbox {
    display: none;
}
.p-top-accordion__checkbox:checked ~ .p-top-accordion__label .p-top-area-heading::after {
    content: "\e80f";
}
.p-top-accordion__checkbox:checked ~ .p-top-accordion__content {
    display: flex;
}
.p-top-accordion__checkbox:checked ~ .p-top-accordion__more-content {
    height: auto;
}
.p-top-accordion__checkbox:checked ~ .p-top-accordion__more-button {
    display: none;
}
.p-top-premium-banner-list {
    margin: 20px -10px 0;
    padding: 0 10px;
    background-color: #f7f7f9;
    font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
    .p-top-premium-banner-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 16px;
        margin-left: -8px;
        margin-right: -8px;
        padding-left: 0;
        padding-right: 0;
        background-color: transparent;
        font-size: 1.4rem;
    }
}
.p-top-premium-banner-list > li {
    padding: 10px 0;
}
@media screen and (min-width: 768px) {
    .p-top-premium-banner-list > li {
        flex-basis: 33.33%;
        max-width: 33.33%;
        padding: 0 8px;
    }
}
.p-top-premium-banner-list__link {
    color: #575757;
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .p-top-premium-banner-list__link:hover,
    .p-top-premium-banner-list__link:focus {
        text-decoration: none;
    }
}
.p-top-premium-banner-list__heading {
    margin-top: 10px;
    color: #0f71d2;
    font-weight: bold;
}
.p-top-premium-banner-list__text {
    margin-top: 8px;
}
@media screen and (min-width: 768px) {
    .p-top-premium-banner-list__text {
        font-size: 1.2rem;
    }
}
.p-top-special-banner-list {
    margin: 16px -8px 0;
}
.p-top-special-banner-list__item {
    padding: 0 8px;
}
.p-top-special-banner-list__image {
    width: 100%;
    height: auto;
}
.p-category__outer {
    background-color: #fafafa;
    padding: 0 16px;
}
@media screen and (min-width: 768px) {
    .p-category__outer {
        padding: 30px 0 0;
    }
}
.p-category__container {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
}
@media screen and (min-width: 768px) {
    .p-category__container {
        max-width: 980px;
    }
}
.p-category-top__outer {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 8px;
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
}
@media screen and (min-width: 768px) {
    .p-category-top__outer {
        margin-top: 0;
    }
}
.p-category-top__img-outer {
    position: relative;
    min-width: 110px;
}
@media screen and (min-width: 768px) {
    .p-category-top__img-outer {
        min-width: 145px;
        margin-right: 5px;
    }
}
.p-category-top__img-outer img {
    position: absolute;
    bottom: 0;
    max-height: 80px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
    .p-category-top__img-outer img {
        max-height: 120px;
    }
}
.p-category-top__text-outer {
    margin: 10px 5px 10px 0;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .p-category-top__text-outer {
        margin: 25px 0;
    }
}
.p-category-top__title {
    font-weight: bold;
    font-size: 14px;
}
@media screen and (min-width: 768px) {
    .p-category-top__title {
        font-size: 19px;
    }
}
.p-category-top__text {
    font-size: 10px;
    margin-top: 4px;
}
@media screen and (min-width: 768px) {
    .p-category-top__text {
        margin-top: 8px;
    }
}
.p-category-prefecture__container--sp {
    margin-top: 16px;
    height: 318px;
}
@media screen and (max-width: 767px) {
    .p-category-prefecture__container--sp {
        margin: 16px -16px 0 -16px;
    }
}
@media screen and (min-width: 980px) {
    .p-category-prefecture__container--sp {
        display: none;
    }
}
@media screen and (max-width: 979px) {
    .p-category-prefecture__container--pc {
        display: none;
    }
}
@media screen and (max-width: 979px) {
    .p-category-prefecture__outer {
        background: #fcf8f8;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
        padding: 24px 16px;
    }
    .p-category-prefecture__outer.p-category-prefecture__outer--care {
        background: #f6f8f2;
    }
    .p-category-prefecture__outer.p-category-prefecture__outer--relaxation,
    .p-category-prefecture__outer.p-category-prefecture__outer--therapist,
    .p-category-prefecture__outer.p-category-prefecture__outer--massage,
    .p-category-prefecture__outer.p-category-prefecture__outer--aroma,
    .p-category-prefecture__outer.p-category-prefecture__outer--reflexology,
    .p-category-prefecture__outer.p-category-prefecture__outer--seitai,
    .p-category-prefecture__outer.p-category-prefecture__outer--chiropractic {
        background: #f8fbfc;
    }
    .p-category-prefecture__outer.p-category-prefecture__outer--jusei,
    .p-category-prefecture__outer.p-category-prefecture__outer--chiryo,
    .p-category-prefecture__outer.p-category-prefecture__outer--shinkyu,
    .p-category-prefecture__outer.p-category-prefecture__outer--massageshi {
        background: #f6f8f2;
    }
    .p-category-prefecture__outer.p-category-prefecture__outer--yoga,
    .p-category-prefecture__outer.p-category-prefecture__outer--fitness,
    .p-category-prefecture__outer.p-category-prefecture__outer--sports,
    .p-category-prefecture__outer.p-category-prefecture__outer--reception,
    .p-category-prefecture__outer.p-category-prefecture__outer--office-work,
    .p-category-prefecture__outer.p-category-prefecture__outer--business {
        background: #fcfcfc;
    }
    .p-category-prefecture__outer.p-category-prefecture__outer--dental-doctor,
    .p-category-prefecture__outer.p-category-prefecture__outer--dental-hygienist,
    .p-category-prefecture__outer.p-category-prefecture__outer--dental-technician,
    .p-category-prefecture__outer.p-category-prefecture__outer--dental-assistant {
        background: #fcfaf2;
    }
}
@media screen and (min-width: 980px) {
    .p-category-prefecture__outer {
        background-color: #fff;
        min-height: 545px;
        padding: 24px;
        margin-top: 24px;
        position: relative;
    }
}
@media screen and (min-width: 980px) {
    .p-category-prefecture__inner--pc {
        background-image: url(/images/user_frontend/pc/img_top_map.png);
        background-repeat: no-repeat;
        background-size: 626px;
        background-position: top;
        min-height: 500px;
    }
}
@media screen and (min-width: 980px) {
    .p-category-prefecture__list {
        background-color: #fafafa;
        padding: 16px;
        display: inline-block;
        border-radius: 4px;
        position: absolute;
        font-size: 12px;
    }
    .p-category-prefecture__list dt {
        color: #222;
        font-weight: bold;
    }
    .p-category-prefecture__list dd {
        background-color: #fff;
        padding: 6px 0;
        margin-top: 8px;
        width: 48px;
        text-align: center;
    }
    .p-category-prefecture__list dd a {
        color: #0f71d2;
    }
}
.p-category-prefecture__list--hokkaido {
    top: 62px;
    right: 340px;
}
.p-category-prefecture__list--koushinetsuhokuriku {
    top: 122px;
    right: 446px;
}
.p-category-prefecture__list--cyuugoku {
    top: 122px;
    right: 654px;
}
.p-category-prefecture__list--cyuugoku,
.p-category-prefecture__list--koushinetsuhokuriku {
    display: flex;
    flex-wrap: wrap;
    width: 192px;
}
.p-category-prefecture__list--cyuugoku dt,
.p-category-prefecture__list--koushinetsuhokuriku dt {
    flex-basis: 100%;
}
.p-category-prefecture__list--cyuugoku dd,
.p-category-prefecture__list--koushinetsuhokuriku dd {
    margin-left: 8px;
}
.p-category-prefecture__list--cyuugoku dd:first-of-type,
.p-category-prefecture__list--koushinetsuhokuriku dd:first-of-type {
    margin-left: 0;
}
.p-category-prefecture__list--cyuugoku dd:nth-of-type(4),
.p-category-prefecture__list--koushinetsuhokuriku dd:nth-of-type(4) {
    margin-left: 0;
}
.p-category-prefecture__list--kyusyu,
.p-category-prefecture__list--kansai {
    display: flex;
    flex-wrap: wrap;
    width: 136px;
}
.p-category-prefecture__list--kyusyu dt,
.p-category-prefecture__list--kansai dt {
    flex-basis: 100%;
}
.p-category-prefecture__list--kyusyu dd:nth-of-type(2n),
.p-category-prefecture__list--kansai dd:nth-of-type(2n) {
    margin-left: 8px;
}
.p-category-prefecture__list--kyusyu {
    top: 326px;
    right: 710px;
}
.p-category-prefecture__list--shikoku {
    top: 326px;
    right: 614px;
}
.p-category-prefecture__list--kansai {
    top: 326px;
    right: 462px;
}
.p-category-prefecture__list--toukai {
    top: 326px;
    right: 366px;
}
.p-category-prefecture__list--kantou {
    top: 230px;
    right: 270px;
}
.p-category-prefecture__list--tohoku {
    top: 199px;
    right: 174px;
}
.p-category-prefecture__list--kaigai {
    position: absolute;
    top: 457px;
    right: 133px;
    background-color: #fff;
    text-align: center;
    font-size: 12px;
}
.p-category-prefecture__list--kaigai a {
    position: absolute;
    display: block;
    right: 0;
    bottom: 6px;
}
.p-category-prefecture__list--kaigai__inner {
    position: relative;
}
.p-category-prefecture__list--kaigai__circle {
    display: flex;
    flex-wrap: wrap;
}
.p-category-prefecture__list--kaigai__circle::after {
    content: "";
    width: 48px;
    height: 53px;
    border: solid 1px #949494;
    border-radius: 75px 0 0 0;
    border-bottom: 0;
    border-right: 0;
    box-sizing: border-box;
}
.p-category-prefecture__title {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 38px;
}
@media screen and (min-width: 980px) {
    .p-category-prefecture__title {
        justify-content: left;
    }
}
.p-category-prefecture__title div {
    width: 38px;
    height: 38px;
}
.p-category-prefecture__title-text,
.p-category-prefecture__child-title-text {
    color: #f96075;
    font-weight: bold;
    font-size: 18px;
    margin-left: 8px;
}
.p-category-prefecture__child-title-text {
    color: #222;
}
.p-category-prefecture__nav {
    position: relative;
}
.p-category-prefecture__area-parent {
    position: absolute;
    left: 0;
    z-index: 1;
    height: 318px;
    width: 100%;
}
.p-category-prefecture__area-child {
    display: none;
    position: absolute;
    left: 100vw;
    z-index: 2;
    height: 318px;
    width: 100vw;
}
.p-category-prefecture__area-child.is-show {
    display: block;
}
.p-category-prefecture__back {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 6px 12px;
    appearance: none;
    position: absolute;
    left: 0;
    color: #0f71d2;
    font-size: 14px;
}
.p-category-prefecture__area-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.p-category-prefecture__area-list li {
    font-size: 16px;
    font-weight: bold;
    background: #fff;
    border-radius: 8px;
    flex-basis: 31%;
    height: 60px;
    align-items: center;
    display: flex;
    justify-content: center;
    box-shadow: 0px 0px 20px rgba(225, 98, 107, 0.1);
    text-align: center;
}
.p-category-prefecture__area-list li:nth-child(n + 4) {
    margin-top: 12px;
}
.p-category-prefecture__area-list li:not(:nth-child(1), :nth-child(4), :nth-child(7)) {
    margin-left: 3.5%;
}
.p-category-prefecture__area-list li a {
    color: #222;
}
.p-category-prefecture__outer--relaxation .p-category-prefecture__area-list li,
.p-category-prefecture__outer--therapist .p-category-prefecture__area-list li,
.p-category-prefecture__outer--massage .p-category-prefecture__area-list li,
.p-category-prefecture__outer--aroma .p-category-prefecture__area-list li,
.p-category-prefecture__outer--reflexology .p-category-prefecture__area-list li,
.p-category-prefecture__outer--seitai .p-category-prefecture__area-list li,
.p-category-prefecture__outer--chiropractic .p-category-prefecture__area-list li {
    box-shadow: 0px 0px 20px rgba(32, 159, 223, 0.1);
}
.p-category-prefecture__outer--jusei .p-category-prefecture__area-list li,
.p-category-prefecture__outer--chiryo .p-category-prefecture__area-list li,
.p-category-prefecture__outer--shinkyu .p-category-prefecture__area-list li,
.p-category-prefecture__outer--massageshi .p-category-prefecture__area-list li {
    box-shadow: 0px 0px 20px rgba(107, 204, 91, 0.1);
}
.p-category-prefecture__outer--yoga .p-category-prefecture__area-list li,
.p-category-prefecture__outer--fitness .p-category-prefecture__area-list li,
.p-category-prefecture__outer--sports .p-category-prefecture__area-list li,
.p-category-prefecture__outer--reception .p-category-prefecture__area-list li,
.p-category-prefecture__outer--office-work .p-category-prefecture__area-list li,
.p-category-prefecture__outer--business .p-category-prefecture__area-list li {
    box-shadow: 0px 0px 20px rgba(170, 170, 170, 0.1);
}
.p-category-prefecture__outer--dental-doctor .p-category-prefecture__area-list li,
.p-category-prefecture__outer--dental-hygienist .p-category-prefecture__area-list li,
.p-category-prefecture__outer--dental-technician .p-category-prefecture__area-list li,
.p-category-prefecture__outer--dental-assistant .p-category-prefecture__area-list li {
    box-shadow: 0px 0px 20px rgba(233, 130, 28, 0.1);
}
.p-category-prefecture__outer--care .p-category-prefecture__area-list li {
    box-shadow: 0px 0px 20px rgba(107, 204, 91, 0.1);
}
.p-category-app-banner__outer {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .p-category-app-banner__outer {
        margin-top: 24px;
    }
}
.p-category-app-banner__outer--bottom {
    margin: 16px -16px 0;
}
@media screen and (min-width: 768px) {
    .p-category-app-banner__outer--bottom {
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        margin-top: 80px;
    }
}
.p-category__app-banner {
    width: 100%;
    height: auto;
}
.p-category-contents__title,
.p-category-contents__banner-title {
    font-size: 16px;
    font-weight: bold;
    color: #222;
}
.p-category-contents__outer,
.p-category-contents__outer--wide,
.p-category-contents__login-outer,
.p-category-contents__banner-container {
    background: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    margin-top: 16px;
    padding: 24px 16px 16px;
}
@media screen and (min-width: 768px) {
    .p-category-contents__outer,
    .p-category-contents__outer--wide,
    .p-category-contents__login-outer,
    .p-category-contents__banner-container {
        margin-top: 24px;
    }
}
@media screen and (min-width: 980px) {
    .p-category-contents__login-outer,
    .p-category-contents__banner-container {
        display: flex;
        box-shadow: none;
        padding: 0;
        background: none;
        justify-content: space-between;
    }
}
@media screen and (min-width: 768px) {
    .p-category-contents__banner-container {
        display: block;
        flex-basis: 49%;
    }
}
@media screen and (min-width: 768px) {
    .p-category-contents__banner-outer {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background: #fff;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
        margin-top: 24px;
        padding: 24px;
    }
}
.p-category-contents__banner-title {
    flex-basis: 100%;
}
.p-category-contents__outer--wide {
    margin: 16px -16px 0 -16px;
}
@media screen and (min-width: 768px) {
    .p-category-contents__outer--wide {
        margin: 24px 0 0 0;
    }
}
.p-category-feature-links {
    display: flex;
    flex-wrap: wrap;
    padding-top: 24px;
}
@media screen and (min-width: 768px) {
    .p-category-feature-links {
        padding: 8.5px 0 4px;
    }
}
.p-category-feature-links:not(:first-child) {
    border-top: 1px solid #f2f2f2;
}
.p-category-feature-links:first-child {
    padding-top: 0;
}
.p-category-feature-links:last-child {
    padding-bottom: 0;
}
.p-category-feature-links dt {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
    color: #222;
}
@media screen and (min-width: 768px) {
    .p-category-feature-links dt {
        flex-basis: 200px;
        margin-bottom: 0;
        display: flex;
        align-items: center;
    }
}
.p-category-feature-links dd {
    display: flex;
    flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
    .p-category-feature-links dd {
        flex-basis: calc(100% - 200px);
    }
}
.p-category-feature-links a {
    display: inline-flex;
    padding: 10px 15px 10px 0px;
    color: #0f71d2;
}
@media screen and (min-width: 768px) {
    .p-category-feature-links a {
        padding: 6px 14px 6px 0px;
        font-size: 12px;
    }
}
.p-category-feature-links a::before {
    content: "";
}
.p-category-premium__lists {
    margin-top: 16px;
    padding-bottom: 12px;
}
@media screen and (min-width: 768px) {
    .p-category-premium__lists {
        display: flex;
        flex-wrap: wrap;
    }
    .p-category-premium__lists li {
        flex-basis: 50%;
    }
}
.p-category-premium__lists a,
.p-category-premium__lists a:hover {
    text-decoration: none;
}
.p-category-premium__lists img {
    width: 100%;
    height: auto;
}
.p-category-new-graduate {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .p-category-new-graduate {
        width: 50%;
    }
}
.p-category-login-outer {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #f2f2f2;
}
@media screen and (min-width: 980px) {
    .p-category-login-outer {
        border: none;
        margin-top: 0;
        flex-basis: 49%;
        background: #fff;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
        padding: 32px 85px;
        text-align: center;
    }
}
@media screen and (min-width: 980px) {
    .p-category-todays-outer {
        flex-basis: 49%;
        background: #fff;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
        padding: 32px 85px;
        text-align: center;
    }
}
.p-category-contents__heading {
    color: #0f71d2;
    font-size: 16px;
    font-weight: bold;
    margin-top: 16px;
}
.p-category-contents___text {
    color: #222;
    font-size: 14px;
    line-height: 25.2px;
    margin-top: 4px;
}
.p-category-history-links {
    border-top: 1px solid #f2f2f2;
    padding-bottom: 16px;
    margin-top: 28px;
}
@media screen and (min-width: 768px) {
    .p-category-history-links {
        border: none;
        padding-bottom: 24px;
        margin-top: 0;
    }
}
.p-category-search-form {
    margin-top: 18px;
}
.p-category-search-form__title {
    margin-top: 10px;
}
.p-category-accordion,
.p-category-occupations__accordion {
    border-top: 1px solid #f2f2f2;
}
.p-category-accordion:first-of-type,
.p-category-occupations__accordion:first-of-type {
    margin-top: 17px;
}
@media screen and (min-width: 768px) {
    .p-category-accordion:first-of-type,
    .p-category-occupations__accordion:first-of-type {
        border-top: none;
    }
}
.p-category-area-heading {
    padding: 20px 0;
    position: relative;
    font-weight: bold;
}
.p-category-area-heading::after {
    content: "\e80c";
    position: absolute;
    font-family: "fontello";
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 1.2rem;
    line-height: 0.6rem;
}
.is-open .p-category-area-heading {
    color: #f96075;
    border-bottom: 1px solid #f96075;
}
.is-open .p-category-area-heading::after {
    transform: rotate(180deg) translateY(50%);
}
.p-category-accordion__content {
    display: none;
}
.p-category-accordion__content a {
    padding: 16px;
    padding-right: 9px;
    display: block;
    background-color: #f8f8f8;
    color: #0f71d2;
    font-size: 14px;
    font-weight: bold;
    margin-top: 1px;
    position: relative;
}
.p-category-accordion__content a::after {
    content: "\e80e";
    position: absolute;
    font-family: "fontello";
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 1.2rem;
    line-height: 0.6rem;
    color: #949494;
}
.p-category-occupations-heading {
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .p-category-occupations-heading {
        padding: 8px 0;
        position: relative;
    }
    .p-category-occupations-heading::after {
        content: "\e80c";
        position: absolute;
        font-family: "fontello";
        top: 50%;
        right: 16px;
        transform: translateY(-50%);
        width: 1.2rem;
        line-height: 0.6rem;
    }
    .p-category-occupations-heading span {
        display: flex;
        align-items: center;
    }
    .is-open .p-category-occupations-heading {
        color: #f96075;
        border-bottom: 1px solid #f96075;
    }
    .is-open .p-category-occupations-heading span,
    .is-open .p-category-occupations-heading a {
        color: #f96075;
    }
    .is-open .p-category-occupations-heading::after {
        transform: rotate(180deg) translateY(50%);
    }
}
@media screen and (min-width: 768px) {
    .p-category-occupations-heading {
        max-width: 100%;
        flex-basis: 200px;
        display: flex;
        align-items: center;
    }
}
@media screen and (min-width: 768px) {
    .p-category-occupations__accordion {
        display: flex;
        flex-wrap: wrap;
        padding: 16px 0;
    }
}
.p-category-occupations__content {
    display: none;
}
.p-category-occupations__content a {
    padding: 16px;
    padding-right: 9px;
    display: block;
    background-color: #f8f8f8;
    color: #0f71d2;
    font-size: 14px;
    font-weight: bold;
    margin-top: 1px;
    position: relative;
}
@media screen and (min-width: 768px) {
    .p-category-occupations__content {
        display: flex;
        flex-wrap: wrap;
        flex-basis: calc(100% - 200px);
    }
    .p-category-occupations__content a {
        display: flex;
        align-items: center;
        font-size: 13px;
        margin-top: 0;
        padding: 0 12px;
    }
}
.p-category-button {
    height: 48px;
    font-size: 16px;
}
.p-category-inquiry__link {
    margin-top: 16px;
    padding-bottom: 8px;
}
.p-category-description {
    background: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    padding: 0 16px 40px 16px;
    margin: 16px -16px 0 -16px;
}
@media screen and (min-width: 768px) {
    .p-category-description {
        margin: 16px 0 0 0;
    }
}
.p-bridging {
    margin-top: 36px;
    padding-top: 24px;
    border-top: 1px solid #d9d9d9;
}
.p-bridging__logo {
    width: auto;
    max-width: 163px;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .p-bridging__logo {
        max-width: 220px;
    }
}
.p-bridging__logo-care {
    width: auto;
    max-width: 200px;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .p-bridging__logo-care {
        max-width: 280px;
    }
}
.p-bridging__text {
    margin-top: 28px;
    font-size: 14px;
    line-height: 1.8;
}
@media screen and (min-width: 768px) {
    .p-bridging__text {
        text-align: center;
    }
}
.p-bridging-list {
    margin-top: 24px;
}
@media screen and (min-width: 768px) {
    .p-bridging-list {
        padding: 0 24px;
        border-radius: 12px;
        background-color: #f9f9f9;
    }
}
.p-bridging-list .p-category-occupations__accordion {
    margin-top: 0;
}
@media screen and (min-width: 768px) {
    .p-bridging-list .p-category-occupations__accordion + .p-category-occupations__accordion {
        padding-top: 14px;
    }
    .p-bridging-list .p-category-occupations__accordion:not(:last-child) {
        padding-bottom: 14px;
    }
}
@media screen and (min-width: 768px) {
    .p-bridging-list .p-category-occupations-heading {
        flex-basis: 164px;
        align-items: flex-start;
    }
}
@media screen and (min-width: 768px) {
    .p-bridging-list .p-category-occupations__heading-link {
        color: #575757;
        font-size: 14px;
    }
    .p-bridging-list .p-category-occupations__heading-link::before {
        width: 26px;
        height: 26px;
        margin-right: 0;
        background-size: contain;
    }
}
@media screen and (min-width: 768px) {
    .p-bridging-list .p-category-occupations__content {
        flex-basis: calc(100% - 140px);
        margin-right: -24px;
    }
}
.p-bridging-list .p-category-occupations__content > a {
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-bridging-list .p-category-occupations__content > a {
        padding-top: 2px;
        padding-bottom: 2px;
        line-height: 1.8;
        font-size: 13px;
    }
}
.p-bridging-link-outer {
    margin-top: 24px;
    text-align: center;
}
.p-bridging-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.p-bridging-link:hover {
    text-decoration: none;
}
.p-bridging-link:hover > span {
    text-decoration: underline;
}
.p-bridging-link::after {
    content: "\e80a";
    margin-left: 8px;
    font-family: "fontello";
    font-size: 24px;
}
.p-top-unsolicited-email-attention-outer {
    margin: 84px 16px 0;
}
@media screen and (min-width: 980px) {
    .p-top-unsolicited-email-attention-outer {
        margin-top: 100px;
        margin-bottom: -36px;
    }
}
.p-top-app-appeal {
    width: 100%;
    padding: 20px 16px;
    position: fixed;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 11;
}
.p-top-app-appeal.p-top-app-appeal__biyo {
    background-color: #fff5f7;
}
.p-top-app-appeal.p-top-app-appeal__kaigo {
    background-color: #f2fbf6;
}
.p-top-app-appeal__icon {
    width: 56px;
}
.p-top-app-appeal__text_main {
    font-size: 18px;
    font-weight: bold;
}
.p-top-app-appeal__text_rejob {
    font-size: 12px;
}
.p-top-app-appeal__text_strong {
    color: #fb6341;
}
.p-top-app-appeal__text_small {
    font-size: 9px;
}
.p-top-app-appeal__button_wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.p-top-app-appeal__button_wrapper .c-btn,
.p-top-app-appeal__button_wrapper .p-friend-button,
.p-top-app-appeal__button_wrapper .p-suggest-list__btn,
.p-top-app-appeal__button_wrapper .p-mail-btn,
.p-top-app-appeal__button_wrapper .p-matching-support-cassette__button {
    font-size: 14px;
    font-weight: 600;
}
.p-top-app-appeal__button_wrapper .p-top-app-appeal__button_after {
    width: 30%;
}
.p-top-app-appeal__button_wrapper .p-top-app-appeal__button_download {
    width: 65%;
}
.p-withdrawals img {
    max-width: 100%;
    height: auto;
}
.p-withdrawals.p-withdrawals--thanks {
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .p-withdrawals.p-withdrawals--thanks {
        max-width: 980px;
    }
}
.p-withdrawals .p-withdrawals__inner {
    padding: 30px 16px 0 16px;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__inner {
        padding-top: 20px;
    }
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__top-content {
        text-align: center;
    }
}
.p-withdrawals .p-withdrawals__head--h1 {
    margin: 5px 0;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__head--h1 {
        padding: 20px 15px;
        color: #f08f9b;
        border-bottom: 1px solid #eee;
        margin-top: 10px;
    }
}
@media screen and (max-width: 767px) {
    .p-withdrawals .p-withdrawals__head--h1 {
        padding: 10px;
    }
}
.p-withdrawals .p-withdrawals__head {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__head.p-withdrawals__head__icon-outer {
        display: inline-flex;
        align-items: center;
    }
}
.p-withdrawals .p-withdrawals__head .icon-exclamation {
    background: url(/images/user_frontend/global/icn_exclamation.svg);
    background-size: auto 100%;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: text-bottom;
}
.p-withdrawals .p-withdrawals__back-button-outer {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__back-button-outer {
        padding-bottom: 70px;
        margin-top: 40px;
    }
}
@media screen and (max-width: 767px) {
    .p-withdrawals .p-withdrawals__back-button-outer {
        padding-bottom: 65px;
        margin-top: 30px;
    }
}
.p-withdrawals .p-withdrawals__back-button {
    color: #000;
    font-size: 14px;
    max-width: 355px;
    width: 100%;
    margin: 0 auto;
    display: block;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__back-button--complete {
        margin-top: 50px;
    }
}
@media screen and (max-width: 767px) {
    .p-withdrawals .p-withdrawals__back-button--complete {
        margin-top: 40px;
    }
}
.p-withdrawals .p-withdrawals__continue-button {
    font-size: 14px;
    max-width: 355px;
    width: 100%;
    margin: 0 auto;
    display: block;
    border: none;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__buttons-outer {
        margin: 0 auto;
    }
}
.p-withdrawals .p-withdrawals__contents--bg {
    background-color: #f7f7f7;
    padding: 56px 0 40px 0;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__contents--bg {
        margin: 0 -30px;
    }
}
@media screen and (max-width: 767px) {
    .p-withdrawals .p-withdrawals__contents--bg {
        margin: 0 calc(50% - 50vw);
        width: 100vw;
    }
}
.p-withdrawals .p-withdrawals__contents {
    display: flex;
    margin-top: 24px;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__contents {
        padding: 0 20px;
    }
}
@media screen and (max-width: 767px) {
    .p-withdrawals .p-withdrawals__contents {
        flex-direction: column;
        padding: 0 10px;
    }
}
.p-withdrawals .p-withdrawals__content {
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .p-withdrawals .p-withdrawals__content {
        padding: 30px 11px;
    }
    .p-withdrawals .p-withdrawals__content:not(:first-of-type) {
        margin-top: 16px;
    }
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__content {
        padding: 35px 20px;
        flex-basis: 48.5%;
    }
    .p-withdrawals .p-withdrawals__content:last-of-type {
        margin-left: 24px;
    }
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__content-inner {
        min-height: 180px;
        max-width: 337px;
    }
}
.p-withdrawals .p-withdrawals__content-head {
    margin: 0 -16px;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__content-head {
        margin: 0 -30px;
    }
}
.p-withdrawals .p-withdrawals__content-title {
    font-size: 14px;
    font-weight: normal;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__content-button {
        margin-top: 10px;
    }
}
@media screen and (max-width: 767px) {
    .p-withdrawals .p-withdrawals__content-button:first-of-type {
        margin-top: 10px;
    }
    .p-withdrawals .p-withdrawals__content-button:not(:first-of-type) {
        margin-top: 20px;
    }
}
.p-withdrawals .p-withdrawals__content-annotation {
    font-size: 10px;
    text-align: left;
    margin-top: 10px;
}
.p-withdrawals .p-withdrawals__content--bottom {
    padding: 76px 0;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__content--bottom {
        text-align: center;
    }
}
.p-withdrawals .p-withdrawals__form-list {
    list-style: none;
}
.p-withdrawals .p-withdrawals__form-list > li {
    margin-top: 15px;
    flex-basis: 50%;
}
.p-withdrawals .p-withdrawals__form-list textarea {
    resize: none;
    margin-top: 15px;
    width: 100%;
    height: 80px;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__form-list {
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
    }
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__rating:not(:first-of-type) {
        margin-left: 35px;
    }
}
@media screen and (max-width: 767px) {
    .p-withdrawals .p-withdrawals__rating:not(:first-of-type) {
        margin-top: 35px;
    }
}
.p-withdrawals .p-withdrawals__rating-inner {
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__rating-inner {
        max-width: 235px;
    }
}
@media screen and (max-width: 767px) {
    .p-withdrawals .p-withdrawals__rating-inner {
        max-width: 250px;
    }
    .p-withdrawals .p-withdrawals__rating-inner .br-theme-rj-rating-star {
        margin-top: 20px;
    }
}
.p-withdrawals .p-withdrawals__rating-box {
    margin-top: 25px;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__rating-box {
        display: flex;
    }
}
.p-withdrawals .p-withdrawals-button-content {
    margin: 50px 0;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals-button-content {
        margin: 50px 0 0 0;
    }
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__desc {
        text-align: center;
        line-height: 18px;
    }
}
.p-withdrawals .p-withdrawals__desc-box {
    margin-top: 50px;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__desc-box {
        margin-top: 60px;
    }
}
.p-withdrawals .p-withdrawals__complete-desc {
    margin-top: 25px;
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__complete-desc {
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .p-withdrawals .p-withdrawals__complete-desc {
        text-align: left;
    }
}
@media screen and (max-width: 767px) {
    .p-withdrawals .p-withdrawals__complete-text {
        margin-top: 25px;
    }
}
@media screen and (min-width: 768px) {
    .p-withdrawals .p-withdrawals__complete-text:last-of-type {
        margin-top: 25px;
    }
}
.p-withdrawals .p-withdrawals__review-star-bottom {
    list-style: none;
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
}
.p-withdrawals .js-withdrawal-other-reason {
    display: none;
}
.p-withdrawals .js-withdrawal-other-reason.show {
    display: block;
}
.p-key-visual-category {
    position: relative;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50%;
    vertical-align: bottom;
}
@media screen and (min-width: 768px) {
    .p-key-visual-category {
        height: 300px;
        overflow: hidden;
        padding-top: 0;
    }
}
.p-key-visual-category + .p-key-visual-category {
    display: none;
}
.slick-active .p-key-visual-category + .p-key-visual-category {
    display: block;
}
.p-key-visual-category--banner {
    padding-top: 0;
}
.key-visual-top-billboard__img {
    width: 980px;
}
.p-key-visual-category--biyo,
.p-key-visual-category--biyoshi,
.p-key-visual-category--nail,
.p-key-visual-category--esthe,
.p-key-visual-category--eyelist,
.p-key-visual-category--riyoshi,
.p-key-visual-category--biyobuin {
    color: #f65a96;
}
.p-key-visual-category--biyo,
.p-key-visual-category--biyoshi {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_biyo.png") center/cover no-repeat, linear-gradient(90deg, #fcd0d7 0%, #fcd0d7 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--biyo,
    .p-key-visual-category--biyoshi {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_biyo.png") center/cover no-repeat;
    }
}
.p-key-visual-category--nail {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_nail.png") center/cover no-repeat, linear-gradient(90deg, #fcd0d7 0%, #fcd0d7 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--nail {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_nail.png") center/cover no-repeat;
    }
}
.p-key-visual-category--esthe {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_esthe.png") center/cover no-repeat, linear-gradient(90deg, #fcd0d7 0%, #fcd0d7 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--esthe {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_esthe.png") center/cover no-repeat;
    }
}
.p-key-visual-category--eyelist {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_eyelist.png") center/cover no-repeat, linear-gradient(90deg, #fcd0d7 0%, #fcd0d7 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--eyelist {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_eyelist.png") center/cover no-repeat;
    }
}
.p-key-visual-category--riyoshi {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_riyoshi.png") center/cover no-repeat, linear-gradient(90deg, #fcd0d7 0%, #fcd0d7 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--riyoshi {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_riyoshi.png") center/cover no-repeat;
    }
}
.p-key-visual-category--biyobuin {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_biyobuin.png") center/cover no-repeat, linear-gradient(90deg, #fcd0d7 0%, #fcd0d7 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--biyobuin {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_biyobuin.png") center/cover no-repeat;
    }
}
.p-key-visual-category--relaxation,
.p-key-visual-category--therapist,
.p-key-visual-category--massage,
.p-key-visual-category--aroma,
.p-key-visual-category--reflexology,
.p-key-visual-category--seitai,
.p-key-visual-category--chiropractic {
    color: #0097ef;
}
.p-key-visual-category--relaxation,
.p-key-visual-category--chiropractic {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_relaxation.png") center/cover no-repeat, linear-gradient(90deg, #b2dcfb 0%, #b2dcfb 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--relaxation,
    .p-key-visual-category--chiropractic {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_relaxation.png") center/cover no-repeat;
    }
}
.p-key-visual-category--therapist {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_therapist.png") center/cover no-repeat, linear-gradient(90deg, #b2dcfb 0%, #b2dcfb 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--therapist {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_therapist.png") center/cover no-repeat;
    }
}
.p-key-visual-category--massage {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_massage.png") center/cover no-repeat, linear-gradient(90deg, #b2dcfb 0%, #b2dcfb 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--massage {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_massage.png") center/cover no-repeat;
    }
}
.p-key-visual-category--aroma {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_aroma.png") center/cover no-repeat, linear-gradient(90deg, #b2dcfb 0%, #b2dcfb 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--aroma {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_aroma.png") center/cover no-repeat;
    }
}
.p-key-visual-category--reflexology {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_reflexology.png") center/cover no-repeat, linear-gradient(90deg, #b2dcfb 0%, #b2dcfb 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--reflexology {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_reflexology.png") center/cover no-repeat;
    }
}
.p-key-visual-category--seitai {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_seitai.png") center/cover no-repeat, linear-gradient(90deg, #b2dcfb 0%, #b2dcfb 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--seitai {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_seitai.png") center/cover no-repeat;
    }
}
.p-key-visual-category--chiryo,
.p-key-visual-category--jusei,
.p-key-visual-category--shinkyu,
.p-key-visual-category--massageshi {
    color: #15ac15;
}
.p-key-visual-category--chiryo,
.p-key-visual-category--shinkyu {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_chiryo.png") center/cover no-repeat, linear-gradient(90deg, #d8ecb0 0%, #d8ecb0 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--chiryo,
    .p-key-visual-category--shinkyu {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_chiryo.png") center/cover no-repeat;
    }
}
.p-key-visual-category--jusei {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_jusei.png") center/cover no-repeat, linear-gradient(90deg, #d8ecb0 0%, #d8ecb0 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--jusei {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_jusei.png") center/cover no-repeat;
    }
}
.p-key-visual-category--massageshi {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_massageshi.png") center/cover no-repeat, linear-gradient(90deg, #d8ecb0 0%, #d8ecb0 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--massageshi {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_massageshi.png") center/cover no-repeat;
    }
}
.p-key-visual-category--dental {
    color: #ff9500;
}
.p-key-visual-category--dental {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_dental.png") center/cover no-repeat, linear-gradient(90deg, #fcd0d7 0%, #fcd0d7 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--dental {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_dental.png") center/cover no-repeat;
    }
}
.p-key-visual-category--sports,
.p-key-visual-category--yoga,
.p-key-visual-category--fitness,
.p-key-visual-category--reception {
    color: #d57b00;
}
.p-key-visual-category--sports,
.p-key-visual-category--fitness {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_sports.png") center/cover no-repeat, linear-gradient(90deg, #fddfb1 0%, #fddfb1 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--sports,
    .p-key-visual-category--fitness {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_sports.png") center/cover no-repeat;
    }
}
.p-key-visual-category--yoga {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_yoga.png") center/cover no-repeat, linear-gradient(90deg, #fddfb1 0%, #fddfb1 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--yoga {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_yoga.png") center/cover no-repeat;
    }
}
.p-key-visual-category--reception {
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_reception.png") center/cover no-repeat, linear-gradient(90deg, #fddfb1 0%, #fddfb1 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--reception {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_reception.png") center/cover no-repeat;
    }
}
.p-key-visual-category--kaigo,
.p-key-visual-category--office,
.p-key-visual-category--caremanager,
.p-key-visual-category--homehelper,
.p-key-visual-category--tool,
.p-key-visual-category--taxi,
.p-key-visual-category--guidehelper,
.p-key-visual-category--exercise,
.p-key-visual-category--communicator,
.p-key-visual-category--functional,
.p-key-visual-category--management_post,
.p-key-visual-category--care_staff,
.p-key-visual-category--service_delivery,
.p-key-visual-category--life_counseling,
.p-key-visual-category--ineligibility,
.p-key-visual-category--childrens-home-staff,
.p-key-visual-category--nurse,
.p-key-visual-category--care,
.p-key-visual-category--social,
.p-key-visual-category--mental,
.p-key-visual-category--childminder,
.p-key-visual-category--physical,
.p-key-visual-category--occupational,
.p-key-visual-category--language,
.p-key-visual-category--service_manage,
.p-key-visual-category--medical_assistant,
.p-key-visual-category--nurse_assistant,
.p-key-visual-category--children_dev_support,
.p-key-visual-category--director,
.p-key-visual-category--life_supporting,
.p-key-visual-category--cooks,
.p-key-visual-category--nutritionist {
    color: #009245;
    background: url("https://relax-job.com/images/user_frontend/sp/img_prefectures_keyv_kaigo.png") center/cover no-repeat, linear-gradient(90deg, #b0e1b7 0%, #b0e1b7 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--kaigo,
    .p-key-visual-category--office,
    .p-key-visual-category--caremanager,
    .p-key-visual-category--homehelper,
    .p-key-visual-category--tool,
    .p-key-visual-category--taxi,
    .p-key-visual-category--guidehelper,
    .p-key-visual-category--exercise,
    .p-key-visual-category--communicator,
    .p-key-visual-category--functional,
    .p-key-visual-category--management_post,
    .p-key-visual-category--care_staff,
    .p-key-visual-category--service_delivery,
    .p-key-visual-category--life_counseling,
    .p-key-visual-category--ineligibility,
    .p-key-visual-category--childrens-home-staff,
    .p-key-visual-category--nurse,
    .p-key-visual-category--care,
    .p-key-visual-category--social,
    .p-key-visual-category--mental,
    .p-key-visual-category--childminder,
    .p-key-visual-category--physical,
    .p-key-visual-category--occupational,
    .p-key-visual-category--language,
    .p-key-visual-category--service_manage,
    .p-key-visual-category--medical_assistant,
    .p-key-visual-category--nurse_assistant,
    .p-key-visual-category--children_dev_support,
    .p-key-visual-category--director,
    .p-key-visual-category--life_supporting,
    .p-key-visual-category--cooks,
    .p-key-visual-category--nutritionist {
        background: url("https://relax-job.com/images/user_frontend/pc/img_prefectures_keyv_kaigo.png") center/cover no-repeat;
    }
}
.p-key-visual-category--registration {
    background-color: #ffffd4;
}
.p-key-visual-category--app-kaigo {
    background: linear-gradient(90deg, #b9e26a 0%, #b9e26a 50%, #d0f293 50%, #d0f293 100%);
}
.p-key-visual-category--shokai {
    background-color: #fef0f0;
}
@media screen and (min-width: 768px) {
    .p-key-visual-category__inner {
        margin: 0 auto;
        width: 980px;
        height: 300px;
        position: relative;
    }
}
.p-key-visual-category__link {
    display: block;
    width: 100%;
}
.p-key-visual-category__txt {
    position: absolute;
    top: 50%;
    left: 36px;
    font-size: 18px;
    font-size: 5.7vw;
    font-weight: bold;
    line-height: 1.8;
    max-width: 50%;
    transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
    .p-key-visual-category__txt {
        left: 68px;
        font-size: 40px;
        max-width: none;
    }
}
.p-key-visual-category--sports .p-key-visual-category__txt,
.p-key-visual-category--office .p-key-visual-category__txt {
    max-width: 4em;
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--sports .p-key-visual-category__txt,
    .p-key-visual-category--office .p-key-visual-category__txt {
        max-width: none;
    }
}
.p-key-visual-category--nail .p-key-visual-category__txt,
.p-key-visual-category--therapist .p-key-visual-category__txt,
.p-key-visual-category--life_counseling .p-key-visual-category__txt,
.p-key-visual-category--childrens-home-staff .p-key-visual-category__txt,
.p-key-visual-category--care .p-key-visual-category__txt,
.p-key-visual-category--social .p-key-visual-category__txt,
.p-key-visual-category--physical .p-key-visual-category__txt,
.p-key-visual-category--occupational .p-key-visual-category__txt,
.p-key-visual-category--language .p-key-visual-category__txt,
.p-key-visual-category--life_supporting .p-key-visual-category__txt {
    max-width: 5em;
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--nail .p-key-visual-category__txt,
    .p-key-visual-category--therapist .p-key-visual-category__txt,
    .p-key-visual-category--life_counseling .p-key-visual-category__txt,
    .p-key-visual-category--childrens-home-staff .p-key-visual-category__txt,
    .p-key-visual-category--care .p-key-visual-category__txt,
    .p-key-visual-category--social .p-key-visual-category__txt,
    .p-key-visual-category--physical .p-key-visual-category__txt,
    .p-key-visual-category--occupational .p-key-visual-category__txt,
    .p-key-visual-category--language .p-key-visual-category__txt,
    .p-key-visual-category--life_supporting .p-key-visual-category__txt {
        max-width: none;
    }
}
.p-key-visual-category--fitness .p-key-visual-category__txt,
.p-key-visual-category--caremanager .p-key-visual-category__txt,
.p-key-visual-category--tool .p-key-visual-category__txt,
.p-key-visual-category--exercise .p-key-visual-category__txt,
.p-key-visual-category--service_manage .p-key-visual-category__txt,
.p-key-visual-category--service_delivery .p-key-visual-category__txt,
.p-key-visual-category--children_dev_support .p-key-visual-category__txt,
.p-key-visual-category--cooks .p-key-visual-category__txt,
.p-key-visual-category--kaigo .p-key-visual-category__txt,
.p-key-visual-category--nutritionist .p-key-visual-category__txt {
    max-width: 6em;
}
.p-key-visual-category--taxi .p-key-visual-category__txt {
    max-width: 7em;
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--fitness .p-key-visual-category__txt,
    .p-key-visual-category--caremanager .p-key-visual-category__txt {
        max-width: none;
    }
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--cooks .p-key-visual-category__txt,
    .p-key-visual-category--children_dev_support .p-key-visual-category__txt {
        max-width: 8em;
    }
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--tool .p-key-visual-category__txt,
    .p-key-visual-category--exercise .p-key-visual-category__txt,
    .p-key-visual-category--taxi .p-key-visual-category__txt,
    .p-key-visual-category--service_manage .p-key-visual-category__txt,
    .p-key-visual-category--service_delivery .p-key-visual-category__txt,
    .p-key-visual-category--nutritionist .p-key-visual-category__txt {
        max-width: 9em;
    }
}
.p-key-visual-category--caremanager .p-key-visual-category__txt,
.p-key-visual-category--homehelper .p-key-visual-category__txt,
.p-key-visual-category--guidehelper .p-key-visual-category__txt,
.p-key-visual-category--communicator .p-key-visual-category__txt,
.p-key-visual-category--functional .p-key-visual-category__txt,
.p-key-visual-category--care_staff .p-key-visual-category__txt,
.p-key-visual-category--mental .p-key-visual-category__txt,
.p-key-visual-category--director .p-key-visual-category__txt {
    max-width: 7em;
    letter-spacing: -0.4px;
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--caremanager .p-key-visual-category__txt,
    .p-key-visual-category--homehelper .p-key-visual-category__txt,
    .p-key-visual-category--guidehelper .p-key-visual-category__txt,
    .p-key-visual-category--communicator .p-key-visual-category__txt,
    .p-key-visual-category--functional .p-key-visual-category__txt,
    .p-key-visual-category--care_staff .p-key-visual-category__txt,
    .p-key-visual-category--mental .p-key-visual-category__txt,
    .p-key-visual-category--director .p-key-visual-category__txt {
        max-width: none;
        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--massageshi .p-key-visual-category__txt,
    .p-key-visual-category--communicator .p-key-visual-category__txt,
    .p-key-visual-category--care_staff .p-key-visual-category__txt {
        max-width: 11em;
        letter-spacing: 0;
    }
}
.p-key-visual-category--reception .p-key-visual-category__txt {
    max-width: 10em;
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--reception .p-key-visual-category__txt {
        max-width: 14em;
    }
}
@media screen and (min-width: 768px) {
    .p-key-visual-category--kaigo .p-key-visual-category__txt {
        max-width: 10em;
    }
}
.p-key-visual-category__txt-inner {
    display: inline;
    box-shadow: 0 0 0 6px #fff;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .p-key-visual-banner,
    .p-key-visual-banner--small {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        min-width: 1200px;
    }
}
@media screen and (min-width: 768px) {
    .p-key-visual-banner--small {
        min-width: 980px;
    }
}
.p-newinquiry-main-section,
.p-newinquiry-main-section--color {
    position: relative;
    margin-top: 4vw;
    padding: 8vw 3vw;
}
@media (min-width: 425px) {
    .p-newinquiry-main-section,
    .p-newinquiry-main-section--color {
        padding: 8vw;
    }
}
@media (min-width: 768px) {
    .p-newinquiry-main-section,
    .p-newinquiry-main-section--color {
        padding: 5vw 3vw;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-main-section,
    .p-newinquiry-main-section--color {
        padding: 3vw;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-main-section,
    .p-newinquiry-main-section--color {
        margin: 2vw auto 0;
        padding: 4vw 0;
        max-width: 1000px;
        font-size: 16px;
    }
}
.p-newinquiry-main-section--color {
    background: #f2f0ea;
}
@media (min-width: 1024px) {
    .p-newinquiry-main-section--color {
        padding: 3vw;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-main-section--color {
        padding: 4vw;
        margin: 2vw 0;
        max-width: 100%;
    }
}
.p-newinquiry-header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
    height: 8vw;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    color: #535353;
    text-align: center;
    border: none;
}
@media (min-width: 425px) {
    .p-newinquiry-header {
        height: 36px;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-header {
        height: auto;
        padding: 1% 2%;
        align-items: center;
        justify-content: space-between;
    }
}
.p-newinquiry-header--logo {
    width: 20vw;
}
@media (min-width: 425px) {
    .p-newinquiry-header--logo {
        width: 86px;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-header--logo {
        width: 14%;
    }
}
.p-newinquiry-header--logo-pc {
    display: none;
}
@media (min-width: 1024px) {
    .p-newinquiry-header--logo-pc {
        display: block;
        width: 9.7vw;
    }
    .p-newinquiry-header--logo-pc > img {
        width: 100%;
        height: auto;
    }
}
.p-newinquiry-header--logo-sp {
    width: 100%;
    height: auto;
    vertical-align: middle;
}
@media (min-width: 1024px) {
    .p-newinquiry-header--logo-sp {
        display: none;
    }
}
.p-newinquiry-header--discription {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1.6vw;
    font-size: 1.2rem;
}
@media (min-width: 768px) {
    .p-newinquiry-header--discription {
        font-size: 1.3rem;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-header--discription {
        flex-grow: 1;
        margin-left: 0.5vw;
        text-align: left;
        font-size: 1vw;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-header--discription {
        margin-left: 1.2vw;
        font-size: 0.93vw;
    }
}
.p-newinquiry-header--navi {
    display: none;
}
@media (min-width: 1024px) {
    .p-newinquiry-header--navi {
        display: block;
        min-width: 58%;
    }
}
.p-newinquiry-header--navi-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.p-newinquiry-header--navi-list > li + li {
    margin-left: 1.2vw;
}
.p-newinquiry-header--navi-list > li > a {
    font-size: 1.1vw;
    font-weight: bold;
    color: #535353;
}
.p-newinquiry-header--navi-list > li > a:hover {
    text-decoration: none;
}
@media (min-width: 1500px) {
    .p-newinquiry-header--navi-list > li > a {
        font-size: 1.6rem;
    }
}
@media (min-width: 1630px) {
    .p-newinquiry-header--navi-list > li > a {
        font-size: 1.8rem;
    }
}
.p-newinquiry-header--tel-icon {
    display: inline-block;
    font-size: 2vw;
}
.p-newinquiry-header--tel-icon::before {
    margin: 0;
}
.p-newinquiry-header--tel-number {
    display: inline-block;
    font-size: 2.1vw;
    font-weight: 900;
    font-family: Avenir;
    line-height: 1;
}
.p-newinquiry-header--tel-time {
    margin-top: -5px;
    font-size: 0.8vw;
}
.p-newinquiry-main-keyv {
    margin: 0;
    padding: 0;
}
.p-newinquiry-main-keyv > img {
    width: 100%;
    height: auto;
}
@media (min-width: 425px) {
    .p-newinquiry-main-keyv {
        margin-bottom: 0;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-main-keyv {
        width: 100%;
        max-width: 100%;
    }
}
.p-newinquiry-main-keyv__text,
.p-newinquiry-main-keyv__text--large,
.p-newinquiry-main-keyv__text--large-green,
.p-newinquiry-main-keyv__text--large-blue {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-57%);
    transform: translateY(-57%);
    left: 4%;
    line-height: 1.3;
    font-weight: bold;
    font-size: 8.7vw;
    color: #f75c7f;
}
@media (min-width: 1024px) {
    .p-newinquiry-main-keyv__text,
    .p-newinquiry-main-keyv__text--large,
    .p-newinquiry-main-keyv__text--large-green,
    .p-newinquiry-main-keyv__text--large-blue {
        font-size: 6vw;
    }
}
.p-newinquiry-main-keyv__text--large,
.p-newinquiry-main-keyv__text--large-green,
.p-newinquiry-main-keyv__text--large-blue {
    font-size: 8.9vw;
}
@media (min-width: 1024px) {
    .p-newinquiry-main-keyv__text--large,
    .p-newinquiry-main-keyv__text--large-green,
    .p-newinquiry-main-keyv__text--large-blue {
        font-size: 6.3vw;
    }
}
.p-newinquiry-main-keyv__text--large-blue {
    color: #46b2e7;
}
.p-newinquiry-main-keyv__text--large-blue .p-newinquiry-main-keyv__text-small-underline,
.p-newinquiry-main-keyv__text--large-blue .p-newinquiry-main-keyv__text-underline,
.p-newinquiry-main-keyv__text--large-blue .p-newinquiry-main-keyv__text--large-underline,
.p-newinquiry-main-keyv__text--large-blue .p-newinquiry-main-keyv__text-xlarge-underline {
    border-color: #46b2e7;
}
.p-newinquiry-main-keyv__text--large-green {
    color: #8bcf3a;
    font-size: 9.8vw;
    transform: translateY(-50%);
}
@media (min-width: 350px) {
    .p-newinquiry-main-keyv__text--large-green {
        font-size: 8.9vw;
        transform: translateY(-52%);
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-main-keyv__text--large-green {
        font-size: 6.3vw;
    }
}
.p-newinquiry-main-keyv__text-small-underline,
.p-newinquiry-main-keyv__text-underline,
.p-newinquiry-main-keyv__text--large-underline,
.p-newinquiry-main-keyv__text-xlarge-underline {
    display: inline-block;
    font-size: 34%;
    border-bottom: 2px solid #f75c7f;
}
.p-newinquiry-main-keyv__text-xlarge-underline {
    font-size: 53%;
    letter-spacing: 2.5px;
}
@media (min-width: 768px) {
    .p-newinquiry-main-keyv__text-xlarge-underline {
        font-size: 45%;
        letter-spacing: 11px;
    }
}
.p-newinquiry-main-keyv__text--large-underline {
    font-size: 45%;
    letter-spacing: 1.5px;
}
@media (min-width: 768px) {
    .p-newinquiry-main-keyv__text--large-underline {
        font-size: 43%;
        letter-spacing: 5px;
    }
}
.p-newinquiry-main-keyv__text-underline {
    font-size: 38%;
}
@media (min-width: 768px) {
    .p-newinquiry-main-keyv__text-underline {
        font-size: 36%;
        letter-spacing: 2px;
    }
}
.p-newinquiry-main-keyv__text-xsmall-underline {
    font-size: 32%;
    position: absolute;
    top: 6%;
    white-space: nowrap;
}
.p-newinquiry-main-keyv__text-xsmall-underline::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #8bcf3a;
}
.p-newinquiry-main-keyv__text-asterisk {
    position: relative;
}
.p-newinquiry-main-keyv__text-asterisk::before {
    position: absolute;
    right: -15%;
    bottom: 4%;
    content: "※1";
    font-size: 1.2rem;
}
@media (min-width: 425px) {
    .p-newinquiry-main-keyv__text-asterisk::before {
        right: -12%;
    }
}
@media (min-width: 768px) {
    .p-newinquiry-main-keyv__text-asterisk::before {
        right: -7%;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-main-keyv__text-asterisk::before {
        right: -5%;
    }
}
.p-newinquiry-main-keyv__text-small {
    font-size: 65%;
}
.p-newinquiry-form-section {
    padding: 2.6vw 4.8vw 4.8vw;
    text-align: center;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
}
@media (min-width: 375px) {
    .p-newinquiry-form-section {
        padding: 4.8vw;
    }
}
@media (min-width: 768px) {
    .p-newinquiry-form-section {
        padding: 4vw 2vw;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-form-section {
        position: fixed;
        top: 0;
        right: 0;
        width: 25vw;
        height: 100vh;
        padding: 20vh 1.8vw;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-form-section {
        width: 28vw;
        padding: 19.3vh 3.2vw;
    }
}
.p-newinquiry-form-section .mktoForm {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    padding: 1vw 3vw 0;
}
@media (min-width: 375px) {
    .p-newinquiry-form-section .mktoForm {
        padding: 3vw 3vw 0;
    }
}
@media (min-width: 425px) {
    .p-newinquiry-form-section .mktoForm {
        padding: 3vw 8vw 0;
    }
}
@media (min-width: 768px) {
    .p-newinquiry-form-section .mktoForm {
        padding: 1.2vw 12vw 0;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-form-section .mktoForm {
        padding: 2vw 0 0;
    }
}
.p-newinquiry-form-section .mktoForm .mktoFormCol {
    float: none;
}
.p-newinquiry-form-section .mktoForm input,
.p-newinquiry-form-section .mktoForm input[type="password"],
.p-newinquiry-form-section .mktoForm input[type="search"],
.p-newinquiry-form-section .mktoForm textarea,
.p-newinquiry-form-section .mktoForm input[type="select"],
.p-newinquiry-form-section .mktoForm select {
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.p-newinquiry-form-section .mktoForm input::-ms-expand,
.p-newinquiry-form-section .mktoForm input[type="password"]::-ms-expand,
.p-newinquiry-form-section .mktoForm input[type="search"]::-ms-expand,
.p-newinquiry-form-section .mktoForm textarea::-ms-expand,
.p-newinquiry-form-section .mktoForm input[type="select"]::-ms-expand,
.p-newinquiry-form-section .mktoForm select::-ms-expand {
    display: none;
}
.p-newinquiry-form-section .mktoForm input.mktoField,
.p-newinquiry-form-section .mktoForm input.mktoField[type="password"],
.p-newinquiry-form-section .mktoForm input.mktoField[type="search"],
.p-newinquiry-form-section .mktoForm textarea.mktoField,
.p-newinquiry-form-section .mktoForm input.mktoField[type="select"],
.p-newinquiry-form-section .mktoForm select.mktoField {
    border: solid 1px #eaeaea;
    border-radius: 4px;
    height: 44px;
    font-size: 1.5rem;
    padding: 3px 10px;
}
@media (min-width: 768px) {
    .p-newinquiry-form-section .mktoForm input.mktoField,
    .p-newinquiry-form-section .mktoForm input.mktoField[type="password"],
    .p-newinquiry-form-section .mktoForm input.mktoField[type="search"],
    .p-newinquiry-form-section .mktoForm textarea.mktoField,
    .p-newinquiry-form-section .mktoForm input.mktoField[type="select"],
    .p-newinquiry-form-section .mktoForm select.mktoField {
        padding: 3px 15px;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-form-section .mktoForm input.mktoField,
    .p-newinquiry-form-section .mktoForm input.mktoField[type="password"],
    .p-newinquiry-form-section .mktoForm input.mktoField[type="search"],
    .p-newinquiry-form-section .mktoForm textarea.mktoField,
    .p-newinquiry-form-section .mktoForm input.mktoField[type="select"],
    .p-newinquiry-form-section .mktoForm select.mktoField {
        padding: 3px 8px;
        height: 4vw;
        font-size: 1.6rem;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-form-section .mktoForm input.mktoField,
    .p-newinquiry-form-section .mktoForm input.mktoField[type="password"],
    .p-newinquiry-form-section .mktoForm input.mktoField[type="search"],
    .p-newinquiry-form-section .mktoForm textarea.mktoField,
    .p-newinquiry-form-section .mktoForm input.mktoField[type="select"],
    .p-newinquiry-form-section .mktoForm select.mktoField {
        padding: 3px 12px;
        height: 54px;
    }
}
.p-newinquiry-form-section select {
    cursor: pointer;
}
.p-newinquiry-form-section .mktoOffset,
.p-newinquiry-form-section .mktoGutter,
.p-newinquiry-form-section .mktoClear,
.p-newinquiry-form-section .mktoLabel {
    display: none !important;
}
.p-newinquiry-form-section .mktoFieldWrap,
.p-newinquiry-form-section .mktoFormRow,
.p-newinquiry-form-section .mktoField {
    width: 100% !important;
}
.p-newinquiry-form-section .mktoFormRow {
    height: 42px;
}
@media (min-width: 1024px) {
    .p-newinquiry-form-section .mktoFormRow {
        height: 4vw;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-form-section .mktoFormRow {
        height: 54px;
    }
}
.p-newinquiry-form-section .mktoFormRow + .mktoFormRow {
    margin-top: 2vw;
}
@media (min-width: 425px) {
    .p-newinquiry-form-section .mktoFormRow + .mktoFormRow {
        margin-top: 1.8vw;
    }
}
@media (min-width: 768px) {
    .p-newinquiry-form-section .mktoFormRow + .mktoFormRow {
        margin-top: 1vw;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-form-section .mktoFormRow + .mktoFormRow {
        margin-top: 12px;
    }
}
.p-newinquiry-form-section .mktoFormRow:nth-child(2) {
    position: relative;
}
.p-newinquiry-form-section .mktoFormRow:nth-child(2)::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    right: 4%;
    top: 42%;
    border-bottom: #8a8a9f 1px solid;
    border-right: #8a8a9f 1px solid;
    transform: rotate(45deg) translateY(-30%);
    -webkit-transform: rotate(45deg) translateY(-30%);
}
@media (min-width: 1024px) {
    .p-newinquiry-form-section .mktoFormRow:nth-child(2)::after {
        right: 5%;
    }
}
.p-newinquiry-form-section .mktoForm .mktoFormRow:nth-child(6) {
    display: none;
}
.p-newinquiry-form-section .mktoForm .mktoFormRow:nth-child(7) {
    height: 6vw;
}
@media (min-width: 768px) {
    .p-newinquiry-form-section .mktoForm .mktoFormRow:nth-child(7) {
        margin-top: 10px;
        height: 4vw;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-form-section .mktoForm .mktoFormRow:nth-child(7) {
        height: 2.5vw;
    }
}
.p-newinquiry-form-section .mktoForm .mktoFormRow:nth-child(8) {
    order: 9;
    margin-top: 5vw;
    height: 5vw;
}
@media (min-width: 425px) {
    .p-newinquiry-form-section .mktoForm .mktoFormRow:nth-child(8) {
        height: 4vw;
    }
}
@media (min-width: 768px) {
    .p-newinquiry-form-section .mktoForm .mktoFormRow:nth-child(8) {
        margin-top: 3vw;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-form-section .mktoForm .mktoFormRow:nth-child(8) {
        margin-top: 2.5vw;
    }
}
.p-newinquiry-form-section .mktoForm .mktoButtonRow {
    order: 8;
}
.p-newinquiry-form-section .mktoHtmlText {
    width: 100% !important;
}
.p-newinquiry-form-section .mktoHtmlText span {
    margin-top: -1vw;
    display: block;
    color: #8d8d8d !important;
    font-size: 1.2rem;
}
@media (min-width: 425px) {
    .p-newinquiry-form-section .mktoHtmlText span {
        margin-top: 0;
    }
}
.p-newinquiry-form-section .mktoButtonRow > span {
    margin-left: 0 !important;
}
.p-newinquiry-form-section .mktoButton {
    width: 100%;
    height: 4.4rem;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    border: none;
    border: solid 1px #fe791b;
    border-radius: 4px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
    background-color: #fe791b;
}
@media (min-width: 1366px) {
    .p-newinquiry-form-section .mktoButton {
        font-size: 2rem;
        height: 3.6vw;
    }
}
.p-newinquiry-form-section .mktoButton::after {
    font-family: "fontello";
    content: "\e8db";
    font-size: 1.6rem;
    padding-left: 5px;
}
.p-newinquiry-fix-btn-wrap {
    padding: 8px 12px;
    position: fixed;
    z-index: 5;
    bottom: -200px;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    transition: transform 200ms ease-in-out;
}
.p-newinquiry-fix-btn-wrap.show {
    transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
}
.p-newinquiry-fix-btn-wrap > .btn {
    width: 49%;
    font-weight: bold;
    vertical-align: top;
    line-height: 1.2;
}
.p-newinquiry-fix-btn--catalog {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
    background-color: #fe791b;
    color: #fff;
    font-size: 1.3rem;
    padding: 7px 8px;
    height: 44px;
    line-height: 1.1 !important;
}
.p-newinquiry-fix-btn--catalog:hover,
.p-newinquiry-fix-btn--catalog:focus {
    background-color: #fe791b;
}
.p-newinquiry-fix-btn--tel {
    width: 40%;
    background: #fff;
    border: solid 2px #fe791b;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
    font-size: 1.4rem;
    font-weight: bold;
    color: #fe791b;
    padding: 11px 10px 9px;
    height: 44px;
    line-height: 1.4 !important;
}
.p-newinquiry-fix-btn--tel:hover,
.p-newinquiry-fix-btn--tel:focus {
    background: #fff;
}
.p-newinquiry-fix-btn--tel > .icon-phone {
    vertical-align: middle;
    margin-top: -4px;
    margin-left: -7px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.8rem;
}
.p-newinquiry-fix-btn--tel > .icon-phone::before {
    margin: 0;
}
.p-newinquiry-point--list {
    list-style: none;
    margin-top: 40px;
}
.p-newinquiry-point--list > li + li {
    margin-top: 9vw;
}
@media (min-width: 1366px) {
    .p-newinquiry-point--list > li + li {
        margin-top: 100px;
    }
}
@media (min-width: 768px) {
    .p-newinquiry-point--list > li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 4vw;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-point--list > li {
        padding-right: 2vw;
    }
}
.p-newinquiry-point--heading {
    margin-top: 20px;
    font-size: 5.7vw;
    font-weight: bold;
    line-height: 1.1;
    color: #ff791b;
}
@media (min-width: 425px) {
    .p-newinquiry-point--heading {
        font-size: 4.5vw;
    }
}
@media (min-width: 768px) {
    .p-newinquiry-point--heading {
        font-size: 3.1vw;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-point--heading {
        font-size: 2.6vw;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-point--heading {
        font-size: 3.7rem;
    }
}
.p-newinquiry-point--ttl,
.p-newinquiry-point--num {
    display: inline-block;
    vertical-align: middle;
}
.p-newinquiry-point--num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 12vw;
    height: 12vw;
    background: #ff791b;
    border-radius: 50%;
    line-height: 2;
    text-align: center;
    color: #fff;
}
.p-newinquiry-point--num + .p-newinquiry-point--ttl,
.p-newinquiry-point--num + .p-newinquiry-point--num {
    padding-left: 7px;
}
@media (min-width: 425px) {
    .p-newinquiry-point--num {
        width: 8vw;
        height: 8vw;
    }
}
@media (min-width: 768px) {
    .p-newinquiry-point--num {
        width: 6vw;
        height: 6vw;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-point--num {
        width: 4vw;
        height: 4vw;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-point--num {
        width: 70px;
        height: 70px;
    }
}
@media (min-width: 768px) {
    .p-newinquiry-point--txt {
        width: 54%;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-point--txt {
        width: 60%;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-point--txt {
        width: 60%;
    }
}
.p-newinquiry-point--paragraph {
    line-height: 1.6;
    margin-top: 15px;
}
@media (min-width: 1366px) {
    .p-newinquiry-point--paragraph {
        margin-top: 2vw;
        line-height: 1.9;
    }
}
.p-newinquiry-point--text-note {
    font-size: 1.3rem;
    color: #949494;
}
@media (min-width: 1024px) {
    .p-newinquiry-point--text-note {
        margin-top: 10px;
    }
}
.p-newinquiry-point--img > img {
    display: block;
    margin: 0 auto;
    width: 64%;
    height: auto;
}
@media (min-width: 768px) {
    .p-newinquiry-point--img {
        width: 42%;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-point--img {
        width: 40%;
    }
    .p-newinquiry-point--img > img {
        width: 90%;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-point--img {
        width: 36%;
    }
}
.p-newinquiry-jobcategory--link {
    margin: 10px 0 0 -3px;
    text-align: center;
    font-size: 0;
}
.p-newinquiry-jobcategory--link > li {
    display: inline-block;
    width: 33.33333%;
}
.p-newinquiry-jobcategory--link > li > a,
.p-newinquiry-jobcategory--link > li > span {
    display: block;
    padding: 50px 0 15px;
    font-size: 1.2rem;
    text-decoration: none;
    color: #333;
    background-image: url("https://relax-job.com/images/user_frontend/global/new_inquiry/sprite_jobcategory.png");
    background-size: 31px auto;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 425px) {
    .p-newinquiry-jobcategory--link > li > a,
    .p-newinquiry-jobcategory--link > li > span {
        font-size: 1.4rem;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-jobcategory--link > li > a,
    .p-newinquiry-jobcategory--link > li > span {
        padding: 62px 0 15px;
        background-size: 4.2rem auto;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-jobcategory--link > li > a,
    .p-newinquiry-jobcategory--link > li > span {
        font-size: 1.5rem;
    }
}
.p-newinquiry-jobcategory--link > li > a.current,
.p-newinquiry-jobcategory--link > li > span.current {
    opacity: 0.4;
    cursor: default;
}
.p-newinquiry-jobcategory--link > li > a.current:hover,
.p-newinquiry-jobcategory--link > li > span.current:hover {
    color: #333 !important;
}
.p-newinquiry-jobcategory--link > li > a.icon_biyoshi,
.p-newinquiry-jobcategory--link > li > span.icon_biyoshi {
    background-position: 53% -6%;
}
@media (min-width: 768px) {
    .p-newinquiry-jobcategory--link > li > a.icon_biyoshi,
    .p-newinquiry-jobcategory--link > li > span.icon_biyoshi {
        background-position: 51% -6%;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-jobcategory--link > li > a.icon_biyoshi,
    .p-newinquiry-jobcategory--link > li > span.icon_biyoshi {
        background-position: 51% -4%;
    }
}
.p-newinquiry-jobcategory--link > li > a.icon_eyelist,
.p-newinquiry-jobcategory--link > li > span.icon_eyelist {
    background-position: 49% 15%;
}
.p-newinquiry-jobcategory--link > li > a.icon_nail,
.p-newinquiry-jobcategory--link > li > span.icon_nail {
    background-position: 49.5% 42%;
}
.p-newinquiry-jobcategory--link > li > a.icon_esthe,
.p-newinquiry-jobcategory--link > li > span.icon_esthe {
    background-position: 50% 65%;
    letter-spacing: -1px;
}
@media (min-width: 768px) {
    .p-newinquiry-jobcategory--link > li > a.icon_esthe,
    .p-newinquiry-jobcategory--link > li > span.icon_esthe {
        background-position: 50% 66%;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-jobcategory--link > li > a.icon_esthe,
    .p-newinquiry-jobcategory--link > li > span.icon_esthe {
        background-position: 50% 64%;
    }
}
.p-newinquiry-jobcategory--link > li > a.icon_relaxation,
.p-newinquiry-jobcategory--link > li > span.icon_relaxation {
    background-position: 50% 89%;
    letter-spacing: -1px;
}
@media (min-width: 1024px) {
    .p-newinquiry-jobcategory--link > li > a.icon_relaxation,
    .p-newinquiry-jobcategory--link > li > span.icon_relaxation {
        background-position: 50% 87%;
    }
}
.p-newinquiry-jobcategory--link > li > a.icon_chiryo,
.p-newinquiry-jobcategory--link > li > span.icon_chiryo {
    background-position: 50% 112%;
}
@media (min-width: 768px) {
    .p-newinquiry-jobcategory--link > li > a.icon_chiryo,
    .p-newinquiry-jobcategory--link > li > span.icon_chiryo {
        background-position: 50% 113%;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-jobcategory--link > li > a.icon_chiryo,
    .p-newinquiry-jobcategory--link > li > span.icon_chiryo {
        background-position: 50% 109.5%;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-jobcategory--link {
        width: 880px;
        margin: 2vw auto 0;
    }
}
.p-newinquiry-main-section--small-wrapper {
    margin-top: 6vw;
}
@media (min-width: 768px) {
    .p-newinquiry-main-section--small-wrapper {
        display: flex;
        justify-content: center;
        margin: 0 1vw;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-main-section--small-wrapper {
        margin-top: 5vw;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-main-section--small-wrapper {
        width: 95%;
        margin: 50px auto 0;
    }
}
.p-newinquiry-main-section--small {
    background-color: #f2f0ea;
    margin: 40px 10px 10px;
    padding: 25px 15px;
}
@media (min-width: 425px) {
    .p-newinquiry-main-section--small {
        margin: 4vw 4vw 0;
        padding: 6vw 4vw;
    }
}
@media (min-width: 768px) {
    .p-newinquiry-main-section--small {
        margin: 1vw;
        padding: 4vw;
    }
}
.p-newinquiry-company--img {
    margin-top: 4vw;
    text-align: center;
}
.p-newinquiry-company--img > img {
    width: 90%;
    height: auto;
}
.p-newinquiry-graph--img {
    margin-top: 20px;
}
.p-newinquiry-graph--img > img {
    width: 100%;
    height: auto;
}
.p-newinquiry-review {
    margin-top: 30px;
}
.p-newinquiry-review + .p-newinquiry-review {
    padding-top: 40px;
    border-top: solid 1px #ccc;
}
@media (min-width: 768px) {
    .p-newinquiry-review {
        display: flex;
    }
}
.p-newinquiry-review__comment {
    line-height: 1.6;
    margin-top: 20px;
}
.p-newinquiry-review__comment > strong {
    background: -webkit-linear-gradient(transparent 60%, #f4ced7 60%);
    background: linear-gradient(transparent 60%, #f4ced7 60%);
}
@media (min-width: 1366px) {
    .p-newinquiry-review__comment {
        line-height: 1.9;
        margin-top: 2vw;
    }
}
.p-newinquiry-review__comment--blue {
    line-height: 1.6;
    margin-top: 20px;
}
.p-newinquiry-review__comment--blue > strong {
    background: -webkit-linear-gradient(transparent 60%, #b0e0fb 60%);
    background: linear-gradient(transparent 60%, #b0e0fb 60%);
}
@media (min-width: 1366px) {
    .p-newinquiry-review__comment--blue {
        line-height: 1.9;
        margin-top: 2vw;
    }
}
.p-newinquiry-review__comment--green {
    line-height: 1.6;
    margin-top: 20px;
}
.p-newinquiry-review__comment--green > strong {
    background: -webkit-linear-gradient(transparent 60%, #daf5a7 60%);
    background: linear-gradient(transparent 60%, #daf5a7 60%);
}
@media (min-width: 1366px) {
    .p-newinquiry-review__comment--green {
        line-height: 1.9;
        margin-top: 2vw;
    }
}
.p-newinquiry-review--prof {
    margin-top: 20px;
}
.p-newinquiry-review--prof .is-pc {
    display: none;
}
@media (min-width: 768px) {
    .p-newinquiry-review--prof {
        text-align: right;
    }
    .p-newinquiry-review--prof .is-pc {
        display: block;
    }
}
.p-newinquiry-review--img {
    margin-top: 30px;
    text-align: center;
    display: block;
    vertical-align: top;
}
.p-newinquiry-review--img > img {
    width: 50%;
    height: auto;
}
@media (min-width: 768px) {
    .p-newinquiry-review--img {
        min-width: 300px;
        margin-top: 0;
    }
    .p-newinquiry-review--img > img {
        width: 80%;
    }
}
.p-newinquiry-movie {
    position: relative;
    margin-top: 20px;
    padding-top: 56.25%;
    width: 100%;
}
.p-newinquiry-movie > iframe,
.p-newinquiry-movie > img {
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.p-newinquiry-movie > iframe {
    z-index: 3;
}
.p-newinquiry-movie::after {
    content: "";
    background: url(/images/user_frontend/global/new_inquiry/icon_movie.png) no-repeat;
    background-size: 100% 100%;
    width: 12%;
    height: 16%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6% 0 0 -8%;
    z-index: 2;
}
@media (min-width: 768px) {
    .p-newinquiry-step {
        padding-bottom: 5vw;
    }
    .p-newinquiry-step::before {
        content: "";
        display: block;
        width: 83%;
        height: 0;
        margin: 2vw 9% 0;
        padding-top: 10.0973236%;
        background: url("https://relax-job.com/images/user_frontend/global/new_inquiry/img_step_pink.png") no-repeat;
        background-position: center center;
        background-size: contain;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-step {
        width: 880px;
        margin: 0 auto;
    }
}
@media (min-width: 768px) {
    .p-newinquiry-step--blue {
        padding-bottom: 5vw;
    }
    .p-newinquiry-step--blue::before {
        content: "";
        display: block;
        width: 83%;
        height: 0;
        margin: 2vw 9% 0;
        padding-top: 10.0973236%;
        background: url("https://relax-job.com/images/user_frontend/global/new_inquiry/img_step_blue.png") no-repeat;
        background-position: center center;
        background-size: contain;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-step--blue {
        width: 880px;
        margin: 0 auto;
    }
}
@media (min-width: 768px) {
    .p-newinquiry-step--green {
        padding-bottom: 5vw;
    }
    .p-newinquiry-step--green::before {
        content: "";
        display: block;
        width: 83%;
        height: 0;
        margin: 2vw 9% 0;
        padding-top: 10.0973236%;
        background: url("https://relax-job.com/images/user_frontend/global/new_inquiry/img_step_green.png") no-repeat;
        background-position: center center;
        background-size: contain;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-step--green {
        width: 880px;
        margin: 0 auto;
    }
}
.p-newinquiry-step__list {
    margin-top: 1vw;
    padding-left: 55px;
    background: url("https://relax-job.com/images/user_frontend/global/new_inquiry/img_step_pink_sp.png") no-repeat;
    background-size: 44px 239px;
}
.p-newinquiry-step__list > li {
    height: 100px;
}
@media (min-width: 768px) {
    .p-newinquiry-step__list {
        display: flex;
        justify-content: space-between;
        padding-left: 0;
        background: none;
    }
    .p-newinquiry-step__list > li {
        width: 26%;
        vertical-align: top;
        text-align: center;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-step__list > li {
        width: 16vw;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-step__list > li {
        width: 26%;
    }
}
.p-newinquiry-step__list--blue {
    margin-top: 1vw;
    padding-left: 55px;
    background: url("https://relax-job.com/images/user_frontend/global/new_inquiry/img_step_blue_sp.png") no-repeat;
    background-size: 44px 239px;
}
.p-newinquiry-step__list--blue > li {
    height: 100px;
}
@media (min-width: 768px) {
    .p-newinquiry-step__list--blue {
        display: flex;
        justify-content: space-between;
        padding-left: 0;
        background: none;
    }
    .p-newinquiry-step__list--blue > li {
        width: 26%;
        vertical-align: top;
        text-align: center;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-step__list--blue > li {
        width: 16vw;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-step__list--blue > li {
        width: 26%;
    }
}
.p-newinquiry-step__list--green {
    margin-top: 1vw;
    padding-left: 55px;
    background: url("https://relax-job.com/images/user_frontend/global/new_inquiry/img_step_green_sp.png") no-repeat;
    background-size: 44px 239px;
}
.p-newinquiry-step__list--green > li {
    height: 100px;
}
@media (min-width: 768px) {
    .p-newinquiry-step__list--green {
        display: flex;
        justify-content: space-between;
        padding-left: 0;
        background: none;
    }
    .p-newinquiry-step__list--green > li {
        width: 26%;
        vertical-align: top;
        text-align: center;
    }
}
@media (min-width: 1024px) {
    .p-newinquiry-step__list--green > li {
        width: 16vw;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-step__list--green > li {
        width: 26%;
    }
}
.p-newinquiry-step__list-txt {
    font-size: 14px;
}
@media (min-width: 768px) {
    .p-newinquiry-step__list-txt {
        margin-top: 15px;
        line-height: 1.8;
    }
}
.p-newinquiry-form-section--bottom .form_area {
    padding-top: 40px;
}
.p-newinquiry-form-section--bottom .form_area .hidden_form {
    display: none;
}
.p-newinquiry-form-section--bottom .form_area input#company,
.p-newinquiry-form-section--bottom .form_area input#last_name,
.p-newinquiry-form-section--bottom .form_area input#state,
.p-newinquiry-form-section--bottom .form_area input#phone,
.p-newinquiry-form-section--bottom .form_area input#email {
    background-color: #fff !important;
}
.p-newinquiry-form-section--bottom .box-pt2 {
    margin-top: 30px;
    border: none;
}
.p-newinquiry-form-section--bottom .box-pt2 .label--pt3 {
    padding: 1px;
    background-color: #ff791b;
}
.p-newinquiry-form-section--bottom .box-pt2 .policy_link {
    font-size: 1.2rem;
}
.p-newinquiry-form-section--bottom .box-pt2 .send_btn {
    margin-top: 10px;
    background: #f97b0b;
    box-shadow: 0px -2px #cc6305 inset;
    font-size: 1.5rem;
}
.p-newinquiry-form-section--bottom-inner {
    width: 100%;
    margin-top: 30px;
    padding: 10px;
}
.p-newinquiry-form-section--bottom-inner .mktoFormCol {
    margin-bottom: 0 !important;
    width: 100%;
}
.p-newinquiry-form-section--bottom-inner .mktoOffset,
.p-newinquiry-form-section--bottom-inner .mktoGutter,
.p-newinquiry-form-section--bottom-inner .mktoClear {
    display: none;
}
.p-newinquiry-form-section--bottom-inner .mktoForm {
    width: 100% !important;
    padding: 0;
    font-size: 1.2rem !important;
    color: #232323 !important;
}
@media (min-width: 768px) {
    .p-newinquiry-form-section--bottom-inner .mktoForm {
        width: 77% !important;
        margin: 0 auto;
    }
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFieldWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormCol .mktoLabel {
    width: 30% !important;
    font-weight: bold;
    text-align: center;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-of-type(n + 7):nth-last-of-type(n + 3) {
    display: none;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow.is-active:nth-of-type(n + 7):nth-last-of-type(n + 3) {
    display: block;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(5) .mktoFieldWrap,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(9) .mktoFieldWrap,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(10) .mktoFieldWrap,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(12) .mktoFieldWrap,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(13) .mktoFieldWrap,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(14) .mktoFieldWrap,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(16) .mktoFieldWrap {
    position: relative;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(5) .mktoFieldWrap::after,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(9) .mktoFieldWrap::after,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(10) .mktoFieldWrap::after,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(12) .mktoFieldWrap::after,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(13) .mktoFieldWrap::after,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(14) .mktoFieldWrap::after,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(16) .mktoFieldWrap::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 28px;
    right: 8.5%;
    border-bottom: #8a8a9f 1px solid;
    border-right: #8a8a9f 1px solid;
    transform: rotate(45deg) translateY(-30%);
    -webkit-transform: rotate(45deg) translateY(-30%);
}
@media (min-width: 425px) {
    .p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(5) .mktoFieldWrap::after,
    .p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(9) .mktoFieldWrap::after,
    .p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(10) .mktoFieldWrap::after,
    .p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(12) .mktoFieldWrap::after,
    .p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(13) .mktoFieldWrap::after,
    .p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(14) .mktoFieldWrap::after,
    .p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow:nth-child(16) .mktoFieldWrap::after {
        right: 7%;
    }
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow .mktoField,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow select,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow textarea,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow .mktoRadioList,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow .mktoCheckboxList {
    width: 65% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow .mktoField::-ms-expand,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow select::-ms-expand,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow textarea::-ms-expand,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow .mktoRadioList::-ms-expand,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow .mktoCheckboxList::-ms-expand {
    display: none;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow select {
    cursor: pointer;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow .mktoField {
    height: 44px;
    padding: 6px;
    font-size: 1.2rem;
    border: 1px solid #bbb;
    border-radius: 2px;
    box-shadow: none;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormRow textarea.mktoField {
    height: 250px;
    line-height: 1.6;
    font-size: 1.2em;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoError {
    position: static;
    width: 100%;
    padding-top: 3px;
    padding-left: 20%;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoError .mktoErrorArrowWrap {
    display: none;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoError .mktoErrorMsg {
    position: relative;
    max-width: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    font-weight: bold;
    color: #ef4242;
    text-shadow: none;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoError .mktoErrorMsg::before {
    font-family: "fontello";
    content: "\e848";
    padding-right: 10px;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .inquiry_toggle_btn {
    padding: 0.5em 1em;
    line-height: 1.4;
    height: auto;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoButtonRow {
    width: 100%;
    text-align: center;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoAsterix,
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoRequiredField .mktoAsterix {
    display: none;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoRequiredField .mktoLabel::after {
    content: "必須";
    display: inline-block;
    background-color: #f97b0b;
    color: #fff;
    margin: 4px 0 0 4px;
    padding: 1px;
    line-height: 1;
    white-space: nowrap;
    font-size: 1rem;
}
.p-newinquiry-form-section--bottom-inner .mktoButtonWrap {
    margin-left: 0 !important;
}
.p-newinquiry-form-section--bottom-inner .mktoButton {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: 0px -2px #ccc inset;
    border: none;
    background-color: #e6e6e6;
}
.p-newinquiry-form-section--bottom-inner .mktoHtmlText {
    width: 100% !important;
    text-align: center;
}
.p-newinquiry-form-section--bottom-inner .mktoHtmlText p {
    text-align: center;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoFormCol .mktoLabel {
    padding: 0 10px;
}
.p-newinquiry-form-section--bottom-inner .mktoForm .mktoButtonRow {
    padding: 0 30px 30px;
}
.p-newinquiry-form-section--bottom-inner .mktoFieldWrap {
    padding: 10px 0;
}
.p-newinquiry-form-section--bottom-inner .inquiry_marketo_text {
    padding-top: 35px;
}
.p-newinquiry-form-section--bottom-inner .mktoButton {
    width: 100%;
    background-color: #f97b0b;
    box-shadow: 0px -2px #cc6305 inset;
    height: 38px;
    font-size: 1.4rem;
    color: #fff;
}
@media (min-width: 425px) {
    .p-newinquiry-form-section--bottom-inner .mktoButton {
        height: 42px;
        font-size: 1.6rem;
    }
}
@media (min-width: 768px) {
    .p-newinquiry-form-section--bottom-inner .mktoButton {
        height: 48px;
        font-size: 1.8rem;
    }
}
@media (min-width: 1366px) {
    .p-newinquiry-form-section--bottom-inner .mktoButton {
        height: 56px;
        font-size: 2rem;
    }
}
.p-newinquiry-footer-copy {
    font-size: 10px;
    margin-top: 40px;
}
@media (min-width: 768px) {
    .p-newinquiry-footer-copy {
        margin-top: 0;
    }
}
.p-newinquiry-footer-link > li {
    margin-top: 22px;
}
@media (min-width: 768px) {
    .p-newinquiry-footer-link > li {
        margin-top: 0;
        margin-left: 20px;
    }
}
.p-newinquiry-footer-link a {
    text-decoration: underline;
    font-size: 14px;
    color: #fff;
}
@media (min-width: 768px) {
    .p-newinquiry-footer-link {
        display: flex;
    }
}
.p-newinquiry-modal-heading {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
}
.p-newinquiry-modal-heading--pink {
    text-align: center;
    padding: 10px 30px;
    color: #f63f71;
    font-weight: bold;
    font-size: 22px;
}
.p-newinquiry-modal-form {
    width: 100%;
}
.p-newinquiry-modal-form .mktoOffset,
.p-newinquiry-modal-form .mktoGutter,
.p-newinquiry-modal-form .mktoClear {
    display: none;
}
.p-newinquiry-modal-form .mktoForm {
    width: 100% !important;
    font-size: 12px !important;
    color: #232323 !important;
}
.p-newinquiry-modal-form .mktoForm .mktoFormRow {
    display: flex;
    width: 100%;
}
.p-newinquiry-modal-form .mktoForm .mktoFormRow:first-of-type {
    border-top: 1px solid #efefef;
}
.p-newinquiry-modal-form .mktoForm .mktoFormRow + .mktoFormRow {
    border-top: 1px solid #efefef;
}
.p-newinquiry-modal-form .mktoForm .mktoFormRow:nth-last-of-type(n + 3) {
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}
.p-newinquiry-modal-form .mktoForm .mktoFormRow:nth-last-of-type(n + 3) .mktoFieldWrap {
    background: linear-gradient(90deg, #f8f8f8 0%, #f8f8f8 163px, transparent 163px, transparent 100%);
}
.p-newinquiry-modal-form .mktoForm .mktoButtonRow {
    width: 100%;
    padding: 0 30px 30px;
    text-align: center;
}
.p-newinquiry-modal-form .mktoForm .mktoFormCol {
    display: flex;
    width: 100%;
    margin-bottom: 0 !important;
}
.p-newinquiry-modal-form .mktoForm .mktoFieldWrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}
.p-newinquiry-modal-form .mktoForm .mktoField {
    margin: 5px;
    padding: 7px;
    line-height: 1.5;
}
.p-newinquiry-modal-form .mktoForm input[type="text"],
.p-newinquiry-modal-form .mktoForm input[type="email"],
.p-newinquiry-modal-form .mktoForm input[type="number"],
.p-newinquiry-modal-form .mktoForm textarea.mktoField {
    flex-grow: 1;
}
.p-newinquiry-modal-form .mktoForm textarea.mktoField {
    height: 50px;
}
.p-newinquiry-modal-form .mktoForm input.mktoField[type="checkbox"] {
    margin: 3px 0 0;
    display: inline-block;
}
.p-newinquiry-modal-form .mktoForm .mktoCheckboxList {
    padding: 15px 5px;
}
.p-newinquiry-modal-form .mktoForm .mktoCheckboxList label {
    float: none;
    display: inline-block;
    margin: 0 0 0 5px;
}
.p-newinquiry-modal-form .mktoForm .mktoError {
    position: static;
    width: 100%;
    padding: 0 5px 10px 168px;
    margin-top: -2px;
}
.p-newinquiry-modal-form .mktoForm .mktoError .mktoErrorArrowWrap {
    display: none;
}
.p-newinquiry-modal-form .mktoForm .mktoError .mktoErrorMsg {
    position: relative;
    max-width: none;
    background-color: transparent;
    background-image: none;
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    color: #ef4242;
    font-weight: bold;
    text-shadow: none;
}
.p-newinquiry-modal-form .mktoForm .mktoError .mktoErrorMsg::before {
    font-family: "fontello";
    content: "\e848";
    padding-right: 10px;
}
.p-newinquiry-modal-form .mktoForm .mktoHtmlText {
    width: 100% !important;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
}
.p-newinquiry-modal-form .mktoForm .mktoHtmlText p {
    text-align: center;
}
.p-newinquiry-modal-form .mktoForm .mktoLabel {
    width: 163px !important;
    padding: 10px;
    flex-shrink: 0;
    font-weight: bold;
}
.p-newinquiry-modal-form .mktoForm input.mktoField[type="tel"] {
    flex-grow: 1;
}
.p-newinquiry-modal-form .mktoForm .mktoAsterix,
.p-newinquiry-modal-form .mktoForm .mktoRequiredField .mktoAsterix {
    display: none;
}
.p-newinquiry-modal-form .mktoForm .mktoRequiredField .mktoLabel {
    position: relative;
}
.p-newinquiry-modal-form .mktoForm .mktoRequiredField .mktoLabel::after {
    content: "必須";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #f26c7a;
    color: #fff;
    padding: 0 1em;
    line-height: 2em;
    white-space: nowrap;
    font-size: 10px;
}
.p-newinquiry-modal-form .mktoForm .mktoButtonWrap {
    margin-left: 0 !important;
}
.p-newinquiry-modal-form .mktoForm .mktoButton {
    display: inline-block;
    width: 100%;
    height: 3em;
    padding: 0 1.2em 0;
    border: none;
    border-radius: 4px;
    box-shadow: 0px -2px #ee3d50 inset;
    background-color: #f26c7a;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 2.8em;
    font-size: 16px;
    color: #fff;
}
.p-newinquiry-modal-form .mktoForm .mktoButton:hover,
.p-newinquiry-modal-form .mktoForm .mktoButton:focus {
    background-color: #f47f8b;
}
.p-considering-modal {
    display: none;
}
.p-considering-modal .c-small-modal__heading {
    font-size: 16px;
}
@media screen and (min-width: 768px) {
    .p-considering-modal .c-small-modal__heading {
        font-size: 20px;
    }
}
.p-considering-modal__work-name {
    display: inline-block;
    margin-top: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #0f71d2;
}
@media screen and (min-width: 768px) {
    .p-considering-modal__work-name {
        margin-top: 12px;
        font-size: 16px;
    }
}
.p-considering-modal__shop-name {
    font-weight: bold;
}
.p-considering-modal__shop-location {
    margin-top: 2px;
}
.p-considering-modal__other-shop {
    margin-top: 6px;
    text-align: right;
    color: #575757;
}
.p-considering-modal__button-outer {
    margin: 24px auto 0;
    max-width: 320px;
}
@media screen and (min-width: 768px) {
    .p-considering-modal__button-outer {
        margin-top: 36px;
    }
}
.p-considering-modal-column {
    margin-top: 36px;
}
@media screen and (min-width: 768px) {
    .p-considering-modal-column {
        display: flex;
    }
}
.p-considering-modal-column__picture {
    display: none;
    flex-basis: 45.87%;
}
@media screen and (min-width: 768px) {
    .p-considering-modal-column__picture {
        display: block;
    }
}
.p-considering-modal-column__text {
    flex-basis: 54.13%;
}
@media screen and (min-width: 768px) {
    .p-considering-modal-column__text {
        padding-left: 36px;
        overflow: hidden;
    }
}
.p-considering-modal-table {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 16px;
}
.p-considering-modal-table > dt:not(:first-of-type),
.p-considering-modal-table > dd:not(:first-of-type) {
    margin-top: 12px;
}
.p-considering-modal-table > dt {
    flex-basis: 19px;
    max-width: 19px;
}
.p-considering-modal-table > dd {
    flex-basis: calc(100% - 19px);
    max-width: calc(100% - 19px);
    padding-left: 10px;
}
.p-considering-modal-table__icon {
    font-size: 19px;
    color: #f63f71;
}
.p-considering-modal-table__icon::before {
    margin-left: 0;
    margin-right: 0;
}
.p-considering-modal-table__salary + .p-considering-modal-table__salary {
    margin-top: 2px;
}
.p-considering-modal__button {
    height: 44px;
    font-size: 14px;
}
.p-scout-modal {
    font-family: 游ゴシック体, "Yu Gothic", YuGothic;
    position: fixed;
    width: 82%;
    max-width: 916px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    text-align: center;
    z-index: 1002;
}
@media screen and (min-width: 768px) {
    .p-scout-modal {
        padding-top: 32px;
        border-radius: 30px;
        font-size: 14px;
        line-height: 1.7;
    }
}
@media screen and (max-width: 767px) {
    .p-scout-modal {
        padding-top: 16px;
        border-radius: 16px;
        font-size: 13px;
        line-height: 1.46;
    }
}
.p-scout-modal-overlay {
    position: fixed;
    display: block;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.6;
    z-index: 1001;
}
.p-scout-modal__image {
    max-width: 100%;
    width: 700px;
    height: auto;
}
.p-scout-modal__button {
    width: 100%;
    max-width: 450px;
    background-color: #f84661;
    color: #fff;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-scout-modal__button {
        height: 72px;
        border-radius: 10px;
        font-size: 24px;
    }
}
@media screen and (max-width: 767px) {
    .p-scout-modal__button {
        height: 56px;
        border-radius: 6px;
        font-size: 20px;
    }
}
.p-scout-modal__button-free {
    width: 52px;
    height: 26px;
    border-radius: 5px;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 26px;
    margin-left: 13px;
}
@media screen and (min-width: 768px) {
    .p-scout-modal__button-free {
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .p-scout-modal__button-free {
        display: none;
    }
}
.p-scout-modal__buttom-text {
    position: relative;
    font-weight: bold;
    color: #575757;
    background-color: #eee;
}
@media screen and (min-width: 768px) {
    .p-scout-modal__buttom-text {
        padding: 20px;
        font-size: 14px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
}
@media screen and (max-width: 767px) {
    .p-scout-modal__buttom-text {
        padding: 18px;
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px;
    }
}
@media screen and (min-width: 375px) and (max-width: 767px) {
    .p-scout-modal__buttom-text {
        font-size: 13px;
    }
}
@media screen and (max-width: 374px) {
    .p-scout-modal__buttom-text {
        font-size: 12px;
    }
}
.p-scout-modal__buttom-text::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
    .p-scout-modal__buttom-text::after {
        top: -43px;
        border: 23px solid transparent;
        border-bottom: 23px solid #eee;
    }
}
@media screen and (max-width: 767px) {
    .p-scout-modal__buttom-text::after {
        top: -20px;
        border: 10px solid transparent;
        border-bottom: 10px solid #eee;
    }
}
@media screen and (max-width: 767px) {
    .p-scout-modal__buttom-text p + p {
        margin-top: 6px;
    }
}
.p-scout-modal__buttom-text-underline {
    background: linear-gradient(transparent 75%, #ff99ab 75%);
}
.p-scout-modal__button-outer {
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (min-width: 768px) {
    .p-scout-modal__button-outer {
        margin-top: 8px;
    }
}
@media screen and (min-width: 768px) {
    .p-scout-modal__text-link {
        font-size: 14px;
        margin-top: 24px;
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 767px) {
    .p-scout-modal__text-link {
        font-size: 12px;
        margin-top: 16px;
        margin-bottom: 26px;
    }
}
.p-scout-modal__text-link > a {
    display: inline-flex;
    align-items: center;
    color: #0f71d2;
}
.p-scout-modal__text-link > a::after {
    font-family: "fontello";
    content: "\e80a";
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    .p-scout-modal__text-link > a::after {
        margin-left: 10px;
        font-size: 21px;
    }
}
@media screen and (max-width: 767px) {
    .p-scout-modal__text-link > a::after {
        margin-left: 4px;
        font-size: 16px;
    }
}
.p-scout-modal__close-button {
    position: absolute;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.p-scout-modal__close-button::before,
.p-scout-modal__close-button::after {
    content: "";
    display: block;
    position: absolute;
    width: 120%;
    height: 2px;
    top: 50%;
    left: 50%;
    background-color: #a3a3a3;
}
.p-scout-modal__close-button::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.p-scout-modal__close-button::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.p-scout-modal__close-button:hover {
    background-color: #eee;
}
@media screen and (min-width: 768px) {
    .p-scout-modal__close-button {
        width: 16px;
        height: 16px;
        top: 25px;
        right: 30px;
    }
}
@media screen and (max-width: 767px) {
    .p-scout-modal__close-button {
        width: 14px;
        height: 14px;
        top: 14px;
        right: 14px;
    }
}
.p-non-login-keep-modal {
    display: none;
}
.p-non-login-keep-modal .c-small-modal__heading {
    color: #fd516c;
}
.p-non-login-keep-modal .c-small-modal__heading .icon-attach {
    font-size: 23px;
}
.p-non-login-keep-modal .c-small-modal__heading .icon-attach::before {
    margin-left: 0;
    margin-right: 0;
}
.p-non-login-keep-modal__txt {
    max-width: 364px;
    margin-left: auto;
    margin-right: auto;
}
.p-non-login-keep-modal__txt {
    margin-top: 34px;
    line-height: 1.5;
    color: #000;
    text-align: center;
}
.p-non-login-keep-modal__bold {
    font-weight: bold;
    color: #ff6e40;
}
.p-non-login-keep-modal__button {
    height: 44px;
    font-size: 1.6rem;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-non-login-keep-modal__button {
        height: 56px;
        font-size: 1.8rem;
    }
}
.p-non-login-keep-modal__close-txt-outer {
    margin-top: 26px;
    font-size: 1.2rem;
}
.p-non-login-keep-modal__close-txt {
    -webkit-appearance: none;
    appearance: none;
    display: inline;
    padding: 0;
    border: none;
    background-color: transparent;
    outline: none;
    color: #0f71d2;
}
.p-non-login-keep-modal__bottom {
    margin: 30px -16px -30px;
    padding: 16px;
    border-top: 1px solid #bfbfbf;
    text-align: center;
    color: #4e4e4e;
    font-size: 10px;
}
@media screen and (min-width: 768px) {
    .p-non-login-keep-modal__bottom {
        margin-left: -44px;
        margin-right: -44px;
        margin-bottom: -36px;
    }
}
.p-non-login-keep-modal__label {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
input.p-non-login-keep-modal__checkbox[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 16px;
    height: 16px;
    margin-top: 0;
    margin-right: 6px;
    background-color: #fff;
    outline: none;
}
input.p-non-login-keep-modal__checkbox[type="checkbox"]:focus {
    box-shadow: none;
}
input.p-non-login-keep-modal__checkbox[type="checkbox"]:checked {
    border: 2px solid #f08f9b;
}
input.p-non-login-keep-modal__checkbox[type="checkbox"]:checked::before,
input.p-non-login-keep-modal__checkbox[type="checkbox"]:checked::after {
    display: block;
    position: absolute;
    content: "";
    background: #f08f9b;
}
input.p-non-login-keep-modal__checkbox[type="checkbox"]:checked::before {
    left: 0px;
    top: 8px;
    width: 6px;
    height: 3px;
    transform: rotate(45deg);
    transform-origin: right center;
}
input.p-non-login-keep-modal__checkbox[type="checkbox"]:checked::after {
    left: 5px;
    top: 9px;
    width: 10px;
    height: 3px;
    transform: rotate(-53deg);
    transform-origin: left center;
}
.p-confirm-remove-keep-modal__outer {
    padding: 0 !important;
}
.p-confirm-remove-keep-modal {
    display: none;
    background: #f9f9f9;
    border: solid 3px #d9d9d9;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    margin-left: 0 !important;
}
.p-confirm-remove-keep-modal__button-outer {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.p-confirm-remove-keep-modal__text {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #000;
}
.p-confirm-remove-keep-modal__text span {
    color: #fb6341;
}
.p-confirm-remove-keep-modal__button--narrow {
    flex-basis: 40%;
}
.p-confirm-remove-keep-modal__button--wide {
    flex-basis: 55%;
}
.p-scout-off-user-modal {
    display: block;
    bottom: 0;
    left: 50%;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    transform: translate(-50%, 100%);
    transition: transform 0.2s, opacity 0.2s;
}
@media screen and (min-width: 768px) {
    .p-scout-off-user-modal {
        width: 375px;
        left: auto;
        right: 16px;
        border-radius: 16px 16px 0px 0px;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
        transform: translate(0, 100%);
    }
}
.p-scout-off-user-modal.is-open {
    opacity: 1;
    transform: translate(-50%, 0);
}
@media screen and (min-width: 768px) {
    .p-scout-off-user-modal.is-open {
        transform: translate(0, 0);
    }
}
.p-scout-off-user-modal__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p-scout-off-user-modal__title {
    font-size: 16px;
    font-weight: bold;
}
.p-scout-off-user-modal-btn-area {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .p-scout-off-user-modal-btn-area {
        display: flex;
        flex-direction: row-reverse;
        gap: 12px;
    }
}
.p-scout-off-user-modal-btn-area__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 50%;
    min-height: 44px;
}
.p-scout-off-user-modal-btn-area__item + .p-scout-off-user-modal-btn-area__item {
    margin-top: 12px;
}
@media screen and (min-width: 768px) {
    .p-scout-off-user-modal-btn-area__item + .p-scout-off-user-modal-btn-area__item {
        margin-top: 0;
    }
}
.p-scout-off-user-modal__submit {
    font-weight: bold;
}
.p-scout-off-user-modal__submit:hover {
    border: 1px solid #fff;
    box-shadow: 0px 0px 8px #fb6341;
}
.p-scout-off-user-modal__cancel {
    -webkit-appearance: none;
    appearance: none;
    display: inline;
    border: none;
    padding: 0;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    color: #0f71d2;
}
@media screen and (min-width: 768px) {
    .p-scout-off-user-modal__cancel {
        width: 100%;
        height: 48px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        font-size: 16px;
        color: #575757;
    }
    .p-scout-off-user-modal__cancel:hover {
        box-shadow: 0px 0px 8px #d9d9d9;
    }
}
.p-scout-off-user-modal-overlay {
    opacity: 0;
    transition: opacity 0.2s;
}
.p-scout-off-user-modal-overlay.is-open {
    position: fixed;
    display: block;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.2;
    z-index: 1001;
}
@media screen and (min-width: 768px) {
    .p-scout-off-user-modal-overlay.is-open {
        display: none;
    }
}
.p-scout-off-user-toast {
    display: none;
    position: fixed;
    top: 10px;
    left: 50%;
    width: 100%;
    max-width: calc(100% - 32px);
    transform: translateX(-50%);
    padding: 15px 15px 15px 37px;
    border-radius: 3px;
    box-shadow: 0 0 12px #999999;
    background-color: #555;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    opacity: 0.8;
    z-index: 999999;
    cursor: pointer;
}
@media screen and (min-width: 768px) {
    .p-scout-off-user-toast {
        width: auto;
        min-width: 300px;
    }
}
.p-scout-off-user-toast__icon {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 25px;
}
.p-scout-off-user-toast__icon > i::before {
    margin-left: 0;
    margin-right: 0;
}
.p-user_opinions__title {
    margin: 22px 20px 0;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
}
.p-user_opinions__text {
    margin: 22px 20px 0;
    color: #666;
    line-height: 1.5;
    font-size: 14px;
}
@media screen and (min-width: 980px) {
    .p-user_opinions__text {
        padding-top: 8px;
        width: 700px;
    }
}
.p-user_opinions__text--thanks_link {
    margin: 30px 20px calc(100vh - 227px - 125px);
    font-size: 16px;
}
@media screen and (min-width: 980px) {
    .p-user_opinions__text--thanks_link {
        display: none;
    }
}
.p-user-opinions-date-select-area .c-input-select {
    width: 70px;
}
@media screen and (min-width: 768px) {
    .p-user-opinions-date-select-area .c-input-select {
        width: 80px;
    }
}
.is-pc .p-user-opinions-date-select-area .c-input-select {
    width: 80px;
}
.p-user_opinions__box {
    margin: 16px 10px 0;
}
@media screen and (min-width: 481px) {
    .p-user_opinions__box {
        margin: auto 20px;
    }
}
@media screen and (min-width: 980px) {
    .p-user_opinions__box {
        margin-top: 30px;
    }
}
.p-user_opinions__box .mktoError .mktoErrorMsg {
    background-color: #d83019 !important;
    color: #fff !important;
    background-image: none !important;
    text-shadow: none !important;
    border: none !important;
    box-shadow: rgba(0, 0, 0, 0.5) 0 3px 10px !important;
}
.p-user_opinions__box .mktoError .mktoErrorArrowWrap .mktoErrorArrow {
    background-color: #d83019 !important;
    border: none !important;
}
.p-user_opinions__box .mktoHasWidth {
    line-height: 1 !important;
    padding-top: 8px !important;
    color: #575757;
    font-weight: normal !important;
}
@media screen and (min-width: 481px) {
    .p-user_opinions__box .mktoHasWidth {
        width: 100% !important;
    }
}
.p-user_opinions__box .mktoHasWidth .mktoAsterix {
    float: left !important;
    padding-right: 5px !important;
    padding-left: 0 !important;
}
@media screen and (min-width: 980px) {
    .p-user_opinions__box textarea.mktoHasWidth {
        width: 500px !important;
    }
}
.p-user_opinions__box .mktoForm .mktoLabel {
    font-size: 16px !important;
}
@media screen and (min-width: 980px) {
    .p-user_opinions__box .mktoForm .mktoLabel {
        font-size: 14px !important;
    }
}
@media screen and (min-width: 481px) {
    .p-user_opinions__box .mktoForm .mktoGutter {
        float: none !important;
    }
    .p-user_opinions__box .mktoForm .mktoFieldWrap {
        width: 100% !important;
    }
}
@media screen and (min-width: 980px) {
    .p-user_opinions__box .mktoForm {
        width: 700px !important;
        margin: 20px 0;
        background-color: #f7f7f7;
    }
    .p-user_opinions__box .mktoForm .mktoGutter {
        height: 0 !important;
    }
    .p-user_opinions__box .mktoForm .mktoFormRow {
        padding-left: 10px;
    }
    .p-user_opinions__box .mktoForm .mktoFormRow .mktoLabel {
        width: 110px !important;
        padding: 12px 0 0 20px !important;
    }
}
.p-user_opinions__box select.mktoField {
    height: 40px !important;
    box-shadow: none !important;
    padding: 6px 24px 6px 6px !important;
    margin: 4px 0 !important;
    color: #333 !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-size: 16px !important;
}
@media screen and (min-width: 980px) {
    .p-user_opinions__box select.mktoField {
        width: 500px !important;
        margin: 0 !important;
    }
}
.p-user_opinions__box .mktoHtmlText {
    padding: 0 0 20px !important;
}
@media screen and (min-width: 980px) {
    .p-user_opinions__box .mktoHtmlText {
        padding: 0 0 0 110px !important;
    }
}
.p-user_opinions__box .mktoHtmlText span {
    font-size: 14px !important;
    line-height: 1.5;
}
.p-user_opinions__box .mktoHtmlText span span a {
    padding: 4px !important;
}
.p-user_opinions__box textarea.mktoField {
    line-height: 1.5 !important;
    height: 130px !important;
    box-shadow: none !important;
    padding: 6px !important;
    margin: 4px 0 !important;
    color: #333 !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-size: 13px !important;
}
.p-user_opinions__box .select.mktoField.mktoInvalid {
    border: 1px solid #ccc !important;
}
.p-user_opinions__box .mktoFieldDescriptor {
    margin-bottom: 8px !important;
}
@media screen and (min-width: 481px) {
    .p-user_opinions__box .mktoFieldDescriptor {
        width: 100% !important;
    }
}
@media screen and (min-width: 980px) {
    .p-user_opinions__box .freebirdFormviewerViewItemsSectionheaderTitle {
        width: 450px;
    }
}
.p-user_opinions__box .freebirdFormviewerViewItemsSectionheaderTitle span strong {
    font-size: 11px !important;
    padding: 0 !important;
    color: #808080;
    display: block;
    margin-top: 30px;
}
.p-user_opinions__box .freebirdFormviewerViewItemsSectionheaderDescriptionText {
    margin: 0 !important;
}
@media screen and (min-width: 980px) {
    .p-user_opinions__box .freebirdFormviewerViewItemsSectionheaderDescriptionText {
        width: 450px;
    }
}
.p-user_opinions__box .freebirdFormviewerViewItemsSectionheaderDescriptionText span {
    line-height: 1.2 !important;
    font-size: 10px !important;
}
.p-user_opinions__box .freebirdFormviewerViewItemsSectionheaderDescriptionText span span a {
    padding: 0 !important;
    color: #0f71d2 !important;
    line-height: 1.5 !important;
}
.p-user_opinions__box .mktoButtonRow {
    width: 100%;
}
.p-user_opinions__box .mktoButtonRow .mktoButtonWrap {
    width: 100%;
}
.p-user_opinions__box .mktoButtonRow .mktoButtonWrap .mktoButton {
    box-shadow: 0 -2px #cc6305 inset !important;
    border: 1px solid #ec6c41 !important;
    font-size: 14px !important;
    width: 200px !important;
    border-radius: 4px !important;
    height: 50px;
    margin: 24px auto;
    display: block;
    text-shadow: none !important;
    background: #ff6600 !important;
}
.p-user_opinions__box .mktoButtonRow .mktoButtonWrap .mktoButton:hover,
.p-user_opinions__box .mktoButtonRow .mktoButtonWrap .mktoButton:active {
    color: #fff !important;
    opacity: 0.8;
}
.p-entry-hoped-entry-date > li {
    list-style-type: none;
}
.p-entry-hoped-entry-date > li + li {
    margin-top: 8px;
}
.p-entry-hoped-entry-date__label {
    display: inline-block;
    padding: 0 8px;
    border-radius: 2px;
    background-color: #666;
    color: #fff;
    font-size: 10px;
    line-height: 1.4;
}
.p-entry-hoped-entry-date-sp__timezone-list {
    list-style-type: none;
    display: inline;
    line-height: 1.5;
}
.p-entry-hoped-entry-date-sp__timezone-list > li {
    display: inline;
}
.p-entry-hoped-entry-date-sp__timezone-list > li:not(:last-of-type)::after {
    content: "／";
}
.p-entry-hoped-entry-date-sp {
    font-size: 14px;
    list-style-type: none;
}
.p-entry-hoped-entry-date-sp > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
}
.p-entry-hoped-entry-date-sp > li + li {
    margin-top: 10px;
}
.p-entry-hoped-entry-date-sp__date {
    max-width: calc(100% - 47px);
    display: inline;
}
.p-entry-hoped-entry-date-sp__label {
    display: inline-block;
    height: 16px;
    padding: 0 2px;
    border-radius: 2px;
    background-color: #666;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.4;
    color: #fff;
}
.p-message-schedule {
    padding: 0 10px 20px;
    font-size: 12px;
    font-weight: bold;
    color: #5c5c5c;
}
@media screen and (min-width: 768px) {
    .p-message-schedule {
        padding-left: 0;
        padding-right: 0;
    }
}
.p-message-schedule__label {
    display: inline-block;
    padding: 6px 8px;
    border-radius: 4px;
    background-color: #5c5c5c;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
}
.p-message-schedule__link {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    margin-top: 8px;
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 12px;
    font-weight: normal;
    color: #0f71d2;
    text-decoration: underline;
    cursor: pointer;
}
.p-message-schedule__link:hover,
.p-message-schedule__link:focus {
    text-decoration: none;
}
.p-message-timeline,
.p-message-form {
    background: #f2f2f2;
    line-height: 1.57;
}
.p-message-timeline {
    position: relative;
    list-style-type: none;
    max-height: calc(100vh - 307px);
    padding: 0 12px;
    overflow-y: scroll;
}
@media screen and (min-width: 768px) {
    .p-message-timeline {
        max-height: 580px;
        padding-left: 24px;
        padding-right: 24px;
    }
}
.p-message-timeline__blank {
    margin-top: 20px;
    font-size: 26px;
    color: #d6d6d6;
    text-align: center;
}
.p-message-timeline-unread {
    display: flex;
    align-items: center;
    padding: 12px 8px;
    font-size: 10px;
    color: #c7c7c7;
    text-align: center;
}
.p-message-timeline-unread::before,
.p-message-timeline-unread::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background-color: #c7c7c7;
}
.p-message-timeline-unread__text {
    padding: 0 8px;
}
.p-message-timeline__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0 8px 12px 44px;
}
.p-message-timeline__item--client {
    padding-left: 44px;
    flex-direction: column;
    align-items: flex-start;
}
.p-message-timeline__icon {
    position: absolute;
    top: 12px;
    left: 0;
    width: 34px;
    height: 34px;
    background: #fff;
    color: #aaa;
    overflow: hidden;
    border-radius: 100%;
    border: 1px solid #ccc;
    font-size: 30px;
}
.p-message-timeline__icon::before {
    content: "\e83d";
    font-family: "fontello";
    position: absolute;
    top: -2px;
    left: 0;
}
.p-message-timeline__name {
    padding-top: 16px;
    font-size: 12px;
}
.p-message-panel {
    position: relative;
    display: inline-block;
    margin-top: 8px;
    padding: 16px;
    border-radius: 10px;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffdbe1;
    color: #000;
    text-align: left;
    word-break: break-all;
}
@media screen and (min-width: 768px) {
    .p-message-panel {
        font-size: 14px;
    }
}
.p-message-timeline__item--client .p-message-panel {
    background-color: #fff;
}
.p-message-panel.is-closed {
    display: none;
}
.p-message-panel__heading {
    font-weight: bold;
}
.p-message-panel__list {
    margin-top: 4px;
    list-style-type: none;
}
.p-message-panel__list-heading {
    margin-top: 4px;
}
.p-message-panel__list--no-margin-top {
    margin-top: 0;
}
.p-message-panel__map {
    width: calc(100vw - 128px);
    height: 167px;
    margin-top: 4px;
}
@media screen and (min-width: 768px) {
    .p-message-panel__map {
        width: 595px;
        max-height: 183px;
        margin-top: 8px;
    }
}
.p-message-panel__adjust,
.resume-download {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    display: block;
    box-sizing: content-box;
    width: 100%;
    margin: 8px -16px -16px;
    padding: 15px 16px;
    font-weight: bold;
    border: none;
    border-radius: 0 0 10px 10px;
    background-color: #f96075;
    color: #fff;
    text-align: center;
    line-height: 1;
}
.p-message-panel__adjust::after,
.resume-download::after {
    content: "\e80e";
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    font-family: "fontello";
    position: absolute;
}
.p-message-panel__adjust:hover,
.p-message-panel__adjust:focus,
.resume-download:hover,
.resume-download:focus {
    opacity: 0.8;
}
.p-message-panel__adjust a,
.resume-download a {
    color: #fff;
    text-decoration: none;
}
.p-message-panel__adjust a:hover,
.resume-download a:hover {
    text-decoration: none;
}
.message-button-done {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    display: block;
    box-sizing: content-box;
    width: 100%;
    margin: 8px -16px -16px;
    padding: 8px 16px;
    border: none;
    border-radius: 0 0 10px 10px;
    background-color: #9494a5;
    color: #fff;
    text-align: left;
    line-height: 1;
}
.p-message-panel__subject {
    font-weight: bold;
    margin-bottom: 8px;
}
.p-message-panel__date {
    margin-top: 6px;
    text-align: right;
    font-size: 10px;
    color: #777;
}
.p-message-form {
    position: relative;
    padding: 8px;
    box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.05);
    font-size: 12px;
}
@media screen and (min-width: 768px) {
    .p-message-form {
        padding: 14px;
    }
}
.p-message-form.is-focused {
    margin: 0 -10px;
    padding: 10px;
}
.p-message-form__box {
    padding: 16px;
    background-color: #fff;
}
.p-message-form__button-area {
    display: none;
    margin-bottom: 10px;
}
.is-focused .p-message-form__button-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p-message-form__close-button {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    color: #505050;
}
.p-message-form__submit-button {
    width: 124px;
    height: 32px;
    font-size: 14px;
    font-weight: bold;
}
.p-message-form__textarea {
    border: none;
    border-radius: 2px;
    box-shadow: none;
}
.p-message-adjustment-panel {
    padding: 16px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.57;
}
.p-message-adjustment-panel-list-heading {
    margin-top: 16px;
    font-size: 14px;
    font-weight: bold;
}
.p-message-adjustment-panel-list {
    list-style-type: none;
    margin-top: 10px;
}
@media screen and (min-width: 768px) {
    .p-message-adjustment-panel-list {
        display: flex;
        flex-direction: column;
        margin-top: 2px;
    }
    .p-message-adjustment-panel-list > li {
        padding: 8px;
    }
}
.p-message-adjustment-panel--pink {
    margin-bottom: 16px;
}
.p-message-adjustment-panel--gray {
    background-color: #f2f2f2;
    margin-bottom: 16px;
}
.p-message-adjustment-panel__heading {
    font-weight: bold;
}
.p-message-adjustment-panel__list {
    list-style-type: none;
    margin-top: 12px;
}
.p-message-adjustment-panel__list > li + li {
    margin-top: 8px;
}
.p-message-adjustment-panel__date-heading {
    position: relative;
}
.p-message-adjustment-panel__delete-button {
    appearance: none;
    -wewbkit-appearance: none;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    padding: 0 15px 0 0;
    border: none;
    color: #0f71d2;
}
.p-message-adjustment-panel__delete-button::before,
.p-message-adjustment-panel__delete-button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    width: 1px;
    height: 12px;
    background-color: #0f71d2;
}
.p-message-adjustment-panel__delete-button::before {
    transform: translateY(-50%) rotate(45deg);
}
.p-message-adjustment-panel__delete-button::after {
    transform: translateY(-50%) rotate(-45deg);
}
.p-message-adjustment-panel__date-select-outer,
.p-message-adjustment-panel__time-select-outer {
    margin-top: 10px;
}
.p-message-adjustment-panel__time-select-outer,
.p-message-adjustment-panel__date-select-outer {
    position: relative;
}
.p-message-adjustment-panel__time-select-outer::after,
.p-message-adjustment-panel__date-select-outer::after {
    content: "\e874";
    font-family: fontello;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
}
.p-message-adjustment-panel__date-select-outer {
    width: 65%;
}
@media screen and (min-width: 768px) {
    .p-message-adjustment-panel__date-select-outer {
        width: 195px;
    }
}
.p-message-adjustment-panel__date-select,
input.p-message-adjustment-panel__date-select:not([type="submit"]) {
    -webkit-appearance: none;
    appearance: none;
    width: 144px;
    height: 44px;
    padding-right: 24px;
    box-shadow: none;
    font-size: 14px;
    width: 100%;
}
.p-message-adjustment-panel__time-select-outer {
    display: flex;
    align-items: center;
}
.p-message-adjustment-panel__left-padding {
    padding-left: 8px;
}
.p-message-adjustment-pulldown {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    width: 94px;
    height: 44px;
    padding: 0 10px;
    border: 1px solid #bbb;
    border-radius: 2px;
    box-shadow: none;
    font-size: 14px;
}
.p-message-altanative {
    position: relative;
    font-size: 14px;
    margin-bottom: 45px;
}
@media screen and (min-width: 768px) {
    .p-message-altanative {
        margin-bottom: 24px;
    }
}
@media screen and (min-width: 768px) {
    .p-message-altanative--border {
        padding-bottom: 16px;
        border-bottom: solid 1px #ccc;
    }
}
.p-message-altanative__close {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #0f71d2;
    text-decoration: underline;
}
.p-message-altanative__close:hover,
.p-message-altanative__close:focus {
    text-decoration: none;
}
.p-message-altanative__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -4px;
}
.p-message-altanative__list > dt,
.p-message-altanative__list > dd {
    padding: 6px 4px;
}
.p-message-altanative__list > dt {
    width: 64px;
}
.p-message-altanative__list > dd {
    display: flex;
    align-items: center;
    width: calc(100% - 64px);
}
@media screen and (min-width: 768px) {
    .p-message-altanative__list > dd {
        width: 143px;
    }
}
.p-message-altanative__add-button-outer {
    margin-top: 16px;
}
.p-message-altanative__add-button {
    height: 44px;
    padding-left: 14px;
    padding-right: 14px;
    text-align: left;
}
@media screen and (min-width: 768px) {
    .p-message-altanative__add-button {
        font-size: 12px;
        width: 190px;
    }
}
.p-message-adjustment-message {
    padding-top: 10px;
    border-top: #e5e5e5 2px solid;
}
@media screen and (min-width: 768px) {
    .p-message-adjustment-message {
        margin-top: 10px;
        padding-top: 0;
        border-top: none;
    }
}
.p-message-adjustment-message__heading {
    padding-bottom: 4px;
    font-size: 14px;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-message-adjustment-message__heading {
        padding-bottom: 12px;
    }
}
.p-message-adjustment-message__form-area {
    display: flex;
}
.p-message-adjustment-message__textarea-outer {
    flex-grow: 1;
}
.p-message-adjustment-message__button-outer {
    width: 76px;
    padding-left: 16px;
}
@media screen and (min-width: 768px) {
    .p-message-adjustment-message__textarea {
        width: 100%;
        height: 150px;
    }
}
.p-message-adjustment-message-button-area {
    display: flex;
    margin: 10px -2px 0;
}
@media screen and (min-width: 768px) {
    .p-message-adjustment-message-button-area {
        justify-content: center;
        gap: 16px;
    }
}
.p-message-adjustment-message-button-area__item {
    flex-basis: 50%;
    padding: 0 2px;
}
@media screen and (min-width: 768px) {
    .p-message-adjustment-message-button-area__item {
        flex-basis: 20%;
    }
}
.p-message-adjustment-message__button {
    height: 38px;
    font-size: 14px;
}
.message-interview-confirm__table {
    width: 100%;
    border: 1px solid #ddd;
    text-align: left;
}
.message-interview-confirm__table th,
.message-interview-confirm__table td {
    padding: 16px;
    border: 1px solid #ddd;
}
.message-interview-confirm__table th li,
.message-interview-confirm__table td li {
    list-style: none;
}
.message-interview-confirm__table th {
    width: 17%;
    background-color: #f7f7f9;
}
.p-message-adjustment-panel__proposal-dates {
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.57;
}
.p-message-adjustment-panel__proposal-dates:not(:last-of-type) {
    margin-bottom: 10px;
}
.job-entries-interview-adjustment-form__item {
    padding: 10px 0;
    border-top: #e5e5e5 2px solid;
}
.job-entries-interview-adjustment-form__heading {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}
.p-profile .p-profile-form__flex-outer {
    display: flex;
}
.p-profile .p-profile-form__flex-outer > [class*="cols_"] {
    padding-right: 2px;
}
@media screen and (max-width: 768px) {
    .p-profile .p-profile-credential:not(:first-of-type) {
        margin-top: 20px;
    }
}
@media screen and (min-width: 769px) {
    .p-profile .p-profile-credential {
        display: flex;
        margin-bottom: 3px;
    }
}
.p-profile .p-profile-credential__name {
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    display: flex;
    align-items: center;
}
.p-profile .p-profile-credential__name::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    display: block;
    border-bottom: 1px dashed #bbbbbb;
    margin: 0 10px;
}
.p-profile .p-profile-save-button.is-fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 2;
    background-color: #fff;
    box-shadow: 0 -6px 16px rgba(0, 0, 0, 0.1);
}
.p-profile .p-profile-panel {
    border: 1px solid #ccc;
    border-top: none;
    overflow: hidden;
}
.p-profile .p-profile-panel:first-of-type {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top: 1px solid #ccc;
}
.p-profile .p-profile-panel:last-of-type {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.p-profile .p-profile-panel.is-open .p-profile-panel__heading::after {
    transform: rotate(180deg) translateY(50%);
}
.p-profile .p-profile-panel__heading {
    position: relative;
    background-color: #eee;
    padding: 15px 30px 15px 15px;
}
.p-profile .p-profile-panel__heading::after {
    content: "\e80c";
    position: absolute;
    font-family: "fontello";
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    transition: transform 200ms;
}
.p-profile .p-profile-panel-category {
    margin-top: 15px;
    margin-bottom: 10px;
}
.p-profile .p-profile-panel__content {
    padding: 15px;
    display: none;
}
.p-profile .p-profile__scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.p-profile .p-profile__scroll::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.p-profile .p-profile-input {
    margin-top: 25px;
}
.p-profile .p-profile-panel__buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}
.p-profile .p-profile-panel__button input {
    display: none;
}
@media screen and (max-width: 768px) {
    .p-profile .p-profile-panel__button {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        background-color: #eee;
        border-radius: 25px;
        padding: 15px;
        text-align: center;
        outline: none;
        border: none;
    }
    .p-profile .p-profile-panel__button.is-selected {
        color: #fff;
        background-color: #f26c7a;
    }
}
@media screen and (min-width: 769px) {
    .p-profile .p-profile-panel__button {
        position: relative;
        padding-left: 25px;
        background-color: #fff;
        outline: none;
        border: none;
        cursor: pointer;
    }
    .p-profile .p-profile-panel__button:not(:first-of-type) {
        margin-left: 25px;
    }
    .p-profile .p-profile-panel__button::before {
        position: absolute;
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #fff;
        border: 1px solid #ddd;
        left: 0;
        top: 0;
    }
    .p-profile .p-profile-panel__button::after {
        position: absolute;
        content: "";
        display: block;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: #0575ff;
        left: 3px;
        top: 3px;
        opacity: 0;
    }
    .p-profile .p-profile-panel__button.is-selected::after {
        opacity: 1;
    }
    .p-profile .p-profile-panel__button.is-selected::before {
        border-color: #0575ff;
    }
}
.p-profile-show {
    background-color: #f2f2f2;
    padding-bottom: 32px;
}
.alert-box + .p-profile-show {
    margin-top: -10px;
}
.p-profile-show-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px 16px;
    color: #575757;
}
.p-profile-show-top__heading {
    padding-top: 16px;
    font-size: 18px;
    line-height: 1.4;
}
.p-profile-show-top__last-update {
    padding-top: 16px;
    font-size: 12px;
    color: #949494;
}
.p-profile-show-annotation {
    width: 100%;
    margin-top: 16px;
}
.p-profile-show-annotation__row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.p-profile-show__app-banner {
    margin-top: 48px;
    padding-bottom: 22px;
}
.is-pc .p-profile-show {
    margin: -20px -20px -30px;
    padding-top: 16px;
}
.is-pc .p-profile-show-top {
    padding-bottom: 32px;
}
.is-pc .p-profile-show-top__last-update {
    padding-top: 0;
}
.is-pc .p-profile-show-annotation {
    width: auto;
    margin-top: 0;
}
.p-landing-scout {
    margin-bottom: -50px;
    background-color: #f7f7f7;
    color: #4d4d4d;
    font-size: 14px;
    font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
}
.p-landing-scout-button {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: opacity 0.2s;
}
.p-landing-scout-button:hover {
    text-decoration: none;
}
.p-landing-scout-button:not(.is-disabled):hover {
    opacity: 0.8;
}
.p-landing-scout-button--scout {
    background-color: #333;
    color: #fff9ca;
    font-size: 18px;
    font-weight: bold;
}
.p-landing-scout-button--scout {
    position: relative;
    height: 74px;
    line-height: 1.38;
    letter-spacing: 1px;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-button--scout {
        height: 70px;
        font-size: 20px;
    }
}
.p-landing-scout-button--registration {
    height: 60px;
    border-style: none;
    background-color: #ff6e40;
    box-shadow: 0 -4px #c6523e inset;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-button--registration {
        height: 70px;
        font-size: 20px;
    }
}
.p-landing-scout-button--registration.is-disabled {
    box-shadow: none;
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
}
.p-landing-scout-button__inner {
    position: absolute;
    bottom: 14px;
    left: calc(50% + 94px);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 20px;
    margin-left: 10px;
    border-radius: 2px;
    background-color: #fff;
    color: #444;
    font-size: 11px;
    letter-spacing: normal;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-button__inner {
        position: static;
        width: 50px;
        height: 30px;
        font-size: 16px;
    }
}
.p-landing-scout-input,
input.p-landing-scout-input:not([type="submit"]) {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 46px;
    border: 2px solid #dfdfdf;
    border-radius: 10px;
    box-shadow: none;
    font-size: 14px;
}
.p-landing-scout-input.is-invalid,
input.p-landing-scout-input.is-invalid:not([type="submit"]) {
    border-color: #ef4848;
    background-color: #ffeeee;
}
.p-landing-scout-heading {
    background-repeat: no-repeat;
    color: #398d8a;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-heading {
        font-size: 40px;
    }
}
.p-landing-scout-heading--main-content {
    padding-top: 46px;
    background-image: url(/images/user_frontend/landing/scout/img_balloon_main_content.png);
    background-size: 94px;
    background-position: top left calc(50% - 89px);
}
@media screen and (min-width: 768px) {
    .p-landing-scout-heading--main-content {
        background-position: top left calc(50% - 143px);
    }
}
.p-landing-scout-heading--registration {
    padding-top: 40px;
    padding-bottom: 32px;
    background-image: url(/images/user_frontend/landing/scout/img_balloon_registration_top.png), url(/images/user_frontend/landing/scout/img_balloon_registration_bottom.png);
    background-size: 94px, 89px;
    background-position: top left calc(50% - 82px), bottom right;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-heading--registration {
        background-position: top left calc(50% - 125px), bottom right calc(50% - 192px);
    }
}
.p-landing-scout-heading__underline {
    background-image: linear-gradient(transparent 60%, #fff 60%);
}
.p-landing-scout-heading__underline-pink {
    background-image: linear-gradient(transparent 60%, #fff0f4 60%);
}
.p-landing-scout-heading-balloon {
    padding-bottom: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-heading-balloon {
        padding-bottom: 24px;
        font-size: 26px;
    }
}
.p-landing-scout-breadcrumb {
    background-color: #444;
    color: #e6e6e6;
}
.p-landing-scout-breadcrumb a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}
.p-landing-scout-breadcrumb a:hover {
    text-decoration: none;
}
.p-landing-scout-breadcrumb__inner {
    padding: 7px 12px;
}
.p-landing-scout-breadcrumb__list {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-breadcrumb__list {
        font-size: 14px;
    }
}
.p-landing-scout-breadcrumb__list > li {
    position: relative;
    padding: 3px 4px;
}
.p-landing-scout-breadcrumb__list > li + li {
    padding-left: 18px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-breadcrumb__list > li + li {
        padding-left: 46px;
    }
}
.p-landing-scout-breadcrumb__list > li + li::before {
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    content: "\e80a";
    font-family: "fontello";
    font-size: 22px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-breadcrumb__list > li + li::before {
        left: 20px;
    }
}
.p-landing-scout-mv {
    position: relative;
}
.p-landing-scout-mv__link {
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    transition: opacity 0.2s;
}
.p-landing-scout-mv__link:hover {
    opacity: 0.8;
}
.p-landing-scout-mv__heading {
    height: 0;
    padding-top: 44.4%;
    background-image: url(/images/user_frontend/landing/scout/keyv_landing_scout_sp.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-mv__heading {
        padding-top: 32%;
        background-image: url(/images/user_frontend/landing/scout/keyv_landing_scout_pc.jpg);
    }
}
@media screen and (min-width: 1000px) {
    .p-landing-scout-mv__heading {
        height: 320px;
        padding-top: 0;
    }
}
.p-landing-scout-introduction {
    background-color: #f7ebf1;
}
.p-landing-scout-introduction__inner {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.93;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-introduction__inner {
        padding-top: 48px;
        padding-bottom: 48px;
        font-size: 18px;
    }
}
.p-landing-scout-main-content {
    padding: 40px 0 56px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-main-content {
        padding-bottom: 64px;
    }
}
.p-landing-scout-main-content__introduction {
    margin-top: 32px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.625;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-main-content__introduction {
        margin-top: 56px;
        font-size: 24px;
        line-height: 1.75;
        text-align: center;
    }
}
@media screen and (min-width: 768px) {
    .p-landing-scout-main-content__underline {
        background-image: linear-gradient(transparent 75%, #fcee21 75%);
    }
}
.p-landing-scout-main-content__stripe {
    margin-top: 64px;
    padding-bottom: 112px;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 64px, rgba(255, 255, 255, 0.7) 64px, rgba(255, 255, 255, 0.7) 128px);
}
@media screen and (min-width: 768px) {
    .p-landing-scout-main-content__stripe {
        margin-top: 128px;
        padding-bottom: 172px;
    }
}
.p-landing-scout-main-visual-outer {
    text-align: center;
}
.p-landing-scout-main-visual {
    margin-top: -16px;
    width: 100%;
    max-width: 100%;
    height: auto;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-main-visual {
        max-width: 983px;
        margin-top: -28px;
        margin-left: -3px;
        padding-right: 38px;
    }
}
.p-landing-scout-casset-list-outer {
    margin-top: -72px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset-list-outer {
        margin-top: -132px;
    }
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset-list {
        display: flex;
        margin-left: -40px;
        margin-right: -40px;
    }
}
.p-landing-scout-casset {
    padding: 32px 16px;
    border-radius: 30px;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset {
        margin-left: 40px;
        margin-right: 40px;
        padding: 40px 36px;
        width: 50%;
    }
}
.p-landing-scout-casset + .p-landing-scout-casset {
    margin-top: 24px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset + .p-landing-scout-casset {
        margin-top: 0;
    }
}
.p-landing-scout-casset__heading {
    border-top: 2px solid #398d8a;
    border-bottom: 2px solid #398d8a;
    color: #398d8a;
    font-size: 20px;
    line-height: 1.42;
    text-align: center;
    font-weight: bold;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset__heading {
        height: 98px;
    }
}
@media screen and (min-width: 980px) {
    .p-landing-scout-casset__heading {
        font-size: 26px;
        line-height: 1.38;
    }
}
.p-landing-scout-casset__content {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset__content {
        margin-top: 24px;
    }
}
.p-landing-scout-casset__image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.p-landing-scout-casset__image--01 {
    max-width: 246px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset__image--01 {
        max-width: 320px;
    }
}
.p-landing-scout-casset__image--02 {
    max-width: 250px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset__image--02 {
        max-width: 322px;
    }
}
.p-landing-scout-casset__list {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset__list {
        margin-top: 24px;
    }
}
.p-landing-scout-casset__list > dt {
    width: 40px;
    padding: 1px 0;
    background-color: #4d4d4d;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset__list > dt {
        width: 50px;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 14px;
    }
}
.p-landing-scout-casset__list > dd {
    margin-top: 8px;
    padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset__list > dd {
        font-size: 16px;
    }
}
.p-landing-scout-casset__emphasis {
    font-size: 17px;
    font-weight: bold;
    color: #f95874;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset__emphasis {
        font-size: 24px;
    }
}
.p-landing-scout-casset__bottom {
    position: relative;
    margin: 0 -16px;
    padding: 16px 30px 0 50px;
    border-top: 1px solid #ccc;
    font-size: 12px;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset__bottom {
        margin-left: 0;
        margin-right: 0;
        padding-left: 30px;
        padding-right: 20px;
    }
}
.p-landing-scout-casset__bottom::before {
    content: "\e801";
    position: absolute;
    top: 16px;
    left: 26px;
    display: block;
    color: #fff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: #398d8a;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    font-family: "fontello";
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset__bottom::before {
        left: 5px;
    }
}
.p-landing-scout-casset__box {
    margin-top: 8px;
    padding: 12px;
    background-color: #e4f2ef;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.38;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset__box {
        padding-left: 18px;
        padding-right: 18px;
        font-size: 14px;
    }
}
.p-landing-scout-casset__box-small {
    margin-top: 10px;
    font-size: 10px;
    font-weight: normal;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-casset__box-small {
        margin-top: 12px;
        font-size: 12px;
    }
}
.p-landing-scout-step-chart {
    margin-top: 40px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-step-chart {
        margin-top: 80px;
    }
}
.p-landing-scout-step-chart-heading {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-step-chart-heading {
        font-size: 24px;
    }
}
.p-landing-scout-step-chart-heading::before,
.p-landing-scout-step-chart-heading::after {
    content: "";
    height: 2px;
    background-color: #666;
    flex-grow: 1;
}
.p-landing-scout-step-chart-heading::before {
    margin-right: 12px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-step-chart-heading::before {
        margin-right: 24px;
    }
}
.p-landing-scout-step-chart-heading::after {
    margin-left: 12px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-step-chart-heading::after {
        margin-left: 24px;
    }
}
.p-landing-scout-step-chart-heading__inner {
    display: flex;
    align-items: center;
    font-weight: bold;
}
.p-landing-scout-step-chart__list {
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-step-chart__list {
        display: flex;
        justify-content: center;
        margin-top: 40px;
    }
}
.p-landing-scout-step-chart__list > li {
    margin-top: 32px;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-step-chart__list > li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 0;
        padding-left: 25px;
        padding-right: 25px;
    }
}
.p-landing-scout-step-chart__list > li + li {
    position: relative;
    padding-top: 32px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-step-chart__list > li + li {
        padding-top: 0;
    }
}
.p-landing-scout-step-chart__list > li + li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 26px;
    height: 16px;
    background-image: url(/images/user_frontend/landing/scout/icon_step_chart.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-step-chart__list > li + li::before {
        top: 50%;
        left: 0;
        transform: translate(-50%, -50%) rotate(270deg);
        width: 33px;
        height: 20px;
    }
}
.p-landing-scout-step-chart__image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.p-landing-scout-step-chart__image--01 {
    max-width: 200px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-step-chart__image--01 {
        max-width: 250px;
    }
}
.p-landing-scout-step-chart__image--02 {
    max-width: 224px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-step-chart__image--02 {
        max-width: 250px;
    }
}
.p-landing-scout-step-chart__image--03 {
    max-width: 212px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-step-chart__image--03 {
        max-width: 250px;
    }
}
.p-landing-scout-step-chart__text {
    margin-top: 16px;
}
.p-landing-scout-step-chart__bottom {
    max-width: 884px;
    margin: 40px auto 0;
    border-top: 1px solid #b3b3b3;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-step-chart__bottom {
        margin-top: 56px;
    }
}
.p-landing-scout-step-chart__paragraph {
    position: relative;
    margin-top: 20px;
    padding-left: 26px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.58;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-step-chart__paragraph {
        font-size: 14px;
    }
}
.p-landing-scout-step-chart__paragraph::before {
    content: "\e801";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    color: #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background: #398d8a;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    font-family: "fontello";
}
@media screen and (min-width: 768px) {
    .p-landing-scout-step-chart__paragraph::before {
        top: 2px;
    }
}
.p-landing-scout-step-chart__button-outer {
    max-width: 486px;
    margin: 56px auto 0;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-step-chart__button-outer {
        margin-top: 64px;
    }
}
.p-landing-scout-white-content {
    background-color: #fff;
    padding-top: 56px;
    padding-bottom: 56px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-white-content {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
.p-landing-scout-registration-cassette-list {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-registration-cassette-list {
        display: flex;
        justify-content: center;
        margin-top: 56px;
        margin-left: -13px;
        margin-right: -13px;
    }
}
.p-landing-scout-registration-cassette {
    margin-top: 16px;
    border: 2px solid #f9e5eb;
    border-radius: 30px;
    background-color: #f9e5eb;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-registration-cassette {
        width: 100%;
        max-width: 33.33%;
        margin-top: 0;
        margin-left: 13px;
        margin-right: 13px;
    }
}
.p-landing-scout-registration-cassette--01 .p-landing-scout-registration-cassette__image {
    max-width: 168px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-registration-cassette--01 .p-landing-scout-registration-cassette__image {
        max-width: 206px;
    }
}
.p-landing-scout-registration-cassette--02 .p-landing-scout-registration-cassette__image {
    max-width: 187px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-registration-cassette--02 .p-landing-scout-registration-cassette__image {
        max-width: 211px;
    }
}
.p-landing-scout-registration-cassette__image-outer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 0;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-registration-cassette__image-outer {
        height: 198px;
    }
}
.p-landing-scout-registration-cassette__image {
    width: 100%;
    height: auto;
}
.p-landing-scout-registration-cassette__bottom {
    padding: 24px;
}
.p-landing-scout-registration-cassette__heading {
    max-width: 240px;
    margin: 0 auto;
    padding-bottom: 16px;
    border-bottom: 1px solid #404040;
    font-size: 18px;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-registration-cassette__heading {
        font-size: 21px;
    }
}
.p-landing-scout-registration-cassette__text {
    margin-top: 16px;
    line-height: 1.75;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-registration-cassette__text {
        font-size: 16px;
        line-height: 1.531;
        text-align: left;
    }
}
.p-landing-scout-form-outer {
    padding-top: 56px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-form-outer {
        padding-top: 80px;
    }
}
.p-landing-scout-form {
    padding: 40px 16px;
    border-radius: 30px;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-form {
        padding-top: 72px;
        padding-bottom: 72px;
    }
}
.p-landing-scout-form .formErrorContent {
    padding: 8px 0 0;
    background-color: transparent;
    color: #f23d3d;
    font-size: 12px;
}
.p-landing-scout-form .formErrorContent::before {
    content: "※";
}
.p-landing-scout-form__inner {
    max-width: 422px;
    margin: 0 auto;
}
.p-landing-scout-form__content {
    margin-top: 40px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-form__content {
        margin-top: 48px;
    }
}
.p-landing-scout-form__terms {
    font-size: 12px;
    text-align: center;
    color: #939393;
    line-height: 1.5;
}
.p-landing-scout-form__terms a:hover {
    text-decoration: none;
}
.p-landing-scout-form-list {
    font-size: 14px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-form-list {
        font-size: 16px;
    }
}
.p-landing-scout-form-list__heading {
    color: #4d4d4d;
    font-weight: bold;
}
.p-landing-scout-form-list__content {
    margin-top: 8px;
}
.p-landing-scout-form-list__content + .p-landing-scout-form-list__heading {
    margin-top: 32px;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-form-list__content + .p-landing-scout-form-list__heading {
        margin-top: 40px;
    }
}
.p-landing-scout-form-list__content .p-password__field-container {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-form-list__content .p-password__toggle-display-btn {
        top: 5px;
    }
}
.p-landing-scout-form-list__note {
    margin-left: 4px;
    color: #939393;
    font-size: 12px;
    font-weight: normal;
}
.p-landing-scout-form__bottom-text {
    max-width: 552px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 64px;
    background-image: url(/images/user_frontend/landing/scout/icn_scout_form_bottom.png);
    background-size: 49px auto;
    background-position: center left 10px;
    background-repeat: no-repeat;
    color: #707070;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.67;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-form__bottom-text {
        padding-left: 54px;
        background-size: 38px auto;
        background-position: center left;
        font-size: 14px;
        line-height: 1.5;
    }
}
.p-landing-scout-login-outer {
    padding: 40px 0;
    text-align: center;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-login-outer {
        padding-top: 56px;
        padding-bottom: 56px;
    }
}
.p-landing-scout-login:hover {
    text-decoration: none;
}
.p-landing-scout-icon {
    font-size: 10px;
}
.p-mypage-search-condition-number {
    padding-bottom: 8px;
}
.p-mypage-search-condition-empty {
    padding-top: 28px;
    text-align: center;
}
.p-mypage-edit-condition__link.active {
    background-color: #fffff2;
}
.p-mypage-edit-condition__link.active td {
    background-color: transparent;
}
.p-mypage-heading-gray {
    background-color: #eee;
    font-size: 16px;
    font-weight: normal;
    padding: 9px 10px;
}
@media screen and (min-width: 768px) {
    .p-mypage-heading-gray {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
    }
}
.p-mypage-notification {
    margin-top: 24px;
}
.p-mypage-notification-box {
    margin-top: 14px;
    padding: 12px;
    border: 1px solid #d9d9d9;
    line-height: 1.5;
}
.p-mypage-notification-box__title {
    font-size: 14px;
    font-weight: bold;
}
.p-mypage-notification-box__content {
    margin-top: 8px;
}
.is-pc .p-mypage-notification-box__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.p-mypage-notification-box__list {
    list-style-type: none;
}
.p-mypage-notification-box__list > li {
    padding-left: 1em;
    text-indent: -1em;
}
.p-mypage-notification-box__list > li::before {
    content: "・";
}
.p-mypage-notification-box__link-outer {
    margin-top: 12px;
    padding: 12px 0;
    text-align: right;
    line-height: 1;
}
.is-pc .p-mypage-notification-box__link-outer {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.p-mypage-notification-box__link {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
}
.p-mypage-notification-box__link::after {
    width: 16px;
    height: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: "fontello";
    content: "\e80a";
}
.p-mypage-notification-box__link:hover {
    text-decoration: none;
}
.p-mypage-notification-box__link:hover .p-mypage-notification-box__link-inner {
    text-decoration: underline;
}
.p-mypage-notification-list {
    padding: 0 10px 14px;
    font-size: 14px;
    line-height: 1.57;
}
.p-mypage-notification-list__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.p-mypage-notification-list__content + .p-mypage-notification-list__content {
    border-top: 1px solid #efefef;
}
.p-mypage-notification-list__content dt,
.p-mypage-notification-list__content dd {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 16px;
}
.p-mypage-notification-list__content dt {
    font-size: 16px;
    font-weight: bold;
}
.p-mypage-notification-list__content dd + dd {
    display: block;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 16px;
}
.p-mypage-notification-list__title {
    width: 100%;
}
.p-mypage-notification-list__frequency {
    display: inline-flex;
    align-items: center;
    height: 18px;
    margin-top: 4px;
    padding: 0 5px;
    border-radius: 4px;
    background-color: #aaa;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
}
@media screen and (min-width: 768px) {
    .p-mypage-notification-list__frequency {
        margin-top: 8px;
    }
}
.p-mypage-notification-toggle > input {
    display: none;
}
.p-mypage-notification-toggle__icon {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    border: 1px solid #c4c4c4;
    border-radius: 15px;
    background-color: #fff;
    vertical-align: bottom;
    transition: background-color 0.2s, border-color 0.2s;
    cursor: pointer;
}
.p-mypage-notification-toggle__icon::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #c4c4c4;
    transition: left 0.2s, background-color 0.2s;
}
input[type="checkbox"]:checked + .p-mypage-notification-toggle__icon {
    border-color: transparent;
    background-color: #f26c79;
}
input[type="checkbox"]:checked + .p-mypage-notification-toggle__icon::after {
    left: calc(100% - 24px);
    background-color: #fff;
}
.p-mypage-notification-section {
    padding-bottom: 34px;
}
.p-mypage-notification-table {
    background: #fff;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.p-mypage-notification-table tr + tr {
    border-top: 1px solid #efefef;
}
.p-mypage-notification-table th,
.p-mypage-notification-table td {
    padding: 16px 20px;
    vertical-align: top;
    text-align: left;
}
.p-mypage-notification-table th {
    width: 160px;
    font-weight: bold;
}
.p-mypage-notification-table__label {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}
.p-mypage-notification-table__label input[type="checkbox"] {
    margin-top: 0;
}
.p-mypage-notification-text {
    margin-top: 5px;
    line-height: 1.67;
}
.p-mypage-notification-button-outer {
    width: 268px;
    margin: 0 auto;
}
.p-mypage-notification-button-outer .c-btn--mypage {
    height: 44px;
    font-size: 16px;
}
@keyframes slideTop {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
    }
}
.p-mypage-submit-button-outer {
    margin-bottom: 20px;
}
.p-mypage-overlay-bottom {
    margin-top: 16px;
    padding: 0 10px;
}
.p-mypage-overlay-bottom.is-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    margin-top: 0;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.75);
    animation: slideTop 0.2s;
}
.p-mypage-overlay-bottom .c-btn--mypage {
    height: 54px;
    font-size: 20px;
}
.p-resume-back-button-outer-80px,
.p-resume-back-button-outer-160px {
    margin-top: 12px;
    margin-left: auto;
}
.p-resume-back-button-outer-80px {
    width: 80px;
}
.p-resume-back-button-outer-160px {
    width: 160px;
}
.p-mypage-flash-message-wrapper {
    margin: 8px;
}
.is-pc .p-mypage-flash-message-wrapper {
    margin: 8px 0;
}
.p-preferred-date-error {
    display: none;
}
.p-mail-feedback .p-mail-feedback__complete,
.p-mail-feedback .p-mail-feedback__form-wrapper {
    margin-top: 30px;
    font-size: 14px;
}
.p-mail-feedback .p-mail-feedback__complete {
    padding-bottom: 80px;
}
.p-mail-feedback .p-mail-feedback__back-link {
    margin-top: 30px;
    text-align: center;
}
.p-mail-feedback .p-mail-feedback__annotation {
    margin-top: 8px;
}
.p-mail-feedback .p-mail-feedback__asterix {
    display: inline-block;
    padding-right: 5px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #ef4242;
}
@media screen and (min-width: 768px) {
    .p-mail-feedback .p-mail-feedback__form-wrapper {
        border: 1px solid #eee;
        padding: 40px 20%;
    }
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoForm {
    width: 100% !important;
    padding: 0 !important;
    font-size: 14px !important;
    margin-top: 30px;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoForm .mktoHtmlText {
    font-size: 14px;
    font-weight: bold;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoForm textarea.mktoField {
    -webkit-appearance: none;
    appearance: none;
    width: 100% !important;
    height: 6em;
    margin-top: 10px;
    margin-bottom: 40px;
    padding: 6px;
    border-radius: 4px;
    box-shadow: none;
    font-size: 14px;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoForm .mktoCheckboxList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    float: none;
    padding: 0;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoForm .mktoCheckboxList input {
    width: 24px;
    margin-top: 12px;
    cursor: pointer;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoForm .mktoCheckboxList label {
    width: calc(100% - 24px);
    margin-top: 12px;
    margin-bottom: 0;
    margin-left: 0;
    cursor: pointer;
}
@media screen and (max-width: 767px) {
    .p-mail-feedback .p-mail-feedback__form-wrapper .mktoForm .mktoCheckboxList label {
        padding-left: 8px;
    }
}
@media screen and (min-width: 768px) {
    .p-mail-feedback .p-mail-feedback__form-wrapper .mktoForm .mktoCheckboxList label {
        padding-left: 4px;
    }
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoForm .mktoAsterix {
    padding-right: 8px !important;
    padding-left: 0;
    color: #ef4242;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoForm .mktoFormCol {
    width: 100%;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoForm .mktoFieldWrap {
    width: 100%;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoOffset {
    display: none;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoHasWidth {
    width: auto !important;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoFormRow:nth-last-of-type(-n + 3) a,
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoFormRow:nth-last-of-type(-n + 3) strong {
    padding: 0;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoFormRow:nth-last-of-type(-n + 3) span,
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoFormRow:nth-last-of-type(-n + 3) strong {
    font-size: 12px !important;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoFormRow:nth-last-of-type(-n + 3) span span,
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoFormRow:nth-last-of-type(-n + 3) span a {
    color: #0f71d2 !important;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoFormRow:nth-last-of-type(-n + 3) a:hover {
    text-decoration: underline;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoFormRow:nth-last-of-type(-n + 3) .mktoHtmlText {
    font-weight: normal;
    color: #808080;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoButtonRow {
    display: block;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .p-mail-feedback .p-mail-feedback__form-wrapper .mktoButtonRow {
        margin-top: 30px;
    }
}
@media screen and (min-width: 768px) {
    .p-mail-feedback .p-mail-feedback__form-wrapper .mktoButtonRow {
        margin-top: 20px;
    }
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoButtonWrap {
    display: inline-block;
    width: 100%;
    max-width: 200px;
    margin-left: 0 !important;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoButton {
    width: 100%;
    height: 50px;
    box-shadow: 0 -2px #cc6305 inset !important;
    border: 1px solid #ec6c41 !important;
    border-radius: 4px;
    background: #ff6600 !important;
    color: #fff !important;
    font-size: 14px !important;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoError {
    left: 13px;
    right: auto !important;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoError .mktoErrorMsg {
    background-color: #d83019;
    color: #fff;
    background-image: none;
    text-shadow: none;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.5) 0 3px 10px;
}
.p-mail-feedback .p-mail-feedback__form-wrapper .mktoError .mktoErrorArrowWrap .mktoErrorArrow {
    background-color: #d83019;
    border: none;
}
.p-job-condition-links {
    margin-left: -10px;
    margin-right: -10px;
    padding: 16px 10px;
    background-color: #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.p-job-condition-links__button-list {
    display: flex;
    margin: 0 -6px;
}
.p-job-condition-links__button {
    position: relative;
    flex-basis: 50%;
    height: 44px;
    margin: 0 6px;
    padding: 0 12px 0 34px;
    border: 1px solid #bbb;
    border-radius: 4px;
    background-color: #fff;
    color: #000;
    font-weight: bold;
    text-align: left;
}
.p-job-condition-links__button::after {
    content: "\e80a";
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    font-family: "fontello";
    font-size: 18px;
}
.p-job-condition-links__button > img {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
}
.p-job-condition-links__button--disabled {
    justify-content: flex-start;
    border: none;
    background-color: #efefef;
    color: #a6a6a6;
}
.p-job-condition-links__button--disabled::after {
    content: "";
}
.p-job-condition-links__icon {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    padding: 0;
    border: none;
    background-color: transparent;
    outline: none;
}
.p-job-condition-links__icon img {
    display: block;
}
.p-search-form-modal .c-full-screen-rounded-modal__heading,
.p-search-form-modal .c-full-screen-rounded-modal__content {
    padding-left: 10px;
    padding-right: 10px;
}
.p-search-form-modal .c-small-panel-list {
    margin-top: 8px;
}
.p-search-form-modal .c-small-panel-list.is-hidden {
    display: none;
}
.p-search-form-modal__text-link {
    text-align: right;
    font-size: 13px;
}
.p-search-form-modal__text-link a {
    display: inline-flex;
    align-items: center;
}
.p-search-form-modal__text-link a::after {
    content: "\e80a";
    display: inline-block;
    font-family: "fontello";
    font-size: 18px;
    padding-left: 4px;
}
.p-search-form-modal__empty {
    margin-top: 32px;
    text-align: center;
}
.p-new-graduate-main-img {
    margin: -16px -16px 0;
}
.p-new-graduate-search-box {
    margin-top: 16px;
}
.p-new-graduate-search {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.p-new-graduate-search .c-btn,
.p-new-graduate-search .p-friend-button,
.p-new-graduate-search .p-suggest-list__btn,
.p-new-graduate-search .p-mail-btn,
.p-new-graduate-search .p-matching-support-cassette__button {
    height: 46px;
}
.p-new-graduate-search__item {
    width: calc(33.33% - 20px);
    flex-grow: 1;
}
.p-new-graduate-search__submit-outer {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .p-new-graduate-search__submit-outer {
        width: calc(33.33% - 20px);
    }
}
.p-new-graduate-search__icon {
    width: 19px;
    padding-left: 4px;
    padding-right: 4px;
    flex-shrink: 0;
}
.p-oiwai-lp {
    background: #fff;
    color: #000;
    width: 100%;
    margin-bottom: -50px;
}
.p-oiwai-lp a,
.p-oiwai-lp a:hover {
    text-decoration: underline;
}
.p-oiwai-lp .p-oiwai-lp__key-visual {
    background: #ffb4bc url(/images/user_frontend/landing/oiwaikin_w/oiwai_bk_pc.png);
    height: 650px;
    text-align: center;
    background-position: center center;
}
.p-oiwai-lp .p-oiwai-lp__key-visual > img {
    width: 920px;
    margin-top: 44px;
}
.p-oiwai-lp .p-oiwai-lp__key-visual > .p-oiwai-lp__button-area {
    padding: 0;
    position: relative;
    top: -25px;
}
.p-oiwai-lp .p-oiwai-lp__step-list {
    text-align: center;
}
.p-oiwai-lp .p-oiwai-lp__step-list > span {
    top: -40px;
    position: relative;
}
.p-oiwai-lp .p-oiwai-lp__step-list > li {
    display: inline-block;
    width: 288px;
    height: 170px;
    position: relative;
    border: solid 2px #23b1e8;
    margin: 0 0 10px 0;
}
.p-oiwai-lp .p-oiwai-lp__step-list > li:nth-of-type(3),
.p-oiwai-lp .p-oiwai-lp__step-list > li:nth-of-type(6) {
    border: solid 2px #d81843;
    background: #fff3ee;
}
.p-oiwai-lp .p-oiwai-lp__step-list > li:nth-of-type(3) > .p-oiwai-lp__step-label,
.p-oiwai-lp .p-oiwai-lp__step-list > li:nth-of-type(6) > .p-oiwai-lp__step-label {
    position: relative;
    display: inline-block;
    padding: 5px;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: linear-gradient(to bottom left, #860e13, #bc0a21, #e21e4f, #bc0a21, #860e13);
    letter-spacing: 2px;
}
.p-oiwai-lp .p-oiwai-lp__step-list > li:nth-of-type(3) > .p-oiwai-lp__step-label:before,
.p-oiwai-lp .p-oiwai-lp__step-list > li:nth-of-type(6) > .p-oiwai-lp__step-label:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #bb0f25;
}
.p-oiwai-lp .p-oiwai-lp__step-list > li h3 {
    line-height: 3em;
    font-weight: bold;
    font-size: 16pt;
}
.p-oiwai-lp .p-oiwai-lp__step-list > li p {
    width: 100%;
    padding: 0 3px;
    font-size: 16px;
}
.p-oiwai-lp .p-oiwai-lp__step-label {
    position: relative;
    display: inline-block;
    padding: 5px;
    width: 100%;
    color: #fff;
    font-size: 16px;
    background: #23b1e8;
    letter-spacing: 2px;
}
.p-oiwai-lp .p-oiwai-lp__step-label:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #23b1e8;
}
.p-oiwai-lp .uk-sticky-placeholder {
    margin: 30px 0 0 0 !important;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 1000;
}
.p-oiwai-lp .p-oiwai-lp__nav-list > ul {
    background: #fff;
    text-align: center;
    height: 55px;
    display: flex;
    justify-content: center;
    padding: 10px;
}
.p-oiwai-lp .p-oiwai-lp__nav-list > ul > li:not(:first-child) {
    border-left: 1px solid #ccc;
}
.p-oiwai-lp .p-oiwai-lp__nav-list > ul > li > a {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 5px 25px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
.p-oiwai-lp .p-oiwai-lp__nav-list > ul > li > a:hover,
.p-oiwai-lp .p-oiwai-lp__nav-list > ul > li > a.current {
    color: #fc3284;
    text-decoration: none;
}
.p-oiwai-lp .p-oiwai-lp__nav-list > ul > li > a::after {
    position: absolute;
    bottom: 18%;
    left: 50%;
    content: "";
    display: inline-block;
    padding: 6px;
    transform: rotate(45deg) translateX(-50%);
    -webkit-transform: rotate(45deg) translateX(-50%);
}
.p-oiwai-lp .p-oiwai-lp__nav-list > ul > li > a:hover::after,
.p-oiwai-lp .p-oiwai-lp__nav-list > ul > li > a.current::after {
    border-color: #fff;
}
.p-oiwai-lp .p-oiwai-lp__nav-list.uk-active {
    z-index: 10;
    width: auto;
    margin: auto !important;
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.2);
}
.p-oiwai-lp .p-oiwai-lp__sec-inner {
    padding-top: 60px;
    width: 980px;
    margin: auto;
}
.p-oiwai-lp .p-oiwai-lp__sec-heading {
    width: 100%;
    height: 42px;
    line-height: 1.5;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    background: url(/images/user_frontend/landing/oiwaikin_w/oiwai_bk_ttl1_pc.png) no-repeat center;
}
.p-oiwai-lp .p-oiwai-lp__sec-heading > span {
    display: block;
    font-size: 21px;
    margin-top: 8px;
}
.p-oiwai-lp #overview > .p-oiwai-lp__sec-inner > h2,
.p-oiwai-lp #question > .p-oiwai-lp__sec-inner > h2 {
    background: url(/images/user_frontend/landing/oiwaikin_w/oiwai_bk_ttl2_pc.png) no-repeat center;
}
.p-oiwai-lp .p-oiwai-lp__sec-content {
    padding: 50px 30px 0px;
}
.p-oiwai-lp .p-oiwai-lp__overview-list {
    padding: 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 10pt;
}
.p-oiwai-lp .p-oiwai-lp__overview-list:first-child {
    border-top: 1px solid #000;
}
.p-oiwai-lp .p-oiwai-lp__overview-list > dt {
    background: #ffb4bc;
    border-right: 1px solid #000;
    width: 17%;
    padding: 15px;
    vertical-align: top;
    font-weight: bold;
}
.p-oiwai-lp .p-oiwai-lp__overview-list > dd {
    padding: 15px 15px 0 15px;
    vertical-align: top;
    width: 83%;
    background: #fff;
}
.p-oiwai-lp .p-oiwai-lp__overview-list > dd > h4 {
    font-weight: bold;
    margin-bottom: 3px;
}
.p-oiwai-lp .p-oiwai-lp__overview-list > dd > p {
    padding-bottom: 15px;
}
.p-oiwai-lp #overview > .p-oiwai-lp__sec-inner > p {
    text-align: center;
    font-weight: bold;
    line-height: 1.8em;
    margin-top: 30px;
    padding: 0 15px;
}
.p-oiwai-lp .p-oiwai-lp__qa-list {
    list-style: none;
}
.p-oiwai-lp .p-oiwai-lp__qa-list > li {
    border: 2px solid #22b2ea;
}
.p-oiwai-lp .p-oiwai-lp__qa-list > li + li {
    margin-top: 8px;
}
.p-oiwai-lp .p-oiwai-lp__qa-list_q {
    position: relative;
    background-color: #23b1e8;
    color: #fff;
    font-size: 19px;
    padding: 9px 9px 9px 50px;
}
.p-oiwai-lp .p-oiwai-lp__qa-list_q::before {
    position: absolute;
    left: 20px;
    content: "Q.";
    color: #fff25c;
    font-weight: bold;
}
.p-oiwai-lp .p-oiwai-lp__qa-list_q::after {
    position: absolute;
    right: 20px;
    top: 10px;
    content: "";
    border: solid #fff25c;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: 0.4s ease-out;
    -webkit-transition: 0.4s ease-out;
}
.p-oiwai-lp .active > .p-oiwai-lp__qa-list_q::after {
    top: 20px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.p-oiwai-lp .p-oiwai-lp__qa-list_a {
    position: relative;
    background: #fff;
    overflow: hidden;
    max-height: 0;
    transition: 0.8s ease;
    -webkit-transition: 0.8s ease;
}
.p-oiwai-lp .p-oiwai-lp__qa-list_a > h4 {
    padding: 15px 50px 0px;
    font-weight: bold;
}
.p-oiwai-lp .p-oiwai-lp__qa-list_a > p {
    padding: 15px 50px;
}
.p-oiwai-lp .p-oiwai-lp__qa-list_a::before {
    content: "A.";
    font-weight: bold;
    position: absolute;
    top: 15px;
    left: 20px;
}
.p-oiwai-lp .active > .p-oiwai-lp__qa-list_a {
    max-height: 1000px;
    display: block;
}
.p-oiwai-lp .p-oiwai-lp__button-area {
    padding: 60px 0;
    text-align: center;
}
.p-oiwai-lp .p-oiwai-lp__search-btn {
    display: inline-block;
    width: 300px;
    height: 75px;
    color: #fff;
    background: #fc3284;
    border-radius: 35px;
    border-bottom: solid 5px #bf0652;
    font-size: 22px;
    font-weight: bold;
    padding-top: 30px;
    line-height: 0.8;
    margin: 0 15px;
    text-decoration: none;
}
.p-oiwai-lp .p-oiwai-lp__search-btn:hover,
.p-oiwai-lp .p-oiwai-lp__search-btn:active {
    text-decoration: none;
    color: #fff;
    background: #fb6084;
}
.p-oiwai-lp .p-oiwai-lp__request-btn {
    display: inline-block;
    width: 300px;
    height: 75px;
    color: #fc3284;
    background: #fff;
    border-radius: 35px;
    border: solid 2px #fc3284;
    border-bottom: solid 5px #bf0652;
    font-size: 22px;
    font-weight: bold;
    padding-top: 30px;
    line-height: 0.8;
    margin: 0 15px;
    text-decoration: none;
}
.p-oiwai-lp .p-oiwai-lp__request-btn:hover,
.p-oiwai-lp .p-oiwai-lp__request-btn:active {
    text-decoration: none;
    background: #fff0f7;
}
@media screen and (max-width: 768px) {
    .p-oiwai-lp {
        width: 100% !important;
        padding: 0 !important;
        min-width: 320px;
        font-size: 13px;
    }
    .p-oiwai-lp .p-oiwai-lp__key-visual {
        height: auto;
    }
    .p-oiwai-lp .p-oiwai-lp__key-visual > img {
        width: 100%;
        margin-top: 0;
    }
    .p-oiwai-lp .uk-sticky-placeholder {
        margin-top: 0px !important;
    }
    .p-oiwai-lp .p-oiwai-lp__step-list > li {
        width: 100%;
        font-size: 18px !important;
        margin: 5px 0;
        max-width: 530px;
        height: auto;
        min-height: 160px;
    }
    .p-oiwai-lp .p-oiwai-lp__step-list > li > p {
        font-size: 16px;
    }
    .p-oiwai-lp .p-oiwai-lp__step-list > li > h3 {
        font-size: 15pt;
    }
    .p-oiwai-lp .p-oiwai-lp__step-list > p {
        font-size: 21px !important;
    }
    .p-oiwai-lp .p-oiwai-lp__step-list > span {
        display: none;
    }
    .p-oiwai-lp .p-oiwai-lp__nav-list > ul {
        padding: 18px 0;
    }
    .p-oiwai-lp .p-oiwai-lp__nav-list > ul > li > a {
        font-size: 14px;
        padding: 0 7px;
    }
    .p-oiwai-lp .p-oiwai-lp__nav-list > ul > li > a::after {
        bottom: 6%;
        border-width: 0 4px 4px 0;
        padding: 4px;
    }
    .p-oiwai-lp .p-oiwai-lp__sec-inner {
        padding-top: 20px;
        width: 100%;
    }
    .p-oiwai-lp .p-oiwai-lp__sec-heading {
        height: 40px;
        font-size: 25px;
        background-position: center center;
        background: url(/images/user_frontend/landing/oiwaikin_w/oiwai_bk_ttl1_sp.png) no-repeat center;
    }
    .p-oiwai-lp .p-oiwai-lp__sec-heading > span {
        font-size: 18px;
        margin-top: 6px;
    }
    .p-oiwai-lp #overview > .p-oiwai-lp__sec-inner > h2,
    .p-oiwai-lp #question > .p-oiwai-lp__sec-inner > h2 {
        background: url(/images/user_frontend/landing/oiwaikin_w/oiwai_bk_ttl2_sp.png) no-repeat center;
    }
    .p-oiwai-lp #overview > .p-oiwai-lp__sec-inner > p {
        padding: 0;
    }
    .p-oiwai-lp .p-oiwai-lp__sec-content {
        padding: 20px 15px 10px;
    }
    .p-oiwai-lp .p-oiwai-lp__overview-list {
        display: block;
    }
    .p-oiwai-lp .p-oiwai-lp__overview-list > li {
        padding: 20px 0;
    }
    .p-oiwai-lp .p-oiwai-lp__overview-list > dt {
        padding: 10px;
        border-right: none;
        border-bottom: 1px solid #000;
        width: 100%;
        text-align: center;
    }
    .p-oiwai-lp .p-oiwai-lp__overview-list > dd {
        padding: 10px 10px 0 10px;
        width: 100%;
    }
    .p-oiwai-lp .p-oiwai-lp__qa-list > li + li {
        margin-top: 4px;
    }
    .p-oiwai-lp .p-oiwai-lp__qa-list_q {
        background-repeat: repeat;
        font-size: 15px !important;
        padding: 7px 26px 7px 38px;
    }
    .p-oiwai-lp .p-oiwai-lp__qa-list_q::before {
        left: 14px;
    }
    .p-oiwai-lp .p-oiwai-lp__qa-list_q::after {
        right: 14px;
        top: 15px;
        border: solid #fff25c;
        border-width: 0 3px 3px 0;
        padding: 4px;
    }
    .p-oiwai-lp .p-oiwai-lp__qa-list_a > p {
        font-size: 14px;
        padding: 15px 25px 15px 35px;
    }
    .p-oiwai-lp .p-oiwai-lp__qa-list_a::before {
        top: 15px;
        left: 12px;
        font-size: 15px;
    }
    .p-oiwai-lp .p-oiwai-lp__qa-list_a > h4 {
        padding: 5px 35px 0px;
        font-size: 11pt;
    }
    .p-oiwai-lp .p-oiwai-lp__button-area {
        padding: 20px 0px;
    }
    .p-oiwai-lp .p-oiwai-lp__button-area > a {
        display: inline-block;
        margin: 10px;
    }
    .p-oiwai-lp .p-oiwai-lp__key-visual + .p-oiwai-lp__button-area {
        padding: 30px 15px 10px;
    }
    .p-oiwai-lp .p-oiwai-lp__search-btn {
        width: 250px;
        height: 60px;
        font-size: 18px;
        padding-top: 12px;
        border-bottom: solid 4px #bf0652;
        line-height: 1.9;
    }
    .p-oiwai-lp .p-oiwai-lp__request-btn {
        width: 250px;
        height: 60px;
        font-size: 18px;
        padding-top: 12px;
        border-bottom: solid 4px #bf0652;
        line-height: 1.9;
    }
}
@media screen and (min-width: 769px) {
    .p-oiwai-lp {
        font-size: 16px;
    }
    .p-oiwai-lp .p-oiwai-lp__section {
        border-top: solid #fc3284 3px;
    }
    .p-oiwai-lp .p-oiwai-lp__section--step {
        border: none;
    }
    .p-oiwai-lp .p-oiwai-lp__section--overview {
        background: #fff3ee;
    }
}
.js-awards-fade-in {
    opacity: 0;
    transform: translateX(40px);
    transition-property: opacity, transform;
    transition-duration: 1.4s, 1s;
}
.js-awards-fade-in.is-shown {
    opacity: 1;
    transform: initial;
}
.js-awards-fade-in--delay100ms {
    transition-delay: 0.1s;
}
.js-awards-fade-in--delay200ms {
    transition-delay: 0.2s;
}
@keyframes arrowmove {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(4px);
    }
    100% {
        transform: translateY(0);
    }
}
.p-awards-2021-top-slider-outer {
    position: relative;
    overflow-y: hidden;
}
@media screen and (min-width: 768px) {
    .p-awards-2021-top-slider-outer {
        position: absolute;
        top: 0;
        right: 0;
        width: 45.56%;
        height: 100%;
    }
}
.p-awards-2021-top-slider-outer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0, #fff 9.15%, rgba(255, 255, 255, 0) 17.14%);
}
@media screen and (min-width: 768px) {
    .p-awards-2021-top-slider-outer::after {
        content: none;
    }
}
@media screen and (min-width: 768px) {
    .p-awards-2021-top-first-view {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 50.61%;
        height: 100%;
    }
}
.p-awards-2021-top-first-view .c-awards-first-view-button,
.p-awards-2021-top-first-view .c-awards2025-first-view-button,
.p-awards-2021-top-first-view .c-awards2024-first-view-button {
    position: static;
    transform: none;
    width: 100%;
    height: 64px;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .p-awards-2021-top-first-view .c-awards-first-view-button,
    .p-awards-2021-top-first-view .c-awards2025-first-view-button,
    .p-awards-2021-top-first-view .c-awards2024-first-view-button {
        position: absolute;
        left: 0;
        bottom: 0;
        margin-left: 0;
        margin-right: 0;
        height: 64px;
    }
}
.p-awards-2021-top-first-view__copy {
    width: 82%;
    margin: 0 auto 34px;
}
@media screen and (min-width: 768px) {
    .p-awards-2021-top-first-view__copy {
        width: 100%;
        margin-bottom: 28px;
    }
}
.p-awards-2021-top-first-view__text {
    display: none;
    padding-bottom: 7.25%;
    color: #6c5e5e;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    font-size: 14px;
    line-height: 2.2;
}
@media screen and (min-width: 768px) {
    .p-awards-2021-top-first-view__text {
        display: block;
    }
}
.p-awards-2021-top-slider {
    display: flex;
}
@keyframes slideToBottom {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-50%);
    }
}
@keyframes slideToTop {
    from {
        transform: translateY(-50%);
    }
    to {
        transform: translateY(0);
    }
}
.p-awards-2021-top-slider__item {
    width: 50%;
    height: 0;
    padding-bottom: 943.9%;
    background-image: url("https://relax-job.com/images/user_frontend/special/rejob_awards_2021/top/img_eyecatch_left.jpg");
    background-size: contain;
    background-repeat: repeat;
    animation-duration: 40s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-name: slideToBottom;
}
.p-awards-2021-top-slider__item:nth-child(2n) {
    background-image: url("https://relax-job.com/images/user_frontend/special/rejob_awards_2021/top/img_eyecatch_right.jpg");
    animation-name: slideToTop;
}
.p-awards2021-top-categories {
    background-image: url(/images/user_frontend/special/rejob_awards_2021/top/img_category_background.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-2021-top-about-thumbnail,
    .c-awards-top-category__image,
    .c-awards2025-top-category__image,
    .c-awards2024-top-category__image {
        flex-shrink: 0;
        width: 41.63%;
        max-width: 408px;
        box-shadow: 12px 12px 0 0 rgba(249, 96, 117, 0.2);
    }
}
.p-awards-2021-top-about-thumbnail {
    margin-top: 24px;
}
@media screen and (min-width: 768px) {
    .p-awards-2021-top-about-thumbnail {
        margin-top: 0;
    }
}
.p-awards-2021-top-about-text {
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.8;
}
@media screen and (min-width: 768px) {
    .p-awards-2021-top-about-text {
        padding-left: 44px;
    }
}
.p-awards-2021-top-about-text p + p {
    margin-top: 25.2px;
}
.p-awards-category-header,
.p-awards-2025-category-header,
.p-awards-2024-category-header,
.p-awards-2024-interview-header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 390px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000;
    color: #fff;
    font-size: 14px;
}
@media screen and (min-width: 768px) {
    .p-awards-category-header,
    .p-awards-2025-category-header,
    .p-awards-2024-category-header,
    .p-awards-2024-interview-header {
        height: 400px;
        font-size: 16px;
    }
}
.p-awards-category-header--hospitality {
    background-image: url(/images/user_frontend/special/rejob_awards_2021/hospitality/img_heading_background_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-category-header--hospitality {
        background-image: url(/images/user_frontend/special/rejob_awards_2021/hospitality/img_heading_background_pc.jpg);
    }
}
.p-awards-category-header--diversity {
    background-image: url(/images/user_frontend/special/rejob_awards_2021/diversity/img_heading_background_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-category-header--diversity {
        background-image: url(/images/user_frontend/special/rejob_awards_2021/diversity/img_heading_background_pc.jpg);
    }
}
.p-awards-category-header--sdgs_action {
    background-image: url(/images/user_frontend/special/rejob_awards_2021/sdgs_action/img_heading_background_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-category-header--sdgs_action {
        background-image: url(/images/user_frontend/special/rejob_awards_2021/sdgs_action/img_heading_background_pc.jpg);
    }
}
.p-awards-category-header--career_support {
    background-image: url(/images/user_frontend/special/rejob_awards_2021/career_support/img_heading_background_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-category-header--career_support {
        background-image: url(/images/user_frontend/special/rejob_awards_2021/career_support/img_heading_background_pc.jpg);
    }
}
.p-awards-category-header--hokkaido_tohoku {
    background-image: url(/images/user_frontend/special/rejob_awards_2021/hokkaido_tohoku/img_heading_background_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-category-header--hokkaido_tohoku {
        background-image: url(/images/user_frontend/special/rejob_awards_2021/hokkaido_tohoku/img_heading_background_pc.jpg);
    }
}
.p-awards-category-header--kanto {
    background-image: url(/images/user_frontend/special/rejob_awards_2021/kanto/img_heading_background_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-category-header--kanto {
        background-image: url(/images/user_frontend/special/rejob_awards_2021/kanto/img_heading_background_pc.jpg);
    }
}
.p-awards-category-header--kinki_chubu {
    background-image: url(/images/user_frontend/special/rejob_awards_2021/kinki_chubu/img_heading_background_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-category-header--kinki_chubu {
        background-image: url(/images/user_frontend/special/rejob_awards_2021/kinki_chubu/img_heading_background_pc.jpg);
    }
}
.p-awards-category-header--chugoku_shikoku_kyushu {
    background-image: url(/images/user_frontend/special/rejob_awards_2021/chugoku_shikoku_kyushu/img_heading_background_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-category-header--chugoku_shikoku_kyushu {
        background-image: url(/images/user_frontend/special/rejob_awards_2021/chugoku_shikoku_kyushu/img_heading_background_pc.jpg);
    }
}
.p-awards-category-header__heading {
    padding-bottom: 12px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
}
@media screen and (min-width: 768px) {
    .p-awards-category-header__heading {
        padding-bottom: 10px;
        font-size: 40px;
    }
}
.p-awards-category-header__content {
    line-height: 1.8;
}
.p-awards-categries-label {
    max-width: 100%;
}
.p-awards-categries-label--gold {
    max-width: 297px;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-label--gold {
        max-width: 454px;
    }
}
.p-awards-categries-label--silver {
    max-width: 305px;
}
.p-awards-categries-label--bronze {
    max-width: 333px;
}
.p-awards-category-header__share-buttons-outer,
.p-awards-2024-category-header__share-buttons-outer {
    margin-top: 22px;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-awards-category-header__share-buttons-outer,
    .p-awards-2024-category-header__share-buttons-outer {
        margin-top: 24px;
        text-align-last: left;
    }
}
.p-awards-category-header__share-buttons-outer .c-awards-share-button-area,
.p-awards-2024-category-header__share-buttons-outer .c-awards-share-button-area {
    width: 100%;
    max-width: 360px;
}
@media screen and (min-width: 768px) {
    .p-awards-category-header__share-buttons-outer .c-awards-share-button-area,
    .p-awards-2024-category-header__share-buttons-outer .c-awards-share-button-area {
        max-width: 308px;
    }
}
@media screen and (min-width: 768px) {
    .p-awards-category-header__share-buttons-outer .c-awards-share-button,
    .p-awards-2024-category-header__share-buttons-outer .c-awards-share-button,
    .p-awards-category-header__share-buttons-outer .c-awards-share-button--facebook,
    .p-awards-2024-category-header__share-buttons-outer .c-awards-share-button--facebook,
    .p-awards-category-header__share-buttons-outer .c-awards-share-button--twitter,
    .p-awards-2024-category-header__share-buttons-outer .c-awards-share-button--twitter,
    .p-awards-category-header__share-buttons-outer .c-awards-share-button--x,
    .p-awards-2024-category-header__share-buttons-outer .c-awards-share-button--x {
        font-size: 13px;
    }
}
.p-awards-interview-comment:nth-child(2n),
.p-awards-interview-article:nth-child(2n),
.p-awards-interview-header:nth-child(2n),
.p-awards-categries-section:nth-child(2n) {
    background-color: #f5f2f3;
}
.p-awards-categries-section {
    padding-top: 44px;
    padding-bottom: 60px;
    font-size: 14px;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-section {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
.p-awards-categries-section + .p-awards-categries-section {
    padding-top: 60px;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-section + .p-awards-categries-section {
        padding-top: 100px;
    }
}
@media screen and (min-width: 768px) {
    .p-awards-categries-section:last-child {
        padding-top: 80px;
    }
}
.p-awards-categries-awarding {
    padding-bottom: 60px;
    font-size: 14px;
    line-height: 1.5;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-awarding {
        padding-bottom: 100px;
    }
}
.p-awards-categries-awarding + .p-awards-categries-awarding {
    padding-top: 60px;
    border-top: 1px solid #c9c9c9;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-awarding + .p-awards-categries-awarding {
        margin-top: 10px;
        padding-top: 110px;
    }
}
.p-awards-categries-awarding__column {
    display: block;
    color: #333;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-awarding__column {
        display: flex;
        flex-direction: row-reverse;
        margin-top: 18px;
    }
}
.p-awards-categries-awarding__column:hover {
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-awarding__column:hover .p-awards-categries-awarding__image-inner {
        transform: translate(-50%, -50%) scale(1.05);
    }
    .p-awards-categries-awarding__column:hover .c-awards-arrow-link::after,
    .p-awards-categries-awarding__column:hover .c-awards-outline-button::after {
        transform: translateX(0.5em);
    }
}
.p-awards-categries-awarding__content {
    margin-top: 20px;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-awarding__content {
        flex-basis: 69.7%;
        margin-top: 0;
        padding-right: 2.65%;
    }
}
.p-awards-categries-awarding__heading {
    font-size: 26px;
    line-height: 1.38;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-awarding__heading {
        font-size: 34px;
        line-height: 1.5;
    }
}
.p-awards-categries-awarding__place {
    margin-top: 4px;
    font-size: 16px;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-awarding__place {
        margin-top: 8px;
    }
}
.p-awards-categries-awarding__image-outer {
    margin: 20px -16px 0;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-awarding__image-outer {
        flex-basis: 30.3%;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
}
.p-awards-categries-awarding__image {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.32%;
}
.p-awards-categries-awarding__image-inner {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: transform 2s;
}
.p-awards-categries-awarding__text {
    margin-top: 18px;
    line-height: 1.8;
}
.p-awards-categries-awarding__link {
    margin-top: 18px;
}
.p-awards-categries-awarding__link .c-awards-arrow-link {
    font-size: 14px;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-awarding__link .c-awards-arrow-link {
        font-size: 16px;
    }
}
.p-awards-categries-awarding__link .c-awards-arrow-link::after {
    width: 16px;
    height: 9px;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-awarding__link .c-awards-arrow-link::after {
        width: 27px;
        height: 14px;
    }
}
.p-awards-categries-coming {
    padding: 30px 24px;
    background: #fff1f4;
    font-size: 14px;
    line-height: 1.5;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-coming {
        padding: 48px 60px 50px;
        border-radius: 4px;
    }
}
.p-awards-categries-coming__image {
    width: 110px;
    margin-left: -6px;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-coming__image {
        margin-left: -20px;
    }
}
.p-awards-categries-coming__heading {
    margin-top: 6px;
    font-size: 16px;
    font-weight: bold;
}
.p-awards-categries-coming__text {
    margin-top: 8px;
    line-height: 1.8;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-grid {
        display: flex;
        flex-wrap: wrap;
        margin-left: -4.29%;
        margin-right: -4.29%;
    }
}
@media screen and (min-width: 768px) {
    .p-awards-categries-grid .p-awards-categries-awarding {
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media screen and (min-width: 768px) {
    .p-awards-categries-grid .p-awards-categries-awarding + .p-awards-categries-awarding {
        margin-top: 0;
        padding-top: 140px;
        border-top: none;
    }
}
@media screen and (min-width: 768px) {
    .p-awards-categries-grid .p-awards-categries-awarding + .p-awards-categries-awarding .p-awards-categries-awarding__link {
        max-width: 282px;
    }
}
@media screen and (min-width: 768px) {
    .p-awards-categries-grid .p-awards-categries-awarding + .p-awards-categries-awarding .c-awards-outline-button {
        height: 58px;
        font-size: 18px;
    }
}
.p-awards-categries-grid .p-awards-categries-awarding:last-of-type {
    padding-bottom: 0;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-grid .p-awards-categries-awarding__content {
        margin-top: 26px;
        padding-right: 0;
    }
}
@media screen and (min-width: 768px) {
    .p-awards-categries-grid .p-awards-categries-awarding__column {
        display: block;
        margin-top: 26px;
    }
}
@media screen and (min-width: 768px) {
    .p-awards-categries-grid .p-awards-categries-awarding__link {
        margin-top: 26px;
        max-width: 332px;
    }
}
@media screen and (min-width: 768px) {
    .p-awards-categries-grid .c-awards-outline-button span {
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 768px) {
    .p-awards-categries-grid__item {
        flex-basis: 100%;
        padding-left: 3.95%;
        padding-right: 3.95%;
    }
}
@media screen and (min-width: 768px) {
    .p-awards-categries-grid__item + .p-awards-categries-grid__item {
        flex-basis: 50%;
    }
}
@media screen and (min-width: 768px) {
    .p-awards-categries-selected .c-awards-heading {
        text-align: left;
    }
}
.p-awards-categries-selected-list {
    list-style-type: none;
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-selected-list {
        display: flex;
        flex-wrap: wrap;
        margin: 20px -10px -20px;
        padding-left: 0;
        padding-right: 0;
    }
}
.p-awards-categries-selected-list li {
    padding-top: 40px;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-selected-list li {
        flex-basis: 25%;
        max-width: 25%;
        position: relative;
        padding: 20px 10px 62px;
    }
}
.p-awards-categries-selected-list li + li {
    margin-top: 30px;
    border-top: 1px solid #c9c9c9;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-selected-list li + li {
        margin-top: 0;
        border-top: none;
    }
}
.p-awards-categries-selected-list__cassette {
    display: block;
    color: #333;
}
.p-awards-categries-selected-list__cassette:hover {
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-selected-list__cassette:hover .p-awards-categries-selected-list__image {
        transform: translate(-50%, -50%) scale(1.05);
    }
    .p-awards-categries-selected-list__cassette:hover .c-awards-arrow-link::after {
        transform: translateX(0.5em);
    }
}
.p-awards-categries-selected-list__image-outer {
    position: relative;
    height: 0;
    padding-bottom: 56.32%;
    overflow: hidden;
}
.p-awards-categries-selected-list__image {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: transform 2s;
}
.p-awards-categries-selected-list__heading {
    margin-top: 12px;
    font-size: 16px;
    font-weight: bold;
}
.p-awards-categries-selected-list__text {
    margin-top: 4px;
}
.p-awards-categries-selected-list__link {
    margin-top: 14px;
}
@media screen and (min-width: 768px) {
    .p-awards-categries-selected-list__link {
        position: absolute;
        left: 10px;
        bottom: 20px;
        margin-top: 0;
    }
}
.p-awards-categries-selected-list__link .c-awards-arrow-link {
    font-size: 14px;
}
.p-awards-categries-selected-list__link .c-awards-arrow-link::after {
    width: 16px;
    height: 9px;
}
.p-awards-other-categries-list,
.p-awards-2025-other-categries-list,
.p-awards-2024-other-categries-list {
    list-style-type: none;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (min-width: 768px) {
    .p-awards-other-categries-list,
    .p-awards-2025-other-categries-list,
    .p-awards-2024-other-categries-list {
        display: flex;
        flex-wrap: wrap;
        margin: 12px -8px 0;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 768px) {
    .p-awards-other-categries-list li,
    .p-awards-2025-other-categries-list li,
    .p-awards-2024-other-categries-list li {
        flex-basis: 33.33%;
        max-width: 33.33%;
        padding: 8px;
    }
}
.p-awards-other-categries-list li + li,
.p-awards-2025-other-categries-list li + li,
.p-awards-2024-other-categries-list li + li {
    margin-top: 14px;
}
@media screen and (min-width: 768px) {
    .p-awards-other-categries-list li + li,
    .p-awards-2025-other-categries-list li + li,
    .p-awards-2024-other-categries-list li + li {
        margin-top: 0;
    }
}
.p-awards-other-categries-list__link,
.p-awards-2025-other-categries-list__link,
.p-awards-2024-other-categries-list__link {
    display: block;
    transition: opacity 0.15s;
}
@media screen and (min-width: 768px) {
    .p-awards-other-categries-list__link:hover,
    .p-awards-2025-other-categries-list__link:hover,
    .p-awards-2024-other-categries-list__link:hover {
        opacity: 0.7;
    }
}
.p-awards-interview-comment,
.p-awards-interview-article,
.p-awards-interview-header {
    padding-top: 32px;
    font-size: 14px;
    line-height: 1.5;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-comment,
    .p-awards-interview-article,
    .p-awards-interview-header {
        padding-top: 80px;
        font-size: 16px;
    }
}
.p-awards-interview-header {
    padding-bottom: 0;
}
.p-awards-interview-header .c-awards-share-button-area {
    margin-top: 22px;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-header .c-awards-share-button-area {
        justify-content: flex-start;
        margin-top: 20px;
    }
}
.p-awards-interview-header__category,
.p-awards-2024-interview-header__category {
    font-size: 16px;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-header__category,
    .p-awards-2024-interview-header__category {
        display: flex;
    }
}
.p-awards-interview-header__category span,
.p-awards-2024-interview-header__category span {
    display: block;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-header__category span + span,
    .p-awards-2024-interview-header__category span + span {
        margin-left: 24px;
    }
}
.p-awards-interview-header__link,
.p-awards-2024-interview-header__link {
    display: inline-flex;
    align-items: center;
    margin-top: 18px;
    font-size: 14px;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-header__link,
    .p-awards-2024-interview-header__link {
        margin-top: 14px;
    }
}
.p-awards-interview-header__link:hover,
.p-awards-2024-interview-header__link:hover {
    text-decoration: none;
}
.p-awards-interview-header__link::after,
.p-awards-2024-interview-header__link::after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 11px;
    margin-left: 6px;
    background-image: url("https://relax-job.com/images/user_frontend/global/icon/icn_arrow_blue_right.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.p-awards-interview-header__text,
.p-awards-2024-interview-header__text {
    margin-top: 18px;
    line-height: 1.8;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-header__text,
    .p-awards-2024-interview-header__text {
        margin-top: 20px;
    }
}
.p-awards-interview-header__image {
    margin-top: 44px;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-header__image {
        margin-top: 80px;
    }
}
.p-awards-interview-title,
.p-awards-2024-interview-title {
    margin-top: 18px;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-title,
    .p-awards-2024-interview-title {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        margin-top: 20px;
    }
}
.p-awards-interview-title__name,
.p-awards-2024-interview-title__name {
    font-size: 36px;
    font-weight: bold;
}
.p-awards-interview-title__area {
    font-size: 16px;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-title__area {
        margin-left: 16px;
    }
}
.p-awards-interview-comment p,
.p-awards-interview-article p {
    line-height: 1.8;
}
.p-awards-interview-comment p + p,
.p-awards-interview-article p + p {
    margin-top: 25px;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-comment p + p,
    .p-awards-interview-article p + p {
        margin-top: 29px;
    }
}
.p-awards-interview-comment {
    padding-bottom: 44px;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-comment {
        padding-bottom: 80px;
    }
}
.p-awards-interview-heading,
.p-awards-2024-interview-heading {
    padding-bottom: 22px;
    font-size: 18px;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-heading,
    .p-awards-2024-interview-heading {
        font-size: 25px;
        padding-bottom: 24px;
    }
}
.p-awards-interview-article {
    padding-top: 60px;
    padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-article {
        padding-top: 80px;
        padding-bottom: 100px;
    }
}
.p-awards-interview-article__section + .p-awards-interview-article__section {
    margin-top: 36px;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-article__section + .p-awards-interview-article__section {
        margin-top: 50px;
    }
}
.p-awards-interview-article__image-outer {
    max-width: 680px;
    margin: 25px auto 0;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-article__image-outer {
        margin-top: 29px;
    }
}
.p-awards-interview-article__bottom {
    margin-top: 60px;
}
.p-awards-interview-bottom-images {
    margin: -8px 0;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-bottom-images {
        display: flex;
        flex-wrap: wrap;
        margin: -10px;
    }
}
.p-awards-interview-bottom-images__item {
    padding: 8px 0;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-bottom-images__item {
        padding: 10px;
        flex-basis: 33.33%;
    }
}
.p-awards-interview-article-bottom-link {
    max-width: 332px;
    margin: 40px auto 0;
}
@media screen and (min-width: 768px) {
    .p-awards-interview-article-bottom-link {
        margin-top: 50px;
    }
}
.p-awards2022-top-categories {
    background-image: url(/images/user_frontend/special/rejob_awards_2022/top/img_category_background.png);
}
.p-awards-2022-top-ribbon,
.p-awards-2022-top-title {
    position: absolute;
}
.p-awards-2022-top-ribbon {
    top: 54%;
    left: 0;
    width: 100%;
    height: auto;
}
@media screen and (min-width: 768px) {
    .p-awards-2022-top-ribbon {
        top: 57%;
    }
}
.p-awards-2022-top-title {
    top: 71%;
    left: 50%;
    transform: translateX(-50%);
    width: 76%;
    height: auto;
}
@media screen and (min-width: 768px) {
    .p-awards-2022-top-title {
        top: 28.34%;
        transform: translateX(calc(-104.92%));
        width: calc(16.22% + 233px);
    }
}
.p-awards-2022-category-header--careerup {
    background-image: url(/images/user_frontend/special/rejob_awards_2022/careerup/img_heading_background_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-2022-category-header--careerup {
        background-image: url(/images/user_frontend/special/rejob_awards_2022/careerup/img_heading_background_pc.jpg);
    }
}
.p-awards-2022-category-header--lifestyle_match {
    background-image: url(/images/user_frontend/special/rejob_awards_2022/lifestyle_match/img_heading_background_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-2022-category-header--lifestyle_match {
        background-image: url(/images/user_frontend/special/rejob_awards_2022/lifestyle_match/img_heading_background_pc.jpg);
    }
}
.p-awards-2022-category-header--staff_engagement {
    background-image: url(/images/user_frontend/special/rejob_awards_2022/staff_engagement/img_heading_background_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-2022-category-header--staff_engagement {
        background-image: url(/images/user_frontend/special/rejob_awards_2022/staff_engagement/img_heading_background_pc.jpg);
    }
}
.p-awards-2023-top-copy {
    position: absolute;
    bottom: 95px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 344px;
    height: auto;
}
@media screen and (min-width: 768px) {
    .p-awards-2023-top-copy {
        bottom: 75px;
        width: 66%;
        max-width: none;
    }
}
.p-awards-2023-top-title {
    position: absolute;
    bottom: 71px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 232px;
    height: auto;
}
@media screen and (min-width: 768px) {
    .p-awards-2023-top-title {
        display: none;
    }
}
.p-awards2023-top-categories {
    background-image: url(/images/user_frontend/special/rejob_awards_2023/top/img_category_background.jpg);
}
.p-awards-category-header--divercity_career {
    background-image: url(/images/user_frontend/special/rejob_awards_2023/divercity_career/img_heading_background_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-category-header--divercity_career {
        background-image: url(/images/user_frontend/special/rejob_awards_2023/divercity_career/img_heading_background_pc.jpg);
    }
}
.p-awards-category-header--divercity_lifestyle {
    background-image: url(/images/user_frontend/special/rejob_awards_2023/divercity_lifestyle/img_heading_background_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-category-header--divercity_lifestyle {
        background-image: url(/images/user_frontend/special/rejob_awards_2023/divercity_lifestyle/img_heading_background_pc.jpg);
    }
}
.p-awards-category-header--staff_engagement_review {
    background-image: url(/images/user_frontend/special/rejob_awards_2023/staff_engagement_review/img_heading_background_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-category-header--staff_engagement_review {
        background-image: url(/images/user_frontend/special/rejob_awards_2023/staff_engagement_review/img_heading_background_pc.jpg);
    }
}
.p-awards-category-header--staff_engagement_teamwork {
    background-image: url(/images/user_frontend/special/rejob_awards_2023/staff_engagement_teamwork/img_heading_background_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-awards-category-header--staff_engagement_teamwork {
        background-image: url(/images/user_frontend/special/rejob_awards_2023/staff_engagement_teamwork/img_heading_background_pc.jpg);
    }
}
.c-awards2024-top-category__image {
    box-shadow: none;
}
.p-awards2024-top-categories {
    background-image: url(/images/user_frontend/special/rejob_awards_2024/top/img_category_background.jpg);
}
.c-awards2024-first-view-button {
    font-size: 16px;
    bottom: 4%;
    height: 64px;
}
@media screen and (min-width: 980px) {
    .c-awards2024-first-view-button {
        font-size: 18px;
    }
}
@media (min-width: 767px) and (max-width: 979px) {
    .c-awards2024-first-view-button {
        bottom: 0;
    }
}
@media screen and (max-width: 375px) {
    .c-awards2024-first-view-button {
        display: none;
    }
}
.c-awards2024-first-view-button::after {
    margin-left: 19px;
}
.p-awards-2024-top-title {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
    width: 76%;
    height: auto;
}
@media screen and (min-width: 980px) {
    .p-awards-2024-top-title {
        top: 28.34%;
        transform: translateX(calc(-104.92%));
        width: calc(16.22% + 233px);
    }
}
@media (min-width: 767px) and (max-width: 979px) {
    .p-awards-2024-top-title {
        top: 73%;
        width: 50%;
        transform: translateX(-50%);
    }
}
@media screen and (max-width: 375px) {
    .p-awards-2024-top-title {
        top: 69%;
    }
}
.c-awards-2024-top-slider__item img {
    height: auto;
}
@media screen and (min-width: 980px) {
    .c-awards-2024-top-slider__item img {
        height: 100%;
    }
}
.p-awards-2024-category-header,
.p-awards-2024-interview-header {
    color: #000;
    background-image: url(/images/user_frontend/special/rejob_awards_common/img_heading_background_sp.jpg);
    height: 271px;
    background-color: #fff;
}
@media screen and (min-width: 980px) {
    .p-awards-2024-category-header,
    .p-awards-2024-interview-header {
        background-image: url(/images/user_frontend/special/rejob_awards_common/img_heading_background_pc.jpg);
        height: 320px;
    }
}
.p-awards-2024-other-categries-list .c-awards-arrow-link::after {
    width: 20px;
    height: 9px;
    margin-left: 24px;
}
.p-awards-2024-other-categries-list__item {
    height: 111px;
}
.p-awards-2024-other-categries-list__link {
    height: 100%;
    color: #f96075;
    font-weight: bold;
    border: 1px solid #f96075;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    background-color: #fff;
}
.p-awards-2024-other-categries-list__link-text {
    width: 224px;
}
.p-awards-2024-category-header__heading-category {
    font-size: 16px;
}
@media screen and (min-width: 980px) {
    .p-awards-2024-category-header__heading-category {
        font-size: 18px;
    }
}
@media screen and (min-width: 980px) {
    .c-awards-2024-top-slider__item-show-only-sp {
        display: none !important;
    }
}
@media screen and (max-width: 979px) {
    .c-awards-2024-top-slider__item-show-only-pc {
        display: none !important;
    }
}
.p-awards-2024-category-header__share-buttons-outer {
    margin-top: 16px;
}
.p-awards-2024-interview-header__text {
    line-height: 1.5;
    margin-top: 8px;
}
@media screen and (min-width: 980px) {
    .p-awards-2024-interview-header__text {
        margin-top: 16px;
    }
}
.p-awards-2024-interview-header__link {
    font-weight: bold;
    margin-top: 8px;
}
@media screen and (min-width: 980px) {
    .p-awards-2024-interview-header__link {
        margin-top: 16px;
    }
}
.p-awards-2024-interview-title__name {
    font-size: 24px;
    line-height: 1.5;
    margin-top: 8px;
}
@media screen and (min-width: 980px) {
    .p-awards-2024-interview-title__name {
        font-size: 40px;
    }
}
.p-awards-2024-interview-title {
    margin-top: 0;
}
.p-awards-2024-interview-header__category {
    font-size: 16px;
    line-height: 1.5;
}
@media screen and (min-width: 980px) {
    .p-awards-2024-interview-header__category {
        font-size: 18px;
    }
}
.p-awards-2024-interview-header {
    height: auto;
    display: block;
}
@media screen and (min-width: 980px) {
    .p-awards-2024-interview-header {
        padding: 28px;
    }
}
@media screen and (max-width: 979px) {
    .p-awards-2024-interview-header-container {
        padding: 17px 16px 25px;
    }
}
@media screen and (min-width: 980px) {
    .p-awards-2024-interview-comment-container {
        width: 100%;
        height: 792px;
        max-width: 980px;
        margin: 24px auto 0;
        position: relative;
    }
}
.p-awards-2024-interview-comment {
    background-color: #f5f2f3;
    padding: 32px 16px 44px;
    font-size: 14px;
    line-height: 1.5;
}
@media screen and (min-width: 980px) {
    .p-awards-2024-interview-comment {
        width: 900px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        padding: 16px;
        top: calc(554px - 16px);
    }
}
.p-awards-2024-interview-comment-text {
    line-height: 1.8;
}
@media screen and (min-width: 980px) {
    .p-awards-2024-interview-comment-text {
        font-size: 16px;
        line-height: 1.5;
    }
}
@media screen and (min-width: 980px) {
    .p-awards-2024-interview-heading {
        padding-bottom: 16px;
    }
}
.c-awards2025-top-category__image {
    box-shadow: none;
}
.p-awards2025-top-categories {
    background-attachment: scroll;
    background-image: url(/images/user_frontend/special/rejob_awards_2025/top/img_category_background.png);
}
.c-awards2025-first-view {
    display: none;
}
@media screen and (min-width: 980px) {
    .c-awards2025-first-view {
        display: block;
        position: relative;
        height: 64px;
    }
}
.c-awards2025-first-view-button {
    display: block;
    max-width: 328px;
    font-size: 22px;
    line-height: 1.5;
    height: 100%;
}
.c-awards2025-first-view-button::after {
    margin-left: 16px;
    width: 16px;
    height: 10px;
}
@media screen and (min-width: 980px) {
    .c-awards-arrow-link .is-pc {
        display: none;
    }
}
.c-awards2025-top-about {
    padding: 40px 0 24px;
}
@media screen and (min-width: 980px) {
    .c-awards2025-top-about {
        padding: 80px 0;
    }
}
.c-awards2025-previous {
    color: #000;
    padding: 40px 0;
    background-image: url(/images/user_frontend/special/rejob_awards_2025/top/img_message_previous_background_sp.jpg);
    height: 378px;
}
@media screen and (min-width: 768px) {
    .c-awards2025-previous {
        padding: 80px 0;
        background-image: url(/images/user_frontend/special/rejob_awards_2025/top/img_message_previous_background_pc.jpg);
        background-size: cover;
        height: 368px;
    }
}
.p-awards-2025-category-header {
    color: #000;
    background-image: url(/images/user_frontend/special/rejob_awards_2025/announcement/img_heading_background_sp.jpg);
    height: 271px;
    background-color: #fff;
}
@media screen and (min-width: 980px) {
    .p-awards-2025-category-header {
        background-image: url(/images/user_frontend/special/rejob_awards_2025/announcement/img_heading_background_pc.jpg);
        height: 320px;
    }
}
.p-awards-2025-other-categries-list {
    padding: 0;
}
.p-awards-2025-other-categries-list .c-awards-arrow-link::after {
    width: 20px;
    height: 9px;
    margin-left: 24px;
}
.p-awards-2025-other-categries-list__item {
    height: 111px;
}
.p-awards-2025-other-categries-list__link {
    height: 100%;
    color: #f96075;
    font-weight: bold;
    border: 1px solid #f96075;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.p-awards-2025-other-categries-list__link-text {
    width: 224px;
}
.p-awards-2025-category-header__heading-category {
    font-size: 16px;
}
@media screen and (min-width: 980px) {
    .p-awards-2025-category-header__heading-category {
        font-size: 18px;
    }
}
.p-awards-2025-top-title {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    height: auto;
}
@media screen and (min-width: 980px) {
    .p-awards-2025-top-title {
        top: 42%;
        transform: translateX(calc(-155%));
        width: calc(16% + 146px);
    }
}
@media (min-width: 767px) and (max-width: 979px) {
    .p-awards-2025-top-title {
        top: 73%;
        width: 50%;
        transform: translateX(-50%);
    }
}
@media screen and (max-width: 375px) {
    .p-awards-2025-top-title {
        top: 69%;
    }
}
.c-awards-2025-top-slider__item img {
    height: auto;
}
@media screen and (min-width: 980px) {
    .c-awards-2025-top-slider__item img {
        height: 100%;
    }
}
@media screen and (min-width: 980px) {
    .c-awards-2025-top-slider__item-show-only-sp {
        display: none !important;
    }
}
@media screen and (max-width: 979px) {
    .c-awards-2025-top-slider__item-show-only-pc {
        display: none !important;
    }
}
.p-registar {
    color: #333;
    font-size: 13px;
    line-height: 1.5;
}
.p-registar header {
    border-bottom: none;
}
.p-registar-biyo-introduction__eye-catch {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: calc(445 / 375 * 100%);
    background-image: url(/images/user_frontend/landing/registar/img_eyecatch_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-registar-biyo-introduction__eye-catch {
        padding-top: calc(396 / 1414 * 100%);
        background-image: url(/images/user_frontend/landing/registar/img_eyecatch_pc.jpg);
    }
}
.p-registar-chiryo-introduction-outer {
    background-color: #f2f2f2;
}
@media screen and (min-width: 768px) {
    .p-registar-chiryo-introduction-outer {
        padding: 24px 0 0 0;
    }
}
.p-registar-chiryo-introduction {
    max-width: 644px;
    margin: auto;
}
.p-registar-chiryo-introduction__eye-catch {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: calc(86 / 360 * 100%);
    background-image: url(/images/user_frontend/landing/registar/img_eyecatch_chiryo_sp.jpg);
}
@media screen and (min-width: 768px) {
    .p-registar-chiryo-introduction__eye-catch {
        padding-top: calc(127 / 640 * 100%);
        background-image: url(/images/user_frontend/landing/registar/img_eyecatch_chiryo_pc.jpg);
    }
}
.p-registar-form {
    padding: 0px 16px 32px 16px;
    background-color: #f2f2f2;
}
.p-registar-form a {
    color: #0f71d2;
}
.p-registar-form label {
    cursor: pointer;
}
.p-registar-form .c-btn,
.p-registar-form .p-friend-button,
.p-registar-form .p-suggest-list__btn,
.p-registar-form .p-mail-btn,
.p-registar-form .p-matching-support-cassette__button {
    height: 58px;
    background-color: #ff6e40;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
.p-registar-form .c-btn.is-disabled,
.p-registar-form .is-disabled.p-friend-button,
.p-registar-form .is-disabled.p-suggest-list__btn,
.p-registar-form .is-disabled.p-mail-btn,
.p-registar-form .is-disabled.p-matching-support-cassette__button {
    background-color: #f2f2f2;
    color: #575757;
}
.p-registar-form input.c-input:not([type="submit"]),
.p-registar-form .c-select,
.p-registar-form .c-input-radio-flat-txt {
    border-color: #d9d9d9;
}
.p-registar-form input.c-input:not([type="submit"]),
.p-registar-form .c-select {
    padding-left: 10px;
    padding-right: 10px;
}
.p-registar-form input.c-input.is-error:not([type="submit"]),
.p-registar-form .c-select.is-error {
    box-shadow: 0px 0px 8px #ef4242;
    border-color: #ef4242;
}
.p-registar-form input.c-input:not([type="submit"]) {
    border-radius: 0;
}
.p-registar-form input.c-input:not([type="submit"])::placeholder,
.p-registar-form input.c-input:not([type="submit"])::-webkit-input-placeholder {
    color: #949494;
}
.p-registar-form .c-select,
.p-registar-form .c-input-radio-flat-txt {
    border-radius: 2px;
}
.p-registar-form .c-select {
    background-position: right 10px center;
    background-size: 7px;
}
.p-registar-form .c-select.is-blank {
    color: #949494;
}
.p-registar-form input.c-input-checkbox[type="checkbox"] {
    width: 24px;
    height: 24px;
    background-color: #eee;
}
.p-registar-form input.c-input-checkbox[type="checkbox"]:checked {
    background-color: #f66285;
}
.p-registar-form input.c-input-checkbox[type="checkbox"]:checked::after {
    font-size: 20px;
}
.p-registar-form .c-input-radio-flat-txt {
    font-size: 14px;
    color: #949494;
}
.p-registar-form .c-input-radio-flat-txt::before {
    color: #949494;
}
.p-registar-form .formErrorContent {
    position: static;
    padding: 0;
    background-color: transparent;
    color: #ef4242;
    font-weight: bold;
}
.p-registar-form .formErrorContent:not(:empty) {
    margin-top: 11px;
}
@media screen and (max-width: 767px) {
    .p-registar-form .formErrorContent:not(:empty) + .formErrorContent {
        margin-top: 0;
    }
}
.p-registar-form .formErrorContent::before {
    content: none;
}
.p-registar-form .formErrorContent--top:not(:empty) {
    margin-top: 0;
    margin-bottom: 11px;
}
@media screen and (min-width: 768px) {
    .p-registar-area-validate {
        display: flex;
        margin-left: -11px;
        margin-right: -11px;
    }
}
@media screen and (min-width: 768px) {
    .p-registar-area-validate .formErrorContent {
        width: 50%;
        padding-left: 11px;
        padding-right: 11px;
    }
}
.p-registar-form__inner {
    max-width: 644px;
    margin: 0 auto;
}
.p-registar-form__sub-heading {
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
}
.p-registar-form__content {
    margin-top: 22px;
    padding: 32px 16px;
    border-radius: 4px;
    background-color: #fff;
}
.p-registar-form__content.is-hidden {
    display: none;
}
.p-registar-form__section + .p-registar-form__section {
    margin-top: 54px;
}
.p-registar-form__annotation {
    margin-top: 8px;
    font-size: 12px;
}
.p-registar-form__accordion-button-outer {
    margin-top: 18px;
    text-align: right;
}
.p-registar-form__accordion-button {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #0f71d2;
    font-size: 12px;
}
.p-registar-form__accordion-button:hover {
    text-decoration: underline;
}
.p-registar-form__next-button-outer {
    margin-top: 54px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.p-registar-form__next-button-outer > .c-btn--primary-flat {
    font-size: 20px;
    height: 48px;
    max-width: 295px;
    font-weight: bold;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 12px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    line-height: 1;
    opacity: 1;
}
.p-registar-form__next-button-outer > .c-btn--primary-flat.is-disabled {
    color: #949494;
    background: #f2f2f2;
    border-color: #f2f2f2;
    opacity: 0.6;
    pointer-events: none;
    font-weight: normal;
}
@media screen and (min-width: 768px) {
    .p-registar-form__next-button-outer > .c-btn--primary-flat {
        width: 328px;
    }
}
.p-registar-form__next-button-outer > .p-registar-form__back-link {
    margin-top: 12px;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
}
.p-registar-form__next-button-outer > .p-registar-form__back-link:hover,
.p-registar-form__next-button-outer > .p-registar-form__back-link:active {
    text-decoration: underline;
}
@media screen and (min-width: 768px) {
    .p-registar-form__next-button-outer {
        padding: 0 16px 16px 16px;
        gap: 12px;
        border-radius: 0 0 4px 4px;
        opacity: 1;
    }
    .p-registar-form__next-button-outer > .c-btn--primary-flat {
        max-width: 328px;
    }
}
.p-registar-form__label {
    font-size: 10px;
    font-weight: normal;
}
.p-registar-form__label--required {
    font-weight: bold;
    color: #ef4242;
}
.p-registar-form__label--gray {
    color: #666;
}
.p-registar-form__label-layout {
    margin-left: 8px;
}
.p-registar-login-outer {
    display: flex;
    width: 181px;
    height: 61px;
    margin: 0 auto;
    padding: 24px 0;
    gap: 10px;
    font-weight: bold;
}
.p-registar-login-link {
    display: inline-flex;
    align-items: center;
    margin-top: 6px;
    font-size: 14px;
    font-weight: bold;
    color: #0f71d2;
}
.p-registar-login-link:hover {
    text-decoration: none;
}
.p-registar-login-link__icon {
    width: 5px;
    margin-left: 7px;
}
.p-landing-scout-login-outer {
    padding: 40px 0;
    text-align: center;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-landing-scout-login-outer {
        padding-top: 56px;
        padding-bottom: 56px;
    }
}
.p-registar-form__label {
    font-size: 10px;
    font-weight: normal;
}
.p-registar-form__label--required {
    font-weight: bold;
    color: #ef4242;
}
.p-registar-form__label--gray {
    color: #666;
}
.p-registar-form__label-layout {
    margin-left: 8px;
}
.p-registar-steps {
    display: flex;
    justify-content: space-between;
    width: 205px;
    margin: 0 auto;
}
.p-registar-steps__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #fff;
    color: #949494;
    font-size: 14px;
    font-weight: bold;
}
.p-registar-steps__item:not(:last-of-type)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
    width: 100%;
    height: 4px;
    background-color: #fff;
}
.p-registar-steps__item.is-current,
.p-registar-steps__item.is-previous {
    background-color: #f96075;
    color: #fff;
}
.p-registar-steps__item.is-previous:not(:last-of-type)::after {
    background-color: #f96075;
}
.p-registar-form-list {
    display: flex;
    flex-wrap: wrap;
    margin: -6px;
}
@media screen and (min-width: 768px) {
    .p-registar-form-list {
        margin: -11px;
    }
}
.p-registar-form-list > li {
    display: flex;
    align-items: center;
    padding: 6px;
}
@media screen and (min-width: 768px) {
    .p-registar-form-list > li {
        padding: 11px;
    }
}
.p-registar-form-list input {
    flex-shrink: 0;
}
.p-registar-form-list select:invalid {
    color: #949494;
}
.p-registar-form-list--50p > li {
    flex-basis: 50%;
    max-width: 50%;
}
.p-registar-form-list--occupation > li {
    flex-basis: 50%;
    max-width: 50%;
}
@media screen and (min-width: 768px) {
    .p-registar-form-list--occupation > li {
        flex-basis: 118px;
        max-width: 118px;
    }
}
.p-registar-form-list--birthdate {
    display: flex;
    flex-wrap: nowrap;
}
.p-registar-form-list--birthdate > li {
    flex-direction: column;
    flex: 1;
}
.p-registar-chiryo-form-list--occupation {
    display: flex;
    flex-wrap: wrap;
}
.p-registar-chiryo-form-list--occupation > li {
    flex-basis: 50%;
    max-width: 50%;
}
.p-registar-form-list--credential > li {
    flex-basis: 33.33%;
    max-width: 33.33%;
}
@media screen and (min-width: 768px) {
    .p-registar-form-list--credential > li {
        flex-basis: 118px;
        max-width: 118px;
    }
}
.p-registar-form-list--step2 > li {
    flex-basis: 50%;
    max-width: 50%;
}
@media screen and (min-width: 768px) {
    .p-registar-form-list--step2 > li {
        flex-basis: 33.33%;
        max-width: 33.33%;
    }
}
.p-registar-form-list__label {
    margin-left: 6px;
}
.p-registar-experience-license-form__item {
    display: none;
}
.p-registar-experience-license-form__item.is-current {
    margin-top: 54px;
    display: block;
}
.p-registar-experience-license-form__item select:invalid,
.p-registar-experience-license-form__item .js-dynamic-select:invalid {
    color: #949494;
}
.p-registar-credential-list dt {
    font-weight: bold;
}
.p-registar-credential-list dd {
    margin-top: 8px;
}
.p-registar-credential-list dd + dt {
    margin-top: 18px;
}
.p-registar-credential-list__item + .p-registar-credential-list__item {
    margin-top: 18px;
}
.js-register-credentials {
    display: none;
}
.js-register-credentials.is-show {
    display: block;
}
.js-register-credentials__unrequired {
    display: none;
}
.js-register-credentials__unrequired.is-show {
    display: block;
}
.p-registar-submit-area {
    margin-top: 54px;
    font-size: 12px;
}
.p-registar-submit-area .p-submit-terms {
    text-align: center;
}
.p-registar-submit-area .p-submit-terms i {
    margin-left: 2px;
}
.p-registar-submit-area .p-registar-submit-area__button-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.p-registar-submit-area .p-registar-submit-area__button-wrapper .c-btn--primary-flat {
    height: 48px;
    max-width: 295px;
    margin-top: 18px;
    font-size: 14px;
    font-weight: bold;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 12px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    line-height: 1;
    text-decoration: none;
    opacity: 1;
    background-color: #06c755;
}
.p-registar-submit-area .p-registar-submit-area__button-wrapper .c-btn--primary-flat.is-disabled {
    color: #949494;
    background: #f2f2f2;
    border-color: #f2f2f2;
    opacity: 0.6;
    pointer-events: none;
    font-weight: normal;
}
.p-registar-submit-area .p-registar-submit-area__button-wrapper .p-registar-form__back-link {
    margin-top: 12px;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p-registar-submit-area .p-registar-submit-area__button-wrapper .c-btn--primary-flat {
        max-width: 328px;
    }
}
.p-agent-tel-area {
    margin-top: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.p-agent-tel-link {
    font-size: 20px;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
.p-agent-tel-link:hover,
.p-agent-tel-link:focus {
    color: inherit;
    text-decoration: none;
}
.p-landing-app-heading {
    width: 100%;
    height: auto;
    background-color: #fb959d;
    display: block;
    margin: 0 auto;
}
.p-landing-app-heading-toppic > h1 {
    max-width: 1200px;
    height: 502px;
    margin: 0 auto;
    background: url(/images/user_frontend/landing/app_promotion/back1.jpg) no-repeat center center/cover;
}
.p-landing-app-heading-toppic-img-pc > img {
    display: block;
}
.p-landing-app-heading-toppic-download,
.p-landing-app-heading-toppic-download-bottom {
    white-space: nowrap;
    margin-left: 45px;
    margin-top: 20px;
}
.p-landing-app-heading-toppic-download > a,
.p-landing-app-heading-toppic-download-bottom > a {
    display: inline-block;
}
.p-landing-app-heading-toppic-download-bottom {
    margin-left: 0;
}
.p-landing-app-heading-toppic-img-sp > img,
.p-landing-app-heading-toppic-sp > img {
    display: none;
}
.p-landing-app-content {
    font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
    margin: 0 auto;
    text-align: center;
}
.p-landing-app-content-introduction,
.p-landing-app-content-graph,
.p-landing-app-content-merits {
    padding-bottom: 30px;
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}
.p-landing-app-title {
    padding-top: 80px;
    padding-bottom: 30px;
}
.p-landing-app-spnone {
    display: block;
}
.p-landing-app-title-sp {
    display: none;
    padding-top: 100px;
    padding-bottom: 100px;
}
.p-landing-app-title-beige {
    padding-top: 100px;
    background-color: #fff9f9;
}
.p-landing-app-content-pic {
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.p-landing-app-content-pic > img {
    padding: 3px;
}
.p-landing-app-content-wrap2,
.p-landing-app-content-wrap3 {
    width: 100%;
    min-width: 1000px;
    background-color: #fff9f9;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-top: 130px;
}
.p-landing-app-content-wrap1 {
    width: 100%;
    min-width: 1000px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-top: 100px;
    background: url(/images/user_frontend/landing/app_promotion/howback/howback1.png) no-repeat;
    background-position: calc(50% + 400px) calc(50% - 100px);
    background-color: #fff9f9;
}
.p-landing-app-content-wrap2 {
    background: url(/images/user_frontend/landing/app_promotion/howback/howback2.png) no-repeat;
    background-position: calc(50% - 400px) calc(50% - 100px);
    background-color: #fff;
}
.p-landing-app-content-wrap3 {
    background: url(/images/user_frontend/landing/app_promotion/howback/howback3.png) no-repeat;
    background-position: calc(50% + 400px) calc(50% - 100px);
}
.p-landing-app-content-wrap:first-child {
    padding-top: 0;
}
.p-landing-app-content-wrap:nth-child(odd) {
    background-color: #fff;
}
.p-landing-app-content-how-content {
    display: block;
    width: 430px;
    margin-top: 2%;
}
.p-landing-app-content-how-sp {
    display: none;
}
.p-landing-app-content-how1 {
    color: #848484;
    font-size: 90px;
}
.p-landing-app-content-how2 {
    color: #3c464f;
    letter-spacing: 0.1em;
    font-size: 30px;
    font-weight: bold;
    margin-top: 20px;
}
.p-landing-app-content-how3 {
    color: #7d7e82;
    letter-spacing: 0.1em;
    font-size: 20px;
    margin-top: 16px;
}
.p-landing-app-content-how-arrows {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
}
.p-landing-app-content-how-arrow {
    width: 20px;
    height: 20px;
    border-bottom: 1px solid #7d7e82;
    border-right: 1px solid #7d7e82;
    transform: rotate(-45deg);
    animation: move 2s infinite;
}
@keyframes move {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.p-landing-app-content-graph {
    margin-top: 100px;
}
.p-landing-app-content-graph-sponpy {
    display: none;
}
.p-landing-app-content-meritwrap {
    margin: 0 auto;
    width: 800px;
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
}
.p-landing-app-content-merit {
    margin-top: 50px;
}
.p-landing-app-button {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 20px 10px;
    display: block;
    margin: 20px auto 0;
    width: 300px;
    border-radius: 50px;
    background: linear-gradient(90deg, #fa93a5 0%, #ff6d87 48%, #ffbf84 100%);
}
.p-landing-app-button:hover {
    opacity: 0.7;
    text-decoration: none;
}
.p-landing-app-bottom {
    background-color: #ffb5be;
    padding-top: 20px;
    padding-bottom: 20px;
}
.p-landing-app-bottom-wrap {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.p-landing-app-bottom-wrap-text {
    margin-top: 100px;
    text-align: center;
    max-width: 420px;
}
.p-landing-app-bottom-wrap-text > p {
    color: #fff;
    font-size: 22px;
    letter-spacing: 0.1em;
    font-weight: bold;
    margin-bottom: 10px;
}
.p-landing-app-bottom-wrap-table {
    color: #fff;
    margin: 0 auto;
}
.p-landing-app-bottom-wrap-img > img {
    width: 100%;
    height: auto;
    max-width: 500px;
}
.p-landing-app-bottom-apple > img {
    border-radius: 13px;
    width: 180px;
    height: 55px;
}
@media screen and (max-width: 900px) {
    .p-landing-app-heading-toppic > h1 {
        width: 100%;
        height: auto;
        background-image: url(/images/user_frontend/landing/app_promotion/back2.png);
        background-position: left top;
    }
    .p-landing-app-heading-toppic-download,
    .p-landing-app-heading-toppic-download-bottom {
        margin-left: 0;
        text-align: center;
    }
    .p-landing-app-heading-toppic-img-pc > img {
        display: none;
    }
    .p-landing-app-heading-toppic-img-sp > img {
        display: block;
        padding-top: 30px;
        margin: 0 auto;
    }
    .p-landing-app-heading-toppic > h1 > a {
        margin: 0;
    }
    .p-landing-app-heading-toppic-sp {
        overflow: hidden;
    }
    .p-landing-app-heading-toppic-sp > img {
        display: block;
        margin: 20px auto 0;
    }
    .p-landing-app-title {
        padding: 0;
        width: 80%;
        min-width: 300px;
        margin: 10px auto;
        padding-top: 100px;
    }
    .p-landing-app-spnone {
        display: none;
    }
    .p-landing-app-title-sp {
        display: block;
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .p-landing-app-content-pic {
        padding: 0;
        display: block;
    }
    .p-landing-app-content-pic img + img {
        margin-top: 8px;
    }
    .p-landing-app-title-beige {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .p-landing-app-content-wrap-sp {
        margin: 0 10px;
    }
    .p-landing-app-content-how-sp {
        display: block;
        padding: 0 20px;
        background-color: #fff9f9;
    }
    .p-landing-app-content-how-content-sp {
        height: 280px;
    }
    .p-landing-app-content-how-spbox {
        display: flex;
        white-space: nowrap;
        overflow-x: scroll;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .p-landing-app-content-how,
    .p-landing-app-content-wrap1,
    .p-landing-app-content-wrap2,
    .p-landing-app-content-wrap3,
    .p-landing-app-content-graph,
    .p-landing-app-content-how-content {
        display: none;
    }
    .p-landing-app-content-graph-sponpy {
        margin-top: 100px;
        display: block;
    }
    .p-landing-app-content-how1 {
        font-size: 70px;
    }
    .p-landing-app-content-how2 {
        margin: 10px 0 0;
        font-size: 25px;
    }
    .p-landing-app-content-how3 {
        margin-top: 5px;
        font-size: 18px;
    }
    .p-landing-app-content-howimg > img {
        width: 260px;
    }
    .p-landing-app-content-meritwrap {
        margin: 0;
        width: 100%;
        display: block;
    }
    .p-landing-app-bottom-wrap {
        display: block;
    }
    .p-landing-app-bottom-wrap-img > img {
        display: block;
        margin: 0 auto;
    }
    .p-landing-app-bottom-wrap-text {
        margin-top: 0;
        text-align: center;
        margin: 0 auto;
    }
}
.p-friend-title {
    width: 325px;
    max-width: 100%;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .p-friend-title {
        width: 822px;
    }
}
.p-friend-heading {
    margin: 0 auto;
}
.p-friend-button {
    height: 48px;
    font-weight: bold;
    color: #fff;
}
.p-friend-button--primary {
    background-color: #fb6341;
}
.p-friend-button--line,
.p-friend-button--line-with-icon {
    background-color: #39bd2e;
}
.p-friend-button--line-with-icon::before {
    content: "\e849";
    display: inline-block;
    margin-right: 8px;
    font-family: "fontello";
}
.p-friend-button--mail,
.p-friend-button--mail-with-icon {
    background-color: #ea6273;
}
.p-friend-button--mail-with-icon::before {
    content: "\e837";
    display: inline-block;
    margin-right: 8px;
    font-family: "fontello";
}
.p-friend-border-box {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid #d9d9d9;
    background-color: #f9f9f9;
}
.p-friend-border-box--line {
    border-color: #39bd2e;
    background-color: #e7f9ed;
}
.p-friend-border-box--mail {
    border-color: #ea6273;
    background-color: #fff5f7;
}
.p-friend-border-box__heading {
    font-weight: bold;
}
.p-friend-border-box__content {
    margin-top: 16px;
}
.p-friend-table-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
}
.p-friend-table-list > dt,
.p-friend-table-list > dd {
    padding: 8px 0;
}
.p-friend-table-list > dt:not(:first-of-type),
.p-friend-table-list > dd:not(:first-of-type) {
    border-top: 1px solid #ddd;
}
.p-friend-table-list > dt {
    width: 5em;
    font-weight: bold;
    line-height: 1.6;
}
@media screen and (min-width: 768px) {
    .p-friend-table-list > dt {
        width: 240px;
    }
}
.p-friend-table-list > dd {
    width: calc(100% - 5em);
    padding-left: 8px;
    line-height: 1.8;
}
@media screen and (min-width: 768px) {
    .p-friend-table-list > dd {
        width: calc(100% - 240px);
    }
}
.p-friend-list,
.p-friend-list-with-number {
    list-style-type: none;
}
.p-friend-list > li,
.p-friend-list-with-number > li {
    position: relative;
}
.p-friend-list > li {
    padding-left: 8px;
}
.p-friend-list > li + li {
    margin-top: 10px;
}
.p-friend-list > li::before {
    content: "";
    position: absolute;
    top: 0.9em;
    left: 0;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #949494;
}
.p-friend-list-with-number > li {
    padding-left: 1.2em;
}
.p-friend-list-with-number__marker {
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (min-width: 768px) {
    .p-friend-definition-list {
        display: flex;
        align-items: stretch;
    }
}
.p-friend-definition-list__item {
    flex-basis: 50%;
}
.p-friend-definition-list__item > dt {
    font-size: 18px;
    font-weight: bold;
}
.p-friend-definition-list__item > dd {
    margin-top: 8px;
}
.p-friend-definition-list__item + .p-friend-definition-list__item {
    margin-top: 32px;
}
@media screen and (min-width: 768px) {
    .p-friend-definition-list__item + .p-friend-definition-list__item {
        margin-top: 0;
        margin-left: 32px;
        padding-left: 32px;
        border-left: 1px solid #f2f2f2;
    }
}
.p-friend-definition-list-with-dot > dt,
.p-friend-definition-list-with-dot > dd {
    padding-left: 8px;
}
.p-friend-definition-list-with-dot > dt {
    position: relative;
    font-weight: bold;
}
.p-friend-definition-list-with-dot > dt::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #949494;
}
.p-friend-definition-list-with-dot > dd {
    margin-top: 4px;
}
.p-friend-definition-list-with-dot > dd + dt {
    margin-top: 10px;
}
@media screen and (min-width: 768px) {
    .p-friend-column {
        display: flex;
        gap: 16px;
    }
}
.p-friend-column__item {
    flex-basis: 50%;
}
.p-friend-column__item--only-pc {
    flex-basis: 100%;
}
.p-friend {
    font-size: 16px;
    line-height: 1.6;
    color: #222;
}
.p-friend-top {
    padding-bottom: 29.44vw;
    background-color: #fff0f0;
    text-align: center;
    font-weight: bold;
    color: #575757;
    background-image: url("https://relax-job.com/images/user_frontend/landing/friend/img_boundary_top_biyo_sp.svg");
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
    .p-friend-top {
        padding-bottom: calc(15.07vw + 102px);
        background-image: url("https://relax-job.com/images/user_frontend/landing/friend/img_boundary_top_biyo_pc.svg");
    }
}
[data-site="kaigo"] .p-friend-top {
    background-color: #eef7e5;
    background-image: url("https://relax-job.com/images/user_frontend/landing/friend/img_boundary_top_care_sp.svg");
}
@media screen and (min-width: 768px) {
    [data-site="kaigo"] .p-friend-top {
        padding-bottom: calc(15.07vw + 102px);
        background-image: url("https://relax-job.com/images/user_frontend/landing/friend/img_boundary_top_care_pc.svg");
    }
}
.p-friend-participate {
    padding-top: 40px;
    padding-bottom: 45.23vw;
    background-image: url("https://relax-job.com/images/user_frontend/landing/friend/img_boundary_bottom_biyo_sp.svg");
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
    .p-friend-participate {
        padding-top: 20px;
        padding-bottom: calc(15.15vw + 90px);
        background-image: url("https://relax-job.com/images/user_frontend/landing/friend/img_boundary_bottom_biyo_pc.svg");
    }
}
[data-site="kaigo"] .p-friend-participate {
    background-image: url("https://relax-job.com/images/user_frontend/landing/friend/img_boundary_bottom_care_sp.svg");
}
@media screen and (min-width: 768px) {
    [data-site="kaigo"] .p-friend-participate {
        background-image: url("https://relax-job.com/images/user_frontend/landing/friend/img_boundary_bottom_care_pc.svg");
    }
}
.p-friend-participate .p-friend-heading {
    width: 240px;
}
@media screen and (min-width: 768px) {
    .p-friend-participate .p-friend-heading {
        width: 400px;
    }
}
.p-friend-detail {
    padding-top: 38px;
    padding-bottom: 117px;
    background-color: #fcf8f8;
}
@media screen and (min-width: 768px) {
    .p-friend-detail {
        padding-top: 71px;
        padding-bottom: 120px;
    }
}
.p-friend-detail .p-friend-heading {
    width: 192px;
}
@media screen and (min-width: 768px) {
    .p-friend-detail .p-friend-heading {
        width: 320px;
    }
}
[data-site="kaigo"] .p-friend-detail {
    background-color: #f9fcf7;
}
.p-friend-content {
    padding-top: 48px;
}
.p-friend-top__title-outer {
    position: relative;
    padding-top: 38px;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .p-friend-top__title-outer {
        padding-top: 80px;
        background-color: transparent;
    }
}
.p-friend-top__title-sub-text {
    margin-top: 27px;
    padding-top: 26px;
    padding-bottom: 58px;
}
@media screen and (min-width: 768px) {
    .p-friend-top__title-sub-text {
        margin-top: 9px;
        padding-top: 33px;
        padding-bottom: 0;
        background-color: transparent;
    }
}
.p-friend-top__content {
    margin-top: 48px;
}
@media screen and (min-width: 768px) {
    .p-friend-top__content {
        margin-top: 24px;
    }
}
.p-friend-top-box {
    position: relative;
}
@media screen and (min-width: 768px) {
    .p-friend-top-box {
        margin-top: 21px;
        padding: 20px 24px;
        box-shadow: 0px 0px 48px rgba(225, 98, 107, 0.1);
        background-color: #fff;
    }
    [data-site="kaigo"] .p-friend-top-box {
        box-shadow: 0px 0px 48px rgba(107, 204, 91, 0.1);
    }
}
.p-friend-top-box__image-man,
.p-friend-top-box__image-woman {
    position: absolute;
    bottom: 0;
}
.p-friend-top-box__image-man img,
.p-friend-top-box__image-woman img {
    vertical-align: bottom;
}
.p-friend-top-box__image-man {
    left: 50%;
    width: 153px;
    transform: translateX(calc(-50% - 140px));
}
@media screen and (min-width: 768px) {
    .p-friend-top-box__image-man {
        left: 22px;
        width: 232px;
        transform: none;
    }
}
.p-friend-top-box__image-woman {
    right: 50%;
    width: 85px;
    transform: translateX(calc(50% + 150px));
}
@media screen and (min-width: 768px) {
    .p-friend-top-box__image-woman {
        right: 44px;
        width: 136px;
        transform: none;
    }
}
.p-friend-top__amazon-gift-card {
    width: 270px;
    margin: 0 auto;
    padding: 10px 16px;
    background-color: #fff;
}
.p-friend-top__present,
.p-friend-top__amount {
    margin-top: 24px;
}
.p-friend-top__amount {
    width: 324px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px) {
    .p-friend-top__amount {
        width: 379px;
        width: 38.67%;
    }
}
.p-friend-shadow-box {
    padding: 24px;
    box-shadow: 0px 0px 48px rgba(225, 98, 107, 0.1);
    background-color: #fff;
}
[data-site="kaigo"] .p-friend-shadow-box {
    box-shadow: 0px 4px 48px rgba(107, 204, 91, 0.1);
}
.p-friend-shadow-box .p-friend-heading {
    padding-top: 8px;
    padding-bottom: 8px;
}
.p-friend-shadow-box--refferal {
    margin-top: 40px;
}
@media screen and (min-width: 768px) {
    .p-friend-shadow-box--refferal {
        margin-top: 48px;
    }
}
.p-friend-shadow-box--refferal .p-friend-heading {
    width: 120px;
}
.p-friend-shadow-box--reffered {
    margin-top: 64px;
}
@media screen and (min-width: 768px) {
    .p-friend-shadow-box--reffered {
        margin-top: 48px;
    }
}
.p-friend-shadow-box--reffered .p-friend-heading {
    width: 144px;
}
.p-friend-annotation {
    margin-top: 24px;
}
.p-friend-small-annotation {
    margin-top: 24px;
    font-size: 12px;
}
.p-friend-paragraph + .p-friend-paragraph {
    margin-top: 10px;
}
.p-friend-contact {
    line-height: 1.5;
}
.p-friend-contact + .p-friend-contact {
    margin-top: 1.5em;
}
.p-guideline-box {
    border: 1px solid #d6d6d6;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .p-guideline-box {
        border: none;
        background-color: transparent;
    }
}
.p-guideline-heading1 {
    margin: 5px 0;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}
@media screen and (min-width: 768px) {
    .p-guideline-heading1 {
        font-size: 22px;
        margin: 30px 0;
        padding: 0;
        font-weight: bold;
    }
}
.p-guideline-heading2 {
    position: relative;
    background-color: #eee;
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px solid #e4e4e4;
}
@media screen and (min-width: 768px) {
    .p-guideline-heading2 {
        background-color: transparent;
        margin: 30px -20px 20px;
        font-weight: normal;
        border-bottom: 1px solid #eee;
        padding: 15px 20px;
        font-size: 16px;
    }
}
.p-guideline-text {
    padding: 10px;
    margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
    .p-guideline-text {
        padding: 0;
        margin-bottom: 0;
    }
}
.p-guideline-example-list {
    list-style-type: none;
}
@media screen and (min-width: 768px) {
    .p-guideline-example-list {
        padding-left: 1.5em;
    }
}
.p-guideline-contents-wrap {
    padding: 10px;
    margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
    .p-guideline-contents-wrap {
        padding: 0;
        margin-bottom: 0;
    }
}
.p-guideline-contents-wrap .p-guideline-text {
    padding: 0;
    margin-bottom: 0;
}
.p-guideline-heading3 {
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .p-guideline-heading3 {
        font-size: 14px;
        padding-bottom: 10px;
    }
}
.p-reward-notice {
    margin-top: 10px;
    display: none;
}
.p-reward-notice.is-show {
    display: block;
}
.p-resume-form__set-address-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 8px 0 3px 0;
    appearance: none;
    color: #0f71d2;
    margin-left: 8.33333333%;
    font-size: 13px;
}
@media screen and (min-width: 768px) {
    .p-resume-form__set-address-button {
        margin-left: 8px;
        padding: 0;
    }
    .p-resume-form__set-address-button:hover {
        text-decoration: underline;
    }
}
.p-line-mypage__heading {
    font-size: 24px;
    padding: 24px 16px;
}
.p-line-mypage__heading--sub {
    font-size: 24px;
    font-weight: bold;
    color: #222;
    background-color: #f2f2f2;
    padding: 16px;
}
@media (max-width: 768px) {
    .p-line-mypage__heading--sub {
        font-size: 18px;
        padding: 14px 16px;
    }
}
.p-line-mypage___notification,
.p-line-mypage___notification--disabled {
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-top: 8px;
}
@media (max-width: 768px) {
    .p-line-mypage___notification,
    .p-line-mypage___notification--disabled {
        justify-content: space-between;
    }
}
@media (min-width: 769px) {
    .p-line-mypage___notification .p-mypage-notification-toggle__icon,
    .p-line-mypage___notification--disabled .p-mypage-notification-toggle__icon {
        margin-left: 16px;
    }
}
.p-line-mypage___notification--disabled {
    color: #949494;
}
@media (min-width: 769px) {
    .p-line-mypage___notification--disabled {
        margin-top: 24px;
        margin-left: 16px;
    }
}
.p-line-mypage___notification--disabled .p-mypage-notification-toggle__icon {
    cursor: default;
}
.p-line-mypage__container,
.p-line-mypage__container--center,
.p-line-mypage__container--narrow {
    margin: 0 auto;
    padding: 40px 16px 24px;
    text-align: center;
}
@media (max-width: 768px) {
    .p-line-mypage__container,
    .p-line-mypage__container--center,
    .p-line-mypage__container--narrow {
        padding: 0;
        max-width: 328px;
    }
}
.p-line-mypage__container--narrow {
    padding-top: 0;
}
.p-line-mypage__container--fit {
    padding: 14px 16px 0;
}
.p-line-mypage__container--center {
    text-align: center;
    padding: 0;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .p-line-mypage__container--center {
        text-align: center;
    }
}
.p-line-mypage__container--cancel {
    font-size: 14px;
    margin-bottom: 32px;
}
@media (max-width: 768px) {
    .p-line-mypage__container--cancel {
        margin-bottom: 40px;
    }
}
.p-line-mypage__container--save {
    padding: 40px 0 28px;
}
@media (max-width: 768px) {
    .p-line-mypage__container--save {
        padding: 32px 0;
    }
}
@media (max-width: 768px) {
    .p-line-mypage__container--connect {
        padding: 32px 0;
    }
}
.p-line-mypage__container--info {
    font-size: 13px;
    max-width: 328px;
    text-align: left;
    margin: 10px auto 0;
}
.p-line-mypage__container--gray {
    background-color: #f9f9f9;
    width: 100%;
    text-align: center;
    padding: 24px;
}
@media (max-width: 768px) {
    .p-line-mypage__container--gray {
        padding: 32px 16px;
    }
}
.p-line-mypage-complete__container--info-box {
    width: 100%;
    padding: 12px;
    margin: 8px auto 0;
    background-color: #f9f9f9;
    font-size: 12px;
    text-align: left;
    border-radius: 8px;
}
@media (min-width: 769px) {
    .p-line-mypage-complete__container--info-box {
        margin: 10px auto 0;
    }
}
.p-line-mypage__container--info-box {
    width: 100%;
    max-width: 328px;
    padding: 12px;
    margin: 24px auto 0;
    background-color: #f9f9f9;
    font-size: 12px;
    text-align: left;
}
@media (max-width: 768px) {
    .p-line-mypage__container--info-box {
        margin-bottom: 16px;
    }
}
.p-line-mypage__container--list {
    font-weight: bold;
    list-style: none;
    margin-top: 8px;
    color: #222;
}
.p-line-mypage__container--list > li {
    display: flex;
    align-items: center;
    line-height: 1.5;
}
.p-line-mypage__container--list > li:not(:first-of-type) {
    margin-top: 8px;
}
.p-line-mypage__container--list > li > i {
    font-size: 17px;
    margin-right: 4px;
    color: #949494;
}
.p-line-mypage__container--name {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}
@media (max-width: 768px) {
    .p-line-mypage__container--name {
        margin-top: 22px;
    }
}
@media (max-width: 768px) {
    .p-line-mypage__bottom--margin {
        margin-bottom: 24px;
    }
}
.p-photo-contest-header {
    border-top: 2px solid #f96075;
}
.p-photo-contest-header-container {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 8px 0;
}
@media (min-width: 768px) {
    .p-photo-contest-header-container {
        padding-top: 21px;
    }
}
.p-photo-contest-header-logo {
    max-width: 161px;
    height: auto;
}
@media (min-width: 768px) {
    .p-photo-contest-header-logo {
        max-width: 188px;
    }
}
.p-photo-contest-container {
    max-width: 980px;
    margin: 64px auto 0;
    line-height: 1.5;
    font-size: 14px;
}
.p-photo-contest-section {
    max-width: 704px;
    margin: 24px auto 0;
    padding-left: 16px;
    padding-right: 16px;
}
@media (min-width: 768px) {
    .p-photo-contest-section {
        padding-left: 0;
        padding-right: 0;
    }
}
.p-photo-contest-title {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}
@media (min-width: 768px) {
    .p-photo-contest-title {
        font-size: 40px;
    }
}
.p-photo-contest-title__inner {
    background: linear-gradient(to bottom, transparent 0%, transparent 60%, rgba(255, 234, 237, 0.6) 60%, rgba(255, 234, 237, 0.6) 90%, transparent 90%);
}
.p-photo-contest-summary-heading {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.p-photo-contest-summary-text {
    margin-top: 8px;
}
.p-photo-contest-summary-text__paragraph + .p-photo-contest-summary-text__paragraph {
    margin-top: 21px;
}
.p-photo-contest-summary-guidance {
    margin-top: 24px;
    font-size: 14px;
}
.p-photo-contest-summary-guidance-text + .p-photo-contest-summary-guidance-text {
    margin-top: 21px;
}
.p-photo-contest-grandpix {
    max-width: 704px;
    margin: 24px auto 0;
}
.p-photo-contest-grandpix-heading {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding-top: 16px;
    font-size: 32px;
    font-weight: bold;
}
.p-photo-contest-grandpix-heading .c-icn {
    font-size: 24px;
    color: #f67d9a;
}
@media (min-width: 768px) {
    .p-photo-contest-grandpix-heading {
        font-size: 40px;
    }
    .p-photo-contest-grandpix-heading .c-icn {
        font-size: 32px;
    }
}
.p-photo-contest-grandpix-text {
    margin-top: 16px;
    text-align: center;
}
.p-photo-contest-grandpix-box {
    margin: 24px -16px 0;
    padding: 24px 16px;
    background-color: #fefdf4;
    text-align: center;
}
@media (min-width: 768px) {
    .p-photo-contest-grandpix-box {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
}
.p-photo-contest-grandpix-box-heading {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #b48f0c;
}
@media (min-width: 768px) {
    .p-photo-contest-grandpix-box-heading {
        font-size: 32px;
    }
}
.p-photo-contest-grandpix-box-heading__icon {
    margin-right: 8px;
    font-size: 18px;
    color: #b48f0c;
}
@media (min-width: 768px) {
    .p-photo-contest-grandpix-box-heading__icon {
        font-size: 26px;
    }
}
.p-photo-contest-grandpix-box__image-outer {
    width: 100%;
    max-width: 328px;
    margin: 16px auto 0;
}
@media (min-width: 768px) {
    .p-photo-contest-grandpix-box__image-outer {
        max-width: 436px;
    }
}
.p-photo-contest-image-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 132.75%;
    background-color: #f2f2f2;
}
.p-photo-contest-image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.p-photo-contest-grandpix-box__image-outer {
    width: 100%;
    max-width: 328px;
    margin: 16px auto 0;
}
@media (min-width: 768px) {
    .p-photo-contest-grandpix-box__image-outer {
        max-width: 436px;
    }
}
.p-photo-contest-grandpix-box__theme-title {
    margin-top: 16px;
    font-size: 14px;
}
.p-photo-contest-grandpix-box__school {
    font-size: 16px;
    margin-top: 8px;
}
.p-photo-contest-grandpix-box__name {
    margin-top: 8px;
    font-size: 16px;
    font-weight: bold;
}
@media (min-width: 768px) {
    .p-photo-contest-grandpix-box__name {
        font-size: 22px;
    }
}
.p-photo-contest-grandpix-box--semi-grandpix {
    background-color: #f9f9f9;
}
.p-photo-contest-grandpix-box--semi-grandpix .p-photo-contest-grandpix-box-heading {
    color: #8393aa;
}
.p-photo-contest-grandpix-box--semi-grandpix .p-photo-contest-grandpix-box-heading__icon {
    color: #8393aa;
}
.p-photo-contest-grandpix-box--semi-grandpix .p-photo-contest-grandpix-box__theme-title {
    margin-top: 12px;
}
@media (min-width: 768px) {
    .p-photo-contest-grandpix-box--semi-grandpix .p-photo-contest-grandpix-box__image-outer {
        margin-top: 12px;
        max-width: 300px;
    }
}
.p-photo-contest-grandpix-box__entries {
    margin-top: 16px;
}
@media (min-width: 768px) {
    .p-photo-contest-grandpix-box__entries {
        display: flex;
        justify-content: center;
        gap: 40px;
    }
}
@media (min-width: 768px) {
    .p-photo-contest-grandpix-box__item {
        width: 50%;
        max-width: 240px;
    }
}
@media (max-width: 767px) {
    .p-photo-contest-grandpix-box__item + .p-photo-contest-grandpix-box__item {
        margin-top: 40px;
    }
}
.p-photo-contest-entries {
    max-width: 906px;
    margin: 24px auto 0;
    padding-bottom: 14px;
}
@media (min-width: 768px) {
    .p-photo-contest-entries {
        padding-left: 16px;
        padding-right: 16px;
    }
}
.p-photo-contest-entries__heading {
    margin-top: 24px;
    padding-top: 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.p-photo-contest-entries__entries {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    flex-wrap: wrap;
    gap: 16px;
    max-width: 360px;
    margin: 24px auto 0;
    padding-left: 16px;
    padding-right: 16px;
}
@media (min-width: 768px) {
    .p-photo-contest-entries__entries {
        gap: 24px 32px;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
.p-photo-contest-entries__image-outer {
    width: 100%;
    max-width: 98px;
}
@media (min-width: 768px) {
    .p-photo-contest-entries__image-outer {
        max-width: 119px;
    }
}
.p-photo-contest-entries__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.p-photo-contest-breadcrumb {
    margin-top: 64px;
    background-color: transparent;
}
.u-clearfix::after {
    content: "";
    display: table;
    clear: both;
}
@media screen and (min-width: 768px) {
    .u-show-only-sp {
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    .u-show-only-pc {
        display: none !important;
    }
}
.mobile-app .u-show-only-browser {
    display: none !important;
}
.u-show-only-ios-app {
    display: none !important;
}
[data-mobile-app="1"] .u-show-only-ios-app {
    display: block !important;
}
@media screen and (max-width: 979px) {
    .u-block-only-sp {
        display: block;
    }
}
.u-m0 {
    margin: 0px !important;
}
.u-m5 {
    margin: 5px !important;
}
.u-m8 {
    margin: 8px !important;
}
.u-m10 {
    margin: 10px !important;
}
.u-m12 {
    margin: 12px !important;
}
.u-m15 {
    margin: 15px !important;
}
.u-m16 {
    margin: 16px !important;
}
.u-m20 {
    margin: 20px !important;
}
.u-m24 {
    margin: 24px !important;
}
.u-m25 {
    margin: 25px !important;
}
.u-m30 {
    margin: 30px !important;
}
.u-m32 {
    margin: 32px !important;
}
.u-m35 {
    margin: 35px !important;
}
.u-m40 {
    margin: 40px !important;
}
.u-m45 {
    margin: 45px !important;
}
.u-m48 {
    margin: 48px !important;
}
.u-m50 {
    margin: 50px !important;
}
.u-m55 {
    margin: 55px !important;
}
.u-m56 {
    margin: 56px !important;
}
.u-m60 {
    margin: 60px !important;
}
.u-m64 {
    margin: 64px !important;
}
.u-m65 {
    margin: 65px !important;
}
.u-m70 {
    margin: 70px !important;
}
.u-mt0 {
    margin-top: 0px !important;
}
.u-mt5 {
    margin-top: 5px !important;
}
.u-mt8 {
    margin-top: 8px !important;
}
.u-mt10 {
    margin-top: 10px !important;
}
.u-mt12 {
    margin-top: 12px !important;
}
.u-mt15 {
    margin-top: 15px !important;
}
.u-mt16 {
    margin-top: 16px !important;
}
.u-mt20 {
    margin-top: 20px !important;
}
.u-mt24 {
    margin-top: 24px !important;
}
.u-mt25 {
    margin-top: 25px !important;
}
.u-mt30 {
    margin-top: 30px !important;
}
.u-mt32 {
    margin-top: 32px !important;
}
.u-mt35 {
    margin-top: 35px !important;
}
.u-mt40 {
    margin-top: 40px !important;
}
.u-mt45 {
    margin-top: 45px !important;
}
.u-mt48 {
    margin-top: 48px !important;
}
.u-mt50 {
    margin-top: 50px !important;
}
.u-mt55 {
    margin-top: 55px !important;
}
.u-mt56 {
    margin-top: 56px !important;
}
.u-mt60 {
    margin-top: 60px !important;
}
.u-mt64 {
    margin-top: 64px !important;
}
.u-mt65 {
    margin-top: 65px !important;
}
.u-mt70 {
    margin-top: 70px !important;
}
.u-mr0 {
    margin-right: 0px !important;
}
.u-mr5 {
    margin-right: 5px !important;
}
.u-mr8 {
    margin-right: 8px !important;
}
.u-mr10 {
    margin-right: 10px !important;
}
.u-mr12 {
    margin-right: 12px !important;
}
.u-mr15 {
    margin-right: 15px !important;
}
.u-mr16 {
    margin-right: 16px !important;
}
.u-mr20 {
    margin-right: 20px !important;
}
.u-mr24 {
    margin-right: 24px !important;
}
.u-mr25 {
    margin-right: 25px !important;
}
.u-mr30 {
    margin-right: 30px !important;
}
.u-mr32 {
    margin-right: 32px !important;
}
.u-mr35 {
    margin-right: 35px !important;
}
.u-mr40 {
    margin-right: 40px !important;
}
.u-mr45 {
    margin-right: 45px !important;
}
.u-mr48 {
    margin-right: 48px !important;
}
.u-mr50 {
    margin-right: 50px !important;
}
.u-mr55 {
    margin-right: 55px !important;
}
.u-mr56 {
    margin-right: 56px !important;
}
.u-mr60 {
    margin-right: 60px !important;
}
.u-mr64 {
    margin-right: 64px !important;
}
.u-mr65 {
    margin-right: 65px !important;
}
.u-mr70 {
    margin-right: 70px !important;
}
.u-mb0 {
    margin-bottom: 0px !important;
}
.u-mb5 {
    margin-bottom: 5px !important;
}
.u-mb8 {
    margin-bottom: 8px !important;
}
.u-mb10 {
    margin-bottom: 10px !important;
}
.u-mb12 {
    margin-bottom: 12px !important;
}
.u-mb15 {
    margin-bottom: 15px !important;
}
.u-mb16 {
    margin-bottom: 16px !important;
}
.u-mb20 {
    margin-bottom: 20px !important;
}
.u-mb24 {
    margin-bottom: 24px !important;
}
.u-mb25 {
    margin-bottom: 25px !important;
}
.u-mb30 {
    margin-bottom: 30px !important;
}
.u-mb32 {
    margin-bottom: 32px !important;
}
.u-mb35 {
    margin-bottom: 35px !important;
}
.u-mb40 {
    margin-bottom: 40px !important;
}
.u-mb45 {
    margin-bottom: 45px !important;
}
.u-mb48 {
    margin-bottom: 48px !important;
}
.u-mb50 {
    margin-bottom: 50px !important;
}
.u-mb55 {
    margin-bottom: 55px !important;
}
.u-mb56 {
    margin-bottom: 56px !important;
}
.u-mb60 {
    margin-bottom: 60px !important;
}
.u-mb64 {
    margin-bottom: 64px !important;
}
.u-mb65 {
    margin-bottom: 65px !important;
}
.u-mb70 {
    margin-bottom: 70px !important;
}
.u-ml0 {
    margin-left: 0px !important;
}
.u-ml5 {
    margin-left: 5px !important;
}
.u-ml8 {
    margin-left: 8px !important;
}
.u-ml10 {
    margin-left: 10px !important;
}
.u-ml12 {
    margin-left: 12px !important;
}
.u-ml15 {
    margin-left: 15px !important;
}
.u-ml16 {
    margin-left: 16px !important;
}
.u-ml20 {
    margin-left: 20px !important;
}
.u-ml24 {
    margin-left: 24px !important;
}
.u-ml25 {
    margin-left: 25px !important;
}
.u-ml30 {
    margin-left: 30px !important;
}
.u-ml32 {
    margin-left: 32px !important;
}
.u-ml35 {
    margin-left: 35px !important;
}
.u-ml40 {
    margin-left: 40px !important;
}
.u-ml45 {
    margin-left: 45px !important;
}
.u-ml48 {
    margin-left: 48px !important;
}
.u-ml50 {
    margin-left: 50px !important;
}
.u-ml55 {
    margin-left: 55px !important;
}
.u-ml56 {
    margin-left: 56px !important;
}
.u-ml60 {
    margin-left: 60px !important;
}
.u-ml64 {
    margin-left: 64px !important;
}
.u-ml65 {
    margin-left: 65px !important;
}
.u-ml70 {
    margin-left: 70px !important;
}
.u-text-bold {
    font-weight: bold;
}
.u-text-center {
    text-align: center;
}
.u-text-left {
    text-align: left;
}
.u-text-right {
    text-align: right;
}
.u-text-primary {
    color: #f97b0b;
}
@media screen and (min-width: 768px) {
    .u-text-pc-center {
        text-align: center;
    }
}
.u-text-1line,
.p-considering-modal__shop-name,
.p-considering-modal__shop-location,
.p-considering-modal-table__salary {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.u-text-multi-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.u-text-multi-line-5 {
    -webkit-line-clamp: 5;
}
.c-link-text {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    padding: 0;
    background-color: transparent;
    outline: none;
    color: #0f71d2;
}
.c-link-text:hover,
.c-link-text:focus {
    text-decoration: underline;
}
.js-lazyload:not(.is-loaded),
.js-modal-lazyload:not(.is-loaded) {
    width: 1px !important;
}
.p-drawer-wrapper {
    position: relative;
    min-height: 100%;
    transition: all 0.4s;
}
.p-drawer-wrapper.open {
    transform: translate3d(-258px, 0, 0);
    overflow: hidden;
}
#overlay,
.p-drawer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.3);
}
.p-drawer-menu {
    position: fixed;
    top: 0;
    right: -258px;
    width: 258px;
    height: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transition: all 0.4s;
    background-color: #fff;
}
.p-drawer-menu.open {
    transform: translate3d(-258px, 0, 0);
}
.js-drawer-arrow {
    display: none;
    position: fixed;
    top: 50%;
    right: 0;
    width: 44px;
    height: 44px;
    opacity: 0;
    pointer-events: none;
}
.js-drawer-arrow::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/images/user_frontend/sp/drawer_arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.js-drawer-arrow.is-open {
    display: block;
    right: 258px;
    opacity: 1;
    animation: drawerShow 0.4s ease 0s 1;
}
@keyframes drawerShow {
    0% {
        opacity: 0;
        right: 0;
    }
    100% {
        opacity: 1;
        right: 258px;
    }
}
.xdsoft_yearselect {
    width: 56px;
}
.js-preferred-days-datepicker {
    width: 330px;
}
.js-preferred-days-datepicker .xdsoft_datepicker {
    width: calc(100% - 8px);
}
.js-preferred-days-datepicker .xdsoft_datepicker th,
.js-preferred-days-datepicker .xdsoft_datepicker td {
    height: 38px;
    border: none;
    background-color: transparent;
    font-size: 14px;
    text-align: center;
    color: #222;
}
.js-preferred-days-datepicker .xdsoft_datepicker td div {
    padding-right: 0;
}
.js-preferred-days-datepicker .xdsoft_next,
.js-preferred-days-datepicker .xdsoft_prev,
.js-preferred-days-datepicker .xdsoft_today_button {
    height: 32px;
}
.js-preferred-days-datepicker .xdsoft_today_button {
    margin-left: 12px;
}
.js-toggle-text-area .js-toggle-text-area__button-container,
.js-toggle-text-area-preview .js-toggle-text-area__button-container {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100px;
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 75%);
}
.js-toggle-text-area .js-toggle-text-area__button-container a,
.js-toggle-text-area-preview .js-toggle-text-area__button-container a {
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
body:not([data-action="preview"]) .js-toggle-text-area,
body .js-toggle-text-area-preview {
    position: relative;
    transition: max-height 0.3s;
    max-height: 200px;
    overflow: hidden;
}
body:not([data-action="preview"]) .js-toggle-text-area.is-open,
body .js-toggle-text-area-preview.is-open {
    max-height: none;
    overflow: visible;
}
.mail-autocomplete {
    border: 1px solid #bbb;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    list-style-type: none;
    width: calc(100% - 97px) !important;
}
@media screen and (min-width: 768px) {
    .mail-autocomplete {
        width: 280px !important;
    }
}
.mail-autocomplete > li {
    padding: 4px 8px;
}
.mail-autocomplete > li.ui-state-focus {
    color: #fff;
    background-color: #0070f0;
    cursor: pointer;
}
form#new_form_user_frontend_job_entry{
  min-height: 50vh;
}
.app_user_complete {
  text-align: center;
  margin: 0 0 30px;
  font-weight:600;
}
.app_user_error {
  color: red;
  text-align: center;
  margin: 0 0 30px;
  font-weight:600;
}
@media screen and (max-width:767px) {
	.table.table-set--pt1 tr {
  border-bottom: 1px solid #efefef;
  display: flex;
  flex-direction: column;
}
}