@charset "utf-8";
/*
ページタイトル
<h1 class="border-title"><span>タイトル</span></h1>
(h1じゃなくても大丈夫です)

チイキングイラストタイトル
<h2 class="sub-title"><span>タイトル</span></h2>
（h2じゃなくても大丈夫です）

グラデーションタイトル
.job-h2

オレンジのボタン
.btn

ブルーのボタン
.btn.btn--blue

テーブル
.gray-table

*/ :root {
    --hcolor: #40cb3c;
    --sbmcolor: #22941f;
}
body {
    -webkit-text-size-adjust: 100%;
}
.mrgb5{
    margin-bottom: 20px;
}
.il-bl {
    display: inline;
}
.img-text {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.img-text div:nth-of-type(1) {
    width: 100%;
}
.img-text div:nth-of-type(2) {
    width: 80%;
}
.img-text .img-text-top {
    margin: 10px auto;
}
.img-text p {
    margin: 0;
}
.img-text div:nth-of-type(3) {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.job-column {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
}
.job-column img {
    width: 75px /*100px*/ ;
}
.job-column > div {
    display: flex;
    flex-wrap: wrap;
    width: 50%
}
.job-column > div div {
    display: flex;
    flex-wrap: wrap;
}
.job-column > div div:last-child {
    width: calc(100% - 75px) /*100px*/ ;
    padding-left: 5px;
    align-items: flex-start;
}
.job-column > div div:last-child h4 {
    margin-bottom: 0px /*5px*/ ;
    font-weight: bold;
}
.job-column > div div:last-child p {
    margin: 0;
    color: #000;
    font-size: 12px /*なし*/ ;
}
.search-criteria li {
    display: inline-block;
    margin-bottom: 0;
}
.job-pub {
    font-weight: bold;
    margin-bottom: 5px;
}
.nav-tabs.header-search__sub-nav-tabs .nav-link {
    background-color: var(--hcolor);
}
.job_child_page_block {
    display: flex;
    width: 100%;
    border: 2px solid #ddd;
    border-radius: 5px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 8px;
}
.search-criteria.mb-5 li {
    display: inline-block;
    margin-bottom: 0;
}
.paginate {
    padding-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    color: #333;
    text-align: right;
    font-size: 17px;
}
.paginate .numColor {
    color: red;
}
.job_child_long {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.job_child_long_inner {
    width: 49%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    border-right: solid var(--hcolor) 1px;
    border-bottom: solid var(--hcolor) 1px;
}
.job_child_long h2 {
    padding: 0 2px;
    font-size: 9pt;
}
.job_child_long h3 {
    padding: 0 2px;
    margin: 0;
    font-size: 11pt;
}
.job_child_long_inner_companyName {
    width: 100%;
    height: 21px;
}
.job_child_long_inner_title {
    width: 100%;
    height: 36px;
}
.job_child_long_inner_img {
    width: 35%;
}
.job_child_long_inner_detail {
    width: 65%;
}
.job_child_long_inner_detail p {
    margin: 0;
}
.job_child_long_inner_detail p img {
    width: 20px;
}
.job_child_long_inner.jcli-img {
    align-items: center;
}
.job_child_long_inner.jcli-img img {
    width: max-content;
    height: max-content;
}
.job_child_inner_top2 {
    width: calc(100% - 259px);
    height: max-content;
    display: flex;
    flex-wrap: wrap;
}
.job_child_inner_companyName h2 {
    margin-left: 5px;
}
.job_child_inner_companyName {
    height: 37px;
    display: flex;
    align-items: center;
}
.job_child_inner_title h3 {
    font-weight: bold;
    font-size: 18px;
    padding: 0;
}
.job_child_inner_img, .job_child_inner_img img {
    width: 250px;
}
.job_child_inner_img .mainimg {
    max-width: -moz-available;
    max-width: -webkit-fill-available;
}
.job_child_inner_detail table {
    margin-bottom: 0;
}
.job_child_inner_detail p {
    margin: 0;
}
.job_child_inner_detail th {
    width: 130px;
}
.job_child_inner_detail th img {
    /*margin-bottom:6px;*/
}
.job_child_inner_companyName, .job_child_inner_address, .job_child_inner_detail, .job_child_inner_graf, .job_child_inner_btn {
    width: 100%;
}
.job_child_inner_tag {
    margin-top: 5px;
    width: 100%;
}
.job_child_inner_top, .job_child_inner_graf, .job_child_inner_btn {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.job_child_inner_btn {
    justify-content: center;
    margin-bottom: 20px;
}
.job_child_inner_btn .btn.single {
    width: 150px !important;
    height: 40px;
    font-size: 100% !important;
}
.job_child_inner_btn .btn-submit {
    background-color: #fe4a49 !important;
}
.job_child_inner_graf {
    align-items: end;
}
.job_child_inner_graf .nobg {
    padding: 0;
}
.job_child_inner_graf .no-smile::after {
    left: calc(50% - 10.5px);
}
.job_child_inner_graf .age dt:first-child {
    height: 1px;
}
.job_child_inner_graf .age dt, .job_child_inner_graf .work-wey dt {
    padding-top: 0 !important;
}
.job_child_inner_graf .meter-row li:first-child, .job_child_inner_graf .meter-row li:last-child {
    text-align: center;
    height: 36px;
    vertical-align: middle;
}
.job_child_inner_graf .meter-row li p {
    margin-top: 10px;
    margin-bottom: 0;
}
.job_child_inner_graf .frame {
    font-size: 12px;
}
.job_child_inner_graf .meter1, .job_child_inner_graf .meter2 {
    width: 50%;
    padding: 5px;
}
.job_child_inner_graf .meter ul li {
    width: 16%;
}
.job_child_inner_graf .meter ul li:first-child, .job_child_inner_graf .meter ul li:last-child {
    width: 9%;
}
.job_child_inner_graf .meter ul li:first-child {
    margin-right: -5px;
}
.job_child_inner_graf .meter ul li:last-child {
    margin-left: -5px;
}
.job_child_inner_graf .meter ul {
    background-size: 68% 7px;
    background-position: center left 48%;
    text-align: center;
    width: 107%;
}
.job_child_inner_graf .meter dd {
    margin-left: 5px;
    margin-bottom: 0;
    padding: 0;
}
.meter-row .no-smile::after {
    top: 4px;
}
.meter-row .smile::after {
    top: 3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .meter-row .no-smile::after {
        top: 4px;
    }
    .meter-row .smile::after {
        top: 2px;
    }
}
@-moz-document url-prefix() {
    .meter-row .no-smile::after {
        top: 4px;
    }
    .meter-row .smile::after {
        top: 2px;
    }
}
.gray-table {
    table-layout: fixed !important;
    word-break: break-all;
    word-wrap: break-word;
}
.gray-table th, .gray-table td {
    padding: 16px 16px;
}
.or-border-title {
    margin-top: 10px;
}
.job-icon:nth-last-child(1) {
    margin-right: 5px;
}
.job-icon {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    background-color: var(--hcolor);
    color: #fff;
    font-weight: normal;
    margin-right: 2px;
    font-size: initial;
}
.keepList {
    background-color: var(--hcolor);
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}
.keepList .niko::before {
    width: 15px; /*画像の幅*/
    height: 15px; /*画像の高さ*/
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.loop-slide__link, .btn.btn-submit, .btn.addtofavorite, .btn.removefavorite, .btn.btn-detail, .btn.addtofavorite-search, .btn.removefavorite-search, .submit-hidden {
    position: relative;
}
.btn.single, .submit-hidden {
    margin: 5px !important;
    width: 200px !important;
    height: 50px;
    font-size: 120%;
    font-weight: bold;
}
.submit-hidden input {
    font-size: 17px !important;
}
.reload {
    margin: 0;
}
.center_container, .center_container p {
    text-align: center;
}
.reload p {
    margin: 20px auto 0;
    color: red;
    font-weight: bold;
    padding-left: 68px;
}
.loop-slide__link::after, .btn.addtofavorite::after, .btn.removefavorite::after, .btn.btn-submit::after, .btn.btn-detail::after, .btn.addtofavorite-search::after, .btn.removefavorite-search::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 28px;
    top: calc(50% - 1px);
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(45deg) translateY(-50%);
    color: inherit;
}
.submit-hidden::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    top: calc(50% + 3px);
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(45deg) translateY(-50%);
    color: #fff;
}
.btn.addtofavorite, .btn.addtofavorite-search {
    color: #fff;
    padding: 10px 0px;
    background-color: var(--hcolor) !important;
    margin-bottom: 0;
    width: 167px;
}
.btn.removefavorite, .btn.removefavorite-search {
    color: #000;
    padding: 10px 0px;
    background-color: #f5f5f5 !important;
    margin-bottom: 0;
    width: 167px;
}
.btn.btn-detail {
    padding: 10px 0px;
    background-color: var(--sbmcolor) !important;
}
.favoritecontainer {
    display: none;
    padding: 20px;
    z-index: 100;
    position: absolute;
    background-color: #f5f5f5;
    border-radius: 5px;
    width: 400px;
    right: 0;
    top: 60px;
}
.favoritecontainer::before {
    content: "";
    position: absolute;
    top: -25px;
    left: 85%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #f5f5f5;
}
#favoritelist p {
    text-align: center;
    width: 100%;
}
.closebtn {
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer;
}
.viewhistory li {
    text-align: left;
    position: relative;
    margin-bottom: 10px;
}
.viewhistory li:last-child {
    margin-bottom: 0;
}
.removedata {
    background-color: var(--hcolor);
    padding: 5px;
    position: absolute;
    right: 0;
}
.favoritedmark {
    opacity: 1;
}
.favoritedmark.fade {
    opacity: 0;
}
.top-logo {
    width: 100%;
    position: relative;
}
.top-logo .font-large {
    vertical-align: middle;
}
.margin0 {
    margin: 0 !important;
    padding-top: 3px;
}
.img-ml {
    margin-left: 10px;
}
.font-large {
    font-size: 150%;
}
.update {
    width: 30%;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
}
.update p {
    display: inline-block;
    margin: 0;
}
.frame {
    background-color: var(--hcolor);
    padding: 7px;
    border-radius: 5px;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    width: 85px;
    text-align: center;
}
.frame::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -12px;
    margin-top: -6px;
    border: 6px solid transparent;
    border-left: 6px solid var(--hcolor);
}
.meter dl {
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
}
.meter dt {
    width: 15%;
    float: left;
    clear: both;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.meter dd {
    width: 80%;
    margin: 0;
    float: left;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 7px 0;
}
.meter dd::first-child {
    padding: 0;
}
.meter .age dt {
    padding-top: 27px;
}
.meter ul {
    background-image: url(../img/job/bg-meter.png);
    background-size: 50% 45%;
    background-repeat: no-repeat;
    background-position: center left 30%;
    width: 100%;
    font-size: 0;
    float: left;
}
.meter ul li {
    display: inline-block;
    width: 12%;
    font-size: 12px;
}
.meter ul li:first-child, .meter ul li:last-child {
    width: 10%;
}
.meter ul li:first-child {
    text-align: right;
}
ul.nobg {
    background-image: none !important;
    padding: 5px;
}
.smile, .no-smile {
    position: relative;
}
.smile::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: url(../img/job/niko-s.png);
    background-repeat: no-repeat;
    top: -3px;
    left: calc(50% - 12.5px);
}
.no-smile::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: url(../img/job/graycircle.png);
    background-repeat: no-repeat;
    top: -1px;
    left: calc(50% - 12.5px);
    background-size: 80%;
}
.center {
    text-align: center;
}
.video-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.video-detail {
    width: 40%;
}
.video-detail p {
    margin: 0;
}
.video-detail p:first-child {
    font-weight: bold;
}
.video {
    width: 60%;
    position: relative;
}
.video::after {
    content: '';
    position: absolute;
    width: 250px;
    height: 115px;
    background-image: url(../img/job/chiikiv.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0px;
    left: 100%;
}
.mainimg {
    /* max-width: -moz-available;
    max-width: -webkit-fill-available; */
    margin: 5px;
    object-fit: cover;
    width: 100%;
    aspect-ratio: 4 / 3;
}
.jobimg-container .mainimg {
    /* max-width: -moz-available;
    max-width: -webkit-fill-available; */
    margin-right: 0 !important;
}
.area-child {
    font-weight: bold;
    width: 110px;
    padding: 5px;
    border-left: 6px solid red;
    border-bottom: 2px solid var(--hcolor);
}
.area-child a {
    color: inherit;
}
.area .ew-50 {
    width: 50%;
    margin-top: 10px;
}
.area .ew-100:first-child {
    width: 100%;
    margin-top: inherit;
}
.area .ew-100 {
    width: 100%;
    margin-top: 10px;
}
.tab {
    /*border-bottom: 3px solid var(--hcolor);*/
}
.tab.clearfix li {
    height: 55px;
    vertical-align: middle;
    position: relative;
}
.tab.clearfix li img {
    height: 75px;
    position: absolute;
    top: -24px;
    left: 42px;
}
.tab li {
    background-color: var(--hcolor);
    color: #fff;
    float: left;
    /*margin: 0 10px -1px 0;*/
    padding: 10px 20px;
    border: 1px solid var(--hcolor);
    cursor: pointer;
    list-style: none;
    transition: .3s;
    width: 50%;
    text-align: center;
}
.tab li.active {
    font-weight: bold;
    font-size: 120%;
    color: red;
    background: #fff;
    cursor: auto;
    border-bottom: 0;
}
.area {
    border: solid var(--hcolor) 1px;
    border-top: 0;
}
.area ul {
    display: none;
}
.area ul.show {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 0;
    padding: 5px 15px 15px;
}
.area li {
    display: inline-block;
    padding: 5px;
}
.title-area h3, .border-title > span {
    border-left: 0;
}
.title-area h3, .border-title > span::before {
    content: ''; /*何も入れない*/
    display: inline-block; /*忘れずに！*/
    width: 45px; /*画像の幅*/
    height: 30px; /*画像の高さ*/
    background-image: url(../img/job/niko-s.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: top;
}
.popkey {
    padding-left: 10px;
    color: var(--hcolor);
    font-weight: bold;
}
.slide-job_1 {
    padding: 5px;
    margin-top: -10px;
}
.pdl16 {
    padding-left: 16px;
}
.top-table-new {
    text-align: left;
    vertical-align: top;
    table-layout: fixed;
    margin: 0;
}
.top-table-new td, .top-table-new th {}
.top-table-new p {
    margin-bottom: 0 !important;
}
.text-right-img {
    padding-left: 50px;
    float: right;
    padding-top: 20px;
}
.box01 .sub-title {
    display: none;
}
.loop-slide__img-link {
    margin-bottom: 0;
    height: inherit !important;
}
.loop-slide__img-link img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 4/3;
}
.loop-slide-title {
    margin: 0;
}
.job-h2.ilb {
    display: inline-block;
}
.jobnew {
    display: inline-block;
    height: 30px;
    margin-top: -6px;
}
.niko::before {
    content: ''; /*何も入れない*/
    display: inline-block; /*忘れずに！*/
    width: 20px; /*画像の幅*/
    height: 20px; /*画像の高さ*/
    background-image: url(../img/job/niko-s.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: top;
}
.single-post-article-title.niko::before {
    width: 32px !important;
    height: 32px !important;
}
.header-search {
    background-color: var(--hcolor) !important; /*#fbf075*/
}
.header-search input[type="submit"] {
    border-bottom: 3px solid var(--hcolor);
}
.header-search__list-item {
    border-bottom: 3px solid var(--hcolor);
}
.slide-job {
    padding: 10px;
}
.bx-wrapper {
    -moz-box-shadow: initial;
    -webkit-box-shadow: initial;
    box-shadow: initial;
    border: initial;
    background: initial;
}
#top-new-shop-slide, #top-coupon-slide {
    height: auto;
}
.slide-job {
    text-align: center;
}
.slide-job > .btn {
    color: #fff;
    padding: 10px 0px;
    background-color: var(--hcolor) !important;
    margin-bottom: 0;
    width: 80%;
}
.btn.telbtn.btn-submit{
    background-color: var(--sbmcolor) !important;
}
.btn-submit {
    width: 80%;
    color: #fff;
    padding: 10px 0px !important;
    background-color: var(--sbmcolor) !important;
    margin-bottom: 0;
    margin-top: 5px;
}
p .wpcf7-form-control.wpcf7-submit {
    color: #fff;
    padding: 10px 30px !important;
    background-color: var(--hcolor) !important;
    margin-bottom: 0;
    margin-top: 5px;
}
/*.main-navigation__list li:hover, */ .main-navigation__list li.current {
    background-color: var(--hcolor) !important;
    border-color: var(--hcolor) !important;
}
.wpcf7-form table {
    padding: 20px;
}
div.wpcf7 .ajax-loader {
    background-image: url(../img/job/sending.gif);
    width: 72px;
    z-index: 100;
    position: relative;
    display: block;
    margin: 1rem auto;
}
.page-id-1074556 #secondary.widget-area {
    margin-top: 10rem;
}
#content .ul-cat li {
    /* margin-bottom: 0; */
    list-style: none;
}
.ul-cat {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    list-style: none !important;
}
.flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.flexbox .jobcontent-container {
    width: 60%;
}
.flexbox .jobimg-container {
    width: 40%;
}
.flexbox .thumimg-container {
    width: 100%;
    margin-left: 5px;
    display: flex;
    justify-content: space-between;
}
.flexbox .thumimg-container div {
    width: 32%;
}
.flexbox .thumimg-container div .thumimg {
    width: 100%;
    cursor: pointer;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}
.padl20 {
    padding-left: 20px !important;
}
/* body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#000;
    line-height:25px;
    font-size:0.9em;
    font-weight: 500;
} */
/*ボタン装飾*/
.hidden_box > label, .hidden_box > a > label {
    /* padding: 15px; */
    /* font-weight: bold; */
    /* border: solid 2px black; */
    cursor: pointer;
    user-select: none;
}
/*ボタンホバー時*/
/* .hidden_box label:hover {
    background: #efefef;
} */
/*チェックは見えなくする*/
.hidden_box > input {
    display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.hidden_box > input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
#container, .innerBox {
    width: auto !important;
    max-width: 1030px !important;
}
.list-side {
    display: flex;
    flex-wrap: wrap;
    padding-left: 30px;
}
.list-side li {
    display: list-item;
    list-style-type: disc;
    margin-right: 20px;
    margin-bottom: 10px;
}
.list-side .tag-button {
    list-style-type: none;
    background-color: none;
    padding: 5px 10px;
    border: 1px solid var(--hcolor);
    box-sizing: border-box;
    border-radius: 5px;
    color: var(--hcolor);
}
.list-side .tag-button:hover {
    background-color: var(--hcolor);
    color: #fff;
}
.job-special {
    display: flex;
    width: auto;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
#content .job-special img {
    margin: 10px !important;
}
.job-special img {
    max-width: 325px !important;
}
#content table.gray-table th, #content table.gray-table td {
    vertical-align: middle !important;
}
.marginnone {
    margin: 0 !important;
}
.under_button {
    /* display:flex;
    justify-content: center;
    align-items: center;
    margin-top:10px; */
    /* width:auto;
    height:auto; */
    /* border: 1px solid #ccc; */
    background-color: #f5f5f5;
}
.gray-table td.under_button .btn {
    margin: 10px !important;
    /* width:150px !important; */
    min-width: 170px;
    padding: 20px;
}
.center_button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 30px;
    width: auto;
    height: auto;
}
.center_button img, .center_button input {
    margin: 10px !important;
    width: 167px !important;
}
.inline {
    display: inline-block !important;
}
.child_page_block {
    height: auto !important;
}
.child_page_blockInner {
    height: auto !important;
    /* border-top:solid 10px #ffdf8f !important; */
}
.child_page_blockInner2 {
    height: auto !important;
}
.job-content {
    font-size: 13pt;
}
.company-name {
    padding-top: 12px !important;
    padding-bottom: 0 !important;
    margin-bottom: 10px !important;
    height: auto !important;
}
.float-left {
    float: left !important;
    display: inline-block !important;
    margin-bottom: 10px;
}
.job-h2 {
    overflow: hidden;
    padding: 6px 0;
    color: #000;
    font-size: 1.6rem;
    font-weight: bold;
}
.job-h2.niko div a {
    display: inline-block;
    position: relative;
    font-size: 1.4rem;
}
.job-h2 .newh2 {
    display: inline-flex;
    width: calc(100% - 189px);
    justify-content: flex-end;
}
.job-h2 .puh2 {
    display: inline-flex;
    width: calc(100% - 138px);
    justify-content: flex-end;
}
.job-h2.niko div a::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    right: -5px;
    top: 42.6%;
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(45deg) translateY(-50%);
    color: inherit;
}
.job_title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    padding: 0 3px;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: bold;
    margin: 16px 0;
}
.job_title p {
    margin-bottom: 0;
}
.addtoany_share_save_container {
    display: none !important;
}
.favorites-list li {
    display: flex !important;
    border-top: none !important;
    border-bottom: dashed 1px #ccc;
    align-items: center;
}
.favorites-list li:last-child {
    border-bottom: none;
}
.favorites-list li a {
    color: #000 !important;
}
.fav-title {
    font-size: 12pt;
    font-weight: bold;
}
.favorite {
    width: 400px;
    padding: 10px;
    border-top: solid 20px #008;
    border-left: solid 2px #ccc;
    border-right: solid 2px #ccc;
    border-bottom: solid 20px #008;
}
.favorite li img {
    width: 50px !important;
    height: 50px !important;
}
.favorite li {
    text-align: left !important;
}
.oubo {
    background-color: #f5ead4;
    padding: 10px;
    margin-bottom: 50px;
    border: 1px solid #dbdbdb !important;
}
.ouboa {
    text-decoration: none;
    color: #666;
}
/*タブ切り替え全体のスタイル*/
.tabs {
    margin-top: 50px;
    padding-bottom: 40px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    width: 640px;
    margin: 0 auto;
}
/*タブのスタイル*/
.tab_item1, .tab_item2, .tab_item3 {
    width: calc(100%/4);
    height: 50px;
    border-bottom: 3px solid #5ab4bd;
    background-color: #d9d9d9;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    font-weight: bold;
    transition: all 0.2s ease;
}
.tab_item1:hover, .tab_item2:hover, .tab_item3:hover {
    opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item1"], input[name="tab_item2"], input[name="tab_item3"] {
    display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content1, .tab_content2, .tab_content3 {
    display: none;
    padding: 40px 40px 0;
    clear: both;
    overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#area:checked ~ #area_content, #status:checked ~ #status_content, #time:checked ~ #time_content, #holiday:checked ~ #holiday_content, #experience:checked ~ #experience_content, #treatment:checked ~ #treatment_content, #environment:checked ~ #environment_content, #appearance:checked ~ #appearance_content, #merit:checked ~ #merit_content, #for_salary:checked ~ #for_salary_content, #duration:checked ~ #duration_content, #occupation:checked ~ #occupation_content {
    display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item1, .tabs input:checked + .tab_item2, .tabs input:checked + .tab_item3 {
    background-color: #5ab4bd;
    color: #fff;
}
.jobCate a {
    background-color: var(--hcolor);
}
.jobCate a:hover {
    background-color: var(--hcolor);
    opacity: 0.7;
}
/* #content a:hover {
	color: #c11313!important;
} */
/* #content a {
    text-decoration: none;
    color:#333 !important;
    
} */
/*.slide_item{
    position:relative !important;
}
.sideTower.sideTower2{
    position:absolute!important;
    top:0!important;
    right:30vw!important;
}*/
#content .child_page_block {
    width: 100% !important;
}
/*.jobtable{
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}*/
.img-cap {
    padding: 5px !important;
    text-align: center;
    margin: auto !important;
}
.jobslider {
    opacity: 0;
    transition: opacity .3s linear;
}
.jobslider.slick-initialized {
    opacity: 1;
}
.jobslider .slick-next {
    right: -27px;
    z-index: 11;
    color: #979797 !important;
    ;
}
.jobslider .slick-prev {
    left: -27px;
    z-index: 100;
    color: #979797 !important;
}
.slick-prev::before, .slick-next::before {
    color: #979797;
}
.jobslider .slick-slide {
    height: auto !important;
}
.jobimgbox {
    width: 100%;
    /*display: flex;
    flex-wrap: wrap;
    justify-content:center;*/
}
.jobimgchild img {
    width: 100%;
    height: auto;
}
.jobimgchild {
    margin: 0 4px 10px 4px;
    padding: 8px;
    width: auto;
    border: solid 1px #dbdbdb;
    justify-content: center;
    align-items: center;
}
#happiness {
    background: #fff;
    padding-top: 30px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    position: relative;
}
#post-1074556 .border-title {
    margin: 0;
    border: 0;
}
#post-1074556 .entry-content {
    margin: -20px 0 0;
}
.job-sns {
    display: inline-flex !important;
}
.sns .mb-2 {
    margin: 5px 8px 0px !important;
    font-size: 90%;
}
.job-sns .mr-2 {
    margin-right: 0 !important;
}
.job_contents input[name="b-year"] {
    max-width: 10%;
}
.job_contents input[name="b-month"], .job_contents input[name="b-day"] {
    max-width: 8%;
}
/* .job_contents input[name="radio-sex"] {
    display: none;
} */
.job_contents .va_middle {
    vertical-align: middle;
}
.job_contents p {
    margin: 0;
}
.job_contents label {
    display: inline-block;
    border: 1px solid #ccc;
    color: #000;
    background-color: #e2ffde;
    padding: 5px 50px;
}
.job_contents .radio-man {
    margin-right: 20px;
}
.job_contents input[name="radio-sex"]:checked + .radio-man {
    background-color: #21A7E5;
    color: #fff;
}
.job_contents input[name="radio-sex"]:checked + .radio-woman {
    background-color: #fe4a49;
    color: #fff;
}
.job_contents input[name="store-name"] {
    border: 0;
}
.job_contents input:not(.s-name), .job_contents textarea {
    background-color: #e2ffde;
}
.job_contents .bg-white {
    background-color: #fff;
}
.job_contents .caption {
    color: red;
    display: inline-block;
    text-align: end;
}
.job_contents, .job_contents th, .job_contents td {
    border: 1px solid #ddd;
}
.job_contents td {
    padding: 10px;
}
.job_contents th {
    position: relative;
    width: 30%;
    padding: 20px 0;
    text-align: center;
    background-color: #F4F4F4;
    z-index: -1;
}
.job_contents th:not(.first-th):not(.last-th)::after {
    content: "必須";
    color: red;
    position: absolute;
    right: 5%;
    top: 20px;
}
/* .job_contents th, .job_contents td{
    padding:20px !important;
    padding: 16px 40px;
    border: 1px solid #dbdbdb !important;
} */
.gray-table td.ul-cat__wrap {
    padding-bottom: 6px;
}
/* .job_contents {
    width:95%;
    table-layout: inherit;
    width: 100%;
    margin-bottom:20px;
    border-collapse: collapse !important;
} */
.gray-table .thumbImageInner {
    -ms-flex-preferred-size: 40%;
    flex-basis: 30%;
}
.gray-table th {
    text-align: center !important;
    /*background-color: #f5ead4!important;*/
    width: 150px !important;
    background-color: #f7f7f7;
}
.published {
    background-color: #F5F5F5;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.published p:first-child {
    width: 100%;
    padding: 10px;
    font-weight: bold;
    font-size: 110%;
    margin: 0 0 0 20px
}
.published p:nth-child(2) {
    padding: 10px;
    background-color: #fff;
    width: 70%;
    margin: 0 30px 20px 10px;
}
.published button {
    color: #fff;
    width: 20%;
    height: 40px;
    margin-bottom: 10px;
    background-color: var(--hcolor);
}
#content .child_page_block {
    /* box-shadow: inset 0px 0px 0px 4px rgba(0,0,0,0.05); */
    /* border: 1px solid #ccc; */
    margin-bottom: 40px;
}
#content .child_page_block .child_page_blockInner {
    /* padding: 15px; */
    margin: 0;
}
.mobile-sns{
    display: none !important;
}
@media screen and (max-width: 480px) {
    .mobile-sns img{
        width: 50px;
    }
    .mobile-sns{
        display: inherit !important;
        margin-bottom: 30px;
    }
    .mobile-sns .mb-2{
        font-size: 150%;
        text-align: center !important;
    }
    .mobile-sns .job-sns div{
        display: flex;
        justify-content: space-evenly;
        width: 70%;
    }
    .mobile-sns .job-sns{
        width: 100%;
        justify-content: center;
    }
    .gray-table th {
        width: 100px !important;
    }
    .mgnb-0 {
        margin-bottom: 0 !important;
    }
    .work-wey-hidden {
        display: none !important;
    }
    .jobimg-container .mainimg {
        margin: 0;
        margin-bottom: 7px;
    }
    .img-text div:nth-of-type(2) {
        width: 100%;
    }
    .img-text div:nth-of-type(3) {
        display: none;
    }
    .job_child_inner_graf .meter ul {
        background-size: 65% 7px;
    }
    .meter-row .no-smile::after {
        top: -1px !important;
    }
    .meter-row .smile::after {
        top: -3px !important;
    }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .meter-row .no-smile::after {
            top: 0;
        }
        .meter-row .smile::after {
            top: 0;
        }
    }
    @-moz-document url-prefix() {
        .meter-row .no-smile::after {
            top: 0;
        }
        .meter-row .smile::after {
            top: 0;
        }
    }
    .video {
        padding-top: 56.25%;
    }
    .video iframe {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .video::after {
        display: none;
    }
    .video, .video-detail {
        width: 100%;
    }
    .meter ul li {
        width: 15%;
    }
    .meter ul {
        background-size: 62% 8.1px;
        background-position: center left 46%;
        margin-left: 10px;
        display: flex;
        align-items: center;
    }
    .favoritecontainer {
        width: 361px;
    }
    .job_child_long_inner {
        width: 100%;
    }
    .job_child_long_inner.jcli-img {
        display: none;
    }
    .job_contents th:not(.first-th):not(.last-th)::after {
        right: 26%;
        top: 8px;
    }
    .job_contents th, .job_contents td {
        display: block;
        width: 100% !important;
        text-align: center !important;
    }
    .job_contents input[name="b-year"] {
        max-width: 13%;
    }
    .job_contents,
    .job_contents th,
    .job_contents td {
        border: none;
    }
    .job_contents th {
        padding: 8px 0;
    }
    .job_contents td {
        padding: 20px 10px 50px;
    }
    .btn.single, .submit-hidden {
        width: 165px !important;
    }
    .flexbox {
        flex-wrap: wrap-reverse;
    }
    .favoritecontainer {
        right: -2vw;
        top: 125px;
    }
    .logo-left img:nth-child(1) {
        width: 67%;
    }
    .logo-left .img-ml {
        width: 20%;
    }
    .update {
        position: static;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .job_child_inner_graf .frame ,.meter .frame{
        font-size: 11px;
    }
    
    .sin-age-dd{
        /*margin-top: 5px !important;*/
    }
    .sin-sex-dl{
        margin-bottom: 9px!important;
    }
    .sin-sex-dd{
        margin-top: -9px!important;
        margin-bottom: 1px!important;
    }
    .sin-way-dd{
        margin-top: 0px!important;
    }
    .sin-atmos-dd{
        margin-top: -9px!important;
    }
    .job_child_inner_btn .btn.single {
        width: 95px !important;
        height: 35px !important;
        font-size: 95% !important;
    }
    .btn.addtofavorite::after, .btn.removefavorite::after, .btn.btn-submit::after, .btn.btn-detail::after, .btn.addtofavorite-search::after, .btn.removefavorite-search::after {
        right: 10px;
    }
    .btn.single::after {
        right: 10px !important;
    }
    .flexbox .jobimg-container {
        margin-bottom: 5px;
    }
    .flexbox .thumimg-container {
        margin-left: 0;
    }
    .job_child_inner_img, .job_child_inner_img img, .job_child_inner_top2, .job_child_inner_graf .meter1, .job_child_inner_graf .meter2, .flexbox .jobcontent-container, .flexbox .jobimg-container, .flexbox .thumimg-container {
        width: 100%;
    }
    .published button {
        width: 35%;
        height: 30px;
    }
    .published p:nth-child(2) {
        width: 100%;
        margin: 0 15px 10px;
    }
    .job-column > div {
        width: 100%;
    }
    .top-table-new {
        margin: 0 auto;
        width: 80%;
    }
    .tab.clearfix li img {
        display: none;
    }
    .area .ew-50 {
        width: 100%;
    }
    .loop-slide__img-link img {
        margin: 0 auto;
    }
    .jobslider .slick-prev {
        left: 0;
    }
    .jobslider .slick-next {
        right: 0;
    }
}
@media screen and (max-width: 375px) {}
/* #content table th, #content table thead th {
  background-color: #f5f5f5;
} */