* {
box-sizing: border-box;
}
html, body {
overflow-x: hidden;
}
img, table, iframe {
max-width: 100%;
height: auto;
}
.midashi {
color: #a3847a;
font-weight: bold;
}
.entry h4.midashi  {
font-size: 120%;
margin: 1em 0 0.5em 0
} #registerform,
#loginform,
#lostpasswordform,
#your-profile {
border: 2px solid #a3847a;
border-radius: 10px;
margin-top: 2em;
}
#theme-my-login .entry {
margin-top: 3em;
}
#theme-my-login .note {
padding-right: 2em;
}
#theme-my-login .display .row {
border-bottom: 1px solid #ccc;
padding-top:  0.5em;
padding-bottom:  0.5em;
}
#theme-my-login .display {
color: #a3847a;
font-weight: bold;
}
#theme-my-login label {
color: #a3847a;
font-weight: bold;
}
.formarea {
margin: 2em auto !important;
width:300px;
}
.profilearea {
margin: 2em;
}
#your-profile .profilearea {
margin: 0 5%;
}
#your-profile textarea {
width: auto !important;
}
#theme-my-login label {
display: inline-block !important;
font-size: 1rem !important;
} #theme-my-login .profilearea input[type="text"],
#theme-my-login .profilearea input[type="password"] {
width: auto !important;
}
#theme-my-login .profilearea .row {
border-bottom: 1px dotted #cbaea5;
padding: 1em 0 !important;
}
#user_zip1,
#user_zip2 {
display: inline-block !important;
}
#theme-my-login .profilearea .small-3 {
color: #a3847a;
font-weight: bold;
}
textarea#description,
#theme-my-login .profilearea input[type="text"]#user_address {
width: 100% !important;
}
#pass-strength-result {
float: none !important;
}
#theme-my-login . description {
font-size: 0.8em;
} .feas-submit-button {
-moz-appearance: none;
background-color: #008cba;
border-color: #007095;
border-radius: 0;
border-style: solid;
border-width: 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
font-size: 1rem;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
padding: 1rem 2rem 1.0625rem;
position: relative;
text-align: center;
text-decoration: none;
transition: background-color 300ms ease-out 0s;
border-radius: 3px;
} .head-tag a {
color: #ffffff !important;
}  .entry .textarea {
margin-bottom: 1.5em;
} .info-card {
padding: 0;
}
.info-date {
border-bottom: 1px solid #dddddd;
margin: 0 0 0.5em;
padding: 0 0 0.2em;
font-size: 0.8em;
}
.info-title {
color: #6c6563;
font-weight: bold;
}
.info-title p{
margin-bottom: 0;
}
.info-content h3 {
font-weight: bold;
font-size: 1.2em;
}
.info-content h4 {
font-weight: bold;
font-size: 1em;
}
.info-list {
list-style: none;
padding: 0;
margin: 0;
}
.info-list .row {
margin: 0 !important;
}
.new-job-list {
padding: 0;
}
.info-list p,
.info-list li {
font-size: 100%;
}
.info-list a {
font-size: 1.1em;
font-weight: bold;
} #wpcf7-f51-p45-o1 {
margin: 5% 10%;
}
#wpcf7-f51-p45-o1 input[type="text"],
#wpcf7-f51-p45-o1 input[type="email"]  {
width: auto !important;
} .all-box2 ul{
list-style: none;
margin: 0;
}
. job-terms ul .row {
margin: 0 !important;
}
.wpcf7-form label {
color: #6c6563;
font-weight: bold;
display: inline-block !important;
font-size: 1rem;
} .job-seek ul li {
margin-right: 2em;
}
.admin-info .text {
font-size: 0.8em;
} .page-id-2 .display {
margin-top: 2em;
}
.page-id-2 .display .row {
border-top: 1px solid #ccc;
padding-top:  0.5em;
padding-bottom:  0.5em;
}
.page-id-2 .display .medium-3 {
color: #a3847a;
font-weight: bold;
} .head-tag-t {
margin-top: -1em;
}    .page-id-74 .all-box.entry {
background-color: transparent;
padding: 0 0 !important;
}
.wpfp-span .navigation {
margin-top: 2em;
}
.wpfp-span .row {
margin: 0 !important;
}
body {
background: #F4F4F4;
max-width: 100%;
overflow-x: hidden;
}
.ui-datepicker-div {
display: block !important;
} .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 {
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-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
} .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;
} .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;
}  .fst {
border-top: 0.2rem solid #5f9936; text-align: center;
display: grid;
grid-template: auto / auto;
align-items: center;
padding: 1rem 0;
}
.snd,
.trd { 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; }
#header_search { 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 { 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;
} .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;
} .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;
}
.header-notice {
margin: 1rem auto;
padding: 1rem;
background: white;
border: 1px solid orange;
font-size: 0.9rem;
} .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: 13px;
height: 13px;
border-top: 3px solid #006cc2;
position: absolute;
top: 50%;
z-index: 1;
border-radius: 0;
}
.slick-next {
border-right: 3px 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: 3px 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-loader-wrapper {
position: relative;
min-height: 300px; transition: min-height 0.3s ease;
} .slick-loader-wrapper.is-loaded {
min-height: 0;
} .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 {
display: flex;
margin-bottom: 1rem;
}
.relevant-jobs .box {
height: 100%;
}
.relevant-jobs .relevant-terms {
margin: 0 0 1rem;
list-style: none;
padding: 1rem;
}
.another-jobs {
padding: 1rem;
}
.another-jobs ul {
list-style: none;
margin: 0; } .sticky-container .ad {
background-image: url(//4510m.in/wp-content/themes/4510/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.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{} .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;
}  #header_search .search-title {
color: white;
display: block;
}
#header_search .search-title {
font-size: 1.1rem;
margin: 0;
font-weight: bold;
}
.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-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{ }
.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{ font-size: 1.1rem;
line-height: 1.4rem;
font-weight: bold; }
.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; display: grid;
grid-template: auto / auto;
align-items: center;
} .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%; 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-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;  grid-template: auto / 1fr 1fr;
justify-content: center;
align-items: center; }
.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 { 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 { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.card-row.top-img img {  position: absolute;
top: 50%;
left: 50%;
width: 50%;
height: auto; 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);
} .pickup-job-content,
.recent-job-content {
width: 90%;
max-width: 90%;
}
.entry-closed .marker-inner {
background-color: #949494;
text-shadow: 0 0 2px #7e7e7e;
}  .another-jobs {
position: relative;  }
.another-jobs ul {
padding: 0;
margin: 0;
list-style: none; max-height: 299px;
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;
} .is-expandable .js-accordion-trigger {
display: block;
} .icon-arrow {
display: inline-block; 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 ul {  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{ 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%; 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 { 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; 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; 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: #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;
margin: 0 0 1rem !important;
}
.yarpp-related ul {
list-style: none;
margin: 0;
}
.yarpp-related ul a {
font-weight: normal; }
.job-img { margin: 2rem 0;
} .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-radius: 5px;
padding: 0.5rem;
margin: 1rem 1.5rem;
}
#lazy-load-related-content {
height: auto;
min-height: 560px; } .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;
} 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;
}
.search-toggle {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#search_panel {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-in-out, margin-top 0.3s ease-in-out;
}
#search_panel.is-open  {
max-height: 500px;
margin-top: 2rem;
}
.home #search_panel {
max-height: none;
} .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 .content1,
.login-content .content2 {
padding: 2rem; }
.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.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-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%;
} .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-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 { }
.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-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;
}  .grecaptcha-badge { visibility: hidden; }
@media screen and (min-width: 555px) {
.site-name a img {
width: 16%;
}
.header-block h2 {
font-size: 1.5rem; }
.header-block hr {  }
#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{ 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 {  }
.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;
} #header_search {
padding: 0.5rem 0 1rem;
}
#header_search h3 {
font-size: 150%;
}  .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%;
} .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: 21px;
height: 21px;
}
.slick-next {
right: -16px;
}
.slick-prev {
left: -16px;
}
.pickup-job-content,
.recent-job-content {
width: 93%;
max-width: 93%;
}
.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{ }
.single .job-title{
font-size: 1.8rem;
}
.tml-action-register .page-content {
width: 70%;
margin: auto;
}
}