@charset "utf-8";
/*
Theme Name: 名古屋・愛知求人ポータル
Theme URI:
Description: 名古屋・愛知求人ポータル
Version: 1.0
Author: monokus.jp

*/
.bg_wrap01 {
  margin: 0 -500%;
  padding: 1px 500% 1px;
  background: #daf3fb;
}
.bg_wrap02 {
  margin: 0 -500%;
  padding: 1px 500% 1px;
  background: #ffffff;
}
.bg_wrap03 {
  margin: 0 -500%;
  padding: 1px 500% 1px;
  background: #f3f7f7;
}

.btns2 {
  width: 750px;
  margin: 0 auto;
}
.btns2 .btn_l {
  float: left;
}
.btns2 .btn_r {
  float: right;
}

.btn {
  width: 350px;
}
.btn a,
.btn input,
.btn button {
  display: block;
  width: 348px;
  overflow: hidden;

  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;

  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  color: #fff;

  text-align: center;
  text-decoration: none;

  position: relative;
  cursor: pointer;
}
.btn a .text,
.btn input,
.btn button .text {
  transition: all 0.3s;

  display: block;
  padding: 18px 0 15px;
}
.btn a .hover,
.btn button .hover {
  transition: all 0.3s;

  position: absolute;
  left: -120px;
  top: 0;
  bottom: 0;

  display: block;
  width: 98px;
  height: auto;
  padding: 21px 0 0;

  border-radius: 5px 50px 50px 5px;

  background: #fff049;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);

  font-size: 15px;
  font-weight: bold;
  line-height: 1.3em;
  color: #4a2526;

  text-align: center;
}
/* animate + hover */
.btn.btn_animate {
}
.btn.btn_animate a:hover .text,
.btn.btn_animate button:hover .text {
  margin: 0 0 0 96px;
}
.btn.btn_animate a:hover .hover,
.btn.btn_animate button:hover .hover {
  left: 0;
}

.btn a .material-icons,
.btn button .material-icons {
  font-size: 27px;
  position: relative;
  top: -2px;

  margin-right: 0.3em;
}
.btn a.disabled {
  opacity: 0.2;
}

.btn.btn01 a,
.btn.btn01 input,
.btn.btn01 button {
  border: 1px solid #fb8b28;
  background: #fff;
  color: #fb8b28;
}
.btn.btn02 a,
.btn.btn02 input,
.btn.btn02 button {
  border: 1px solid #fb8b28;
  background: #fb8b28;
  color: #fff;
}
.btn.btn03 a,
.btn.btn03 input,
.btn.btn03 button {
  color: #333333;

  border-color: #bcbdbb;
  background-image: -moz-linear-gradient(50% 0% -90deg, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 100%);
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0, rgb(255, 255, 255)),
    color-stop(1, rgb(241, 241, 241))
  );
  background-image: -webkit-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 100%);
  background-image: -o-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 100%);
  background-image: -ms-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 100%);
  background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 100%);
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff1f1f1,GradientType=0)';
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff1f1f1,GradientType=0);
}
.btn.btn_tel a,
.btn.btn_tel button {
  color: #ff6194;

  border: 3px double #007ec4;
  background: #fff;
}
/* .btn_tel */
.btn_tel {
}
.btn_tel .in {
  display: block;
  width: 348px;
  padding: 11px 0 5px;
  box-sizing: border-box;

  border-radius: 5px;
  border: 3px double #007ec4;
  background: #fff;

  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  color: #007ec4;

  text-align: center;
  text-decoration: none;
}
.btn_tel .in .material-icons {
  font-size: 27px;
  position: relative;
  top: -2px;

  margin-right: 0.3em;
}
.btn_tel .in .hours {
  padding: 4px 0 0;

  font-size: 13px;
  line-height: 1;
}
.btn.btn_mini {
  width: auto !important;
}
.btn.btn_mini a,
.btn.btn_mini button {
  width: auto !important;
  padding: 8px 0 5px !important;

  font-size: 17px;
}
.btn.btn_mini a .text,
.btn.btn_mini button .text {
  width: auto !important;
  padding: 8px 0 5px !important;

  font-size: 17px;
}

.page_image {
  width: 1000px;
  margin: 0 -500%;
  padding: 0 500%;

  background: #fff url(../images/page_image_bg.png) center bottom no-repeat;
  position: relative;
}
.page_image .inner {
  margin: 0 auto;
  width: 1000px;
  min-height: 432px;
}
.page_image.page_image_business {
  background: #fff url(../images/page_business/page_image.png) center bottom no-repeat;
}
.page_image.page_image_business .inner {
}
.page_image.page_image_guide {
  background: #fff url(../images/page_guide/page_image.png) center top no-repeat;
}
.page_image.page_image_guide .inner {
}
.page_image .text01 {
  padding: 30px 0 35px;

  text-align: center;
}
.page_image .btnlist {
  text-align: center;
}
.page_image .btnlist .btn {
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
}
.contents_bg {
  width: 100%;
  margin: 0 -500%;
  padding: 22px 500% 50px;
}
.contents_bg.bg_white {
  background: #fff;
}
.contents_bg.bg01 {
  background: #f9f9f9;
}

/* left/right */
.contents_lr {
}
.contents_left {
  float: left;
  width: 55%;
}
.contents_left p {
  margin-top: 0;
}
.contents_left .text {
  margin-bottom: 30px;
}
.contents_left .title {
  padding: 0 0 4px;
  margin: 0 0 4px;
  border-bottom: 1px solid #ddd;

  font-size: 15px;
  font-weight: bold;
  line-height: 1.5em;
  color: #9f7241;
}
.contents_left .title p {
  margin: 0 !important;
}
.contents_left .stress {
  color: #fe6442;
}
.contents_right {
  float: right;
  width: 42%;
}

.contents_tab {
}
.contents_tab ul.tabs {
  margin: 0 0 15px;
}
.contents_tab ul.tabs a {
  display: block;
  border: 1px solid #fb8b28;
  background: #f9f9f9;

  padding: 8px 0 4px;

  font-size: 15px;
  font-weight: bold;
  line-height: 1.1em;
  color: #fb8b28;

  text-align: center;
  text-decoration: none;

  position: relative;
}
.contents_tab ul.tabs a.active {
  border-color: #fb8b28;
  background: #fb8b28;
  color: #fff;
}
.contents_tab ul.tabs a.active:before {
  content: '';
  position: absolute;
  bottom: -14px;
  left: 50%;
  border: 6px solid transparent;
  border-top: 8px solid #fb8b28;
  margin-left: -6px;
}
.contents_tab ul.tab_contents {
}
.contents_tab ul.tab_contents > li {
  display: none;
}
.contents_tab ul.tab_contents > li.active {
  display: block;
}
.contents_tab.tab2 {
}
.contents_tab.tab2 ul.tabs li {
  width: 49%;
}
.contents_tab.tab2 ul.tabs li:first-child {
  float: left;
}
.contents_tab.tab2 ul.tabs li:first-child + li {
  float: right;
}
/* checkbox */
.checkbox_list {
}
.checkbox_list label {
  float: left;
  width: 50%;
}
.checkbox_list label:nth-child(2n + 1) {
  clear: both;
}
.checkbox_list dl.check_group {
  margin: 0 0 15px;
  padding: 0 0 6px;
}
.checkbox_list dl.check_group dt {
  border-bottom: 1px solid #cfd0d1;
  padding: 4px 0 0 0;
}
.checkbox_list dl.check_group dt label {
  float: none !important;
  width: auto !important;

  font-size: 18px;
  line-height: 1.3em;
  font-weight: bold;
  color: #000;
}
.checkbox_list dl.check_group dd {
  padding: 15px 15px 0 27px;
}
label.checkbox {
  display: block;
  padding: 0 32px 4px 22px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
label.checkbox input[type='checkbox'] {
  opacity: 0;
  width: 1px;
  height: 1px;
}
label.checkbox:before {
  position: absolute;
  top: 4.5px;
  left: 5px;
  z-index: 2;

  display: block;
  content: '';

  width: 4px;
  height: 7px;
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);

  border-right: 3px solid #fb8b28;
  border-bottom: 3px solid #fb8b28;
}
label.checkbox.checked:before {
  opacity: 1;
}
label.checkbox:after {
  position: absolute;
  top: 2.5px;
  left: 0;
  z-index: 1;

  display: block;
  content: '';

  width: 13px;
  height: 13px;

  border-radius: 2px;
  border: 2px solid #fb8b28;
  background: #fff;
}
label.checkbox:hover:after,
label.checkbox.checked:after {
  border-color: #fb8b28;
}

/* layout */
.sidebar_fixed {
  position: relative;
}
.section_lr.section_rl {
}
.section_lr.section_rl .sidebar {
  float: right;
}
.section_lr.section_rl .main_contents {
  float: left;
}

.section_lr {
}
.section_lr .sidebar {
  float: right;
  width: 220px;
}
.section_lr .sidebar .sidebar_fixed {
}
.section_lr .sidebar .btn01 {
}
.section_lr .sidebar .btn01 a {
  border: 1px solid #fb8b28;
  border-radius: 6px;
  background: #fb8b28;
  color: #fff;
}
.section_lr .sidebar .section {
  background: #f9f9f9;
  border: 1px solid #fb8b28;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

  border-radius: 5px;
  padding: 8px;
}
.section_lr .sidebar .section .title {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2em;
  color: #fb8b28;

  padding: 8px 0 5px;
  text-align: center;
}
.section_lr .sidebar .section.catlist {
}
.section_lr .sidebar .section.catlist .list {
  background: #fff;
}
.section_lr .sidebar .section.catlist .list li {
  border-top: 1px solid #ccc;
}
.section_lr .sidebar .section.catlist .list li:first-child {
  border-top: none;
}
.section_lr .sidebar .section.catlist .list li a,
.section_lr .sidebar .section.catlist .list li span {
  display: block;
  padding: 10px 8px 8px 28px;

  font-size: 14px;
  font-weight: bold;
  line-height: 1.4em;
  color: #222;

  text-decoration: none;
  position: relative;
}
.section_lr .sidebar .section.catlist .list li a:before,
.section_lr .sidebar .section.catlist .list li span:before {
  position: absolute;
  top: 11px;
  left: 5px;

  display: block;
  width: 16px;
  height: 16px;
  content: '';
  background: #b4987a;

  border-radius: 20px;
}
.section_lr .sidebar .section.catlist .list li a:after,
.section_lr .sidebar .section.catlist .list li span:after {
  position: absolute;
  top: 16px;
  left: 9px;

  display: block;
  width: 4px;
  height: 4px;
  content: '';
  border-right: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;

  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.section_lr .sidebar .section.catlist .list li span {
  color: #222;
}
.section_lr .sidebar .section.catlist .list li a {
  color: #222;
}

.section_lr .sidebar .section.catlist .list li a:hover {
  text-decoration: underline;
}
.section_lr .sidebar .section.catlist .list li ul {
  border-top: 1px solid #ccc;
}
.section_lr .sidebar .section.catlist .list li ul li {
  border-top: none !important;
}
.section_lr .sidebar .section.catlist .list li ul li a {
  padding: 8px 8px 6px 28px;

  font-size: 13px;
  font-weight: normal;
  line-height: 1.4em;
}
.section_lr .sidebar .section.catlist .list li ul a:before,
.section_lr .sidebar .section.catlist .list li ul span:before {
  top: 10px;
  left: 5px;

  width: 14px;
  height: 14px;
}
.section_lr .sidebar .section.catlist .list li ul a:after,
.section_lr .sidebar .section.catlist .list li ul span:after {
  top: 15px;
  left: 9px;

  width: 3px;
  height: 3px;
  border-right: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
}
.section_lr .sidebar .section.catlist .list > ul > li:nth-child(1) a:before,
.section_lr .sidebar .section.catlist .list > ul > li:nth-child(1) span:before {
}
.section_lr .sidebar .section.catlist .list > ul > li:nth-child(2) a:before,
.section_lr .sidebar .section.catlist .list > ul > li:nth-child(2) span:before {
  background-color: #fb3;
}
.section_lr .sidebar .section.catlist .list > ul > li:nth-child(3) a:before,
.section_lr .sidebar .section.catlist .list > ul > li:nth-child(3) span:before {
  background-color: #6b9;
}
.section_lr .sidebar .section.catlist .list > ul > li:nth-child(4) a:before,
.section_lr .sidebar .section.catlist .list > ul > li:nth-child(4) span:before {
  background-color: #e66;
}
.section_lr .sidebar .section.catlist .list > ul > li:nth-child(5) a:before,
.section_lr .sidebar .section.catlist .list > ul > li:nth-child(5) span:before {
  background-color: #ab4;
}
.section_lr .sidebar .section.catlist .list > ul > li:nth-child(6) a:before,
.section_lr .sidebar .section.catlist .list > ul > li:nth-child(6) span:before {
  background-color: #5bf;
}

.section_lr .main_contents {
  float: left;
  width: 760px;
}
.section_lr .main_contents .date {
  float: left;
}
.section_lr .main_contents .sns {
  float: right;
}
.section_lr .main_contents .cats {
  clear: both;
  padding: 10px 0 0;
}
.section_lr .main_contents .cats span {
  display: inline-block;

  margin: 0 6px 0 0;
  padding: 2px 5px;
  border-radius: 5px;

  font-size: 14px;
  font-weight: normal;
  line-height: 1.1em;

  /* 管理画面から変更可能 */
  border: 1px solid #8fa0dd;
  background: #8fa0dd;
  color: #fff;
}
.section_lr .main_contents .entry {
  clear: both;
  padding: 12px 0 0;
}
/* archive */
.section_lr.archive {
}
.section_lr.archive .cnts {
  float: left;
}
.section_lr.archive .cnts .num {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3em;
  color: #f00;
}
.section_lr.archive .pagination {
  float: right;
  text-align: right;
}
.section_lr.archive .pagination ul {
  display: inline-block;
  border-left: #007ec3 1px solid;
}
.section_lr.archive .pagination li {
  display: inline-block;
  border-right: #007ec3 1px solid;
  vertical-align: middle;
  padding: 0 3px;
}
.section_lr.archive .pagination li a {
  display: inline-block;
  vertical-align: middle;
  padding: 0 4px;

  font-size: 13px;
  font-weight: normal;
  line-height: 1.6em;
  color: #007ec3;

  text-decoration: none;
}
.section_lr.archive .pagination li a.active,
.section_lr.archive .pagination li a:hover {
  background-color: #007ec3;
  color: #fff;
}
.section_lr.archive .order {
  float: left;
  text-align: left;
  margin: 0 -3px;
}
.section_lr.archive .order span {
  display: inline-block;
  padding: 4px 8px;
  margin: 0 3px;
  min-width: 50px;

  border: 1px solid #fb8b28;
  background: #fb8b28;

  font-size: 13px;
  font-weight: normal;
  line-height: 1.1em;
  color: #fff;

  text-align: center;
  text-decoration: none !important;

  position: relative;
}
.section_lr.archive .order span:before {
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin: 0 0 0 -6px;

  content: '';

  border: 6px solid transparent;
  border-top: 8px solid #fb8b28;
}
.section_lr.archive .order a {
  display: inline-block;
  padding: 4px 8px;
  margin: 0 3px;
  min-width: 50px;

  border: 1px solid #fb8b28;
  background: #f9f9f9;

  font-size: 13px;
  font-weight: normal;
  line-height: 1.1em;
  color: #fb8b28;

  text-align: center;
  text-decoration: none !important;
}
.section_lr.archive .order a:hover {
  background: #fb8b28;
  color: #fff;
}
.section_lr.archive .main_contents .list {
  margin: 18px 0 15px;
}

/* sns */
.sns {
}
.sns ul {
  margin: 0 -5px;
}
.sns ul li {
  float: left;
  margin: 0 5px;
}
/* cr_image */
.cr_image {
  display: block;

  width: 100%;
  height: 1px;

  padding: 75% 0 0;

  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cr_image img {
  display: none;
}
.cr_image.cr_image_noimage {
  background-image: url(../images/noimage.gif);
}

/* お問い合わせフォーム
---------------------------------------------*/
.contact_form {
}
.contact_form table.mainstyle {
  margin: 0 0 24px;

  width: 100%;
  table-layout: fixed;
}
.contact_form table.mainstyle th {
  width: 250px;
}
.contact_form table.mainstyle td {
}
.contact_form table.mainstyle p {
  margin: 0 0 2px;
}
.contact_form .submit {
}
.contact_form .submit .btn {
  margin: 0 auto;
}

.contact_form th.required {
}
.contact_form th.required:before {
  float: left;
  margin: 0 12px 0 0;

  display: block;
  border: 1px solid #ff6194;
  /* background:		#3EB36F; */
  border-radius: 4px;
  width: 42px;
  height: 23px;
  content: '必須';

  font-size: 12px;
  font-weight: normal;
  line-height: 24px;
  color: #ff6194;

  text-align: center;
}

.contact_form input[type='text'],
.contact_form input[type='number'],
.contact_form input[type='email'],
.contact_form input[type='tel'],
.contact_form input[type='date'] {
  width: 250px;
  height: 32px;
  padding: 0 5px;

  background: #f7f7f7;
  border: 1px solid #bfbfbf;

  font-size: 15px;
}
.contact_form select {
  height: 32px;
  padding: 5px;

  background: #f7f7f7;
  border: 1px solid #bfbfbf;

  font-size: 15px;
}
.contact_form textarea {
  width: 310px;
  height: 130px;
  padding: 5px;

  background: #f7f7f7;
  border: 1px solid #bfbfbf;

  font-size: 15px;
  line-height: 1.5em;
}
.contact_form label {
  display: inline-block;
  margin: 0 1em 0 0;

  padding: 10px 14px 10px 10px;
  background: #e7e7e7;
}
.contact_form label input[type='radio'] {
  margin: 0 0.4em 0 0;
}
.contact_form .age {
}
.contact_form .age input[type='text'],
.contact_form .age input[type='number'] {
  width: 125px;
}
.contact_form .ymd {
}
.contact_form .ymd select {
  width: 80px;
}
.contact_form .tel {
}
.contact_form .tel input[type='text'] {
  width: 125px;
}
.contact_form .tel .sep {
  display: inline-block;
  height: 35px;
  padding: 0 8px;

  line-height: 36px;
}
.contact_form .dt {
}
.contact_form .dt select {
  width: 125px;
}
.contact_form .dt .sep {
  display: inline-block;
  height: 35px;
  padding: 0 8px;

  line-height: 36px;
}

.contact_form .policy {
  border: 1px solid #ddd;
  width: 535px;
  height: 200px;
  padding: 10px;
  overflow: auto;

  font-size: 14px;
  line-height: 1.3em;
}
.contact_form .policy h6 {
  padding: 0 !important;
  margin: 0 0 12px !important;
  background: none !important;
  border: none !important;

  font-size: 100%;
  font-weight: bold;
  line-height: 1.3em;
  color: #333;
}
.contact_form .policy p {
  margin: 0 0 12px !important;
}
.contact_form .policy ol {
  margin-bottom: 12px !important;
}
.contact_form .accept {
  padding: 12px 0;
}
.contact_form .accept .prefix {
  padding: 0 0 4px;
}
.contact_form .accept label {
  display: inline-block;

  border: 1px solid #ddd;
  border-radius: 4px;

  padding: 9px 10px;
  background: #f7f7f7;
}
.contact_form .accept .wpcf7-list-item.first label {
  font-weight: bold;
  border: 1px solid #f0abad;
  background: #ffd7d8;
  color: #fe5757;
}

.loading-overlay {
  display: none;
  overflow: hidden;
  z-index: 9999999;

  background: #fff;
}
.loading-overlay:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: -50px 0 0;

  display: block;
  width: auto;
  height: 130px;
  content: '';
  background: url(../images/loading_icon.png) center top no-repeat,
    url(../images/loading_animation.gif) center bottom no-repeat;
}