/* Theme Name: 4510 */

@import url( "style_m.css" );

body {
	background: #F4F4F4;
}

.ui-datepicker-div {
	display: block !important;
}

/* MapPress */
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	z-index: 0;
}
/*--------------------------------------------------
	共通
--------------------------------------------------*/
#caution {
	text-align: center;
    border: 2px solid #00adff;
    color: black;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    padding-top: 2em;
    padding-bottom: 2em;
    margin: 2em auto;
}
a {
	color: #006cc2;
}
a:hover {
	color: #0091ff;
}
table {
    background: none;
    border: none;
    margin-bottom: 0;
    table-layout: auto;
    margin-top: 0.5em;
}
table tbody, table tfoot, table thead {
	border: none;
	background: transparent;
}
h1,h2,h3,h4,h5,li,p{
	color: inherit;
}

.accordion {
	background: transparent;
}

/* Material iconsを利用する */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: flex;
  align-items: center;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  margin: 0 auto;

  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: 'liga';
}


/*---------------------
-drawerのカスタマイズ
---------------------*/
.drawer {
}
/* ハンバーガーアイコンのサイズ感 */
.drawer-hamburger{
  padding: 20px;
  height:10px;
  width: 20px;
}
/* ハンバーガーアイコンのカラー */
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
    background: #333;
}
/* ハンバーガー線の細さ */
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
    height: 2px;
}
.drawer-nav {
  background: #5F9936;
  color: white;
  overflow: scroll;
}
.drawer-nav a {
	color: white;
}
.drawer--right.drawer-open .drawer-nav{
  width: 100%;
}
.drawer--right.drawer-open .drawer-hamburger{
  right:0;
}
.nav-menu{
  margin:auto;
  padding:50px;
  width:800px;
}
.acd-menu__box{
  display:none;
  padding-bottom:22px;
}
.drawer-nav h4 {
	font-weight: bold;
	padding: 0.5rem;
	margin: 0;
}
.drawer-menu-item {
	padding: .3rem .75rem .3rem 1rem;
}

/*--------------------------------------------------
	Utility
--------------------------------------------------*/
.btn {
	display: inline-block;
    padding: 0.1em 0.3em;
    border-radius: 3px;
}
.inline-box {
	display: inline-flex;
}
.inline-item {
    display: flex;
    align-items: center;
}
.inline-item-right {
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: flex-end;
}
.text-70 {
	font-size: 70%;
}
.text-80 {
	font-size: 80%;
}
.text-90 {
	font-size: 90%;
}
.text-100 {
	font-size: 100%;
}
.text-120 {
	font-size: 120%;
}
.text-140 {
	font-size: 140%;
}
.text-160 {
	font-size: 160%;
}
.text-180 {
	font-size: 180%;
}
.text-200 {
	font-size: 200%;
}
.arrow-inner-right {
 	position: relative;
}
.arrow-inner-right:before{
	content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    border: 8px solid transparent;
    border-left: 8px solid #ffffff;
}
.arrow-inner-bottom {
  position: relative;
}
.arrow-inner-bottom:after{
	content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -12px;
    border: 10px solid transparent;
    border-top: 10px solid #fff;
    z-index: 1;
}

/*--------------------------------------------------
	ブロック
--------------------------------------------------*/
.box {
	background: white;
}

#header {
	background: white;
}

/* ヘッダー */
/* .header-menu {
	display: grid;
	grid-template: auto / 33% 16% 16% auto 25%;
	grid-gap: 0 5px;
} */
.fst {
    border-top: 0.2rem solid #5f9936;
    /* padding: 0.5em 0; */
    text-align: center;
	display: grid;
	grid-template: auto / auto;
	align-items: center;
	padding: 1rem 0;
}
.snd,
.trd {
    /* border-top: 0.1em solid #3e6855;
    padding: 1em 0 0.5em;
    text-align: center; */
	display: none;
}
.site-name {
    color: #3e6855;
    font-family: sans-serif;
    font-size: 2em;
    font-weight: bold;
    margin: 0;
}
.faq {
    text-align: center;
}
.new-job-list p{
	margin: 0;
}
.job-seek{
	margin-bottom: 1.5em !important;
}
.jsa-box{
	margin: 0;
	padding: 0;
}
#header-line {
	background-color: #428749;
	color: #badea1;
	font-size: 0.7em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font-weight: bold;
}
#header-line .text-140 {
	color: white;
	padding: 0 0.3rem;
	line-height: 1.5rem;
	/* font-weight: normal; */
}
#header_search {
	/* background: linear-gradient(90deg, #438a48, #3e6855, #438a48); */
	background: linear-gradient(90deg, #438a48, #336b3d 30%, #336b3d 70%, #438a48);
    padding: 0.9em 0;
}
#search_base {
	background: white;
    padding: 1rem 0.4675rem;
	border-radius: 7px;
}
.top-midashi {
	display: inline-block;
    font-size: 1.5rem;
	font-weight: bold;
	color: #6c6563;
	margin-bottom: 2rem;
}
.header-block .top-midashi {
	background: #f4f4f4;
	margin: 0;
	padding-right: 1em;
}
.error404 .top-midashi {
	text-align: center;
    margin: 0;
}
.error404 .page-content {
	border: 1px solid #a3847a;
    padding: 2em;
    margin: 2em 0;
}
.pn-text {
    color: #006ca5;
    display: inline-block;
    width: 70%;
}
.job-card {
    margin-bottom: 0.9375rem;
	position: relative;
	box-shadow: 1px 2px 0 #c0c0c044;
	border-radius: 5px;
	overflow: hidden;
}
.box-parent {
	position: relative;
}
.btn-box {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0.5rem;
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
}
.ref-two{
	display: none;
}
.ref-left {
    margin-top: 0 !important;
    padding-left: 1em;
    padding-right: 1em !important;
}
.ref-ttl {
    color: #a3847a;
    font-size: 150%;
    font-weight: bold;
    padding-top: 0 !important;
    text-align: center;
}
.ref-enter {
    margin-top: 1em;
}
.ref-enter a {
    margin-bottom: 0.2em;
    padding: 1em 5em !important;
}
.ref-enter {
    margin-top: 1em !important;
    text-align: center;
}
.ref-enter p{
	margin: 0;
}
/* フッター */
#footer {
    /* background-image: -moz-linear-gradient(center top , #cfe9e7, #f5fdff); */
    overflow: hidden;
    padding: 1em 0;
	background: #F4F4F4;
}
.policy-ttl {
    color: #9b9b9b;
    font-size: 80%;
    font-weight: bold;
    line-height: 1.5em;
    padding: 0 1.5em;
}
.fb-box {
	width: 90%;
	margin: 0 auto;
}
.related-link ul {
	list-style: none;
	display: flex;
	font-size: 0.7rem;
	justify-content: center;
	margin: 0.5rem 0;
	flex-direction: column;
}
.related-link li {
	padding: 0 0.5rem;
	line-height: 2;
}
.related-link li:last-child {
	border-right: none;
}
.related-link a,
.related-link li {
	color: gray;
}
/* ヘッダー */
.site-name {
    color: #3e6855;
    font-family: sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0;
}
.head-date {
    font-size: 100%;
    padding: 0 0.5em;
}
#header .material-icons.md-4 {
    font-size: 1.5rem !important;
}
#header_search {
    padding: 0.5rem 0 1.2rem;
}
#header_search .midashi a {
	color: white;
}
#header_search .midashi h3 {
	font-size: 1.1rem;
	margin: 0;
	font-weight: bold;
}
.search_element {
	float: left;
    padding: 0 0.46875rem;
}
#header_search .inline-item {
	flex-direction: column;
}
.open_feas {
	margin: -0.2rem 0 -1.7rem;
}
.open_feas {
	background: #336b3d;
    line-height: 0.8;
    border-radius: 99px;
    font-weight: bold;
    display: inline-block;
    color: #ffffff;
}
.open_feas a i,
.open_feas a span {
	display: flex;
	align-items: center;
}
.open_feas .material-symbols-outlined {
	font-size: 20px;
}
#header_search h3.ref-ttl {
    color: #a3847a;
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 0.8em;
}
.ref-left {
    margin-top: 4.5em;
    padding-left: 1em;
    padding-right: 0;
}
.ref-enter {
    margin-top: 5em;
}
.ref-enter a {
    margin-bottom: 0.2em;
    padding: 1em;
}
.header-block {
	display: block;
	width: 100%;
	align-items: center;
	padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.header-block h2 {
	display: inline-block;
	background: #f4f4f4;
	padding-right: 1em;
	color: #6c6563;
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 0;
}

/* .header-block.company-job-title,
.header-block.relevant-job-title {
	display: block;
}
.header-block.company-job-title h2,
.header-block.relevant-job-title h2 {
	display: inline-block;
	width: auto;
	padding-right: 1em;
}
.header-block.company-job-title hr,
.header-block.relevant-job-title hr {
	width: 100%;
	margin-top: -1em;
	margin-bottom: 1em;
} */
.search .header-block h2 {
	display: inline;
	text-align: center;
	background: transparent;
	color: #555;
	font-weight: bold;
	font-size: 1.3rem;
	margin-bottom: 0;
}
.search .page-title span {
	font-size: 1.4em;
}
footer .logo img {
	width: 10%;
}
.logo2 {
	padding: 0.5rem;
}

/* トップページ */

.job-terms, .job-seek {
    margin-bottom: 0;
}
/* .top-midashi {
    color: #6c6563;
    font-size: 150%;
    font-weight: bold;
} */
.btn.secondary {
	margin: 1rem auto;
	display: block;
	width: 20em;
	border-radius: 99px;
	background: transparent;
	color: #1790da;
	border: 2px solid #1790da;
	font-weight: bold;
	padding: 1rem 2rem;
}
.btn.secondary:hover {
	background: #0aadff;
	border-color: #0aadff;
	color: white;
}

/* シングル */
.single-icon {
    margin-right: 0.2em;
    margin-top: 0.2em;
}
.job-relation {
	z-index: 4;
}
.job-relation .all-box {
	background: white;
	padding: 0.5rem;
}
.slick-next,
.slick-prev {
	width: 12px;
	height: 12px;
	border-top: 2px solid #006cc2;
	position: absolute;
	top: 50%;
	z-index: 1;
	border-radius: 0;
}
.slick-next {
	border-right: 2px solid #006cc2;
	right: -5px;
	-webkit-transform: rotate(45deg) translate(0, -50%);
	-ms-transform: rotate(45deg) translate(0, -50%);
	transform: rotate(45deg) translate(0, -50%);
}
.slick-prev {
	border-left: 2px solid #006cc2;
	left: -5px;
	-webkit-transform: rotate(-45deg) translate(0, -50%);
	-ms-transform: rotate(-45deg) translate(0, -50%);
	transform: rotate(-45deg) translate(0, -50%);
}
.slick-prev:before, .slick-next:before {
	content: '';
}
.sns-share {
	font-size: 1.5rem;
}
.sns-area {
	margin: 0rem 0 3rem;
}

/* Slickローダーの親コンテナ */
.slick-loader-wrapper {
  position: relative;
  min-height: 300px; /* ★カルーセルの高さに合わせた最小の高さを指定。レイアウトのガタつきを防ぎます */
  transition: min-height 0.3s ease;
}

/* 読み込み完了後に高さを自動調整 */
.slick-loader-wrapper.is-loaded {
	min-height: 0;
}

/* ローディングスピナー（画像不要のCSSアニメーション） */
.slick-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  border: 5px solid #f3f3f3; /* 薄いグレーの円 */
  border-top: 5px solid #3498db; /* スピナーの色 */
  border-radius: 50%;
  animation: spin 1s linear infinite;
  z-index: 10;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* 読み込み中はカルーセル本体を非表示にする */
.slick-hidden {
  opacity: 0;
  visibility: hidden;
}

/* 読み込み完了後にフェードインさせる */
.slick-loaded {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease;
}

/* フッター */
.f-logo {
    bottom: -170%;
    position: absolute;
    right: 1em;
    width: 50%;
}
.relevant-jobs .relevant-terms {
	margin: 0;
	list-style: none;
	padding: 1rem;
}
.another-jobs {
	padding: 1rem;
}
.another-jobs ul {
	list-style: none;
	margin: 0;
	/* max-height: 300px;
	overflow: scroll; */
}


/*--------------------------------------------------
	サイドバー
--------------------------------------------------*/
.sticky-container .ad {
	background-image: url('images/logomark@2x.png');
	background-size: 8%;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 0;
	position: relative;
}
.sticky-container .ad:empty::before {
	content: "";
	display: block;
	padding-top: 100%;
}
/* .sticky-container .ad {
  width: 200px;
  background: #e0e0e0;
} */

.sticky-container .ad.is-empty {
  aspect-ratio: 1;
}


/*--------------------------------------------------
	ヘッダー
--------------------------------------------------*/
.sub-ttl{
	display: block;
	color: #3E6855;
	font-weight: bold;
	font-family: sans-serif;
	margin: 0;
	font-size: 1rem;
}
.site-name{
	color: #3E6855;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 1.5em;
	margin: 0;
	white-space: nowrap;
	height: 100%;
}
.site-name a {
	display: grid;
	grid-template: auto / 1fr;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	height: 100%;
}
.site-name a img {
	width: 30%;
	margin: auto;
}
#header .material-icons{}

/* .snd{
	padding: 1rem 0;
	border-top: 6px solid #3E6855;
}
.trd{
	padding: 1rem 0;
	border-top: 6px solid #891D4F;
	display: none;
}
.snd, .trd{
	text-align: center;
	line-height: 1;
	display: grid;
	grid-template: auto / auto;
	align-items: center;
	padding: 1rem 0;
} */
.sub-name {
    color: #847571;
    font-size: 0.7rem;
    font-weight: bold;
    margin: 0 0 0.3rem;
}
.head-sub-menu{
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    font-weight: bold;
    margin: 0;
}
.box-com{
	background-color: #81cbd8;
    color: #ffffff;
    display: flex;
    align-items: center;
    font-size: 0.6em;
    margin-left: 0.2em;
    padding: 0.1em 0.3em;
}
.i-f{
	display: inline-flex;
}
.faq{
	text-align: right;
}
#header-line .btn {
    background-color: #fff;
    margin-left: 0.2em;
    border-radius: 99px;
    padding: 0.1rem 1rem;
    font-weight: bold;
}
.head-date{
	font-size: 200%;
    padding: 0 0.5em;
}
.ref-one,.ref-two{
	margin: 0;
	padding: 0;
}
.ref-enter a{
	margin-bottom: 0.2em;
}
.ref-item .columns{
	float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    position: relative;
}
.refine{
	padding: 1.5em 0;
}
#header_search label{
	color: #3e6855;
	display: inline-block;
}
.strong-ttl{
	font-size: 140%;
	font-weight: bold;
}
#header_search select {
    -moz-appearance: none !important;
    background-color: #feffea;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
    background-position: 100% center;
    background-repeat: no-repeat;
    border-color: #cccccc;
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    color: #5a5a5a;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: normal;
    height: 2.3125rem;
    line-height: normal;
    padding: 0.5rem;
    margin-bottom: 0.2rem;
}
#header_search input[type="text"],
#header_search textarea {
    -moz-appearance: none;
    background-color: #feffea;
    border-color: #cccccc;
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: normal;
    height: 2.3125rem;
    margin: 0 0 0.5rem;
    padding: 0.5rem;
    transition: border-color 0.15s linear 0s, background 0.15s linear 0s;
    width: 100%;
}
#header_search *::-moz-placeholder {
    color: #a3967a;
}
#header_search *:placeholder-shown {
    color: #5a5a5a;
}
.ref-enter{
	margin-top: 3em;
}
.ref-left {
    margin-top: 2em;
    padding-left: 2em;
    padding-right: 0;
}
#header_search .inline-item:nth-child(2) img {
	width: 50%;
}
#header_search input.button {
	padding: 0.5rem 2rem;
	margin: 0.8rem auto;
	background: #17a1da;
	width: 85%;
	border-radius: 5px;
}
#header_search input.button:hover {
	background: #0091ff;
}
#header_search .detail {
    margin-top: -0.2rem;
    margin-top: -0.2rem;
}
#header_search a.detail  {
	background: white;
    padding: 0.1rem 1rem;
    font-size: 0.8rem;
    border-radius: 5px;
    font-weight: bold;
    width: 10rem;
    margin: 0 auto;
    display: block;
}
.more-search-term {
	display: inline-flex;
}
ul.accordion {
	margin-top: -1rem;
	margin-left: 0;
	margin-bottom: 0;
}
ul.accordion > li {
	line-height: 1rem;
}
#search_panel {
	margin-top: 1.7rem;
}
.single #search_panel {
	display: none;
}
.home #search_panel {
	margin-top: 0;
}

#search_panel_optional {
	background: white;
	overflow: hidden;
	display: none;
}
#header_search a.detail i,
#header_search a.detail span {
	display: flex;
	align-items: center;
}
#header_search a.detail i {
	color: #006CA5;
}
#header_search label {
	font-size: 0.78rem;
}
.goto_feas {
	color: #9dafa2;
	font-size: 0.8rem;
	/* margin-top: -0.5rem; */
	margin-bottom: -0.8rem;
}
.goto_feas a {
	color: #badea1;
	font-weight: 500;
}
.goto_feas a:hover {
	color: #c4feff;
}
#header_search .midashi a:hover,
#header_search .midashi a:hover i {
	color: #c4feff;
}
.slick-dots li {
	margin: 0 15px !important;
}
.slick-dots li button:before {
	font-size: 12px;
	opacity: .35;
	color: #1790da;
}


/*--------------------------------------------------
	コンテンツ
--------------------------------------------------*/
.box.info {
	margin: 1rem auto;
	padding: 1rem;
	font-size: 0.9rem;
}
.box.info li {
	list-style: none;
}
#content-one{
	padding-bottom: 1em;
}
.home #content-one,
.archive #content-one,
.search #content-one {
	background-color: #f4f4f4;
}
#content-two{
	background-color: #fff;
	padding: 1rem 0;
}
.job-terms{
	/* margin-bottom: 2rem; */
}
.job-terms ul {
	margin-left: 1rem;
}
.job-terms li {
	font-size: 0.8rem;
	margin: 0.5rem 0;
    line-height: 1.4;
	display: flex;
	align-items: center;
}
.job-terms span {
	font-size: 0.9rem;
	line-height: 1.8rem;
}
.karigazou2{
    margin: 0.5em 0.5em 0;
    width: 97.7%;
}
.item-color{
	color: #3E6855;
	font-weight: bold;
}
.job-no{
	border-bottom: 1px solid #ddd;
    margin: 0 0 0.5em;
    padding: 0.2em 0;
    font-size: 0.75rem;
}
.kei{
	color: #ddd;
}
.card-row.title {
	border-left: 0.3rem solid #3e6855;
}
.job-title{
	/* border-left: 0.3rem solid #3e6855; */
    font-size: 1.1rem;
	line-height: 1.4rem;
    font-weight: bold;
    /* padding: 0 0.2rem;
	margin-left: -0.5rem; */
}
.job-title h1 {
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0;
}
.job-qa{
	background: none !important;
	display: grid;
	grid-template: auto / 25% 75%;
}
.job-qa.sub {
	display: none;
}
.single .job-qa.sub {
	display: grid;
	grid-template: auto / 25% 75%;
}
.job-q{
	border-bottom: 1px solid #dddddd;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.3em 0;
    width: 100%;
    color: #3e6855;
    /* white-space: nowrap; */
	display: grid;
	grid-template: auto / auto;
	align-items: center;
}
/* .job-qa:last-child .job-q,
.job-qa:last-child .job-a {
	border: none;
} */
.job-a{
	border-bottom: 1px solid #dddddd;
    padding: 0.3em 0;
    width: 100%;
    font-size: 0.8rem;
    word-break: break-all;
	display: grid;
	grid-template: auto / auto;
	align-items: center;
}
.job-a.job-tag {
	display: block;
}
.comPr .job-q,
.comPr .job-a {
	border: none;
}
.job-cat {
	font-size: 77%;
	padding: 0.3rem;
	background-color: #C7E4E4;
	margin-right: 0.5rem;
	font-weight: bold;
	color: #3f7171;
	line-height: 1rem;
    margin-bottom: 0.5rem;
    display: inline-block;
}
.job-area{
	background-color: #D0E7C9;
	color: #44653b;
}
.job-type,
.job-form{
	background-color: #E7D7C9;
	color: #77583c;
}
.job-style{
	background-color: #C7E4E4;
	color: #2e6161;
}
#content-two .header-block h2 {
	background: white;
}
.header-block hr {
	margin-top: -1rem;
	margin-bottom: 1rem;
	width: 100%;
	/* margin: 0; */
	border-color: #dad3d1;
}
.watch-later,
.watch-detail {
	display: grid;
	grid-template: auto / auto calc(1rem + 24px);
	justify-content: center;
	align-items: center;
	font-size: 0.9rem;
    font-weight: bold;
	padding: 0.3rem;
}
/* .watch-detail {
	grid-template: auto / 1fr 30%;
} */
.watch-later span.wpfp-span {
	width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    padding: 0.3rem;
    color: gray;
}
.watch-later a,
.watch-detail button {
	display: grid;
	/* width: 100%;
	height: 100%; */
	/* padding: 0.3rem; */
	grid-template: auto / 1fr 1fr;
	justify-content: center;
	align-items: center;
	/* width: 100%; */
}
.watch-later span,
.watch-detail span {
	text-align: right;
}
.watch-detail {
	color: #fff;
	background-color: #1790da;
	border-radius: 0;
}
.watch-later i {
	color: #a3b7c2;
}
.watch-detail i {
	color: #94cceb;
}
.watch-later:hover,
.watch-detail:hover {
	background-color: #0aadff;
	color: white;
}
.watch-later:hover a,
.watch-later a:hover,
.watch-later:hover i,
.watch-detail:hover a,
.watch-detail a:hover,
.watch-detail:hover i {
	color: white;
	background: none;
}
.new-job{
	border-left: 5px solid;
    color: #3e6855;
    font-size: 1.2rem;
    font-weight: bold;
    padding-left: 0.5em;
}
.new-job-list{
	padding: 0;
}
.new-job-name{
	padding: 0;
}
.new-job-name ul{
	list-style: none;
	margin: 0;
}
.new-job-name ul li{
	margin-bottom: 0.5em;
}
.more-read {
	/* margin: 1rem auto; */
	padding: 1rem 0 2rem;
}
.more-read a{
	border: 2px solid #006ca5;
    color: #006ca5;
    display: block;
    padding: 0.3em;
    text-align: center;
    width: 10rem;
    border-radius: 99px;
    font-size: 0.8rem;
    margin: 1rem auto;
}
.more-read a:hover{
	border: 2px solid #0091ff;
	background: #0091ff;
    color: #fff !important;
}
.job-nav {
	margin-bottom: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.job-nav .next {
	border-left: 1px solid #dad3d1;
}

.wp-pagenavi {
	text-align: center;
    padding: 2em 0;
}
.wp-pagenavi a,
.wp-pagenavi span {
    padding: 0;
    width: 2em;
    height: 2em;
    display: inline-flex;
    line-height: 2em;
    font-size: 1em;
	align-items: center;
	justify-content: center;
}
.wp-pagenavi .pages,
.wp-pagenavi .first,
.wp-pagenavi .last {
	width: 7em;
}
.card-row {
	padding: 0.3rem 0.5rem;
	width: 100%;
}
.card-row.meta {
	font-size: 0.9rem;
}
.card-row .meta-inner {
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.2rem;
}
.single .card-row .meta-inner {
	margin-bottom: 0.5rem;
}
.card-row.btn {
	display: grid;
	grid-template: auto / 1fr 1fr;
	padding: 1rem 0 0;
}
.card-row.top-img {
	/* display: grid; */
	position: relative; /* 子要素の絶対配置の基準にする */
	width: 100%; /* 親要素（.slick-slide）の幅いっぱいに広がる */
	padding-bottom: 56.25%; /* 9 / 16 = 0.5625 = 56.25% */
	height: 0; /* 高さはパディングで担保するので0にする */
	overflow: hidden; /* 画像がはみ出た場合に隠す */
}
.card-row.top-img img {
	/* width: 50%; */
	/* margin: 5rem auto; */
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%;
	height: auto;
	/* object-fit: contain; */
	transform: translate(-50%, -50%);
}
.single .card-row.btn {
	display: grid;
	grid-template-areas:
		"later inquiry"
		"entry entry"
	;
	padding: 1rem 0 0;
}
.single .job-entry {
	grid-area: entry;
}
.single .job-inquiry {
	grid-area: inquiry;
}
.single .job-later {
	grid-area: later;
}
.description .job-q,
.description .job-a {
	border-bottom: none;
}

.pickup-job-title .header-block,
.recent-job-title .header-block {
	display: inline-flex;
	width: 100%;
	align-items: center;
}
.pickup-job-title .header-block h2,
.recent-job-title .header-block h2 {
	background: linear-gradient(to left, #55ae5b 60%, #53aa5b);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	width: 9.5em;
}
.recent-job-title .header-block h2 {
	width: 14em;
}
.pickup-job-title .header-block hr,
.recent-job-title .header-block hr {
	width: calc(100% - 13em);
	margin: 0;
}
.recent-job-title .header-block hr {
	width: calc(100% - 16em);
}

/* .term-job-title .header-block {
	display: inline-flex;
	width: 100%;
	align-items: center;
	margin-bottom: 1rem;
}
.term-job-title .header-block h2 {
	width: 10em;
}
.term-job-title .header-block hr {
	width: calc(100% - 11em);
	margin: 0;
} */
.pickup-job-content,
.recent-job-content {
	width: 100%;
	max-width: 100%;
}
.entry-closed .marker-inner {
	background-color: #949494;
	text-shadow: 0 0 2px #7e7e7e;
}

/*-----------
  関連情報のアコーディオン
  -----------*/
/* ボックスの基本設定 */
  .another-jobs {
	position: relative; /* 矢印アイコンを配置するため */
	/* border: 1px solid #ccc; */
  }

  .another-jobs ul {
	padding: 0;
	margin: 0;
	list-style: none;
	/* 最初は300pxに高さを制限し、はみ出た部分は隠す */
	max-height: 300px;
	overflow-y: hidden;
	transition: max-height 0.4s ease-out; /* アニメーション効果 */
  }

/* ▼ 展開ボタンのスタイル */
.js-accordion-trigger {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	background: linear-gradient(to top, white 50%, rgba(255, 255, 255, 0));
	cursor: pointer;
	border: none;
	font-size: 20px;
	color: #333;
}

  /* * JavaScriptによって .is-expandable クラスが付与されたら、
   * 展開ボタンを表示する
   */
  .is-expandable .js-accordion-trigger {
	display: block;
  }

  /* 中の矢印アイコンのスタイル */
  .icon-arrow {
	display: inline-block; /* transformを適用するために必要 */
	transition: transform 0.4s ease-out; /* 回転アニメーションはこちらに設定 */
	font-size: 32px;
  }
  /* 展開時はボタンの背景を変更 */
  .is-open .js-accordion-trigger {
	background: white;
  }

  /* 展開時は矢印アイコンだけを回転させる */
  .is-open .icon-arrow {
	transform: rotate(180deg);
  }

  /*
   * .is-open クラスが付与されたら（展開時）
   */
  .is-open ul {
	/* ulの高さ制限をなくし、本来の高さまで展開 */
	/* max-height: 1000px;  */
	overflow-y: visible;
	margin-bottom: 42px;
  }


/*--------------------------------------------------
	フッター
--------------------------------------------------*/
.breadcrumb.lower-nav {
	list-style: none;
	padding: 1rem;
	margin: 1rem 0 0;
	font-size: 0.8rem;
	line-height: 1.4rem;
}
.breadcrumb.lower-nav span {
	padding: 0;
}
#footer{
	/* background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #deefed),
		color-stop(0.35, #FFFFFF)
	);
	background-image: -o-linear-gradient(bottom, #deefed 0%, #FFFFFF 35%);
	background-image: -moz-linear-gradient(bottom, #deefed 0%, #FFFFFF 35%);
	background-image: -webkit-linear-gradient(bottom, #deefed 0%, #FFFFFF 35%);
	background-image: -ms-linear-gradient(bottom, #deefed 0%, #FFFFFF 35%);
	background-image: linear-gradient(to bottom, #deefed 0%, #FFFFFF 35%); */
	padding: 2em 0 1em;
	overflow: hidden;
}
#footer .footer-menu {
	margin-bottom: 0;
}
#footer .footer-menu hr {
	border: solid #d4e0df;
	border-width: 2px 0 0;
	width: 60%;
	/* text-align: center; */
	margin: 1rem auto 2rem;
}
.facebook {
    background-color: #dddddd;
    height: 200px;
}
.ad {
    clear: both;
    margin-bottom: 1em;
    text-align: center;
}
.home .ad {
	padding-top: 2rem;
}
.ad-top {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1rem auto;
}
.ad-sample-sky {
	height: 600px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: gray;
    font-weight: bold;
    font-size: 1em;
    background-color: #ececec;
}
.ad-sample-300 {
	/* height: 300px; */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: gray;
    font-weight: bold;
    font-size: 1em;
    background-color: #ececec;
}
#footer h4 {
	color: #6c6563;
	font-size: 1rem;
	font-weight: bold;
}
#footer ul{
	list-style: none;
	margin: 0 0 1rem 2rem;
}
#footer ul li, #footer p, #footer h5{
	font-size: 0.9rem;
	margin: 0.5em 0;
}
#footer h5 {
	font-weight: bold;
}
#footer h5 .date {
	font-weight: normal;
}

.read_more,
.goto_archive {
	text-align: right;
	margin-bottom: 0;
}

#footer .logo {
    text-align: center;
    padding: 2rem 0;
}

/* クレジット */
#credit {
	text-align: center;
	padding: 0;
	background: #F4F4F4;
}
.policy-ttl{
	font-size: 100%;
	font-weight: bold;
	color: #9B9B9B;
	padding: 0.5rem;
}
.copyright{
	font-size: 80%;
	color: #9B9B9B;
}

#credit .logo1 img {
	width: 25px;
	margin: 1rem auto;
}
#credit .logo2 img {
	width: 24%;
}

.wp-pagenavi {
	clear: both;
	text-align:center;

}
.wp-pagenavi a, .wp-pagenavi span {
	color: #006cc2;
	background-color: #FFF;
	border: solid 1px #ddd;
	/* padding: 8px 15px; */
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
.wp-pagenavi a:hover{
	color:#FFF;
	background-color:#0aadff;
	border-color:#0aadff;
}
.wp-pagenavi span.current{
	color: #FFF;
	background-color: #1790da;
	border-color: #1790da;
	font-weight: bold;
}
.wp-pagenavi span {
	color:#0a0a0a;
}

/*--------------------------------------------------
	詳細ページ
--------------------------------------------------*/
.job-seek ul{
	list-style: none;
	margin: 0;
	font-size: 110%;
}
.job-seek ul li{
    margin-bottom: 1em;
}
.job-q-single{
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.4em 0;
    color: #3e6855;
    margin-bottom: 0;
    /* border-bottom: 1px solid #dddddd; */
    white-space: nowrap;
    width: 25%;
}
.job-company .job-q-single {
	border: none;
}
.single .job-a {
    padding: 0.4em 0;
    font-size: 0.9rem;
}
.job-description h3 {
	margin: 1rem 0;
	font-size: 0.9rem;
    font-weight: bold;
    color: #3e6855;
}
.job-description p,
.job-company p {
	padding: 0 0.5rem;
}
.single .job-title{
    font-size: 1.3rem;
	margin-left: -0.5rem;
}
.pn-text{
	display: inline-block;
    width: 80%;
    color: #006CA5;
}
.pn-ttl{
	color: #a3847a;
    display: block;
    text-align: center;
}
.r-blue{
	color: #A8D2E9;
	display: inline-block;
	margin: 0 0.5em;
}
.job-relation ul{
	margin: 0;
}
.job-relation li{
	list-style: none;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #dddddd;
}
.single-icon{
	margin-right: 0.2em;
    margin-top: -0.15em;
}
.job-cta {
	padding: 1rem;
    background: #e9edf3;
}
.job-cta.mini {
	border-radius: 10px 0 0 10px;
}
.job-cta .button,
.simplefavorite-button,
.wpcf7-submit {
    font-weight: bold;
    font-size: 0.9rem;
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.single .simplefavorite-button {
	margin-bottom: 1rem;
}
.job-cta .button.job-entry,
.wpcf7-submit,
.tml-button {
	width: 75%;
	background: linear-gradient(175deg, #00c4ff, #0089ff);
	border: none;
	padding: 1rem;
}
.job-cta .button.job-entry:hover,
.wpcf7-submit:hover {
	background: #0089ff;
}
.job-cta.mini .button {
    display: block;
    width: 85%;
    padding: 0.5rem;
    margin: 0.5rem auto;
    font-size: 1rem;
}
.job-cta .primary,
.wpcf7-submit {
	color: white;
}
.job-cta .primary:hover {
	background-color: #0055ff;
	color: white;
}
.job-cta .button.job-entry.entry-expired {
	background: gray;
}
.job-cta .secondary,
.simplefavorite-button,
.wpcf7-submit,
.tml-button {
	background-color: #ffffff;
    color: #006CA5;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .4em 0;
	border: none;
}
.home .simplefavorite-button,
.archive .job-cta .secondary {
	width: 100%;
}
.wpcf7-submit {
	color: white;
	font-weight: bold;
	font-size: 1.2rem;
	margin: 3rem auto 0;
}
.job-cta .secondary:hover,
.simplefavorite-button:hover {
	/* background: linear-gradient(175deg, #00c4ff, #0089ff); */
	background: #0aadff;
	color: white;
}
.simplefavorite-button.active:hover {
	background: #9b9b9b;
}
.simplefavorite-button.active {
	background-color: #c2dfb9;
}
.job-cta .secondary span,
.simplefavorite-button span {
	margin: 0 0 0 0.5rem;
}
.job-cta .sub {
	font-size: 0.6em;
	color: #a3d8ff;
}
[data-favoritecount='0'] .simplefavorite-button-count {
	display: none;
}
.breadcrumb {
	font-size: 0.8rem;
    color: #89a79a;
	margin: 1.5rem 0 0.5rem;
}
.breadcrumb .material-symbols-outlined {
	font-size: 1.2rem;
    display: flex;
}
.breadcrumb span {
	padding: 0 0.2rem;
}
.breadcrumb span:last-child > span {
	color: #89a79a;
}
.yarpp-related {
	padding: 1em;
}
.yarpp-related ul {
	list-style: none;
	margin: 0;
}
.yarpp-related ul a {
	font-weight: normal;
	font-size: 0.8rem;
}
.job-img {
	/* padding: 2rem; */
	margin: 2rem 0;
}
/* .job-company .comName .job-a {
	font-size: 1.2rem;
	font-weight: bold;
} */
.job-company ul {
	margin: 0;
	list-style: none;
}
.job-description-inner {
	padding: 1rem;
	font-size: 0.9rem;
}
.favorite-list-modal-btn {
	display: none;
	font-size: 0.8rem;
	position: fixed;
	left: 0.5rem;
	bottom: 0.5rem;
	padding: 0.5rem 1rem;
	background: linear-gradient(135deg, #00c4ff, #0089ff);
	color: white;
	font-weight: bold;
	border-radius: 99px;
	z-index: 999;
}
.favorite-list-modal-btn-close{
	font-size: 0.8rem;
	position: fixed;
	left: 0.5rem;
	bottom: 0.5rem;
	padding: 0.5rem 1rem;
	background: #3e6855;
	color: white;
	font-weight: bold;
	border-radius: 99px;
}
.favorite-list-modal-btn.active {
	display: block;
}
.favorite-list {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	max-height: 100%;
	overflow-y: scroll;
	background: white;
	padding: 1rem 1rem 3.2rem;
	border-top: 2px solid #3e6855;
	background-color: #e1f1dc;
	z-index: 999;
}
.favorite-list h4 {
	color: #3e6855;
	font-weight: bold;
}
.favorite-list ul {
	list-style: none;
	margin: 0 0 1rem;
}
.favorite-clear-all {
	font-size: 0.9rem;
	margin: 1rem 0 1rem;
}
.favorite-clear-all button {
	color: #a52121;
}
.job-houjin_no {
	font-size: 0.8rem;
}
.single .slick-track {
	display: flex;
	align-items: center;
}
.single .slick-next {
	right: 25px;
	display: none;
}
.single .slick-prev {
	left: 25px;
	display: none;
}
.outdated-caution {
	font-size: 0.8rem;
	background: #ffe9d1;
	/* border: 2px solid #f2a85a; */
	border-radius: 5px;
	padding: 0.5rem;
	margin: 1rem 1.5rem;
}

/*=======================
	アーカイブ
  =======================*/
.page-title {
	display: inline-block;
	font-weight: bold;
	background: white;
    padding: 2em;
    margin-bottom: 0;
    text-align: center;
    color: #535353;
    font-size: 1.5rem;
    width: 100%;
}
.search #search_panel {
	margin-top: 1.7rem;
}
.archive .job-cta .button,
.archive .simplefavorite-button,
.search .simplefavorite-button {
	font-size: 0.9rem;
	margin-bottom: 0;
	width: 100%;
}
.status-marker {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	display: grid;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.marker-inner {
	transform: rotateZ(45deg);
	background: #00d1ff;
	width: 70px;
	text-align: center;
	padding: 2.5rem 0 0.1rem;
	margin-top: -3rem;
	margin-right: -3rem;
	font-size: 0.7rem;
	font-weight: bold;
	color: white;
	text-shadow: 0 0 2px hsl(197 100% 50% / 1);
}
.entry-outdated .marker-inner {
	background: #db9f6a;
	text-shadow: 0 0 2px #cd7a32;
}
/*=====================
	固定ページ
=======================*/
.page-content {
	background-color: white;
	padding: 1rem;
}
.page h2 {
	font-size: 1.3rem;
	font-weight: bold;
	color: #3e6855;
}
.page h4 {
	color: #3e6856;
	font-size: 1.3rem;
	font-weight: bold;
}
.nagare-box {
	display: grid;
	grid-template: auto / auto;
	grid-gap: 2rem;
	margin-bottom: 2rem;
}
.nagare-box > div {
	border-radius: 10px;
	overflow: hidden;
}

/*=======================
	FEAS > デザイン から移植
=======================*/
form#feas-searchform-12 {
	width: 100%;
}
.feas-wrap {
	clear: both;
}
.feas-row {
	display: flex;
	flex-direction: column;
}
.feas-big-title {
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #6c6563;
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
}
.feas-form-elements {
	width: auto;
}
.small-txt {
	font-size: 0.6em;
	font-weight: normal;
}
.midashi {
	font-size: 1.2em;
	color: #3e6855;
	font-weight: 600;
}
.feas-dropdown {
	margin-bottom: 0.2rem;
}
.feas-dropdown select {
	background-color: #feffea;
	border-color: #cccccc;
	border-radius: 0;
	border-style: solid;
	border-width: 2px;
	color: #5a5a5a;
	font-family: inherit;
	font-size: 0.875rem;
	font-weight: normal;
	height: 2.3125rem;
	line-height: normal;
	padding: 0.5rem;
	margin-bottom: 0.5rem;
	width: 100%;
}
#feas-range {
	margin: 1rem 0;
}
.feas-form-elements .feas-row {
	display: flex;
}
.feas-form-elements .feas-big-term {
	display: grid;
	grid-template: auto / 1fr 1fr;
	grid-gap: 5px;
}
.feas-form-elements .feas-row .feas-dropdown {
	width: auto;
}
.feas-freeword {
	width: 100%;
}
.feas-freeword input[type="text"] {
	background-color: #feffea;
	border-color: #cccccc;
	border-radius: 0;
	border-style: solid;
	border-width: 2px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	box-sizing: border-box;
	color: rgba(0, 0, 0, 0.75);
	display: block;
	font-family: inherit;
	font-size: 0.875rem;
	font-weight: normal;
	height: 2.3125rem;
	margin: 0 0 0.5rem;
	padding: 0.5rem;
	transition: border-color 0.15s linear 0s, background 0.15s linear 0s;
	width: 100%;
}
.feas-submit {
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.feas-submit input[type="submit"] {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 1rem 0;
	font-family: inherit;
	padding: .85em 1em;
	-webkit-appearance: none;
	border: 1px solid transparent;
	border-radius: 3px;
	transition: background-color .25s ease-out,color .25s ease-out;
	font-size: .9rem;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	background-color: #2ba6cb;
	color: #fefefe;
	padding: 0.5rem 1rem;
	margin: 0.8rem auto;
	max-width: 100%;
	width: 50%;
	border-radius: 99px;
	background: #1790da;
	outline: 0;
	font-weight: bold;
	background: linear-gradient(135deg, #00c4ff, #0089ff);
}
.feas-submit input[type="submit"]:hover {
	background: hsl(198deg 81% 65%);
}
.accordion_box {
	width: 300px;
}
.accordion_box label {
	border-bottom: solid 1px white;
	background-color: #ccc;
	cursor: pointer;
	padding: 10px;
	font-weight: bold;
	display: block;
}
.accordion_box input {
	display: none;
}
.accordion_box .accordion_contents {
	display: none;
}
.accordion:checked + .accordion_contents {
	display:block;
	border: solid 1px #ccc;
	margin: 0px;
	padding: 10px;
}

.tml-button {
	font-weight: bold;
}
.tml-message {
	background: white;
}
#header_search select.active,
#header_search input[type="text"].active {
	border-color: #97d6e9;
	background-color: #e0f8ff;
}

/*==================
	ログイン
====================*/
.admin-tab {
	display: grid;
	grid-template: auto / 1fr 1fr;
	margin: 0;
}
.admin-tab li {
	list-style: none;
	padding: 1rem;
	margin: 0 3px 0 0;
	background: white;
	text-align: center;
}
.login-content {
	background: white;
	display: grid;
	grid-template: auto / auto;
	align-items: center;
}
/* .login-content .content-sep::before {
	content: '';
	background: gray;
	height: 100%;
	width: 1px;
	display: block;
} */
.login-content .content1,
.login-content .content2 {
	padding: 2rem;
	/* display: grid;
	grid-template: 3rem auto / auto;
	height: 100%; */
}
.login-content .content2 {
	display: none;
}
.login-menu {
	display: grid;
	grid-template: auto / 1fr 2% 1fr;
}
.login-menu .menu-title {
	color: #3e6855;
	font-weight: bold;
	font-size: 1rem;
	text-align: center;
	border-bottom: none;
	padding: 0.5rem 1rem 0;
	background: #eaeaea;
}
/* .login-menu .menu-title.menu1 {
	border: 1px solid silver;
	border-bottom: none;
	padding: 0.5rem 1rem 0.5rem;
}
.login-menu .menu-title.menu2 {
	border-bottom: none;
	padding: 0.5rem 1rem 0;
	background: #eaeaea;
} */
.login-menu .menu-title.active {
	border: 1px solid silver;
	border-bottom: none;
	padding: 0.5rem 1rem 0.5rem;
	background: white;
}

.tml-register-link {
	display: none;
}
.tml-login-link,
.tml-lostpassword-link {
	text-align: left;
	margin: 0.5rem 0;
}
.tml-action-register .tml-login-link,
.tml-action-register .tml-lostpassword-link {
	display: none;
}
.content-sep hr {
	transform: rotateZ(90deg);
	width: 12rem;
	height: 1px;
	margin: 0;
	border: none;
	background: #c9c9c9;
	margin-left: -4rem;
	margin-top: -0.5rem;
}
.login-content .content1,
.login-content .content2 {
	padding: 2rem;
}
.login-content .content2 button {
	background: #006ca5;
	color: white;
	padding: 1rem 2rem;
}
.page-id-0 .tml-button,
.page-id-89034 .tml-button,
.page-id-89035 .tml-button,
.tml-action-lostpassword .tml-button {
	background: #006ca5;
	color: white;
	border-radius: 5px;
	border: none;
	padding: 1rem 2rem;
	font-weight: bold;
	margin: auto;
}
.page-id-0 .tml-button:hover,
.page-id-89034 .tml-button:hover,
.page-id-89035 .tml-button:hover,
.tml-action-lostpassword .tml-button:hover {
	background: #0085cc;
}
.page-id-89035 .tml-button {
	width: 100%;
}
.tml-action ul {
	list-style: none;
	margin: 0;
}
.tml-action th,
.tml-action td {
	padding: 0;
}
.tml-action .description {
	font-size: 0.8rem;
}
.acf-label {
	margin-top: 0.5rem;
}
.page-id-178 .tml-button {
	padding: 1rem;
	color: white;
	background: #006ca5;
	width: 80%;
	line-height: 1;
	margin: 0 auto;
}
.login-content p {
	font-size: 0.8rem;
	text-align: center;
}
.content-sep p {
	font-size: 1.7rem;
	display: none;
}
.tml-action-login .alert {
  border: 2px dotted #ff0000;
  padding: 1rem;
}

/*=================
	ユーザー登録
==================*/
.tml-register h2 {
	color: #6c6563;
	font-size: 150%;
	font-weight: bold;
	margin: 1em 0;
}
.acf-table {
	border: none;
}
.acf-table th,
.acf-table td {
	padding: 0 !important;
	border: none !important;
	vertical-align: middle !important;
}
/* .acf-input {
	display: grid;
	grid-template: auto / 5rem auto;
} */
.acf-input-prepend {
	height: calc(100% - 1px);
	display: grid;
	grid-template: auto / auto;
	align-items: center;
}
.acf-label label {
	font-weight: bold;
}
.acf-input {
	margin: 0;
}
.acf-input input[type=text] {
	margin: 0 0 0.1rem;
}
.acf-required,
.feas-flag {
	background: rgb(254, 131, 90);
	color: white;
	padding: 0.1rem 0.4rem;
	margin: 0 0.1rem;
	border-radius: 99px;
	font-size: 0.7rem;
	font-weight: bold;
}
.feas-flag {
	background: rgb(112, 72, 199);
}
.acf-input-prepend {
	font-size: 0.8rem;
}
.tml-action select {
	margin: 0;
}
.tml-action input[type=checkbox] {
	margin: 0;
}
.tml-action .acf-row-handle.order {
	background-color: #eaeaea;
	border-radius: 5px;
	text-align: center;
	width: 1rem;
}
.tml-action .acf-table .acf-field {
	padding: 0 0 0 1rem;
}
.acf-table td.acf-field-63c212f40deb2 {
	padding: 0 0 0 1rem !important;
}
.acf-repeater .acf-actions {
	padding: 1rem 0;
}
.acf-field-63c211c549893 .acf-input,
.acf-field-66a0ce1d422ef .acf-input,
.acf-field-66a0ce43422f0 .acf-input {
	display: grid;
	grid-template: auto / 3.5rem auto;
}
.acf-field.acf-field-66a0ce9a422f2,
.acf-field.acf-field-66a0ce1d422ef,
.acf-field.acf-field-66a0ce43422f0,
.acf-field.acf-field-66a0cf27422f4 {
	padding: 0;
	border: none;
}
.acf-field-66a0ce65422f1 .acf-fields.-border,
.acf-field-66a0cefe422f3 .acf-fields.-border {
	border: none;
}
.acf-field .acf-label {
	margin: 0 !important;
}
#acf-field_66a0ce65422f1-field_66a0ce9a422f2,
#acf-field_66a0cefe422f3-field_66a0cf27422f4 {
	width: 35%;
}
/* .acf-field-66a0ce65422f1 > .acf-input,
.acf-field-66a0cefe422f3 > .acf-input {
	padding-left: 1rem !important;
} */
.page-id-28 .acf-field .acf-label label {
	display: block;
	font-weight: 500;
	margin: 0 0 3px;
	padding: 0;
	border-left: 3px solid #a7909b;
	padding-left: 7px;
	line-height: 1.2;
	font-size: 1rem;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
	color: #282828;
	color: #6c6563;
	font-weight: bold;
}
.page-id-28 .acf-fields.-clear > .acf-field > .acf-input {
	padding-left: 7px;
}
.page-id-28 .acf-fields.-clear > .acf-field > .acf-input label {
	border: none;
	padding: 0;
	font-size: 0.8rem;
	margin: 0.5rem 0;
}
.page-id-28 .tml-button {
	border: none;
	color: white;
}
.page-id-28 .tml-button:hover {
	background: #0089ff;
}
.acf-field-66dbf88281164,
.acf-field-66c69a5a7570c,
.acf-field-66a0cefe422f3,
.acf-field-66a0ce65422f1,
.acf-field-63c211c549893,
.acf-field-63c20c4276ab9,
.acf-field-63c20b3276ab8,
.acf-field-63c28302ceeb6 {
	display: none;
}
.va-code-btn {
	margin: 15px 0 30px;
}
.va-code-btn > div {
	margin: 15px 0;
}
.va-code-btn-inner {
	display: inline-flex;
	width: 100%;
}
.va-code-btn #phone_number {
	width: 70%;
	margin: 0 0.2rem 0 0;
}
label[for="phone_number"] {
	line-height: 1.3;
	margin-bottom: 0.5rem;
}
#send_sms_code {
	width: 30%;
	background-color: #009999;
	color: white;
	margin: 0;
	font-weight: bold;
}
#send_sms_code:hover {
	background-color: #00cccc;
}
.tml-action-register .page-content {
	width: 100%;
	margin: auto;
}

/*===============
 * 問い合わせ
 * ============== */
.wpcf7-form p {
	margin-bottom: 0.5rem;
}
.wpcf7-form label {
	width: 100%;
}
.wpcf7-text.ref {
	background: transparent;
	border: none;
	box-shadow: none;
	margin: 0;
}
.wpcf7 .hissu_mark {
	background: rgb(254, 131, 90);
	color: white;
	padding: 0.1rem 0.4rem;
	margin: 0 0.1rem 0 0.2rem;
	border-radius: 99px;
	font-size: 0.7rem;
	white-space: nowrap;
	line-height: 1.1;
}
.wpcf7 label {
	display: flex !important;
	align-items: center;
}
.wpcf7 input[type=text],
.wpcf7 textarea {
	margin: 0.2rem 0;
	background: white;
}
.wpcf7 textarea {
	margin-bottom: 1rem;
}
.ref-group {
	padding: 2rem 2rem 0.5rem;
	border: 2px solid #891d4f;
	margin: 0 0 2rem;
}
.ref-group .ref-info {
	margin-bottom: 0.5rem;
}
.ref-group label {
	font-size: 0.7rem !important;
}
.ref-group input[type=text] {
	height: 1.2rem;
}
.ref-title {
	margin: -3em 0 1rem -1em;
	display: block;
	width: 13em;
	background: white;
	text-align: center;
	font-weight: bold;
	color: #891d4f;
}
.page-id-88232 .ref-title {
	width: 13em;
}
.ref-group a {
	display: flex;
	align-items: center;
}
.ref-group .material-symbols-outlined {
	margin-left: 0.5rem;
	font-size: 1.2rem;
}
.wpcf7 input[type=radio],
.wpcf7 input[type=checkbox] {
	margin: 0 0.2rem 0 0;
}
/* .wpcf7 input[type=checkbox] {
	margin: 0 0 0 0.2rem;
} */
.wpcf7-form-control-wrap {
	margin: 0.2rem 0;
	display: block;
}
.wpcf7-sample {
	color: gray;
	margin-bottom: 1rem;
}
.birth-group {
	display: flex;
}
.birth-group input {
	margin: 0 0.2rem;
	width: auto;
}
.birth-group div {
	display: flex;
}
.birth-group div {
	display: flex;
	align-items: center;
}
.wpcf7-tel {
	margin-bottom: 0.2rem;
}
.wpcf7-submit-preparetion {
	margin: 1rem auto;
}
.wpcf7-submit-preparetion {
	/* display: flex;
	align-items: center;
	padding: 1rem;
	background: #f3f3f3;
	border: 1px solid #0089ff; */
}
.wpcf7-submit-preparetion .wpcf7-list-item {
	margin: 0 !important;
}
.wpcf7-submit-preparetion input {
	margin: 0 0.5rem 0 0;
}
.wpcf7-submit-preparetion {
	width: 100%;
}
.wpcf7-submit[disabled=disabled] {
	background: gray;
}
.wpcf7 a {
	display: flex;
	align-items; center;
}
.wpcf7-radio,
.wpcf7-checkbox {
	display: flex;
	flex-direction: column;
}
.wpcf7 .entry-part {
	margin-bottom: 1rem;
}

.entry-part-inner {
	display: grid;
	grid-template: auto / auto 35%;
}
.entry-part-inner input[type=email],
.entry-part-inner input[type=text] {
	margin:0 0.2rem 0 0;
}
.entry-part-inner input[type=button] {
	margin: 0.2rem 0 0.2rem 0.2rem;
	font-weight: bold;
	font-size: 0.8rem;
	padding: 0;
}
.wpcf7 .wpcf7-submit:disabled {
	background: #acacac;
}
.va-opt-mail {
	display: inline-flex;
	width: 100%;
}
.va-opt-mail .wpcf7-form-control-wrap {
	width: 70%;
}
.va-opt-mail #send-email-otp-button {
	width: 30%;
	background-color: #009999;
	color: white;
	margin: 0.2rem;
	font-weight: bold;
}
.va-opt-mail #send-email-otp-button:hover {
	background-color: #00cccc;
}
.va-opt-mail input[type=email] {
	margin:0 0.2rem 0 0;
}

/*=========
 *	FAQ
 *========*/
.faq-list {
	list-style: none;
}
.faq-list li {
	margin-bottom: 2rem;
}
.faq-q {
	font-weight: bold;
	color: #5f9936;
	margin: 0 0 0.5rem;
}
.faq-a {
	margin: 0 0 0 2rem;
	font-size: 0.9rem;
}

/*===========
 *	利用規約
 *==========*/
.page-id-88235 h4 {
	color: #6c6563;
	font-size: 1.2rem;
	font-weight: bold;
}
.page-id-88235 p,
.page-id-88235 li {
	font-size: 0.9rem;
}

/*===========
 *	運営会社
 *==========*/

/*===============
 * アドミンバー
 * ============== */
#wpadminbar {
  color: #fff;
  background: #1e5a47;
}

/*===========
 *	広告
 *==========*/
/* .ipr-container {
	border: none !important;
	color: #9B9B9B !important;
	background-color: transparent !important;
} */

.grecaptcha-badge { visibility: hidden; }

@media screen and (min-width: 555px) {
	.site-name a img {
		width: 16%;
	}
	.header-block h2 {
		font-size: 1.5rem;
		/* width: 8em; */
	}
	.header-block hr {
		/* width: calc(100% - 9em); */
		/* margin: 0; */
	}
	#credit .logo2 img {
		width: 15%;
	}
	#footer .footer-menu hr {
		display: none;
		width: 3em;
		margin-left: 0;
	}
}
@media screen and (min-width: 769px) {
	.header-menu {
		display: grid;
		grid-template: auto / 33% 16% 16% auto 25%;
		grid-gap: 0 5px;
	}
	.site-name a img {
		width: 50%;
	}
	.fst{
		/* padding: 1rem 0 calc(1rem + 6px); */
		border-top: 6px solid #5F9936;
		text-align: center;
		display: block;
	}
	.snd{
		padding: 1rem 0;
		border-top: 6px solid #3E6855;
	}
	.snd:nth-child(3) {
		border-top: 6px solid #2ba6cb;
	}
	.trd{
		padding: 1rem 0;
		border-top: 6px solid #891D4F;
		display: none;
	}
	.snd, .trd{
		text-align: center;
		line-height: 1;
		display: grid;
		grid-template: auto / auto;
		align-items: center;
		padding: 1rem 0;
	}
	.drawer-wrap {
		display: none;
	}
	.single .job-title{
	    font-size: 1.5rem;
		padding: 0.3rem;
	}
	.header-block {
		padding-bottom: 1rem;
		padding-top: 1rem;

	}
	.header-block hr {
		/* margin-top: -1rem;
	    margin-bottom: 1rem; */
		/* margin: 0; */
	}
	.job-card {
		padding-bottom: 0;
		margin-bottom: 1rem;
		box-shadow: 1px 2px 0 #c0c0c044;
	}
	.job-no {
		font-size: 0.9rem;
	}
	.all-box4 {
		padding-bottom: 3.5rem;
	}
	/* .job-qa.sub {
		display: table-row;
	} */
	#header_search {
	    padding: 0.5rem 0 1rem;
	}
	#header_search h3 {
		font-size: 150%;
	}
	/* #header-line {
		padding-bottom: 2rem;
	} */
	/* .home #search_panel {
		margin-top: -33px;
	} */
	.strong-ttl {
	    font-size: 160%;
	}
	#header_search .inline-item {
		flex-direction: row;
	}
	#header_search .midashi a.inline-item {
		flex-direction: column;
	}
	#header_search input[type="text"] {
	    margin-bottom: 0.5rem;
	}
	#header_search input.button {
		max-width: 100%;
		width: auto;
		border-radius: 99px;
		background: #17a1da;
	}
	.watch-later {
	    border-radius: 0;
	    margin-bottom: 0;
	}
	.watch-details {
	    border-radius: 0;
	}
	.watch-later i,
	.watch-later span,
	.watch-details i,
	.watch-details span {
		vertical-align: middle;
	}
	.watch-later span,
	.watch-details span {
		margin: 0 0.5rem;
	}
	.btn-box {
	    padding-left: 0.5rem;
	    padding-right: 0.5rem;
	    padding-bottom: 0;
	    position: absolute;
	    right: 0;
	    bottom: 0;
    }
    .fb-box {
		width: 100%;
	}
	/* .job-relation .all-box {
		padding-top: 0.5rem;
		padding-bottom: 2rem;
	} */
	.more-read a {
	    width: 8rem;
	    margin: auto;
	}
	.feas-row {
		display: flex;
		flex-direction: row;
		grid-gap: 5px;
	}
	.feas-big-title {
		width: 20%;
		font-size: 1.2rem;
		margin: 0;
	}
	.feas-form-elements {
		width: 100%;
	}
	.feas-submit {
		width: 20%;
	}
	.feas-form-elements .feas-row .feas-dropdown {
		width: 100%;
	}
	.single .job-cta .button,
	.single .simplefavorite-button {
		font-size: 1.3rem;
		padding: 1.4rem 1rem;
	}
	#footer ul{
		margin: 0.5em 0 2em;
	}
	#credit .logo1 img {
		width: 40px;
	}
	#credit .logo2 img {
		width: 10%;
	}
	.page-content {
		padding: 3rem;
	}
	.entry-part-inner {
		grid-template: auto / auto 25%;
	}
	.login-content .content1 {
		padding: 2rem 4rem 2rem 2rem;
	}
	.login-content .content2 {
		padding: 2rem 2rem 2rem 4rem;
	}
	.login-content {
		grid-template: auto / 1fr 0% 1fr;
	}
	.login-content .content-sep {
		text-align: center;
		font-weight: bold;
		color: gray;
		border-left: 1px solid silver;
		height: 75%;
		width: 1px;
		position: relative;
		padding: 0;
	}
	.content-sep p {
		font-size: 1.7rem;
		width: 4rem;
		position: absolute;
		left: -2rem;
		top: calc(50% - 2rem);
		line-height: 1;
		height: 4rem;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0;
		background: white;
	}
	.login-content .content2 {
		display: block;
	}
	.login-menu .menu-title.menu1 {
		border: none;
	}
	.login-menu .menu-title.menu2 {
		background: transparent;
	}
	.related-link ul {
		flex-direction: row;
	}
	.related-link li {
		line-height: 1;
		border-right: 1px solid silver;
	}
	.slick-next,
	.slick-prev {
		width: 19px;
		height: 19px;
	}
	.slick-next {
		right: -16px;
	}
	.slick-prev {
		left: -16px;
	}
	.pickup-job-content,
	.recent-job-content {
		width: 100%;
		max-width: 100%;
	}
	.tml-login-link,
	.tml-lostpassword-link {
		text-align: center;
		margin: 0;
	}
	.ref-title {
		width: 13em;
	}
	.feas-submit input[type="submit"] {
		width: auto;
	}
	.nagare-box {
		grid-template: auto / 35% auto;
	}
	#footer .footer-menu {
		margin-bottom: 0;
	}
	.pickup-job-title .header-block h2 {
		width: 10em;
	}
	.recent-job-title .header-block h2 {
		width: 14em;
	}
	.pickup-job-title .header-block hr {
		width: calc(100% - 15em);
	}
	.recent-job-title .header-block hr {
		width: calc(100% - 16em);
	}
	.feas-form-elements .feas-big-term {
		grid-template: auto / 1fr 1fr 1fr 1fr;
		grid-gap: 10px;
	}
}

@media screen and (min-width: 1024px) {
	.fst{
		/* padding: 1rem 0; */
	}
	.single .job-title{
	    font-size: 1.8rem;
	}
	.tml-action-register .page-content {
		width: 70%;
		margin: auto;
	}
}