@charset "UTF-8";
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body { width: 100%; height: 100%; margin: 0; padding: 0; font-size: 16px; font-family: "Noto Sans JP"; color: #3F5C54; font-weight: 400; line-height: 1.5; }

.pc-display { display: inherit; }

.sp-display { display: none; }

a { text-decoration: none; color: #3F5C54; }

a img { height: auto; transition: transform .6s ease; }
a img:hover { transform: scale(1.2); }

h2 { text-align: center; font-size: 34px; color: #3F5C54; }
h2 span { color: #19BD9C; }

.grecaptcha-badge { visibility: hidden; }

#recapcha { font-size: 9px; }

.b-border { padding-bottom: 2px; border-bottom: solid 1px #19BD9C; }

section { display: block; }

.flex { display: flex; justify-content: flex-start; }

.v-stack { flex-direction: column; gap: 0; }

.green { color: #19BD9C; }

.strong { font-weight: 600; }

.center-text { text-align: center; }

.small-text { font-size: 12px !important; }

.mb-1 { margin-bottom: 22px; }

.mb-5 { margin-bottom: 5rem; }

.btn-green, input.btn-green, button.btn-green { display: block; width: 60%; height: auto; background-color: #19BD9C; border-radius: 6px; border: none; color: #fff; text-align: center; margin: 3rem auto; padding: 1rem 0; position: relative; overflow: hidden; z-index: 1; cursor: pointer; }
.btn-green a, input.btn-green a, button.btn-green a { display: block; width: 100%; height: 100%; }
.btn-green a::before, input.btn-green a::before, button.btn-green a::before { content: ""; position: absolute; top: 0; left: 0; width: 140%; height: 100%; background: #B4004C; transform: skewX(-45deg) translateX(-120%); transform-origin: left; transition: transform 0.4s ease; z-index: -1; }
.btn-green a:hover, input.btn-green a:hover, button.btn-green a:hover { cursor: pointer; }
.btn-green a:hover::before, input.btn-green a:hover::before, button.btn-green a:hover::before { transform: skewX(-45deg) translateX(-20%); }
.btn-green:hover::before, input.btn-green:hover::before, button.btn-green:hover::before { transform: skewX(-45deg) translateX(-20%); }
.btn-green::before, input.btn-green::before, button.btn-green::before { content: ""; position: absolute; top: 0; left: 0; width: 140%; height: 100%; background: #B4004C; transform: skewX(-45deg) translateX(-120%); transform-origin: left; transition: transform 0.4s ease; z-index: -1; }

.btn-gray, input.btn-gray, button.btn-gray { display: block; width: 60%; height: auto; background-color: #B6B6B6; border-radius: 6px; border: none; color: #000; text-align: center; margin: 3rem auto; padding: 1rem 0; position: relative; overflow: hidden; z-index: 1; cursor: pointer; }
.btn-gray:hover, input.btn-gray:hover, button.btn-gray:hover { background: #B4004C; color: #fff; }

header { width: 100%; height: 103px; padding-bottom: 1rem; margin: 0; background-color: #19BD9C; color: #fff; display: flex; justify-content: space-between; position: fixed; top: 0; z-index: 100; transition: all 0.3s ease; }
header a { text-decoration: none; color: #fff; }
header h1 { font-size: 0.8rem; margin-left: 12px; font-weight: 600; }
header #header-logo { width: auto; height: 52px; color: #fff; margin-left: 10px; position: relative; z-index: 100; }
header #header-logo a img { transition: none !important; }
header #header-logo a img:hover { transform: none !important; }
header #header-nav { display: inline-block; margin: 10px 10px 0; vertical-align: middle; font-size: 15px; font-weight: 700; }
header #header-nav #header-nav-top { width: 100%; height: auto; display: block; gap: 1rem; margin-bottom: 1rem; display: flex; flex-direction: row; justify-content: flex-end; }
header #header-nav #header-nav-top img { width: auto; height: 1rem; }
header #header-nav #header-nav-top #header-nav-contact { width: 180px; height: 40px; background-color: #3F5C54; text-align: center; margin: -10px -10px 0 20px; line-height: 40px; position: relative; overflow: hidden; z-index: 1; }
header #header-nav #header-nav-top #header-nav-contact a { display: block; width: 100%; height: 100%; }
header #header-nav #header-nav-top #header-nav-contact a::before { content: ""; position: absolute; top: 0; left: 0; width: 140%; height: 100%; background: #B4004C; transform: skewX(-45deg) translateX(-120%); transform-origin: left; transition: transform 0.2s ease; z-index: -1; }
header #header-nav #header-nav-top #header-nav-contact a:hover { cursor: pointer; }
header #header-nav #header-nav-top #header-nav-contact a:hover::before { transform: skewX(-45deg) translateX(-20%); }
header #header-nav #header-nav-menu { width: 100%; height: auto; display: flex; flex-direction: row; gap: 1.5rem; }
header #header-nav #header-nav-menu a:hover { color: #B4004C; }
header #nav-sp-logo { display: none; }
header .sp-menu-line { display: none; }
header.mini { height: 40px; padding-bottom: 0; margin-bottom: 0; }
header.mini h1 { display: none; }
header.mini #header-logo { height: 40px; margin-left: 10px; }
header.mini #header-logo a { display: block; line-height: 40px; }
header.mini #header-logo a img { transition: none !important; height: 40px !important; }
header.mini #header-logo a img:hover { transform: none !important; }
header.mini .header-nav-sns { display: none; }
header.mini #header-nav-top { display: flex; align-items: center; justify-content: flex-end; gap: 1rem; position: relative; }
header.mini #header-nav-contact { order: 2; }
header.mini #header-nav-menu { display: flex; justify-content: flex-end; position: absolute; z-index: 2; top: 10px; right: 200px; }

/* ハンバーガーボタン */
#hamburger { display: none; }

.star-bg { width: 100vw; height: 470px; min-height: 8rem; background: url("../images/bg.png"); margin-top: 1.5rem; padding: 3rem 0 1.5rem 0; }

.index_star-bg { background: url("../images/bg.png"); position: absolute; top: 0; left: 0; z-index: -1; width: 100vw; height: 470px; margin: 0; }

#index-hero { width: 100%; height: auto; padding: 0; margin: 96px auto 98px auto !important; overflow: hidden; position: relative; z-index: 2; }

#index-hero-slider { width: 100%; height: auto; margin: 0 auto; padding: 0; overflow: hidden; }

.index-hero-contents { width: 500px !important; height: auto; position: relative; display: flex; flex-direction: column; padding: 0; margin: 45px 15px 0 15px; box-sizing: border-box; align-items: center; }
.index-hero-contents a { display: block; position: relative; z-index: 1; }

.index-hero-contents-img { max-width: 500px !important; height: 500px !important; border-radius: 10px; border: solid 4px #19BD9C; overflow: hidden; }
.index-hero-contents-img img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }

.index-hero-contents-cate { display: inline-block; font-size: 13px; font-weight: 600; margin: 12px 0 10px 0; background-color: #19BD9C; color: #fff; padding: 0.1rem 0.5rem; }

.index-hero-contents-text { width: 92%; display: block; font-size: 20px; font-weight: 600; color: #19BD9C; white-space: normal; }

/* Slick */
.slick-prev, .slick-next { position: absolute; display: inline; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; text-align: center; cursor: pointer; pointer-events: auto; display: block; visibility: visible; pointer-events: none; z-index: 10; }
.slick-prev img, .slick-next img { width: 100%; height: 100%; pointer-events: auto; }

.slick-prev { position: absolute; top: calc(50% - 40px) !important; left: 3% !important; }

.slick-next { position: absolute; top: calc(50% - 40px) !important; right: 3% !important; }

.slick-prev::before, .slick-next::before { display: none; }

/*コンテナ*/
.container { width: 1088px; height: auto; margin: 0 auto; padding: 0; display: block; position: sticky; color: #3F5C54; }

.flex-box { display: flex; }

/*固定ページ*/
#pages { padding-top: 85px; margin-bottom: 150px; }
#pages h3 { font-size: 24px !important; font-weight: 600; margin: 0 0 10px 0; }
#pages h1 { font-size: 34px; font-weight: 600; position: relative; text-align: left; color: #19BD9C; display: flex; align-items: center; margin-bottom: 45px; }
#pages h1::after { content: ""; flex: 1; height: 3px; background: #19BD9C; margin-left: 0.5em; }
#pages #w-60 { width: 60%; height: auto; margin: 0 auto; }
#pages #w-60 h2 { margin-bottom: 30px; }

.page-text { width: 712px; height: auto; margin: 0 auto 145px auto; }

/*キーワード検索*/
#archives-company-pages { padding-top: 162px; margin-bottom: 150px; }
#archives-company-pages h3 { font-size: 24px !important; font-weight: 600; margin: 0 0 10px 0; }
#archives-company-pages h1 { font-size: 34px; font-weight: 600; position: relative; text-align: left; color: #19BD9C; display: flex; align-items: center; margin: 0 0 45px 0; }
#archives-company-pages h1::after { content: ""; flex: 1; height: 3px; background: #19BD9C; margin-left: 0.5em; }
#archives-company-pages h1#ac-u-75 { margin: 0 0 60px 0; }
#archives-company-pages #index-jobsearch { margin-bottom: 50px !important; }
#archives-company-pages #index-jobsearch h3 { color: #19BD9C; font-size: 16px !important; font-weight: 600; margin: 0; padding: 0; }

#switch-btn { width: 640px; height: 74px; margin: 0 auto 45px; font-size: 21px; font-weight: 600; display: flex; text-align: center; color: #fff; }
#switch-btn div { width: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: 0.3s; }
#switch-btn #search-company-btn { border-radius: 18px 0 0 18px; border-top: solid 3px #0F8067; border-bottom: solid 3px #0F8067; border-left: solid 3px #0F8067; position: relative; }
#switch-btn #search-job-btn { border-radius: 0 18px 18px 0; border-top: solid 3px #0F8067; border-bottom: solid 3px #0F8067; border-right: solid 3px #0F8067; position: relative; }
#switch-btn .active { background-color: #19BD9C; color: #fff; }
#switch-btn .active::after { content: ""; position: absolute; bottom: -23px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #19BD9C; }
#switch-btn div:not(.active) { background-color: #fff; color: #D9E6E4; }

/*お知らせ*/
#index-news-box { width: 100%; height: auto; margin: 0 auto 130px; display: flex; align-items: flex-start; }

#index-news-title { width: 188px; background-color: #19BD9C; color: #fff; display: flex; align-items: center; justify-content: center; padding: 1rem; font-size: 20px; font-weight: 700; }

#index-news-v-stack { display: block; flex-direction: row; width: 100%; }

.index-news-list { width: 100%; height: auto; padding: 0.25rem 1rem; margin: 0; display: block; flex-direction: column; gap: 0.5rem; }
.index-news-list p { width: 100%; padding: 0 0 0.5rem 1rem; margin: 0; }
.index-news-list p span { margin-right: 0.5rem; }

.index-news-list-date { min-width: 20ch; display: inline-block; margin-right: 2rem; font-size: 12px; font-weight: 400; font-family: "Noto Sans JP" !important; }

.index-news-list-more { font-size: 13px; margin-left: 2rem; font-weight: 500; margin-top: 10px; line-height: 1; }
.index-news-list-more a { color: #19BD9C; }
.index-news-list-more a span { display: inline-block; margin: 0 0 0 0.2rem; transform: scaleX(0.5); }

/* 検索ボックス */
#index-jobsearch { width: 100%; height: auto; margin: 0 auto 200px auto; border: solid 4px #19BD9C; border-radius: 18px; padding: 0 0 68px 0; }
#index-jobsearch #index-jobsearch-title { width: 100%; height: 208px; background-color: #19BD9C; padding: 26px 0 0 0; border-radius: 14px 14px 0 0; margin-bottom: 50px; }
#index-jobsearch #index-jobsearch-title h2 { width: auto; height: auto; font-size: 30px; font-weight: 600; text-align: center; color: #fff; margin: 0 0 0 0 !important; padding: 0 !important; border-radius: 18px 18px 0 0; line-height: 1.2; position: relative; }
#index-jobsearch #index-jobsearch-title h2 .line-h { line-height: 46px !important; color: #fff; }
#index-jobsearch #index-jobsearch-title h2 .small-text { font-size: 22px; color: #fff; margin: 0; padding: 0; }
#index-jobsearch p { text-align: center; font-size: 16px; font-weight: 400; color: #fff; }
#index-jobsearch #jobsearch-box { margin: 0 53px; line-height: 1; }
#index-jobsearch #jobsearch-box .jobsearch-columns { width: 100%; height: auto; margin-bottom: 0; display: flex; justify-content: flex-start; align-content: flex-start; }
#index-jobsearch #jobsearch-box .jobsearch-columns .jobsearch-column { flex: 1; }
#index-jobsearch #jobsearch-box .jobsearch-columns .jobsearch-column .jobsearch-box-list { width: 100%; height: auto; margin: 0 0 31px 0; }
#index-jobsearch #jobsearch-box .jobsearch-columns .jobsearch-column .jobsearch-box-list h3 { color: #19BD9C; font-size: 16px; font-weight: 600; margin: 0 0 14px 0; padding: 0; }
#index-jobsearch #jobsearch-box .jobsearch-columns .jobsearch-column .jobsearch-box-list ul.acf-checkbox-list { margin: 0 0 20px 0; padding: 0; list-style: none !important; }
#index-jobsearch #jobsearch-box .jobsearch-columns .jobsearch-column .jobsearch-box-list ul.acf-checkbox-list li { margin-bottom: 14px; }
#index-jobsearch #jobsearch-box .jobsearch-columns .jobsearch-column .jobsearch-box-list ul.acf-checkbox-list li input { margin-right: 0.5rem; }
#index-jobsearch #jobsearch-box .jobsearch-columns .jobsearch-column .jobsearch-box-list ul.acf-checkbox-list label { margin: 0; padding: 0; }
#index-jobsearch #jobsearch-box #jobsearch-box-freesearch { display: block; width: 100%; height: auto; }
#index-jobsearch #jobsearch-box #jobsearch-box-freesearch h3 { color: #19BD9C; font-size: 20px !important; font-weight: 600; margin: 0 0 10px 0; padding: 0; }
#index-jobsearch #jobsearch-box #jobsearch-box-freesearch p { margin: 0; padding: 0; }
#index-jobsearch #jobsearch-box #jobsearch-box-freesearch form[role="search"] { gap: 0; }
#index-jobsearch #jobsearch-box #jobsearch-box-freesearch .search-field { width: 60%; padding: 1rem 2rem; font-size: 1.0rem; border: solid 1px #3F5C54; margin-bottom: 62px; }
#index-jobsearch #jobsearch-box #jobsearch-box-freesearch .btn-green { width: 470px !important; height: 73px !important; font-size: 21px; font-weight: 700; display: block; background-color: #19BD9C; border-radius: 6px; border: none; color: #fff; text-align: center; margin: 0 auto; padding: 0; position: relative; overflow: hidden; z-index: 1; }
#index-jobsearch #jobsearch-box #jobsearch-box-freesearch .btn-green::before { content: ""; position: absolute; top: 0; left: 0; width: 140%; height: 100%; background: #B4004C; transform: skewX(-45deg) translateX(-120%); transform-origin: left; transition: transform 0.4s ease; z-index: -1; }
#index-jobsearch #jobsearch-box #jobsearch-box-freesearch .btn-green:hover { cursor: pointer; }
#index-jobsearch #jobsearch-box #jobsearch-box-freesearch .btn-green:hover::before { transform: skewX(-45deg) translateX(-20%); }
#index-jobsearch #jobsearch-box #jobsearch-box-freesearch .btn-green#job-btn { width: 470px; height: 73px; margin: 0 auto 24px auto !important; }
#index-jobsearch #jobsearch-box #jobsearch-box-freesearch .btn-green#company-btn { width: 470px; height: 73px; height: auto; margin: 0 auto; }

/* チタジョブ企画 */
#index-jobplan { width: 100vw; margin: 0 auto 200px auto; padding: 0; overflow: hidden; position: relative; }
#index-jobplan h2 { font-size: 30px; font-weight: 600; margin: 0 0 16px 0; padding: 0; line-height: 1; }
#index-jobplan .btn-green { width: 470px; height: 44px; font-size: 15px; font-weight: 600; line-height: 44px; margin: 0 auto 22px auto; padding: 0; }
#index-jobplan .btn-green a { color: #fff; }

#index-jobplan-slider { width: 100%; margin: 0 auto; padding: 0; }
#index-jobplan-slider .index-jobplan-contents { width: 366px; height: auto; margin: 0 20px 22px 20px; padding: 0; box-sizing: border-box; height: 100%; display: flex; flex-direction: column; justify-content: space-between; font-size: 0.9rem; }
#index-jobplan-slider .index-jobplan-contents .index_archive-contents-img { width: 366px; height: 336px; border-radius: 10px; border: solid 4px #19BD9C; overflow: hidden; margin-bottom: 10px; }
#index-jobplan-slider .index-jobplan-contents .index_archive-contents-img img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }

/* ピックアップ */
#index-pickup { width: 100vw; margin: 0 auto; padding: 0; overflow: hidden; position: relative; }
#index-pickup h2 { font-size: 30px; font-weight: 600; margin: 0 0 16px 0; padding: 0; line-height: 1; }
#index-pickup p.center-text { margin-bottom: 90px !important; line-height: 1; padding: 0; }
#index-pickup .container { position: relative; }
#index-pickup .container h3 { position: relative; top: 0; left: 50%; transform: translateX(-50%); display: inline-block; margin: 0 auto; padding: 10px 22px 0 22px; box-sizing: border-box; font-size: 26px; line-height: 1; color: #19BD9C; background-image: url("../images/index-pickup-h3-l.png"), url("../images/index-pickup-h3-r.png"); background-repeat: no-repeat, no-repeat; background-position: left bottom,right bottom; background-size: auto 34px; }
#index-pickup .btn-green { width: 470px; height: 44px; font-size: 15px; font-weight: 700; line-height: 44px; margin: 0 auto 150px auto; padding: 0; }
#index-pickup .btn-green a { color: #fff; }

.index-pickup-slider { width: 100%; height: auto; margin: 0 auto 20px auto; }
.index-pickup-slider .index-pickup-contents { width: 366px; height: auto; margin: 0 20px !important; padding: 1rem; box-sizing: border-box; height: 100%; display: flex; flex-direction: column; justify-content: space-between; font-size: 0.9rem; }
.index-pickup-slider .index-pickup-contents a .index_archive-pickup-img { width: 366px; height: 238px; border: none; overflow: hidden; }
.index-pickup-slider .index-pickup-contents a .index_archive-pickup-img img { width: 366px; height: 238px; object-fit: cover; }
.index-pickup-slider .index-pickup-contents a .index-pickup-company-copy { font-size: 12px; margin-top: 10px; margin-bottom: 2px; }
.index-pickup-slider .index-pickup-contents a .index-pickup-title { font-size: 20px; font-weight: 600; height: auto; margin-bottom: 10px; color: #19BD9C; }
.index-pickup-slider .index-pickup-contents a .index-pickup-description { font-size: 14px; line-height: 1.8; margin: 5px 0; padding: 8px 0; border-top: solid 1px #19BD9C; border-bottom: solid 1px #19BD9C; }
.index-pickup-slider .index-pickup-contents a .company-archive-job-place { font-size: 13px; line-height: 1; margin: 　-10px 0 0 0; padding: 0; }

/* footer */
#totop { display: none; }

footer { width: 100%; height: auto; background-color: #19BD9C; color: #fff; text-align: center; background-image: url("../images/bg.png"); background-repeat: repeat-x; padding: 67px 0 14px 0; position: relative; }
footer a { color: #fff; }
footer h4 { margin: 0 0 10px 0; padding: 0; font-size: 18px; }
footer #footer-box-logo { width: auto; height: 52px; margin-bottom: 32px; }
footer #footer-box-logo a img { width: auto; height: 100%; transform: none; }
footer #footer-box-nav-menu { display: flex; justify-content: center; margin-bottom: 16px !important; margin: 0; padding: 0; }
footer #footer-box-nav-menu div { margin: 0 18px; font-size: 15px; font-weight: 700; }
footer #footer-box-nav-submenu { display: flex; justify-content: center; margin-bottom: 20px; }
footer #footer-box-nav-submenu div { margin: 0 8px; font-size: 13px; }
footer #footer-box-appbtn { width: 470px; height: 44px; text-align: center; display: inline-block; background-color: #fff; color: #19BD9C; font-size: 15px; font-weight: 700; line-height: 44px; padding: 0; margin: 0 auto 22px; border-radius: 6px; position: relative; overflow: hidden; z-index: 1; }
footer #footer-box-appbtn a { display: block; width: 100%; height: 100%; color: #19BD9C; }
footer #footer-box-appbtn a::before { content: ""; position: absolute; top: 0; left: 0; width: 140%; height: 100%; background: #B4004C; transform: skewX(-45deg) translateX(-120%); transform-origin: left; transition: transform 0.4s ease; z-index: -1; }
footer #footer-box-appbtn a:hover { cursor: pointer; color: #fff; }
footer #footer-box-appbtn a:hover::before { transform: skewX(-45deg) translateX(-20%); }
footer .footer-box-info { width: auto; height: auto; font-size: 13px; line-height: 24px; margin-bottom: 28px !important; }
footer #footer-box-copyright { position: absolute; bottom: 10px; right: 3%; font-size: 11px; }

/*事業者に質問*/
#companyform h2 { margin-bottom: 120px; }

/* contactform */
span.wpcf7-list-item { margin-top: 5px; display: block; }
span.wpcf7-list-item label { margin-left: -1.2rem; }

.wpcf7-text { width: 100%; padding: 0.5rem; border: solid 0.9px #999; border-radius: 0; }

.wpcf7-textarea { width: 100%; padding: 0.5rem; border: solid 0.9px #999; border-radius: 0; }

.confirm_area, .thanks_area { display: none; }

.wpcf7-response-output { display: none; }

.confirm_button:disabled { background-color: #ccc; color: #505050; cursor: not-allowed; opacity: 0.7; }

.button-wrap { width: 100%; height: 59px; padding: 0; margin: 100px 0 0 0; }
.button-wrap *:disabled { opacity: 1.0; }

.confirm_button { cursor: pointer; transition: background-color 0.3s; background-color: #19BD9C !important; color: #fff !important; opacity: 1.0; }

input.btn-green { display: block; width: 60%; height: auto; border-radius: 6px; border: none; color: #fff; text-align: center; margin: 3rem auto; padding: 1rem 0; cursor: pointer; overflow: hidden; background: linear-gradient(135deg, #B4004C 0%, #B4004C 50%, #19BD9C 50%, #19BD9C 100%); background-size: 250% 250%; background-position: 100% 100%; transition: background-position 0.4s ease-out; }

input.btn-green:hover { background-position: 0% 0%; }

input.back_button.btn-gray { display: block; width: 60%; height: auto; border-radius: 6px; border: none; color: #fff; text-align: center; margin: 3rem auto; padding: 1rem 0; cursor: pointer; overflow: hidden; background: linear-gradient(135deg, #B4004C 0%, #B4004C 50%, #B6B6B6 50%, #B6B6B6 100%); background-size: 250% 250%; background-position: 100% 100%; transition: background-position 0.4s ease-out; }

input.back_button.btn-gray:hover { background-position: 0% 0%; }

#form-thanks h3 { font-size: 24px; text-align: center; margin-bottom: 70px; }
#form-thanks p { margin-bottom: 70px; }
#form-thanks .totop { font-size: 16px; font-weight: 700; width: 336px; height: 59px; }
#form-thanks .totop a { color: #fff; }

/*掲載*/
#publish { margin-top: 115px; }
#publish.page-text { margin-bottom: 105px; }
#publish h2 { font-size: 24px; font-weight: 600; color: #19BD9C; padding: 0; margin: 0 0 22px 0; text-align: left; border: none !important; }
#publish p { line-height: 2; letter-spacing: 0.8px; padding: 0; margin: 0 0 65px 0; }
#publish ol { margin: 0 auto 60px auto; padding: 0; list-style: none; counter-reset: my-counter; }
#publish ol p { margin-bottom: 28px !important; }
#publish ol li { font-size: 20px; font-weight: 600; color: #0F8067; margin: 0 0 5px 0; padding: 0; counter-increment: my-counter; }
#publish ol li::before { content: counter(my-counter) ". "; margin-right: 3px; }

.publish-form { width: 524px; height: auto; margin: 0 auto 145px auto; }
.publish-form h3 { font-size: 24px; font-weight: 600; color: #19BD9C; padding: 0 0 10px 0; margin: 0 0 30px 0; text-align: left; border-bottom: dotted 1px #3F5C54; }
.publish-form p { margin-bottom: 55px; }
.publish-form #tellist { font-size: 18px; font-weight: 500; list-style: none !important; margin: 0 0 100px 0; padding: 0; line-height: 1; }
.publish-form #tellist li { list-style: none !important; margin: 0 0 22px 0; padding: 0; position: relative; }
.publish-form #tellist li span { color: #19BD9C; position: absolute; left: 170px; }
.publish-form .Form .small-text { font-size: 11px; margin: 30px 0 38px 0; }
.publish-form .Form .small-text span { color: #19BD9C; margin-right: 1px; }
.publish-form .Form p { margin-bottom: 44px; }
.publish-form .Form .Form-Item-Label { margin-bottom: 0; }
.publish-form .Form .first { margin-top: 25px; }
.publish-form .Form .wpcf7-form-control-wrap { line-height: 2.4; }
.publish-form .Form .mm-20 { margin-top: -30px !important; }

.wpcf7 input::placeholder, .wpcf7 textarea::placeholder { color: #D7DDDB; opacity: 1; }

.green-hr { width: 100%; height: 0; margin-bottom: 110px; border: none; border-top: solid 3px #19BD9C; color: #19BD9C; }

/*チタジョブとは*/
#pages #post-120 .about-h2 { font-size: 39px; font-weight: 600; text-align: center !important; line-height: 1.5; margin: 0 0 47px 0; border: none !important; color: #19BD9C; }
#pages #post-120 .about-img-box { width: 1088px; margin: 0 auto; display: flex; justify-content: center; gap: 18px; margin-bottom: 17px; }
#pages #post-120 .about-img-box img { width: calc(50% - 9px); height: auto; display: block; }
#pages #post-120 .about-text { width: 565px; height: auto; margin: 30px auto 147px; }
#pages #post-120 .about-text p { margin-bottom: 43px; }
#pages #post-120 .about-h3 { margin: 0 !important; color: #19BD9C; font-size: 22px !important; }
#pages #post-120 .about-h3-b { margin-top: 10px; }
#pages #post-120 #about-company-small-text { margin: 5px 0 24px 0; font-size: 12px; }
#pages #post-120 .about-company-list { width: 1088px; display: flex; flex-wrap: wrap; border-top: solid 1px #19BD9C; margin-bottom: 140px; }
#pages #post-120 .about-company-list .about-company-list-row { width: 100%; height: auto; margin: 0; padding: 7px 0 7px 0; border-bottom: solid 1px #19BD9C; display: flex; justify-content: space-between; align-items: center; }
#pages #post-120 .about-company-list .about-company-list-name { width: 388px; height: auto; padding-right: 20px; box-sizing: border-box; }
#pages #post-120 .about-company-list .about-company-list-kana { display: none; }
#pages #post-120 .about-company-list .about-company-list-copy { width: 396px; height: auto; padding-right: 20px; box-sizing: border-box; font-size: 14px; }
#pages #post-120 .about-company-list .about-company-list-city { width: 289px; height: auto; padding-right: 20px; box-sizing: border-box; margin-right: 16px; font-size: 14px; position: relative; }
#pages #post-120 .about-company-list .about-company-list-city::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(45deg); width: 8px; height: 8px; border-top: 1px solid #3F5C54; border-right: 1px solid #3F5C54; }
#pages #post-120 .about-list { margin: 10px 0 66px 0; padding: 0; list-style: none; }
#pages #post-120 .about-list li { line-height: 2; }

/*プライバシーポリシー*/
#policy { margin-top: 190px; line-height: 2; }
#policy p { margin: 10px 0 40px 0; line-height: 2; }
#policy .page-text { width: 712px; height: auto; margin: 0 auto 145px auto; }
#policy #policy-title { font-size: 19px; font-weight: 600; margin-bottom: 44px; }
#policy #policy-list { margin-bottom: 44px; }
#policy #policy-list ol { margin: 10px 0 40px 0; padding: 0; list-style-position: inside; }
#policy #policy-list ol p { margin-top: 0; }
#policy #policy-list ol li { font-size: 16px; font-weight: 600; color: #19BD9C; padding: 0; margin-bottom: 0 !important; }
#policy #policy-list ol li ul { margin: 0 0 40px 0; padding: 0; list-style: none; list-style-position: inside; }
#policy #policy-list ol li ul li { margin: 0 0 0 0; padding: 0; font-size: 16px; color: #3F5C54; font-weight: 400; }

.policy_contact { margin: 0 0 0 0; font-size: 16px; font-weight: 600; color: #19BD9C; }

.policy_contact_p { margin-top: 0 !important; }

#searchdrawer-s { margin-bottom: 40px; }
#searchdrawer-s #companydata-jobsearch { width: 100%; height: auto; margin: 0 auto; border: solid 4px #19BD9C; border-radius: 18px; padding: 0; }
#searchdrawer-s #companydata-jobsearch #drawer-box { height: auto; }
#searchdrawer-s #companydata-jobsearch #drawer-box #companydata-jobsearch-title { width: 100%; height: 60px; padding: 20px 0 0 0; box-sizing: border-box; line-height: 1; background-color: #19BD9C; padding-bottom: 1rem; border-radius: 14px; margin: 0; }
#searchdrawer-s #companydata-jobsearch #drawer-box #companydata-jobsearch-title label h2 { text-align: center; margin: 0; padding: 0; line-height: 1; border-radius: 18px; font-size: 24px; line-height: 24px; position: relative; cursor: pointer; }
#searchdrawer-s #companydata-jobsearch #drawer-box #companydata-jobsearch-title label h2 span { display: block !important; text-align: center; color: #fff; font-size: 22px; }
#searchdrawer-s #companydata-jobsearch #drawer-box #companydata-jobsearch-title label h2::after { content: ""; position: absolute; right: 30px; top: 50%; width: 10px; height: 10px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: translate(50%, -50%) rotate(45deg); pointer-events: none; }
#searchdrawer-s #companydata-jobsearch #drawer-box #companydata-jobsearch-title h2 #open { display: inline !important; }
#searchdrawer-s #companydata-jobsearch #drawer-box #companydata-jobsearch-title h2 #close { display: none !important; }
#searchdrawer-s #companydata-jobsearch #drawer-box #drawer-toggle:checked + #companydata-jobsearch-title h2 #open { display: none !important; }
#searchdrawer-s #companydata-jobsearch #drawer-box #drawer-toggle:checked + #companydata-jobsearch-title h2 #close { display: inline !important; }
#searchdrawer-s #companydata-jobsearch #drawer-box #drawer-toggle:checked + #companydata-jobsearch-title label h2::after { transform: translate(50%, -50%) rotate(-135deg); /* ▲ */ }
#searchdrawer-s #companydata-jobsearch #drawer-box #drawer-toggle:checked + #companydata-jobsearch-title { border-radius: 14px 14px 0 0; }
#searchdrawer-s #companydata-jobsearch #drawer-box #drawer-toggle:checked + #companydata-jobsearch-title + #jobsearch-box { height: auto; max-height: 5000px; padding: 20px 0 90px 0; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; padding: 0 !important; margin: 0 53px; line-height: 1; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box .jobsearch-columns { width: 100%; height: auto; margin-bottom: 0; display: flex; justify-content: flex-start; align-content: flex-start; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box .jobsearch-columns .jobsearch-column { flex: 1; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box .jobsearch-columns .jobsearch-column .jobsearch-box-list { width: 100%; height: auto; margin: 0 0 31px 0; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box .jobsearch-columns .jobsearch-column .jobsearch-box-list h3 { color: #19BD9C; font-size: 16px !important; font-weight: 600; margin: 0 0 14px 0; padding: 0; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box .jobsearch-columns .jobsearch-column .jobsearch-box-list ul.acf-checkbox-list { margin: 0 0 20px 0; padding: 0; list-style: none !important; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box .jobsearch-columns .jobsearch-column .jobsearch-box-list ul.acf-checkbox-list li { margin-bottom: 14px; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box .jobsearch-columns .jobsearch-column .jobsearch-box-list ul.acf-checkbox-list li input { margin-right: 0.5rem; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box .jobsearch-columns .jobsearch-column .jobsearch-box-list ul.acf-checkbox-list label { margin: 0; padding: 0; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box-freesearch { display: block; width: 100%; height: auto; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box-freesearch h3 { color: #19BD9C; font-size: 20px !important; font-weight: 600; margin: 0 0 10px 0; padding: 0; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box-freesearch p { margin: 0; padding: 0; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box-freesearch form[role="search"] { gap: 0; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box-freesearch .search-field { width: 60%; padding: 1rem 2rem; font-size: 1.0rem; border: solid 1px #3F5C54; margin-bottom: 62px; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box-freesearch .btn-green { width: 470px !important; height: 73px !important; font-size: 21px; font-weight: 700; display: block; background-color: #19BD9C; border-radius: 6px; border: none; color: #fff; text-align: center; margin: 0 auto; padding: 0; position: relative; overflow: hidden; z-index: 1; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box-freesearch .btn-green::before { content: ""; position: absolute; top: 0; left: 0; width: 140%; height: 100%; background: #B4004C; transform: skewX(-45deg) translateX(-120%); transform-origin: left; transition: transform 0.4s ease; z-index: -1; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box-freesearch .btn-green:hover { cursor: pointer; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box-freesearch .btn-green:hover::before { transform: skewX(-45deg) translateX(-20%); }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box-freesearch .btn-green#job-btn { width: 470px; height: 73px; margin: 0 auto 24px auto !important; }
#searchdrawer-s #companydata-jobsearch #drawer-box #jobsearch-box-freesearch .btn-green#company-btn { width: 470px; height: 73px; height: auto; margin: 0 auto; }
#searchdrawer-s #companydata-jobsearch #drawer-toggle:checked + #companydata-jobsearch-title { border-radius: 14px 14px 0 0; }
#searchdrawer-s #companydata-jobsearch #drawer-toggle:checked + #companydata-jobsearch-title + #jobsearch-box { height: auto; max-height: 5000px; padding: 80px 0 200px 0 !important; margin: 0 53px; }
#searchdrawer-s #companydata-jobsearch #drawer-toggle + #companydata-jobsearch-title h2 span { display: inline-block; transition: transform 0s ease; }
#searchdrawer-s #companydata-jobsearch #drawer-toggle:checked + #companydata-jobsearch-title h2 span::after { transform: rotate(180deg); }