/*
===========================

1.common
2.card
3.sidebar
4.job-detail
5.login
6.search
7.entry
8.header
9.footer
10.panel
11.mypage
12.mypage-unregist
13.index
14.index-sp
15.regist
16.areaselect
17.searchtype
18.considerationlist
19.latestlist
20.faq
21.info
22.404
23.top
24.resort
25.job-exit
26.Area-result
27.conditions
===========================*/

/*color*/
:root {
  --blue-color: #2887eb;
  --dark-blue-color: #1576dd;
  --light-blue-color:#eff5ff;
  --error-color: #ff453f;
  --border-color: #D7D7D8;
  --light-gray-color: #F4F4F6;
}

/*
--------------------------------------------
    1.common
--------------------------------------------
*/
body{
  min-width: 1050px;
  width: 100%;
  /*background-image: url(/images/common/stripe.png);*/

}
section{
  margin-bottom: 1.7rem;
}
i{
  margin-right: 3px;
}
.see-sp,
.see-mb{
  display: none;
}
.wrap{
  width: 1050px;
  margin: auto;
}
.content-md{
  max-width: 950px;
  margin: auto;
  box-sizing: border-box;
}
.breadcrumb{
  margin-top: .2rem;
  margin-bottom: .2rem;
  font-size: .8rem;
  padding: .5rem 1rem;
  background-color: #ffffff;
}
img.spacer{
  width: 1px;
  height: 1px;
}
#main{
  padding-top: 20px;
  padding-bottom: 30px;
  overflow: hidden;
  min-height: 400px;
}
#sidebar{
  padding-top: 20px;
  overflow: hidden;
}
.form-control{
  font-size: 16px;
}
.textarea-border {
  border: 1px solid #dfdfdf;
  border-radius: 0.25rem;
}
.drawer-nav {
  z-index: 20;
}
/*checkbox*/
input[type=checkbox]:hover{
  cursor: pointer;
}
input[type=checkbox] {
  -webkit-appearance: none;
  border: 1px solid #d6d4cc;
  background-color: #ffffff;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  position: relative;
  outline: none;
  vertical-align: middle;
}
input[type=checkbox]:checked:after {
  display: block;
  content: '';
  width: 5px;
  height: 9px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
input.large[type=checkbox] {
  -webkit-appearance: none;
  border: 1px solid #ccc;
  background-color: #ffffff;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 6px;
  position: relative;
  outline: none;
  vertical-align: text-bottom;
}
input.large[type=checkbox]:checked:after {
  display: block;
  content: '';
  width: 10px;
  height: 20px;
  border-right: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
input.apply[type=checkbox] {
  cursor: auto;
}
input[type=checkbox]:checked{
  background-color: #f2411b;
  border-color: #f2411b;
}
.matometeoubo input.large{
  vertical-align: middle;
  padding: 1rem;
}
.alloubo img{
  width: 1.8rem;
}

[type="checkbox"], [type="radio"]{
  margin-right: 4px;/*ボックス/ボタンの右空き*/
}
/* ▼ラジオボタン */
.radio {
  display: none;
}
.radio + .radio-icon:before {
  content: "\f3a6";
  font-family: "Ionicons";
  color: #ccc;
  font-size: 22px;
  margin-right: 3px;
  vertical-align: middle;
}
.radio:checked + .radio-icon:before{
  content: "\f3a7";
  font-family: "Ionicons";
  color: #ef3611;
}
label.radio-block input[type=radio]{
  display: none;
}
label.radio-block input[type=radio]:checked + .radio-icon{
  background-color: var(--blue-color);
  color: white;
}

p.message{
  background: #f0f0f0;
  margin-bottom: 1rem;
  padding: .5rem .8rem;
}
p.message-y{
  padding: 0 10px 10px;
  color: #1a69b3;
  margin: 0;
  text-shadow: 0 1px 0 rgba(255,255,255,0.85);
}
p.message-y span{
  color: #ff7b4f;
  font-size: 1.2rem;
}
.care{
  margin-bottom: 0;
  font-size: 12px;
  color: #060;
  width: 100%;
}
.black_care{
  margin-bottom: 0;
  font-size: 11px;
  color: #000000;
  width: 100%;
}
input.input-lg{
  width: 100%;
}
input.input-sm{
  width: 40%;
  margin-right: 3px;
  display: inline-block;
}
.error{
  width: 100%;
  margin: .4rem 0 0;
  font-size: .82rem;
  color: #ff453f;
  border-radius: .2rem;
}
.ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

/*案件名の改行OFF*/
.offer-title br{
  display: none;
}

/*フォーム*/
table.gigaForm{
  border: 1px solid #dfdfdf;
  table-layout: fixed;
}
table.gigaForm th{
  background-color: #F2F2F2;
  border-bottom: 1px solid #dfdfdf;
  font-weight: bold;
  width: 20%;
  font-size: 14px;
}
table.gigaForm td{
  margin: 0;
}
table.gigaForm td li,table.regist-tbl td li{
  padding: .3rem 0;
}
table.gigaTable{
  table-layout: fixed;
  background-color: #ffffff;
  border-collapse: separate;
}
table.gigaTable th{
  background-color: var(--light-blue-color);
  color: #464a4c;
  width: 20%;
}
table.gigaTable th a{
  color: #ffffff;
}
table.gigaTable td{
  margin: 0;
  border: 1px dotted #dfdfdf;
}
table.gigaTable td li{
  padding: .3rem 0;
}
.button-area{
  margin-top: 1.7rem;
  text-align: center;
}
.button-area  .btn{
  padding: .5rem;
  /*display: block;*/
  margin: auto;
  margin-bottom: .8rem;
}
/*title*/
.subTitle{
  padding: .5em 0;
  border-top: 2px solid #ddd;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff 2%, #eeeeee 3%, #ffffff 40%);

}
.subTitle h2{
  font-weight: 800;
  color: var(--dark-blue-color);
  padding: 8px 0 5px 8px;
  border-left: 5px solid var(--dark-blue-color);
  line-height: 1;
  font-size: 1.25rem;
}

.pageTitle{
  padding: .25em 0 .4em .2em;
  border-bottom: 1px solid #666;
  margin-bottom: 1.3rem;
}
.pageTitle h1 {
  font-size: 1.1rem;
  margin: 0;
}
.pageTitle h1:before {
  background-color: var(--dark-blue-color);
  display: inline-block;
  width: 6px;
  height: 21px;
  border-radius: 6px;
  margin-right: 7px;
  content: "";
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.indexTitle{
  position: relative;
  padding: .6em .8em;
}
.indexTitle span{
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
  float: right;
}
.indexTitle span a{
  color: yellow;
  font-weight: bold;
  text-decoration: underline;
  padding: 0 4px;
}
.heading-page{
  text-align: center;
  font-size: 1.38rem;
  margin: 0 0 30px;
  font-weight: bold;
}
.heading-title{
  font-size: 1.38rem;
  margin: 10px 0 20px;
  font-weight: bold;
}
.caution-text{
  text-align: center;
  font-size: 1.2rem;
  margin: 0 0 10px;
  font-weight: bold;
  color: red;
}
.tabTitle{ /*変更*/
  border-bottom: 3px solid var(--blue-color);
  font-weight: bold;
  font-size: 1.2rem;
  position: relative;
  margin: 1rem 0;
  padding: .5rem 0 .5rem .3rem;
}
.spTitle{
  padding: .5rem 0 1rem .3rem;
  text-shadow: 0 1px 0 rgba(255,255,255,0.85);
}
.spTitle h2{
  font-size: 17px;
  font-weight: bold;
  border-left: 5px solid var(--blue-color);
  margin: 0;
  padding-left: 8px;
}
.terms h2{
  font-size: 1.25rem;
}
.txt-h1 {
  border-bottom: 1px solid #ccc7c2;
  padding-bottom: 4px;
}
h1.jobOfferHead {
  border-left: 4px solid #1364ba;
  line-height: 28px;
  font-size: 16px;
  color: #222;
  padding: 0 10px;
  letter-spacing: 1px;
  font-weight: bold;
}
.txt-h2 {
    border-bottom: 4px solid var(--blue-color);
    font-size: 17px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: bold;
}
.txt-h2-inner {
    border-bottom: 1px solid #1364ba;
    display: block;
    padding-bottom: 5px;
}
.qanda-header{
  font-size: 1.2rem;
  padding: 6px 15px;

}
.Box_title {
  color: #fff;
  line-height: 42px;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  margin-bottom: 15px;
  border-radius: 5px;
}
.Box_title-2 {
  padding: 3px 9px;
  box-shadow: inset 0 1px 1px hsla(0,0%,100%,.5);
  margin-bottom: 15px;
  border-radius: 3px;
}
.Box_title-2__txt{
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}
.Box_title-2__txt:before {
    content: "";
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 18px;
    border-radius: 2px;
    margin-right: 10px;
}
.h2_section-ttl{
  color: #333;
  font-weight: 700;
  margin: 0 auto 20px;
  padding: 3px 20px;
  font-size: 20px;
  border-left: 5px solid var(--blue-color);
}
/*color*/
.red{
  color: #ff453f;
}
.cl_white{
  color: #fff;
}
.cl_gray{
  color: #5f5f5f;
}
.cl_blue{
  color: #0275d8;
}
.cl_org{
  color: #f90;
}
.bg-aqua{
  background-color: var(--light-blue-color);
}
.bg-green{
  background-color: #6ABC60;
}
.bg-lightgreen{
  background-color: #7cc240;
}
.bg-blue{
  background-color: var(--blue-color);
  font-size: 1.25rem;
}
.bg-lightblue{
  background-color: #d3e6f9;
}
.bg-yellow{
  background-color: #f0ad4e;
  color: #fff;
}
.bg-gray{
  background-color: #efefef;
}
/*badge*/
.badge-pink{
  background-color: #FF3980;
}
.badge-must{
  border-radius: 0px;
  font-weight: normal;
  background-color: #ef3611;
  font-size: .7em;
  margin-left: 3px;
  padding: 3px 4px;
  position: relative;
  top: -2px;
}
.badge-tag{
  background-color: #f3f3f3;
  color: #666;
  border: none;
  border-radius: 0;
}
/*button*/
/*a要素ボタンとbuttonスタイルをそろえる*/
a.btn,
button.btn{
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 4px;
  font-size: 1rem;
  font-family: sans-serif;
  text-decoration: none;
  -webkit-text-decoration: none;
  text-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  border: none;
  outline: none;
  padding: 0.5rem 1rem;
  margin: 0;
  cursor: pointer;
}
a.btn:hover,
button.btn:hover{
  text-decoration: none;
  cursor: pointer;
}
a.btn-gray,
button.btn-gray{
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
  font-size: 1rem;
}
a.btn-gray:hover,
button.btn-gray:hover{
  text-decoration: none;
  cursor: initial;
}

a.btn-orange,
button.btn-orange{
  background: #ff7b4f;
  background-image: -webkit-linear-gradient(top, #ff7b4f, #eb2300);
  background-image: -moz-linear-gradient(top, #ff7b4f, #eb2300);
  background-image: -ms-linear-gradient(top, #ff7b4f, #eb2300);
  background-image: -o-linear-gradient(top, #ff7b4f, #eb2300);
  background-image: linear-gradient(to bottom, #ff7b4f, #eb2300);
  color: #ffffff;
  border: 1px solid #f44822;
  box-sizing:border-box;
}
a.btn-orange:hover,
button.btn-orange:hover{
  background: #ff7b4f;
}
a.btn-entry,
button.btn-entry{
  color: #fff;
  background: #34c067;
  border: 1px solid #2da559;
  box-shadow: inset 0 -2px 0 #2da559;
}
a.btn-entry:active, .btn-entry:focus, a.btn-entry:visited,
button.btn-entry:active, button.btn-entry:focus, button.btn-entry:visited{
  background-color: #2da559;
}
a.btn-blue,
button.btn-blue{
  background: var(--blue-color);
  border: 1px solid var(--blue-color);
  color: #ffffff;
}

a.btn-keep,
button.btn-keep{
  box-sizing:border-box;
  color: #555;
  padding-bottom: 10px;
  border: 1px solid #bcbcb3;
  background-color: #fff;
  box-shadow: inset 0 -3px 0 #eaeaea;
  font-weight: bold;
  position: relative;
}
a.btn-keep:hover,
button.btn-keep:hover{
  opacity: .8;
}
.keep-icon:before{
  display: inline-block;
  content: "";
  background-image: url(/images/common/icons/keep-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.keeped-icon:before{
  display: inline-block;
  content: "";
  background-image: url(/images/common/icons/keeped-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.ion-ios-heart:before {
  content: "\f387";
  color: #FF3980;
  font-size: 20px;
  position: relative;
  top: 2px;
}
.ion-android-checkbox-outline:before{
  font-size: 20px;
  position: relative;
  top: 2px;
}
a.btn-white,
button.btn-white{
  border: solid 1px #ccc;
  -webkit-box-shadow: 0 -1px 0 #ccc inset;
  box-shadow: 0 -1px 0 #ccc inset;
  text-shadow: 1px 1px 0 #fff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
  background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  background-color:#fff;
  color:#666;
}
a.btn-wakublue,
button.btn-wakublue{
  border: solid 1px var(--blue-color);
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
  background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  background-color:#f9f9f9;
  color:var(--blue-color);
}
a.btn-wakuorange,
button.btn-wakuorange{
  border: solid 1px #eb2300;
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%);
  color:#eb2300;
}

a.btn-white:hover,
button.btn-white:hover,
a.btn-wakublue:hover,
button.btn-wakublue:hover{
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
 background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
 background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
 background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
 background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
 background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
 background-color:#e9e9e9;
}
a.btn-pink,
button.btn-pink{
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc56af), color-stop(1, #db006a));
  background:-moz-linear-gradient(top, #fc56af 5%, #db006a 100%);
  background:-webkit-linear-gradient(top, #fc56af 5%, #db006a 100%);
  background:-o-linear-gradient(top, #fc56af 5%, #db006a 100%);
  background:-ms-linear-gradient(top, #fc56af 5%, #db006a 100%);
  background:linear-gradient(to bottom, #fc56af 5%, #db006a 100%);
  background-color:#fc56af;
  box-shadow:inset 0px 1px 0px 0px #ffb2e8;
  color: #ffffff;
  border:0px solid #ff00bb;
}
a.btn-pink:hover,
button.btn-pink:hover{
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc56af), color-stop(1, #f5a5d0));
  background:-moz-linear-gradient(top, #fc56af 5%, #f5a5d0 100%);
  background:-webkit-linear-gradient(top, #fc56af 5%, #f5a5d0 100%);
  background:-o-linear-gradient(top, #fc56af 5%, #f5a5d0 100%);
  background:-ms-linear-gradient(top, #fc56af 5%, #f5a5d0 100%);
  background:linear-gradient(to bottom, #fc56af 5%, #f5a5d0 100%);
  background-color:#fc56af;
}
button.btn-remove {
  padding: 12px;
  font-weight: bold;
  color:#bababa;
}


.latestCardMini a.btn-keep>.ion-ios-heart,
.latestCardMini button.btn-keep>.ion-ios-heart,
.recommendCardMini a.btn-keep>.ion-ios-heart,
.recommendCardMini button.btn-keep>.ion-ios-heart{
  color: #ffffff;
}

a.btn-keep>.ion-ios-heart,
button.btn-keep>.ion-ios-heart{
  color: #ffffff;
}
.oubo-txt {
  display: block;
  font-size: 11px;
}
.btn-entry .oubo-txt{
  color: yellow;
}
.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #136ecd;
    border-color: #136ecd;
}

/*text-shadow*/
.ts-w{
   text-shadow: 0 1px 0 rgba(255,255,255,0.85);
}
.strong-txt{
  font-size: 1.32em;
  font-weight: bold;
  color: red;
  padding-right: 3px;
}

/*oiwaikin-label*/

.oiwaikin-label{
  position: relative;
  overflow: hidden;
}
.oiwaikin-label .label-text{
  background-color: #ffdb05;
  border: 1px solid #ffdb05;
  padding: 2px 4px;
  color: #ff0000;
  font-size: 10px;
  font-weight: bold;
  display: block;
  height: 18px;
  border-radius: 2px;
}
.oiwaikin-label .label-text .price{
    font-size: 12px;
}
.oiwaikin-label .shiny{
   height: 100%;
   width: 10px;
   position: absolute;
   top: -50px;
   left: 0;
   background-color: #fff;
   opacity: 0;
   transform: rotate(45deg);
   animation: reflection 3.5s ease-in-out infinite;
}
.oiwaikin-label-w .label-text{
  background-color: #fff;
  border: 1px solid #ff0000;
  padding: 2px 4px;
  color: #ff0000;
  font-size: 10px;
  font-weight: bold;
  display: block;
  height: 18px;
  border-radius: 2px;
}
.oiwaikin-label-w .label-text .strong{
  font-size: 12px;
}

/* ローディング画面 */
.loading-view {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.2);
}
.loading-view .spinner {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.loading-view .spinner .inner{
  width: 50px;
  height: 50px;
  position: relative;
}

.loading-view .double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.loading-view .double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/*
--------------------------------------------
    2.cards
--------------------------------------------
*/

/*latestCardMini*/
header #rireki-panel .latestCardMini{
  border:  1px solid #136ecd;
  border-top: 5px solid #136ecd;
  font-size: .9rem;
  box-shadow:3px 3px 8px 0px #b3b3b3;
  -moz-box-shadow:3px 3px 8px 0px #b3b3b3;
  -webkit-box-shadow:3px 3px 8px 0px #b3b3b3;
  height: auto;
  margin-bottom: 1rem;
}
header #rireki-panel .latestCardMini .card-block{
  padding: .8rem;
}
header #rireki-panel .latestCardMini .card-block .media{
  margin-bottom: .8rem;
}
header #rireki-panel .latestCardMini .card-block .media-body{
  font-size: .8rem;
}
header #rireki-panel .latestCardMini .card-block .media a{
  font-weight: 700;
  color: var(--blue-color);
}
header #rireki-panel .latestCardMini .card-block .media img{
  max-width: 100px;
  max-height: 100px;
}
header #rireki-panel .latestCardMini .card-block table th{
  text-align: center;
  width: 15%;
  padding: .5rem;
}
header #rireki-panel .latestCardMini .card-block table td{
  padding: .2rem;
  font-size: .8rem;
}
header #rireki-panel .latestCardMini .card-block table th,
header #rireki-panel .latestCardMini .card-block table td{
  border: none;
}
header #rireki-panel .latestCardMini .card-footer{
 background-color: initial;
 border-top: 1px dashed #c2c2c2;
}
header #rireki-panel .latestCardMini .card-footer .company-name{
  width: 84%;
}
header #rireki-panel .latestCardMini .card-footer .btn-keep{
  width: 100%;
  line-height: .8rem;
}
header #rireki-panel .latestCardMini .card-footer .btn-keep i{
  margin: 0;
}
header #rireki-panel .latestCardMini table th img{
  width: 25px;
}
header #rireki-panel .right{ /* #64 追加 */
  float: right;
}
/*searchTermsCard*/
header .searchTermsCard{
  padding: .6rem;
  font-size: .9rem;
  margin-bottom: 1rem;
  border: 1px solid #31708f;
  box-shadow: 3px 3px 8px 0px #b3b3b3;
  -moz-box-shadow: 3px 3px 8px 0px #b3b3b3;
  -webkit-box-shadow: 3px 3px 8px 0px #b3b3b3;
}
header .searchTermsCard span:after{
  content: "/";
}
header .searchTermsCard a{
  display: block;
  text-align: right;
}

/*entryJobCard*/
.entryJobCard{
  font-size: .9rem;
  margin-bottom: 1rem;
  border: 4px solid #c3c3ce;
  padding: .75rem;
}
.entryJobCard .entry-item{
  position: relative;
  min-height: 58px;
}
.entryJobCard .entry-item .entry-head{
  width: calc(100% - 46px);
  color: #333;
}
.entryJobCard .entry-item .entry-head h2{
  font-size: 12px;
}
.entryJobCard .entry-item .entry-head h3{
  font-size: 13px;
  line-height: 1.3;
  margin: 0;
}
.entryJobCard .entry-item .link-btn{
  max-width: 46px;
  text-align: right;
}
.entryJobCard .entry-item .link-btn .btn-white{
  width: 32px;
  height: 32px;
  padding: 0;
}
.entryJobCard .entry-item .link-btn .trash:before{
  font-family: "Font Awesome 5 pro";
  content: "\f2ed";
  font-size: 1rem;
  font-weight: 400;
}
.entryJobCard [id^="entry-jobDetail-"] {
  display: none;
}
.entryJobCard .more-wrap{
  position: relative;
  top: -5px;
  line-height: 1;
}
.entryJobCard .entry-item .more-link a{
  color: #222;
  font-size: 12px;
  padding: 6px;
  margin-bottom: 20px;
}
.entryJobCard .entry-item .more-link a:after {
  content: "\f123";
  font-family: "Ionicons";
  display: inline-block;
  font-size: .5rem;
  padding-left: 4px;
}
.entryJobCard .more-wrap [id^="more-btn-"] {
  font-size: 12px;
  color: #666;
  text-decoration: underline;
  cursor: pointer;
}
.entryJobCard .entry-item .link-btn button.btn-keep {
  padding: 0;
  border: none;
  box-shadow: none;
  position: relative;
  top: -3px;
  left: -3px;
}
.entryJobCard .entry-item .link-btn button.btn-keep:focus{
  outline: none;
  box-shadow: none;
  border: none;
}
.entryJobCard .entry-item .link-btn button.btn-keep .keep-icon:before{
  background-image: url(/images/common/icons/keep-gray.png);
}
.entryJobCard .entry-item .link-btn button.btn-keep i:before{
  width: 18px;
  height: 18px;
}
.entryJobCard .offer-image img{
  max-height: 100px;
}
.entryJobCard .entry-job-info{
  border-top: 1px dotted #c3c3ce;
}
.entryJobCard .entry-job-info li {
    font-size: 12px;
    padding: 3px 10px 3px 30px;
    position: relative;
}
.entryJobCard .entry-job-info li span{
  display: inline-block;
  vertical-align: top;
}
.entryJobCard .entry-job-info li span.icon{
  width: 15px;
}
.entryJobCard .entry-job-info li .contents:before {
  content: " ";
  width: 15px;
  height: 15px;
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 5px;
}
.entryJobCard .entry-job-info .salary:before{
  background: url(/images/common/icons/yen-blk.svg);
  background-size: cover;
}
.entryJobCard .entry-job-info .trafic:before{
  background: url(/images/common/icons/train-blk.svg);
  background-size: cover;
}
.entryJobCard .entry-job-info .contents {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/*ouborirekiCard*/
table.entryJobCard td .moreDetail{
  font-size: .75rem;
  padding: .3rem 1rem;
  float: right;
}

/*jobCard*/
.jobCard{
  position: relative;
  border: 1px solid var(--blue-color);
}
.jobCard a{
  color: #333;
  text-decoration: none;
}
.jobCard .jobCard-header{
  border-top: 4px solid var(--blue-color);
  border-bottom: none;
  background-color: white;
  padding: .5rem 1.25rem 0;
}
.jobCard .recommend-label{
  height: 30px;
  width: 60px;
  background-image: url(/images/common/icons/recommend-label.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  left: -23px;
  top: -4px;
}
.job-cassette-tag .new-offer.tag-name {
  background: #fca01a;
  border-color: #fca01a;
}
.job-cassette-tag .gk-label.tag-name {
  background: #ff5550;
  border-color: #ff5550;
}
.job-cassette-tag .popular-label.tag-name {
  background: #ff5550;
  border-color: #ff5550;
}
.popular-label:before{
  display: inline-block;
  content: "";
  background-image: url(/images/common/icons/fire.svg);
  width: 11px;
  height: 11px;
  background-size: contain;
  margin-right: 3px;
  vertical-align: text-bottom;
}
.cassette-lists {
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 5px;
}
.cassette-lists li:not(:last-child){
  padding-right: 5px;
}
.job-cassette-tag span{
  display: inline-block;
  padding: 0px 5px;
  font-size: 10px;
  border-radius: 2px;
  font-weight: bold;
  color: var(--blue-color);
  border: 1px solid var(--blue-color);
  background-color: #fff;
}
.job-cassette-tag .tag-name{
  border: 1px solid;
  color: white;
}
.jobCard .jobCard-header .company-title{
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.jobCard .jobCard-header .company-title label{
  display: block;
}
.jobCard .jobCard-header .company-title label input{
  display: block;
  float: left;
}
.jobCard .jobCard-header .company-title h2{
  font-size: 13px;
  display: inline-block;
}
.jobCard .jobCard-header .offer-title{
  clear:left;
}
.jobCard .jobCard-header h3{
  font-size: 17px;
  line-height: 1.5;
  margin: 0;
  color: #0275d8;
  text-decoration: underline;
}
.jobCard .jobCard-header h3:hover{
  text-decoration: underline;
}
.jobCard .jobCard-body{
  font-size: .9rem;
}
.jobCard .job-cassette-main .job-card-photo{
  width: 25%;
  padding: 0 15px 0 0;
}
.jobCard .job-cassette-main .job-card-info table.gigaTable{
  table-layout: inherit;
}
.jobCard .jobCard-body .gigaTable th{
  font-size: .8rem;
  padding: .75rem .5rem;
  background: #eee;
  line-height: 1.8rem;
  width: 86px;
  vertical-align: top;
}
.jobCard .jobCard-body .gigaTable th img{
  display: none;
}
.jobCard .jobCard-body .gigaTable td{
  padding: .3rem;
  word-break: break-all;
}
.jobCard .jobCard-body .gigaTable td .job-list-height.height{
  max-height: 56px;
  overflow: hidden;
  position: relative;
  word-break: break-all;
}
.jobCard .jobCard-body .gigaTable td .job-list-height.height:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 26px;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(20%,#fff),to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(bottom,#fff 20%,rgba(255,255,255,0));
  background: linear-gradient(to top,#fff 20%,rgba(255,255,255,0));
}
.jobCard .jobCard-body .client-info{
  text-align: right;
  font-size: .75rem;
  margin-bottom: 7px;
}
.jobCard .jobCard-body .client-info img{
  width: 80px;
}
.jobCard .jobCard-body .comment{
  margin-top: 1rem;
}
.tag_list.job-features ul{
  flex-wrap: wrap;
  margin-top: 10px;
}
.tag_list.job-features ul li{
  padding: 3px 5px 3px 0;
}
.tag_list.job-features ul li .badge-tag {
  display: block;
  font-size: 12px;
  text-align: center;
  padding: 4px 10px;
  color: var(--blue-color);
  background-color: #EAF2FC;
}
.jobDetailCard .jobDetailCard-body .tag_list.job-features ul li .badge-tag{
  background-color: #EAF2FC;
  color: var(--blue-color);
}
.jobCard .jobCard-footer{
  background-color: #fff;
  border-top: none;
  padding-top: 0;
}
.GB-balloon{
  color: #ff5550;
  border: 1px solid #ff5550;
  font-weight: bold;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 5px;
  position: relative;
}
.GB-balloon:before{
  content: "";
  position: absolute;
  bottom: -23px;
  right: 15%;
  margin-left: -15px;
  border: 13px solid transparent;
  border-top: 13px solid #FFF;
  z-index: 2;
  border-top: 12px solid #fff;
  border-left: 8px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 8px solid transparent;
}
.GB-balloon:after {
  content: "";
  position: absolute;
  bottom: -26px;
  right: 15%;
  margin-left: -18px;
  border: 13px solid transparent;
  border-top: 13px solid #ff5550;
  border-left: 8px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 8px solid transparent;
  z-index: 1;
}
#entryFooterBox .GB-balloon-inner{
  max-width: 980px;
  margin: auto;
  position: relative;
  top: 28px;
}
#entryFooterBox .GB-balloon {
  width: 56%;
  margin-left: auto;
  background-color: #fff;
}
.jobCard .jobCard-footer .btn{
  display: block;
  margin: auto;
  width: 100%;
  font-size: 15px;
}
.jobCard .jobCard-footer .ion-ios-trash:before {
  font-size: 22px;
  position: relative;
  top: 2px;
}
.jobCard .jobCard-footer button.btn{
  padding: 0;
  height: 50px;
}
.jobCard .jobCard-footer .ion-ios-arrow-forward:before{
  font-size: 20px;
  margin-right: 7px;
  font-weight: bold;
  color: var(--blue-color);
  position: relative;
  top: 2px;
}
.jobCard .jobCard-footer button.btn-entry{
  font-size: 18px;
  z-index: 10;
}
.jobCard .jobCard-footer ul .count-down{
  color: #104e71;
  font-weight: bold;
  font-size: .8rem;
}
.jobCard .jobCard-footer ul .count-down>i{
  font-size: 1.5rem;
}

/*jobDetailCard*/
.jobDetailCard {
  border: none;
}
.jobDetailCard .jobDetailCard-header{
  background-color: #fff;
  border: none;
  padding: 0;
}
.jobDetailCard .jobDetailCard-header .tag_list{
  margin-bottom: 5px;
}
.jobDetailCard .jobDetailCard-header .company-name{
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}
.jobDetailCard .jobDetailCard-header .city-name{
  font-size: 12px;
  margin-bottom: .7rem;
}
.jobDetailCard .jobDetailCard-header h2{
  font-size: 1.16rem;
  line-height: 1.3;
  margin: 0;
}
.jobDetailCard .jobDetailCard-body{
  font-size: .9rem;
  padding: 1.25rem 0;
}
.jobDetailCard .jobDetailCard-body .job-image{
  width: 90%;
}
.jobDetailCard .jobDetailCard-body .client-info{
  text-align: right;
  font-size: .75rem;
  margin-bottom: 7px;
}
.jobDetailCard .jobDetailCard-body .client-info img{
  width: 80px;
}
.jobDetailCard .jobDetailCard-body .job-detail-tbl-wrap{
  margin: 0 0 1rem;
}
.job-detail-tbl-wrap .gigaTable{
  display: block;
  border-collapse: collapse;
  table-layout: inherit;
  width: 100%;
}
.job-detail-tbl-wrap .gigaTable tbody, .job-detail-tbl-wrap .gigaTable tr, .job-detail-tbl-wrap .gigaTable th, .job-detail-tbl-wrap .gigaTable td{
  display: block;
  width: 100%;
  border: none;
}
.job-detail-tbl-wrap .gigaTable th{
  padding: 4px 7px;
  background-color: #eee;
}
.job-detail-tbl-wrap .gigaTable th h2{
  font-weight: bold;
  font-size: .9rem;
  margin: 0;
  line-height: 1.5;
}
.jobDetailCard .jobDetailCard-body .job-features h2{
  font-size: 16px;
  font-weight: bold;
}
.jobDetailCard .jobDetailCard-body .job-features h2:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 18px;
  margin: -4px 5px 0 0;
  vertical-align: middle;
  background: var(--blue-color);
}
.jobDetailCard .jobDetailCard-body .comment{
  margin-top: 1rem;
}
.jobDetailCard .jobDetailCard-footer {
  background-color: #fff;
  border: none;
}
.jobDetailCard .jobDetailCard-footer .button-area{
  margin: 0;
}
.jobDetailCard .jobDetailCard-footer .btn{
  display: block;
  margin: auto;
  height: 50px;
  width: 100%;
  padding: 0;
}
.jobDeatil-bottom{
  max-width: 580px;
  margin: auto;
}
.jobDeatil-bottom button.btn{
  width: 100%;
  height: 50px;
  padding: 0;
}
.jobDetailCard .jobDetailCard-footer button.btn-keep,
.jobDeatil-bottom button.btn-keep,
.dtlBox button.btn-keep,
.jobDetailCard .jobDetailCard-footer button.btn-remove,
.jobDeatil-bottom button.btn-remove,
.dtlBox button.btn-remove{
  font-size: 16px;
}
.jobDetailCard .jobDetailCard-footer button.btn-entry,
.jobDeatil-bottom button.btn-entry,
.dtlBox button.btn-entry{
  font-size: 18px !important;
}
.jobDetailCard .jobDetailCard-footer ul .count-down{
  color: #104e71;
  font-weight: bold;
}
.jobDetailCard .jobDetailCard-footer ul .count-down>i{
  font-size: 1.8rem;
}
@media only screen and (min-width: 768px){
  .jobCard .job-cassette-main .job-card-info{
    width: 75%;
    padding: 0 0 0 15px;
  }
  #main .job-detail{
    padding-top: 0;
  }
  .jobDetailCard .jobDetailCard-body .job-detail-tbl-wrap{
    -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  }
  .jobDetailCard .jobDetailCard-body .job-detail-tbl-wrap .job-DetailCard-photo {
    margin-left: -15px;
  }
  .job-detail-tbl-wrap .gigaTable{
    padding: .75rem;
    border: 1px solid #ccc;
  }
  .jobDetailCard-body .show-more {
    display: none;
  }
}
/*recommendCard*/
.recommendList li:last-child{
  margin-bottom: 1rem;
}
.recommendCard{
  font-size: .8rem;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 1rem;
}
.recommendCard .recommendCard-header, .recommendCard .recommendCard-footer{
  background-color: #fff;
  border: none;
  padding: 0;
}
.recommendCard .recommendCard-header li.offer-title{
  width: calc(100% - 32px);
  margin: 0;
}
.recommendCard .recommendCard-header li .company-name,
.recommendCard .recommendCard-header li.offer-title h2 a{
  display: block;
  width: 100%; /* 要素の横幅を指定 */
  white-space: nowrap; /* 横幅のMAXに達しても改行しない */
  overflow: hidden; /* ハミ出した部分を隠す */
  text-overflow: ellipsis; /* 「…」と省略 */
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
  margin-bottom: 6px;
}
.recommendCard .recommendCard-header li.offer-title h2{
  margin: .2rem 0 .1rem;
  font-size: 1rem;
  font-weight: bold;
}
.recommendCard .recommendCard-header li .company-name{
  color: #222;
  font-weight: bold;
}
.recommendCard .recommendCard-body{
  padding: 0;
}
.recommendCard .recommendCard-body .offer-image{
  width: 25%;
  padding: 7px 15px 0 0;
}
.recommendCard .recommendCard-body .offer-info{
  width: 100%;
  flex: 1;
}
.recommendCard .recommendCard-body table {
  border-collapse: collapse;
}
.recommendCard .recommendCard-body table tr{
  border-bottom: 1px dashed #ddd;
}
.recommendCard .recommendCard-body table th {
  background-size: 18px auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 32px;
}
.recommendCard .recommendCard-body table th, .recommendCard .recommendCard-body table td{
  border: none;
  padding: .5rem;
}
.keepedJobCard .job-cassette-main .offer-info ul li p:before{
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 10px;
}
.recommendCard .recommendCard-body table th.salary, .keepedJobCard .job-cassette-main .offer-info ul li.salary p:before{
  background-image: url(/images/common/icons/yen-gray.svg);
  background-size: 17px auto;
}
.recommendCard .recommendCard-body table th.jobtype, .keepedJobCard .job-cassette-main .offer-info ul li.jobtype p:before{
  background-image: url(/images/common/icons/jobtype-gray.svg);
}
.recommendCard .recommendCard-body table th.traffic, .keepedJobCard .job-cassette-main .offer-info ul li.traffic p:before{
  background-image: url(/images/common/icons/train-gray.svg);
}
.recommendCard .recommendCard-body .client-info{
  text-align: right;
  font-size: .65rem;
}
.recommendCard .recommendCard-body .client-info>img{
  width: 80px;
}
.recommendCard .recommendCard-footer ul li{
  margin: 1rem 0 0 0;
  padding: 0;
}
.recommendCard .recommendCard-footer ul li.tag_list{
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.recommendCard .recommendCard-footer ul li.tag_list:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 15%;
  height: 100%;
  background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
.recommendCard .recommendCard-footer .btn{
  display: block;
  margin: auto;
  font-size: .9rem;
  padding-bottom: 10px;
  width: 100%;
}
.recommendCard .recommendCard-footer .btn-white{
  padding: .75rem 1.5rem;
}
.recommendCard .recommendCard-footer ul .count-down{
  color: #104e71;
  font-weight: bold;
}
.recommendCard .recommendCard-footer ul .count-down>i{
  font-size: 1.8rem;
}

.recommendCardComplete, .keepedJobCardComplete{
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
}
.recommendCardComplete .recommendCard-body .tag_list ul li,
.keepedJobCardComplete .keepedJob-body .tag_list ul li{
  width: auto ;
  padding: 3px 5px 3px 0;
}
.recommendCardComplete .recommendCard-body .tag_list ul li .badge-tag,
.keepedJobCardComplete .keepedJob-body .tag_list ul li .badge-tag{
  font-weight: normal ;
  background-color: #f3f3f3;
  color: #666;
  border: none;
  padding: 4px 10px;
}
.entry-reccomendCard .btn-wrap .btn{
  width: 100%;
  height: 49px;
  padding: 0;
}

/*recommendCardMini*/
.recommendCardMini{
  background-color: #ffffff;
  height: 100%;
  font-size: .9rem;
  box-shadow:3px 3px 8px 0px #b3b3b3;
  -moz-box-shadow:3px 3px 8px 0px #b3b3b3;
  -webkit-box-shadow:3px 3px 8px 0px #b3b3b3;
}
.recommendCardMini a{
  text-decoration: none;
  color: #333;
}
.recommendCardMini .offerImage{
  width: 100%;
  height: 138px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .25rem .25rem 0 0;
}
.recommendCardMini .offerImage img{
  width: 100%;
  margin: 0 auto;
  border-radius: .25rem .25rem 0 0;
}
.recommendCardMini .textWrap{
  padding: 13px;
}
.recommendCardMini .textWrap .salary-item{
  font-size: 13px;
  color: #f90;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  visibility: visible;
  margin: 0;
}
.recommendCardMini .textWrap .company-name{
  font-size: 12px;
  margin: 7px 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  visibility: visible;
}
.recommendCardMini .textWrap .offer-title{
  font-size: 12px;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  visibility: visible;
}

#entry-info .keep-title{
  text-align: center;
  color: #060;
}

/* keepedJobCard */
.keepedJobCard{
  padding: 15px;
}
.recommendCardComplete .entry-reccomendHead h3, .keepedJobCard .keeped-head h3{
  font-size: 18px;
  color: var(--dark-blue-color);
  font-weight: bold;
}
.keepedJobCard .keeped-head .company-title{
  font-size: 13px;
}
.keepedJobCard .job-cassette-main .offer-image{
  width: 25%;
  padding: 10px 15px 0 0;
}
.keepedJobCard .job-cassette-main .offer-info{
  width: calc(100% - 25%);
}
.keepedJobCard .job-cassette-main .offer-info ul li {
  border-bottom:1px dotted #dfdfdf;
  padding: 8px 0;
}
.keepedJobCard .job-cassette-main .offer-info ul li p{
  font-size: 14px;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.keepedJobCard .btn-wrap .btn{
  width: 100%;
}

.modal-scrollable .modal-scrollable-content{
  height: calc(100vh - 138px);
  overflow: hidden;
  overflow-y: scroll;
}
.modal-scrollable button.close{
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 10;
}
.modal-scrollable .modal-body{
  min-height: 80vh;
}
.modal-scrollable .modal-body .jobDetailCard-header ul li{
  width: 100%;
}
.modal-scrollable .modal-body .badge-tag{
font-weight: normal;
padding: 4px 10px;
background-color: #f3f3f3;
color: #666;
border: none;
}
.modal-scrollable .modal-footer button.btn-entry, .modal-scrollable .modal-footer button.btn-gray{
  width: 100%;
}

/*
--------------------------------------------
    3.sidebar
--------------------------------------------
*/
.popover-content button{
  width: 48%;
  margin-right: 2%;
  font-size: .75rem;
}
/* 1092行目まで変更 */
#sidebar .list-group{
  border: 1px solid var(--dark-blue-color); /* #76 変更 */
  border-radius: 5px 5px 0 0;
}
#sidebar .list-group-item{
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
#sidebar .list-group-item:nth-child(2){
  border-top: none;
}

#sidebar .sidebar-title{
  color: #ffffff;
  background-color: var(--dark-blue-color); /* #76 変更 */
  margin: 2px;
  justify-content: center;
  align-items: center;
  min-height: 45.5px; /* #74 追加 */
}
#sidebar .sidebar-title a{
  color: #ffffff;
}
#sidebar .sidebar-title h3{
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
}
#sidebar .sidebar-title img{
  height: 1rem;
  width: 1rem;
  margin-right: .3rem;
  vertical-align: middle;
}
#sidebar .sidebar-title .badge{
  margin-left: .5rem;
  background-color: #ffffff;
  color: var(--blue-color);
}
#sidebar div.matomete label img{
  width: 1.3rem;
  vertical-align: text-bottom;
}
#sidebar div.matomete label input{
  display: none;
}
#sidebar div.matomete{
  background-color: #ffffff;
  border: 3px #ffdb05 solid;
  padding: .3rem .6rem;
  position: relative;
  text-align: center; /* 変更 */
}
#sidebar div.matomete .ion-arrow-up-a{
  position: absolute;
  top: -1.7rem;
  display: block;
  color: #ffdb05;
  font-size: 1.4rem;
}

#sidebar #considerationList .considerationList-job,
#sidebar #latestList .latestList-job{
  padding: 0.6rem .8rem;
  font-size: .9rem;
}
#sidebar #considerationList .considerationList-job ul,
#sidebar #latestList .latestList-job ul{
  width: 100%;
}
#sidebar #considerationList .considerationList-job ul li,
#sidebar #latestList .latestList-job ul li{
  width: 100%; /* 要素の横幅を指定 */
  margin-bottom: .1rem;
}

#sidebar #considerationList .considerationList-job ul li.offer-title,
#sidebar #latestList .latestList-job ul li.offer-title{
  font-weight: 500;
}
#sidebar #considerationList .considerationList-job ul li.jobtype:before,
#sidebar #considerationList .considerationList-job ul li.area:before,
#sidebar #considerationList .considerationList-job ul li.salary:before,
#sidebar #latestList .latestList-job ul li.jobtype:before,
#sidebar #latestList .latestList-job ul li.area:before,
#sidebar #latestList .latestList-job ul li.salary:before{
  content: " ";
  width: .8rem;
  height: .8rem;
  display: inline-block;
  margin-right: 3px;
}
#sidebar #considerationList .considerationList-job ul li.jobtype:before,
#sidebar #latestList .latestList-job ul li.jobtype:before{
  background: url(/images/common/icons/jobtype.png);
  background-size: cover;
}
#sidebar #considerationList .considerationList-job ul li.area:before,
#sidebar #latestList .latestList-job ul li.area:before{
  background: url(/images/common/icons/area.png);
  background-size: cover;
}
#sidebar #considerationList .considerationList-job ul li.salary:before,
#sidebar #latestList .latestList-job ul li.salary:before{
  background: url(/images/common/icons/salary.png);
  background-size: cover;
}
#sidebar #considerationList .considerationList-footer div,
#sidebar #latestList .latestList-footer div{
  margin-bottom: .7rem;
}
#sidebar #considerationList .considerationList-footer,
#sidebar #latestList .latestList-footer{
  padding: .5rem;
  padding-top: 1.5rem;
}
#sidebar #considerationList .considerationList-footer .btn,
#sidebar #latestList .latestList-footer .btn{
  display: block;
  width: 90%;
}
#sidebar #considerationList .considerationList-footer p,
#sidebar #latestList .latestList-footer p{
  font-size: .8rem;
}
#sidebar .delete{
  line-height: 1.2rem;
}
#sidebar .delete:before{
  content: "\f4c5";
  font-family: "Ionicons";
  color: #737070;
  font-size: 1.2rem;
  margin-right: 5px;
}
#sidebar .delete:hover{
  cursor: pointer;
}
#sidebar #campain .list-group-item{
  height: 50%;
}
#sidebar #campain .banner{ /* #76 追加 */
  padding: .5rem;
  min-height: 241px; /* #74 追加 */
}
#sidebar .sidebar-title .ion-android-bulb{
  font-size: 20px;
  margin-right: .3rem;
  font-weight: bold;
}
#sidebar #campain .list-group-item img{
  width: 100%;
}

#sidebar #banner_side .list-group-item{
  padding: 6px;
  overflow: hidden;
}
#sidebar #banner_side .list-group-item img{
  width: 100%;
}

.reflection_img{
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.reflection {
    height      :100%;
    width       :10%;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

#sidebar .countList {
  background-color: #EEEEEE;
  border: 1px solid #c3c3ce;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 2rem;
}
#sidebar .countList ul li{
  background-color: #ffffff;
  padding: 7px;
}
.countList ul li dt{
  color: #666;
  font-size: 13px;
}
.countList ul li dt:before{
  content: '';
  display: inline-block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.countList ul li dt.job_count:before{
  background: url(/images/common/icons/side-01.png) 0 0 no-repeat;
  background-size: 100% auto;
}
.countList ul li dt.average:before{
  background: url(/images/common/icons/side-02.png) 0 0 no-repeat;
  background-size: 100% auto;
}
.countList ul li dd{
  text-align: right;
  margin: 8px 0 0;
  font-size: 90%;
  position: relative;
}
.countList ul li dd span{
  font-size: 22px;
  padding-right: 3px;
}
.countList ul li dd .play_allow img{
  width: 36px;
  position: absolute;
  left: 3px;
  top: 6px;
}
#schHistoryList .ion-ios-search-strong:before{
  font-size: 20px;
  vertical-align: middle;
  top: 0;
}
#schHistoryList .schHistory-item{
  padding: 0.6rem .8rem;
  font-size: 12px;
}
#schHistoryList .schHistory-item p{
  width: 100%;
  margin-bottom: 6px;
}
#schHistoryList .schHistory-item p em{
 font-style: normal;
 font-weight: bold;
 color: #ff453f;
}
#schHistoryList .schHistory-item a{
  display: block;
  width: 100%;
  padding-right: 5px;
  text-decoration: underline;
  position: relative;
}
#schHistoryList .schHistory-item a:after{
  content: "\f125";
  font-family: "Ionicons";
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  color: #34c067;
}
/*
--------------------------------------------
    4.job-detail
--------------------------------------------
*/
#main.job-detail .job-detailHeader{
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1.25rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #ccc;
}
#main.job-detail section#offer-info{
  font-size: .9rem;
}
#main.job-detail section#offer-info .nav-tabs{
  border-bottom: 3px solid #c3c3ce;
}
#main.job-detail section#offer-info .nav-tabs .nav-item{
  margin-bottom: -4px;
}
#main.job-detail section#offer-info .nav-tabs li:nth-child(2n){ /* #57 追加*/
  display: none;
}
#main.job-detail section#offer-info .nav-tabs .nav-link{  /* #85 変更 */
  line-height: 2.8rem;
  margin-right: 3px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #cecece));
  background: -webkit-linear-gradient(#fff, #cecece);
  background: -moz-linear-gradient(#fff, #cecece);
  background: -o-linear-gradient(#fff, #cecece);
  background: -ms-linear-gradient(#fff, #cecece);
  background: linear-gradient(#fff, #cecece);
  color: #000;
  border: 1px solid #c3c3ce;
}
#main.job-detail section#offer-info .nav-item:last-child .nav-link{
  margin-right: 0;
}
#main.job-detail section#offer-info .nav-tabs .active{ /* #85 変更 */
  background: #fff;
  color: #000;
  font-weight: 500;
  border: 1px solid #c3c3ce;
  border-top: 6px solid var(--blue-color);
  border-bottom: 3px solid #fff;
}
#main.job-detail section#offer-info .tab-content { /* #85 変更 */
  background: #fff;
  padding: 12px 5px 5px 5px;
  border: 1px solid #c3c3ce;
  border-top: none;
  position: relative;
  top: -2px;
}
#main.job-detail section#offer-info .tab-content table {
  border: none;
}
#main.job-detail section#offer-info .tab-content table th{
  border-bottom: 1px solid #fff;
}
#main.job-detail section#offer-info .tab-content table th h2{
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  line-height: 1.5;
}
#main.job-detail section#offer-info .tab-content table td{
  border-top: 1px dashed #d4d4d4;
}
#main.job-detail section#offer-info .tab-content table .client-info img{ /* #85 追加 */
  width: 120px;
}
#main.job-detail section#recommend .message{
  font-size: .8rem;
}
.recommend_block .recomend_comment, .recommend_block .recommend_wrap{
  background: var(--light-blue-color);
  padding: 1rem;
}
.recommend_block .recommend_wrap{
  padding-top: 0;
}
.recommend_block .recomend_comment p{
  text-align: center;
  color: var(--blue-color);
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}
.recommend_block .recomend_comment p strong{
  color: #ff5550;
}
.oubo .btn-entry, #formFooterBox .btn-entry{
  display: block;
  width: 400px;
  height: 60px;
  font-size: 20px;
  margin-bottom: 0;
}
.message-y img{
  width: 32px;
  margin-right: 5px;
}
.matometeoubo {
  margin-bottom: .5rem;
  padding: .3em;
}
.entry_complete {
  bottom: 0px !important;
}
.matometeoubo .down_arrow:before, .matometeoubo .up_arrow:before{
  content: " ";
  background-image: url(/images/common/icons/down_arrow.png);
  height: 28px;
  width: 28px;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 0 5px 0 12px;
}
.matometeoubo .up_arrow:before{
  background-image: url(/images/common/icons/up_arrow.png);
}

#main.job-detail section#recommend .matometeoubo .alloubo input{
  display: none;
}

#entryFooterBox, #formFooterBox{
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
  z-index: 999;
  margin: 0;
  padding: 0;
}
.entryFooterInner, #formFooterBox{
  background: rgba(102, 102, 102, 0.89);
  padding: 1.5rem 0;
}
#entryFooterBox .button-area{
  max-width: 1050px;
}
#entryFooterBox button.btn{
  width: 100%;
  height: 52px;
  font-size: 17px;
  margin-bottom: 0;
  padding: 0;
  line-height: inherit;
}
#entryFooterBox .btn-keep .ion-ios-heart:before {
    font-size: 22px;
}
#entryFooterBox.matometeoubo button.btn-entry{
  font-size: 20px;
  width: 95%;
}
#formFooterBox{
  background: var(--light-blue-color);
}

#entryFooterBox .row, #formFooterBox .row{
  margin: auto;
}

#formFooterBox #application-page-count{
  font-size: 120%;
  color: #ff5550;
  font-weight: bold;
  margin: 0 3px;
}
#formFooterBox .allcheck{
  line-height: 44px;
  position: relative;
  left: 5%;
}
.jobDetailCard-body .slide-job-img-pc li{
  padding: 0 .2rem;
}
.jobDetailCard-body .thumbnail li{
  float: left;
}
.jobDetailCard-body .slide-job-img-pc li p{
  font-size: 11px;
  margin: 3px 0;
  color: #777;
}
.jobDetailCard-body .thumbnail li{
  padding: .2rem;
}
.jobDetailCard-body .thumbnail .slick-current{
  opacity: 0.5;
}
#entryFooterBox .entry-balloon-area{
  width: 100vw;
  position: relative;
  left: 3%;
  transform: translateX(3%);
}
#entryFooterBox .entry-balloon{
  position: absolute;
  top: -40px;
  left: 0px;
  color: #eb2300;
  background-color:  #ffdb05;
  border-radius: 21px;
  font-weight: bold;
  padding: 8px;
  animation: floating 3s ease infinite;
}

@keyframes floating {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}
#entryFooterBox .entry-balloon:before {
    content: "";
    position: absolute;
    bottom: -3px;
    right: 31px;
    transform: rotate(-45deg);
    background: #ffdb05;
    width: 6px;
    height: 6px;
}
/* common_schList */
.common_schList h2{
  background-color: var(--blue-color);
  padding: 7px 15px;
  font-size: 1.2rem;
  color: white;
}
.common_schList h3{
  font-size: 15px;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.common_schList dl dd ul li{
  padding: 5px 10px;
}
.common_schList dl dd ul li a{
  display: block;
  text-decoration: underline;
  font-size: 13px;
}
/*
--------------------------------------------
    5.login
--------------------------------------------
*/
.login-box{
  max-width: 520px;
  margin: 0 auto 30px;
  border: 1px solid #ccc;
  padding: 2rem;
  background-color: #fff;
}
.password-reset-box{
  max-width: 550px;
  margin: 0 auto 30px;
  border: 1px solid #ccc;
  padding: 2rem;
  background-color: #fff;
}
#main.login input{
  height: 50px;
  margin: 12px 0;
  background: #f3f3f3;
  position: relative;
  z-index: 1;
  border: 1px solid #c9c9c9;
  border-radius: 8px;
  outline: none;
  box-sizing: border-box;
  padding: 16px;
}
#main.login .btn{
  display: block;
  width: 100%;
  line-height: 2.4rem;
  margin: 1rem auto;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 8px;
}
.errorMessage{
  margin-bottom: 20px;
  padding: 10px 15px;
  color: #ff453f;
  border: 2px solid #ff7f7f;
  font-weight: 700;
  background-color: #ffe5e5;
  border-radius: 5px;
}

/*
--------------------------------------------
    6.search
--------------------------------------------
*/
@media only screen and (min-width: 481px) {
  .fix-header{
    display: none;
  }
}

.fix-header{
  width: 100%;
  height: 30px;
  position: fixed;
  z-index: 100;
  line-height: 30px;
  top: -66px;
  opacity: 0;
}
.fix-header-contents{
  background-color: var(--dark-blue-color);
  box-sizing: border-box;
  padding: 8px 10px;
}
.fix-header-contents .search_navi{
  width: calc(100% - 42px);
}
.fix-header-contents .search_navi .ion-ios-search-strong:before{
  font-size: 24px;
  margin-right: 4px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  color: #666;
}
.fix-header-contents .search_navi a{
  background-color: #fff;
  color: #444;
  border-radius: 8px;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: 44px;
  line-height: 44px;
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fix-header-contents .keeped_navi{
  width: 42px;
  text-align: center;
  position: relative;
  padding: 0 7px;
}
.fix-header-contents .keeped_navi .keep-icon:before{
  background-image: url(/images/common/icons/keep-white.png);
}
.fix-header-contents .keeped_navi span.keep-list-number {
  top: -7px;
  right: -5px;
}
.ion-ios-search-strong:before {  /* アイコンの大きさ変更 */
  content: "\f4a4";
  font-size: 23px;
  font-weight: bold;
  position: relative;
  top: 3px;
}
#result-header h1.result-title{
  margin: 0;
  font-size: 13px;
  padding-bottom: 7px;
  padding-top: 5px;
}
#result-header .result-number{
  background-color: #ffffff;
  width: 20%;
  border-radius: 3px;
  text-align: center;
  border: 2px solid #ff453f;
  font-weight: 600;
  color: #ff453f;
}
#main.search-result .loading{
  font-weight: bold;
  text-align: center;
}
#main.search-result .loading a{
  color: #222222;
}
#main.search-result section#searchBox .card{
  border-radius: 0px;
  border: 4px solid #c3c3ce;
  padding: 5px;
}
#main.search-result section#searchBox .card .card-block{
  padding: 0;
}
#main.search-result section#searchBox .card-block table td .selectedTerms{
  display: inline-block;
  width: 80%;
  margin-bottom: 0;
  vertical-align: middle;
}
#main.search-result section#searchBox .card-block table td .selectedTerms label{
  margin-right: 8px;
}
#main.search-result section#searchBox .card-block table td #selectedTerms-area{
  width: 65%;
}
#main.search-result section#searchBox .card-block table th{
  font-size: .9rem;
  text-align: center;
  font-weight: bold;
}
#main.search-result section#searchBox .card-block table td{
  position: relative;
  font-size: .8rem;
  padding: .5rem .75rem;
}
#main.search-result section#searchBox .card-block table .td-salary .col-sm-6{ /* 変更 */
  padding: 0;
}
#main.search-result section#searchBox .card-block table .td-salary dl dt{
  display: table-cell;
  width: 60px;
  font-weight: normal;
  text-align: center;
}
#main.search-result section#searchBox .card-block table .td-salary dl dd{
  display: table-cell;
  width: 80%;
}
#main.search-result section#searchBox .card-block table .td-salary dl dd select{
  width: 100%;
}
#main.search-result section#searchBox .card-block table .btn-change{
  font-size: .8rem;
  height: 2rem;
  padding: 0.5em 2em;
}
#main.search-result section#searchBox .card-block table #chooseTraffic{
  height: 2rem;
  position: absolute;
  right: 10px;
}
#main.search-result section#searchBox .card-footer{
  border-radius: 0px;
  background-color: #F7F4F0;
  display: table;
  width: 100%;
}
#main.search-result section#searchBox .card-block table td .linkList li{
  padding-right: 12px;
}
#main.search-result section#searchBox .card-block table td .linkList li a{
  text-decoration: underline;
}
#main.index section.search-box .tab-content .card-footer{
  background-color: #fff;
  display: table;
  width: 100%;
  border-top: none;
  margin-top: 10px;
}
#main.search-result section#searchBox .card-footer .result-number, #main.index section.search-box .tab-content .card-footer .result-number{
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  display: table-cell;
  width: 25%;
  vertical-align: middle;
}
#main.search-result section#searchBox .card-footer .result-number .strong-txt{
  font-size: 1.4rem;
}

#main.search-result section#searchBox .card-footer .button-area, #main.index section.search-box .tab-content .card-footer .button-area{
  margin-top: .8rem;
  display: table-cell;
  width: 74%;
  text-align: right;
}
#main.search-result section#searchBox .card-footer .button-area ul li{
  text-align: center;
}
#main.search-result section#searchBox .card-footer .button-area.btn, .sch-modal-wrap .modal-footer .button-area.btn{
  line-height: 2;
}
#main.search-result section#searchBox .card-footer .button-area .play_allow, #main.index section.search-box .tab-content .card-footer .button-area .play_allow{
  display: inline-block;
  width: 8%;
}
#main.search-result section#searchBox .card-footer .button-area .btn-search, #main.index section.search-box .tab-content .card-footer .button-area .btn-search{
  width: 55%;
  margin: 0 1rem 0;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 25px;
}
#main.search-result section#searchBox .card-footer .button-area .btn-search .ion-android-search:before,
.sch-modal-wrap .modal-footer .btn-search .ion-android-search:before,
#main.index section.search-box .tab-content .card-footer .button-area .btn-search .ion-android-search:before{
  font-size: 1.5rem;
  font-weight: bold;
  position:relative;
  top: 3px;
}
#main.search-result section#searchBox .card-footer .button-area .btn-reset, #main.index section.search-box .tab-content .card-footer .button-area .btn-reset{
  line-height: initial;
  width: 28%;
  margin: 0;
  font-size: .9rem;
}
#main.search-result section#resultList .matometeoubo{
  position: relative;
  padding: 1.2rem;
  background-color: #f2f2f2;
  margin-bottom: 1rem;
}
#main.search-result section#resultList .matometeoubo:after{
  position: absolute;
  top: 100%;
  left: 4%;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f2f2f2;
}

#main.search-result section#resultList .matometeoubo .btn{
  padding: 0;
  width: 240px;
  height: 48px;
  padding-left: 20px;
  position: relative;
}
#entryFooterBox button.btn-keep{
  position: relative;
  line-height: 1.3;
}
#main.search-result section#resultList .matometeoubo .alloubo input{
  display: none;
}
#main.search-result section#resultList .matometeoubo .allcheck{
  padding-right: 20px;
}
#main.search-result section#resultList .matometeoubo .allcheck input,
#main.search-result #entryFooterBox .allcheck input{
  padding: 1rem;
}
#main.search-result section#resultList .matometeoubo .btn-keep .keep-icon, #entryFooterBox .allkeep button.btn-keep .keep-icon{
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
#main.search-result section#resultList .matometeoubo .allkeep-text, .matometeoubo .all-entry-text{
  position: absolute;
  right: 12%;
  bottom: 0;
  width: 167px;
}
#entryFooterBox button.btn-keep .keep-icon{
  left: 46px;
}
#main.search-result #entryFooterBox .alloubo input{
  display: none;
}
#main.search-result #entryFooterBox .allcheck{
  padding: 0;
}
#main.search-result #entryFooterBox .allcheck label span{
  display: block;
  font-size: .9rem;
  color: #ffffff;
}
#resultList .search-num{
  border-bottom: 2px solid #c3c3ce;
  padding-bottom: 10px;
}

#resultList .search-num .row{
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}
#resultList .txNum .strong{
  color: #f44822;
  font-size: 1.5rem;
}
#search_filter li {
  display: inline-block;
}
#search_filter li a{
  color: #0275d8;
  text-decoration: underline;
  padding: 0 3px;
  border-right: 1px solid #555;
}
#search_filter li a.selected{
  color: #000;
  text-decoration: none;
}
.pagination{
  -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.search-zero-match .error-txt{
    background-color: #eee;
    text-align: center;
    padding: 1.5rem;
    margin-top: 1rem;
    border-radius: 7px;
}
.search-zero-match .error-txt p{
    margin: 0;
}
.search-zero-match h3.head-meg{
    background-color: var(--blue-color);
    color: #fff;
    padding: 1rem;
    font-size: 1.4rem;
    border-radius: 7px;
    margin: 1rem 0;
}
.search-recommend-wrap h3{
    font-size: 18px;
    border-bottom: 2px solid var(--blue-color);
    padding-bottom: 6px;
    margin: 1rem .5rem .5rem;
}
.search-recommend-wrap h3:before{
    content: "";
    display: inline-block;
    background-image: url(/images/common/icons/sch_icon_free.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}
.search-recommend-lists li{
    width: 49%;
    padding: 7px;
}
.search-recommend-lists li .btn-recommend{
    border: 3px solid #eee;
    border-radius: 1em;
    /* padding: 10px 20px; */
    padding: 10px 15px;
    text-decoration: none;
    position: relative;
}
.search-recommend-lists li .btn-recommend:hover img{
    opacity: 1;
    -webkit-opacity: 1;
}
.search-recommend-lists li .btn-recommend:after{
    content: "\f125";
    font-family: "Ionicons";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.search-recommend-lists li .btn-recommend .btn-img{
    /* width: 112px; */
    /* width: 102px;
    padding-right: 10px; */
    width: 98px;
    padding-right: 7px;
}
.search-recommend-lists li .btn-recommend .btn-contents dt{
    font-size: 1.3rem;
}
.search-recommend-lists li .btn-recommend .btn-contents dd{
    margin: 0;
    color: #666;
    font-size: 14px;
}
@media only screen and (min-width: 768px) {
  #result-header h1.result-title{
    position: relative;
    padding-left: 15px;
    margin-bottom: 7px;
  }
  #result-header h1.result-title:before{
    content: "";
    background: var(--dark-blue-color);
    display: inline-block;
    width: 5px;
    height: 18px;
    border-radius: 2px;
    position: absolute;
    left: 0;
  }
  .jobDetailCard .jobDetailCard-footer .GB-balloon{
    margin: 1rem;
  }
}
.disp_count {
  color: #777;
}
/*--------------------------------------------
    7.entry
--------------------------------------------
*/
/*entry-form*/
#main.entry-form{
  max-width: 680px;
  margin: auto;
}
#main.entry-form .indexTitle{
  font-size: 1rem;
  font-weight: normal;
}
#headerForm{
  border-top: 4px solid var(--blue-color);
}
#headerForm .logo-top{
  margin-bottom: 0;
  border-bottom: 1px solid #aaa;
}
#headerForm .logo-top img{
  width: 230px;
  padding: 7px 0;
}
#headerForm .logo-top span{
  font-size: 26px;
  font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  position: relative;
  top: -15px;
}
#main.entry-form .unit{
  margin: .7rem .7rem 0;
}
#main.entry-form .message-log{
  font-size: .8rem;
}
#main.entry-form .message-login .btn{
  width: 50%;
  display: block;
  margin: .5rem auto .3rem;
}
#main.entry-form .entry-step{
  margin-bottom: 1rem;
}
#main.entry-form section#entry-info .accordion .displayNone{
  display: none;
}
#main.entry-form section#entry-info .accordion .switch,
#main.entry-form section#entry-info .accordion .switch-close{
  text-align: center;
  font-size: 1rem;
  padding: 0;
}
#main.entry-form section#entry-info .accordion .switch:hover,
#main.entry-form section#entry-info .accordion .switch-close:hover{
  cursor: pointer;
}
#main.entry-form section#entry-info .accordion .switch.open{
  display: none;
}
#main.entry-form section#awaseteoubo .matometeoubo i.ion-arrow-down-a{
  font-size: 1.8rem;
  color: var(--blue-color);
}
#main.entry-form  section#awaseteoubo .message {
  font-size: .8rem;
}
#main.entry-form  section#awaseteoubo .matometeoubo .alloubo input{
  display: none;
}
#main.entry-form .consent-link, #formFooterBox .consent-link{
  font-size: 13px;
}
#main .error_box{
  text-align: center;
}
#main .error_box .btn{
  width: 300px;
  font-size: 15px;
}
#main .error_box h5{
  margin-bottom: 20px;
  color: red;
  text-decoration: underline;
}
#ouboForm table.gigaForm tr{
  margin-top: 1rem;
}
#ouboForm table.gigaForm th{
  width: 160px;
}
#ouboForm table.gigaForm td .error{
  font-weight: bold;
}
#ouboForm table.gigaForm td input.input-lg, #ouboForm table.gigaForm td select.select-lg{
  width: 100%;
  height: 45px;
  margin: 0;
}
#ouboForm table.gigaForm td .entryInput_name, #ouboForm table.gigaForm td .entrySelect_birth-day,
table.gigaForm td .sex_cd , #ouboForm table.gigaForm td .entryInput_zip{
    width: 100%;
}
#ouboForm table.gigaForm td .d-flex li{
  padding: 0;
}
table.gigaForm td .entryInput_name li, table.gigaForm td .sex_cd li{
  width: calc((100% - 6px)/2);
}
#ouboForm table.gigaForm td .entrySelect_birth-day li, .regist-form table.gigaForm td .registSelect_birth-day li{
    width: calc((60% - 6px)/2);
}
#ouboForm table.gigaForm td .entrySelect_birth-day li:first-child, .regist-form table.gigaForm td .registSelect_birth-day li:first-child{
  width: calc(40% - 6px);
}
table.gigaForm td .sex_cd input{
  display: none;
}
table.gigaForm td .sex_cd label{
  display: block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  background: #fff;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #b0b0b5;
  transition: .2s;
  position: relative;
}
table.gigaForm td .sex_cd label span{
  display: block;
  text-indent: -20px;
}
table.gigaForm td .sex_cd label span:before{
  background-image: url(/images/common/icons/chk-mark.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 19px;
  height: 16px;
  vertical-align: middle;
}
table.gigaForm td .sex_cd input:checked + label span:before {
  background-image: url(/images/common/icons/chked-mark.png);
}
table.gigaForm td .sex_cd input:checked + label.gen_m{
  background: var(--blue-color);
  color: #ffffff;
  font-weight: bold;
}
table.gigaForm td .sex_cd input:checked + label.gen_w{
  background: #ff1493;
  color: #ffffff;
  font-weight: bold;
}
/* チェックされたラジオボタンに応じた背景色の変更（男性） */
input[name="sex"][value="0"]:checked + .radio-icon {
  background: var(--blue-color);
  color: #ffffff;
  border-radius: 5px;
  height: 43px;
}
/* チェックされたラジオボタンに応じた背景色の変更（女性） */
input[name="sex"][value="1"]:checked + .radio-icon {
  background: #ff1493;
  color: #ffffff;
  border-radius: 5px;
  height: 43px;
}
/* チェックされたラジオボタンのチェックマークを白に設定 */
input[name="sex"][value="0"]:checked + .radio-icon:before,
input[name="sex"][value="1"]:checked + .radio-icon:before {
  background-image: url(/images/common/icons/chked-mark.png);
}
/* チェックされていないラジオボタンのラベル背景色をグレーに設定 */
input[name="sex"][value="0"]:not(:checked) + .radio-icon,
input[name="sex"][value="1"]:not(:checked) + .radio-icon {
  background: #fff;
  color: #b0b0b5;
  border-radius: 5px;
  height: 43px;
}
table.gigaForm td .entryInput_zip li{
  width: calc((100% - 12px)/2);
}
table.gigaForm td .entryInput_zip li:nth-child(2){
  width: 12px;
  text-align: center;
}
#ouboForm table.gigaForm td select.is-empty{
  color: #b0b0b5;
}
#ouboForm table.gigaForm td input::-webkit-input-placeholder{
  color: #b0b0b5;
}
#ouboForm table.gigaForm th .badge-must {
  padding: 4px 5px;
  position: relative;
  top: -2px;
}
#ouboForm table.gigaForm td p.entry-ttl{
  font-size: 90%;
  color: #666;
  margin: 4px 0 6px;
}
.error-lists{
  background-color: #ffe8e8;
  border: 2px solid var(--error-color);
  padding: 15px 15px 15px 54px;
  margin: 18px 0;
}
.error-lists ul li {
  list-style: disc;
  color: var(--error-color);
  position: relative;
  font-weight: bold;
}
.error-lists ul li:first-child:before{
  font-family: "Font Awesome 5 pro";
  content: "\f071";
  font-size: 1rem;
  position: absolute;
  left: -40px;
  font-weight: 400;
}
.error-lists ul li a{
  color: var(--error-color);
  font-size: 13px;
}
/*entry-confirm*/
#main.entry-confirm .entry-step{
  margin-bottom: 1rem;
}
#main.entry-confirm section#entry-info .accordion .displayNone{
  display: none;
}
#main.entry-confirm section#entry-info .accordion .switch,
#main.entry-confirm section#entry-info .accordion .switch-close{
  text-align: center;
  font-size: 1.1rem;
  padding: 1rem;
}
#main.entry-confirm section#entry-info .accordion .switch:hover,
#main.entry-confirm section#entry-info .accordion .switch-close:hover{
  cursor: pointer;
}
#main.entry-confirm section#entry-info .accordion .switch.open{
  display: none;
}
#chk_Modal .modal-dialog{
  padding-top: 10%;
}
#chk_Modal .modal-header{
  border-radius: .3rem .3rem 0;
}
#chk_Modal .modal-header h5{
  margin: 0 auto;
}
#chk_Modal .modal-body{
  line-height: 1.8rem;
  text-align: center;
}
/* #23 変更1472行目まで */
#chk_Modal .btn-footer{
  padding: 10px;
  border-top: 1px solid #eceeef;
  text-align: center;
}
#chk_Modal .btn{
  margin: 0 5px;
  width: 45%;
  font-size: 20x;
  font-weight: bold;
}

/*entry-complete*/

#main.entry-complete, #main.entry-complete #entryFooterBox .button-area{
  max-width: 720px;
  margin: auto;
}
#main.entry-complete .entry-step{
  margin-bottom: 1rem;
}
#main.entry-complete .message-box{
  font-size: 12px;
}
#main.entry-complete .resgit-msg{
  position: relative;
  padding-top: 90px;
}
#main.entry-complete .resgit-msg-img{
  width: 148px;
  height: 78px;
  position: absolute;
  top: 12px;
  right: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
}
#main.entry-complete .resgit-msg-inner{
  background-color: #FAF9E2;
  padding: 20px;
  border-radius: 10px;
}
#main.entry-complete .resgit-msg h2{
  color: #2da559;
  font-size: 1rem;
  font-weight: bold;
}
#main.entry-complete .resgit-msg ul .msg-head{
  text-align: right;
  width: 40%;
  padding-right: 26px;
}
#main.entry-complete .resgit-msg ul .msg-text{
  text-align: left;
  width: 60%;
}
#main.entry-complete .resgit-msg ul li .copy-msg {
  font-weight: normal;
  font-size: 12px;
  display: none;
}
#main.entry-complete .resgit-msg ul li .cp-btn{
  background-color: inherit;
  border: none;
}
#main.entry-complete .entry-step{
  background-color: #f6f6f6;
  padding: 30px;
  border-radius: 10px;
  margin-top: 1.5rem;
}
#main.entry-complete .entry-step h2{
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
#main.entry-complete .entry-step .step-head{
  text-align: center;
  padding-top: 20px;
}
#main.entry-complete .entry-step h3{
  font-size: 1.3rem;
  font-weight: bold;
}
#main.entry-complete .entry-step .app-badges{
  background-color: inherit;
  padding: 0;
}
#main.entry-complete .entry-step .app-badges .gn-img{
  width: 128px;
}
.message-box h2{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 13px;
  line-height: 1.4;
}
.message-box p span{
  display: inline-block;
  font-size: 90%;
  padding-top: 10px;
}
#main.entry-complete .recommend-message{
  padding: 1.5rem;
  background-color: #eff5ff;
  margin-bottom: 2rem;
}
#main.entry-complete .button-area p{
  margin-bottom: .5rem;
}
.button-area.touroku .btn-lists li{
  margin-bottom: 20px;
}
.button-area.touroku .btn{
  display: block;
  padding: 0;
  width: 208px;
  height: 56px;
  line-height: 56px;
  font-size: 16px;
  margin: 0 auto;
}
.touroku .line-btn img{
  width: 208px;
  margin: 0 1rem;
}

.modal-open{
  overflow: hidden;
  height: 100%;
}
#awasete-panel .modal-dialog{
  position: relative;
  top: 10%;
}

#awasete-panel .modal-main{
  height: 500px;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow: hidden;
  overflow-y: scroll;
}

#awasete-panel .modal-header{
    padding: 1rem 0 1rem .75rem;
    background: #f99a38;
    border-radius: .3rem .3rem 0 0;
}
#awasete-panel .modal-header h3{
   margin: 0;
   padding: 0;
   color: #fff;
   font-size: 1.2rem;
}
#awasete-panel .modal-body .message-y{
  padding: 5px 10px;
}
#awasete-panel .modal-body{
  padding-top: 0;
}
#awasete-panel .modal-body img{
  max-width: 100%;

}
#awasete-panel .modal-footer{
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(102, 102, 102, 0.5);
  padding: 10px 5px;
  border-top: none;
}
#awasete-panel .modal-footer input, #awasete-panel .modal-footer .btn{
  width: 100%;
}
#awasete-panel .completeoubo{
  margin: 0;
}
#awasete-panel .completeoubo label, #main.entry-complete .allcheck label{
  display: block;
  text-align: center;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  border: 1px solid gray;
  background: #fff;
  border-radius: 5px;
}
#awasete-panel .completeoubo input, #main.entry-complete .allcheck input{
  display: none;
}
#awasete-panel .completeoubo .large:checked + .label {
  background: #f9f9f9;
}
#main.entry-complete .allcheck label, #main.entry-complete #entryFooterBox.matometeoubo button.btn-entry{
  width: 100%;
  font-weight: bold;
  height: 49px;
  line-height: 49px;
  font-size: 1rem;
}
#awasete-panel .modal-footer .btn{
  border-radius: 5px;
  padding: 0;
  height: 40px;
  line-height: 40px;
}
#awasete-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal-open{
  overflow: hidden;
  height: 100%;
}
#keepedJob-panel .modal-header {
  background-color: var(--dark-blue-color);
}
#keepedJob-panel .modal-header h2{
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.keepedJobList > li{
  margin-bottom: 10px;
}

.entry-recommend-wrap #entryFooterBox .row{
  flex-direction: row;
}
.entry-recommend-wrap #entryFooterBox .container-fluid{
  padding: 0 10px;
}
.entry-recommend-wrap #entryFooterBox .btn{
  border-radius: 4px;
}
/* app-badges */
.app-badges {
  background-color: var(--blue-color);
  color: white;
  padding: 30px;
  margin: 20px 0;
}
.app-badges .app-contents{
  align-items: end;
  justify-content: center;
}
.app-badges .app-btn{
  padding-right: 20px;
  font-size: 13px;
  text-align: center;
  position: relative;
}
.app-badges .app-icon{
  width: 90px;
  position: absolute;
  top: 0;
  left: 0;
}
.app-badges .app-text{
  padding-left: 108px;
  margin-bottom: 20px;
}
.app-badges .app-btn h2{
  font-size: 26px;
  font-weight: bold;
}
.app-badges .app-btn ul {
  justify-content: end;
}
.app-badges .app-btn ul li a {
  display: block;
}
.app-badges .app-btn ul li a img{
  display: block;
  width: auto;
  height: 60px;
}
.app-badges .app-contents .app-qr{
  width: 118px;
}
.line-badges{
  background-color: #06c755;
  padding: 26px 40px;
}
.line-badges h2{
  font-size: 26px;
  text-align: center;
  font-weight: bold;
  color: white;
  margin-bottom: 12px;
}
.line-badges .line-text{
  width: calc(100% - 138px);
}
.line-badges .line-btn{
  width: 138px;
}
.line-badges .line-btn p{
  font-size: 13px;
  color: white;
  margin-bottom: 5px;
}
/*--------------------------------------------
    8.header
--------------------------------------------
*/
.header-wrap{
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
header .topBar{
  border-top: 8px solid var(--blue-color);
}
header #navbar-first{
  padding: 0;
}
.header-main{
  justify-content: space-between;
  align-items: center;
  padding: 0 15px 10px;
}
.header-logo{
  width: 320px;
}
.header-title{
  width: 100%;
  font-size: 11px;
  margin-bottom: 6px;
  color: #c6c6c6;
}
.header-logo .logo-link{
  display: block;
  width: 142px;
}
.area-change a{
  display: inline-block;
  padding-left: 10px;
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
.header-nav .navbar-nav li{
  border-right: 1px solid #e6e6e6;
}
.header-nav .navbar-nav li:first-child{
  border-left: 1px solid #e6e6e6;
}
.header-nav .navbar-nav li .nav-link{
  position: relative;
  display: block;
  width: 76px;
  height: 50px;
  padding: 35px 0 0;
  color: #333;
  font-size: 11px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
}
.header-nav .navbar-nav li .nav-link.login{
  background: url(/images/common/icons/header-icon-login.png) no-repeat 50% 5px;
  background-size: 26px;
}
.header-nav .navbar-nav li .nav-link.register{
  background: url(/images/common/icons/header-icon-register.png) no-repeat 50% 5px;
  background-size: 26px;
}
.header-nav .navbar-nav li .nav-link.search{
  background: url(/images/common/icons/header-icon-search.png) no-repeat 50% 5px;
  background-size: 26px;
}
.header-nav .navbar-nav li .nav-link.history{
  background: url(/images/common/icons/header-icon-history.png) no-repeat 50% 5px;
  background-size: 26px;
}
.header-nav .navbar-nav li .nav-link.keep{
  background: url(/images/common/icons/header-icon-keep.png) no-repeat 50% 5px;
  background-size: 26px;
  position: relative;
}
.header-nav .navbar-nav li .nav-link.keeped{
  background: url(/images/common/icons/header-icon-keeped.png) no-repeat 50% 5px;
  background-size: 26px;
  position: relative;
}
.header-nav .navbar-nav li .nav-link.logout{
  background: url(/images/common/icons/header-icon-logout.png) no-repeat 50% 5px;
  background-size: 26px;
}
.header-nav .navbar-nav li .nav-link.mypage{
  background: url(/images/common/icons/header-icon-mypage.png) no-repeat 50% 5px;
  background-size: 26px;
  position: relative;
}
.header-nav .navbar-nav li .nav-link .keep-list-number, .sp-menu-icon ul .nav-item a .keep-list-number,
.fix-header-contents .keeped_navi .keep-list-number{
  position: absolute;
  display: block;
  top: 0px;
  right: 12px;
  overflow: inherit;
  width: 18px;
  height: 18px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  text-align: center;
  line-height: 18px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #34c067 none repeat scroll 0 0;
  font-weight: bold;
  border-radius: 50%;
}
.header-nav .navbar-nav li.nav-btn{
  background: linear-gradient(305deg, #35AAFF, #136ecd);
  color: #ffffff;
  margin: 0 7px;
  border-radius: 6px;
}
.header-nav .navbar-nav li.nav-btn .nav-link {
  width: 64px;
  height: 50px;
  padding: 35px 0 6px;
  color: #fff;
}
.header-nav .navbar-nav li .nav-link:hover{
  opacity: .7;
}
header #navbar-first .wrap,
header #navbar-second .wrap{
  width: 100%;
  max-width: 1050px;
}
header #navbar-first .navbar-nav .nav-item .btn{
  font-size: 12px;
  line-height: 1.6;
  padding: 0.5rem .7rem;
}
header #navbar-second .btn-white{
  border: 1px groove var(--dark-blue-color);
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background-color:#fff;
  color:#000;
}

header #navbar-second .form-inline{
  justify-content: flex-end;
}
header .navbar-toggleable-sm .navbar-collapse .counter{
  box-shadow: none;
  border: none;
  color: #777;
  font-size: 11px;
}
header .navbar-toggleable-sm .navbar-collapse .counter span{
  font-size: 120%;
}
header .navbar-light .navbar-nav .nav-link img {
  height: 1.2rem;
  width: auto;
  vertical-align: baseline;
  margin-right: 8px;
  margin-left: 5px;
}
@media only screen and (min-width: 768px) {
  .header-logo{
    align-items: flex-end;
  }
  .area-change a span:after{
    content: '';
    display: inline-block;
    background: url(/images/common/icons/refresh.png) 0 -1px no-repeat;
    background-size: 100% auto;
    margin-left: 3px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
  }
  #ouboForm table.table-bordered td.is-error{
    background-color: #ffe8e8;
  }
  #main.entry-complete .entry-step .app-badges .app-btn ul li:not(.ios-btn) img{
    height: 48px;
  }
}
/*
--------------------------------------------
    9.footer
--------------------------------------------
*/

/*ページトップに戻る*/
#page-top i{
  margin: 0px;
  font-size: 1.4rem;
}
#page-top a{
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  outline: 0;
  position: fixed;
  right: 6px;
  bottom: 100px;
  text-align: center;
  width: 30px;
  text-decoration: none;
}
#page-top {
  z-index: 10000;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
}
#page-top a:hover {
  text-decoration: none;
  background: rgba(153, 153, 153, 0.8);
}
footer{
  background-color: #136ecd;
  color: #ffffff;
  font-size: .9rem;
}
footer #footer-wrap{
  padding: 2rem;
}
footer a{
  color: #ffffff;
}
footer a:hover{
  color: inherit;
}
footer h6{
  border-left: 5px solid #bedeff;
  padding-left: 5px;
}
footer ul.footer-area-list li{
  display: inline-block;
  padding: 0px 8px 0px 5px;
  border-right: 1px solid #165896;
}
footer ul.footer-area-list li:last-child{
  border: none;
}
footer .footer-search-list{
  display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}
footer .footer-search-list>div{
  margin-bottom: .8rem;
  width: 25%;
  float: left;
}
footer .footer-search-list h6>a.toggleOpen{
  color: #bedeff;
  margin-left: 3px;
}
footer .footer-search-list ul{
  padding-left: .8rem;
}
footer .footer-search-list ul li{
  line-height: 2rem;
}
footer .sec01 dt,
footer .sec01 dd{
  display: table-cell;
}
footer .sec01 dt{
  width: 120px;
}
footer#entryFooter{
  background-color: #ffffff;
  border-top: 1px solid #e2e2e2;
}
footer#entryFooter .flex{
  justify-content: space-between;
  width: 200px;
  margin: auto;
  text-align: center;
  align-items: baseline;
}
footer#entryFooter .footer-icon img{
  display: block;
  width: 72px;

}
.footer-nav{
  background-color: #114678;
}
.footer-nav .sec03{
  padding: 2rem;
}
.footer-nav ul{
  justify-content: center;
    align-items: center;
}
.footer-nav ul li {
  font-size: 12px;
}
.footer-nav ul li a{
  display: inline-block;
  line-height: 1;
  font-size: 12px;
  padding-right: 10px;
  margin-left: 10px;
}
.footer-nav ul li:not(:last-child) a{
  border-right: 1px solid;
}
.footer-nav .copyright p{
  text-align: center;
  margin: 0;
  padding: 10px 0;
  font-size: 11px;
  border-top: 1px solid;
}
footer .copyright{
  display: none;
}

/*
--------------------------------------------
    10.panel
--------------------------------------------
*/
.modal .modal-body h3.indexTitle{
  padding: 0.8rem 0 0.8rem 0.5rem;
  background: #d3e6f9;
  border-left: 5px solid var(--blue-color);
  font-size: 1rem;
}
.modal .modal-body section ul li{
  width: 25%;
  float: left;
  line-height: 1.8rem;
  font-size: .83rem;
  padding-right: 5px;
}
.modal .modal-body section{
  margin-bottom: 1rem;
}
.modal .modal-body section ul{
  padding: 0 .8rem;
}
.modal .modal-body h3.box-ttl{
  padding: .8rem 0 .8rem .5rem;
  background: #d3e6f9;             /* 変更 */
  border-left: 5px solid var(--blue-color);  /* 変更 */
  font-size: 16px;
}
.modal .modal-body p.modal-subtitle{
  margin-bottom: 0;
  margin-top: .3rem;
  font-weight: 600;
  color: var(--blue-color);
}
/*カンタン検索モーダル*/
#modal-search .panelFooter{
  text-align: center;
}
#modal-search .modal-dialog{
  max-width: 80%;
  margin: 2rem auto;
}
#modal-search .modal-header{
  border: none;
}
#modal-search .modal-header>button>span{
  color: #ffffff;
}
#modal-search .modal-content ul.nav-tabs{
  width: 100%;
  overflow: hidden;
  border-bottom: 5px solid rgba(0,0,0,.75); /* 変更 */
  border-top-right-radius: .3rem;
  border-top-left-radius: .3rem;
  background-image: linear-gradient(to bottom,#ff7a3a 65%,#fd5320 100%);
}
#modal-search .modal-content ul.nav-tabs>li.tab-title{
  background-color: #ffffff;

}

#modal-search .modal-content ul.nav-tabs>li{
  height: 70px;
  text-align: center;
  border-left: 1px solid #dedcd7;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: skewX(14deg);
  transform: skewX(14deg);
}
#modal-search .modal-content ul.nav-tabs>li>a{
  line-height: 70px;
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 100%;
  -webkit-transform: skewX(-14deg);
  transform: skewX(-14deg);
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  color: #333;
  font-weight: 600;
}
#modal-search .modal-content ul.nav-tabs>li.tab-title>a.active,
#modal-search .modal-content ul.nav-tabs>li.tab-title>a:focus,
#modal-search .modal-content ul.nav-tabs>li.tab-title>a:hover{
  text-decoration: none;
  font-size: 1.15em;
  color: var(--blue-color);
}
#modal-search .modal-content ul.nav-tabs>li.search-button>a{
  color: #ffffff;
}
#modal-search .modal-content ul.nav-tabs>li.search-button>a:hover{
  text-decoration: none;
}
/*エリア変更モーダル*/
.sch-modal-wrap .modal-lg{
  max-width: 948px;
}
.modal-sch-wrap .left-contents-wrap {
  width: 210px;
}
.modal-sch-wrap .right-contents-wrap {
  width: calc(100% - 210px);
  padding-left: 15px;
}
.modal-sch-wrap .left-contents-wrap .tabs-left{
  border: 1px solid #ddd;
}
.modal-sch-wrap .left-contents-wrap .tabs-left li {
  border-bottom: 1px solid #ccc;
  position: relative;
}
.modal-sch-wrap .left-contents-wrap li:last-child{
  border: none;
}
.modal-sch-wrap .left-contents-wrap li .nav-link {
  display: block;
  color: #383838;
  border-radius: 0;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  padding: 12px 10px 12px 12px;
  line-height: 1;
}
.modal-sch-wrap .left-contents-wrap li .nav-link.active {
  background-color: inherit;
  color: var(--blue-color);
  border-right: 7px solid var(--blue-color);
  font-weight: bold;
}
.modal-sch-wrap .right-contents-wrap .tab-content{
  border: 1px solid #ccc;
  border-radius: 6px;
}
.modal-sch-wrap .right-contents-wrap .tab-content .BigCategoryList>li{
  border-bottom: 1px solid #ccc;
}
.modal-sch-wrap .right-contents-wrap .tab-content .BigCategoryList>li:last-child{
  border-bottom: none;
}
.BigCategoryList .large-area-ttl p, .BigCategoryList .checklist-parent a{
  font-size: 16px;
  color: #444;
  font-weight: bold;
  text-decoration: none;
  display: block;
  height: 44px;
  line-height: 44px;
  padding: 0 15px 0 20px;
  margin: 0;
}
.checklist-children{
  padding: 0 .75rem .75rem;
}
.BigCategoryList .SmallCategoryList{
  padding: .35rem;
  background-color: #f7f7f7;
  border-radius: 6px;
}
.BigCategoryList .SmallCategoryList .all-chk-ttl {
  margin: 0;
}
.BigCategoryList .SmallCategoryList .all-chk-ttl label{
  display: block;
  padding: 7px 5px;
}
.BigCategoryList .SmallCategoryList li{
  width: 25%;
}
.BigCategoryList .SmallCategoryList .all-chk-ttl label, .BigCategoryList .SmallCategoryList li label{
  padding: 7px 5px 7px 25px;
  text-indent: -20px;
}
.SmallCategoryList .all-chk-ttl label span, .SmallCategoryList li input[type=checkbox], .SmallCategoryList li a{
  vertical-align: middle;
}
.BigCategoryList .SmallCategoryList .all-chk-ttl input[type=checkbox], .SmallCategoryList li input[type=checkbox],
.modal-job-category-wrap .job-category-list .large-category input[type=checkbox], .modal-job-category-wrap .job-category-list .small-category li input[type=checkbox],
.sch-features-wrap li dd .features-lists li input[type=checkbox]{
  margin-right: 6px;
}
.SmallCategoryList li a,
.SmallCategoryList li span{
  font-size: 13px;
}
.BigCategoryList .SmallCategoryList .all-chk-ttl a, .SmallCategoryList li a{
  text-decoration: underline;
}
/*駅変更モーダル*/
.tab-content.sch-station-wrap .BigCategoryList>li{
  background-color: #eee;
}
.BigCategoryList .checklist-grant a {
  font-size: 16px;
  color: #444;
  font-weight: bold;
  text-decoration: none;
  display: block;
  height: 44px;
  line-height: 44px;
  padding: 0 15px;
  background: -webkit-linear-gradient(top,#fff 0,#efefef 100%);
  background: linear-gradient(to bottom,#fff 0,#efefef 100%);
}
.tab-content.sch-station-wrap .BigCategoryList>li:first-child, .tab-content.sch-station-wrap .BigCategoryList>li:first-child a{
  border-radius: 6px 6px 0 0;
}
.tab-content.sch-station-wrap .BigCategoryList>li:last-child, .tab-content.sch-station-wrap .BigCategoryList>li:last-child a,
.tab-content.sch-station-wrap .MiddleCategoryList>li:last-child, .tab-content.sch-station-wrap .MiddleCategoryList>li:last-child a{
  border-radius: 0 0 6px 6px;
}
.tab-content.sch-station-wrap .BigCategoryList .checklist-grant .toggleLink[aria-expanded="false"]:after {
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  float: left;
  color: #136ecd;
  font-weight: 700;
  padding-right: 10px;
}
.tab-content.sch-station-wrap .BigCategoryList .checklist-grant .toggleLink[aria-expanded="true"]:after {
  content: "\f056";
  font-family: "Font Awesome 5 Free";
  float: left;
  color: #136ecd;
  font-weight: 700;
  padding-right: 10px;
}
.MiddleCategoryList{
  margin-left: 10px;
  background-color: #fff;
  border-left: 1px solid #ccc;
}
.MiddleCategoryList:last-child{
  border-radius: 0 0 6px 0;
}
.MiddleCategoryList>li{
  border-top: 1px solid #ccc;
}
.MiddleCategoryList .checklist-parent a {
  font-size: 14px;
  font-weight: normal;
  height: 38px;
  line-height: 38px;
}
.MiddleCategoryList .checklist-parent a.collapsed:before {
  content: "\f218";
  font-family: "Ionicons";
  color: #444;
  font-weight: bold;
  padding-right: 10px;
}
.MiddleCategoryList .checklist-parent a:before {
  content: "\f209";
  font-family: "Ionicons";
  color: #444;
  font-weight: bold;
  padding-right: 10px;
}
.MiddleCategoryList .checklist-children{
  padding: 0 .5rem .5rem;
}
.modal-freeword-sch .freeword-selected{
  width: calc(100% - 210px);
  padding: 0;
  position: relative;
}
.modal-freeword-sch .free-field{
  width: 210px;
  height: 38px;
  padding: .5rem .75rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  position: relative;
}
.modal-freeword-sch .free-field .form-control{
  font-size: 1rem;
  padding: 0;
  border: none;
  width: calc(100% - 21px);
  height: auto;
}
.modal-freeword-sch .free-field label{
  font-weight: bold;
  color: #444;
  margin-right: 7px;
}
.modal-freeword-sch .free-field label .ion-ios-search-strong:before{
  position: relative;
  top: -1px;
}
/*職種変更モーダル*/
.modal-job-category-wrap {
  overflow-y: scroll;
  max-height: 478px;
}
.modal-job-category-wrap .nav{
  border: 1px solid #ccc;
  border-radius: 6px;
}
.modal-job-category-wrap .nav-item{
  border-bottom: 1px solid #ccc;
}
.modal-job-category-wrap .nav-item:last-child{
  border-bottom: none;
}
.modal-job-category-wrap .job-category-head a{
  color: #444;
  padding: 15px;
  text-decoration: none;
}
.modal-job-category-wrap .job-category-head a[aria-expanded="false"]:after, .BigCategoryList .checklist-parent .toggleLink[aria-expanded="false"]:after{
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  float: right;
  color: #136ecd;
  font-weight: 700;
}
.modal-job-category-wrap .job-category-head a[aria-expanded="true"]:after, .BigCategoryList .checklist-parent .toggleLink[aria-expanded="true"]:after{
  content: "\f056";
  font-family: "Font Awesome 5 Free";
  float: right;
  color: #136ecd;
  font-weight: 700;
}
.modal-job-category-wrap .job-category-head a .job-name{
  width: 30%;
  font-weight: bold;
  vertical-align: middle;
}
.modal-job-category-wrap .job-category-head a .job-name-child{
  width: 70%;
  display: block;
  font-size: 13px;
  color: #777;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-job-category-wrap .job-category-list{
  padding: 1rem 1rem .5rem 1rem;
  margin: 0 1rem 1rem;
  background-color: #f7f7f7;
  border-radius: 6px;
}
.modal-job-category-wrap .job-category-list .large-category{
  font-size: 1rem;
  margin-bottom: 10px;
}
.modal-job-category-wrap .job-category-list .small-category{
  flex-wrap: wrap;
}
.modal-job-category-wrap .job-category-list .small-category li{
  padding: 7px 0;
  width: calc(100% / 3);
}
.modal-job-category-wrap .job-category-list .small-category li a,
.modal-job-category-wrap .job-category-list .small-category li span{
  font-size: 13px;
  vertical-align: middle;
}
.modal-job-category-wrap .job-category-list .large-category a, .modal-job-category-wrap .job-category-list .small-category li a{
  text-decoration: underline;
}
.job-category-wrap .Left-box .nav-pills .nav-link .ion-chevron-right:before {
  position: absolute;
  right: 10px;
  color: #385baf;
}
/*こだわり条件変更モーダル*/
.sch-features-wrap{
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 6px;
}
.sch-features-wrap dl{
  margin: 0;
}
.sch-features-wrap ul li:first-child dt{
  border: none;
  border-radius: 6px 6px 0 0;
}
.sch-features-wrap li dt {
  padding: 0 20px;
  font-size: 14px;
  line-height: 40px;
  border-top: 1px solid #ccc;
  background: #f2f2f2;
  font-weight: 700;
}
.sch-features-wrap li dd {
  padding: 7px;
  border-top: 1px solid #ccc;
  margin: 0;
}
.sch-features-wrap li dd .features-lists{
  flex-wrap: wrap;
}
.sch-features-wrap li dd .features-lists li{
  width: 25%;
  padding: 4px 7px;
}
.sch-features-wrap li dd .features-lists li a{
  font-size: 13px;
  text-decoration: underline;
  vertical-align: middle;
}
/*エリア変更モーダル*/
@media (min-width: 576px){
.areaselect-panel .modal-sm {
    max-width: 360px;
}
.areaselect-panel .nav-area h3{
  text-align: center;
  color: #303030;
  font-size: 16px;
  margin-bottom: 7px;
  font-weight: bold;
  position: relative;
  text-indent: 18px;
  text-indent: -2px;
}
.areaselect-panel .nav-area h3:before{
  content: '';
  display: inline-block;
  position: absolute;
  margin-left: -24px;
  width: 20px;
  height: 20px;
  background: url(/images/common/area-jp.png) no-repeat 0 0/20px auto;
}
.areaselect-panel .tar-area-list a:hover{
  color: #ff7b4f;
}
}
.areaselect-panel .prefselecter h2{
  position: relative;
}
.areaselect-panel .prefselecter h2{
  position: relative;
}
.areaselect-panel .prefselecter-prev.btn{
  color: #303030;
  font-size: 11px;
  padding: 3px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 -2px 0 #d8d5d4 inset;
  position: absolute;
  left: 15px;
  top: 15px;
}
.areaselect-panel .prefselecter-prev.btn:before{
  content: "\f124";
  font-family: "Ionicons";
  display: inline-block;
  font-size: 10px;
  color: #ff7b4f;
  padding-right: 3px;
}
.areaselect-panel .tar-area-list a{
  color: #303030;
  font-weight: bold;
  display: block;
  height: 46px;
  line-height: 46px;
  -webkit-box-shadow: rgb(245 245 245 / 80%) 1px 2px 1px, white 0 2px 0 inset, rgb(235 235 235 / 70%) 0 -3px 0 inset;
  -moz-box-shadow: rgba(245, 245, 245, 0.8) 1px 2px 1px, white 0 2px 0 inset, rgba(235, 235, 235, 0.7) 0 -3px 0 inset;
  box-shadow: rgb(245 245 245 / 80%) 1px 2px 1px, white 0 2px 0 inset, rgb(235 235 235 / 70%) 0 -3px 0 inset;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(30%, #ffffff));
  background-image: -webkit-linear-gradient(#f5f5f5, #ffffff 30%);
  background-image: -moz-linear-gradient(#f5f5f5, #ffffff 30%);
  background-image: -o-linear-gradient(#f5f5f5, #ffffff 30%);
  background-image: linear-gradient(#f5f5f5, #ffffff 30%);
  border: 1px solid #CAD0C6;
  border-radius: 10px;
  padding: 0;
  position: relative;
}
.areaselect-panel .tar-area-list li a span:after {
  content: "\f125";
  font-family: "Ionicons";
  color: #ff7b4f;
  font-size: .75rem;
  position: absolute;
  right: 8px;
}
.areaselect-panel .tar-area-list li{
  width: 50%;
  padding: .2rem;
  text-align: center;
}
.areaselect-panel-first ul li{
  min-width: 50%;
  float: left;
}
/*学校選択モーダル*/
#modal-school li{
  width: 100%;
  line-height: 2rem;
}
#modal-school .schooltypelist li{
  width: 16.6%;
  float: left;
  margin-bottom: .6rem;
}
#modal-school .schoolnamelist li{
  width: 20%;
  float: left;
  margin-bottom: .6rem;
}

.schooltypelist li label, .schooltypelist li .btn-secondary{
  width: 100%;
}
.schooltypelist li .btn-secondary{
  padding: .5rem;
  box-shadow: 0px -2px 1px #ebebeb inset;
}
.schoolnamelist li .btn-secondary{
  color: #348bcc;
  font-weight: bold;
  box-shadow: 0px -2px 1px #ebebeb inset;
}
/*検索結果モーダル*/
.sch-modal-wrap .modal-title{
  font-weight: bold;
  padding: 0 0 0 8px;
  font-size: 1.2rem;
}
.sch-modal-wrap .modal-footer .result-number{
  font-size: 1.1rem;
  font-weight: 700;
  display: table-cell;
  width: 25%;
  margin: 0 10px;
  vertical-align: middle;
}
.sch-modal-wrap .modal-footer .button-area {
    display: table-cell;
    text-align: center;
    width: calc( 100% - 25%);
    margin: 0;
}
.sch-modal-wrap .modal-footer .btn-search {
    width: 58%;
    margin: 0 1.5rem 0;
    font-size: 1.1em;
    font-weight: bold;
}
.sch-modal-wrap .modal-footer .btn-reset{
  margin: 0;
  padding: 0 1rem;
}
.sch-modal-wrap .modal-footer .button-area .btn{
  padding: 0 1rem;
  height: 42px;
  line-height: 42px;
}
.modal .modal-body section ul.sch-joblist li{
  width: 33%;
}
@media only screen and (max-width:991px){
  #modal-school .schooltypelist li{
    width: 33.3%
}
}

@media only screen and (max-width: 768px) {
 #modal-school .schooltypelist li{
    width: 30%;
  }
}

@media only screen and (min-width:480px){
  .areaselect-panel .prefselecter h2{
    margin-left: 47px;
}
}
/*
--------------------------------------------
    11.mypage
--------------------------------------------
*/
.mypage-lists li{
  margin-top: 1rem;
}
.mypage-lists li .btn{
  width: 240px;
  height: 38px;
  line-height: 38px;
  padding: 0;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e2eefb));
  background: linear-gradient(to bottom,#fff 0,#e2eefb 100%);
  border: 1px solid #c4c2ba;
  box-shadow: 0 2px 1px 0 rgb(0 0 0 / 5%), 0 0 0 1px #fff inset;
  -webkit-box-shadow: 0 2px 1px 0 rgb(0 0 0 / 5%), 0 0 0 1px #fff inset;
  color: #333;
  text-shadow: 0 1px 1px #fff;
  text-decoration: none;
  position: relative;
}
.mypage-lists li .btn i{
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.mypage .button-area .btn{
  width: 80%;
  max-width: 650px;
  height: 48px;
  font-size: 1.2rem;
  font-weight: bold;
}
.entryJobCard .rirekiJob th {
  width: 40px;
}
.entryJobCard .rirekiJob th img{
  vertical-align: middle;
}
.entryJobCard .rirekiJob td {
  width: calc( (100% - 80px) / 2 );
}
.mypage-edit table.gigaForm td input.input-lg,
.mypage-edit table.gigaForm td select{
    width: 100%;
}
.mypage-edit table.gigaForm td input.input-sm {
    width: 47%;
}
.mypage-edit .form-sec table.gigaForm td label span{
  vertical-align: middle;
}
.mypage-edit section.form-sec h3 {
  font-weight: bold;
  font-size: 1.1rem;
  padding: 7px 10px 7px 0;
  border-bottom: 1px solid #ccc;
}
.mypage-edit section.form-sec h3:before {
  background-color: #607C99;
  display: inline-block;
  width: 6px;
  height: 21px;
  border-radius: 6px;
  margin-right: 7px;
  content: "";
  vertical-align: middle;
  position: relative;
  top: -2px;
}
/* #36 1966行目まで変更 */
/* #67 2007行目まで変更 */
#Modal_pass .modal-dialog, #Modal_prof .modal-dialog{
  padding-top: 10%;
}
#Modal_pass .modal-content, #Modal_prof .modal-content{
  text-align: center;
}
#Modal_pass .modal-header, #Modal_prof .modal-header{
  background-color: #607c99;
  color: #fff;
  font-weight: normal;
}
#Modal_pass .modal-header p, #Modal_pass .btn-white, #Modal_prof .modal-header p, #Modal_prof .btn-white{
  margin: 0 auto;
}
#Modal_pass .modal-footer, #Modal_prof .modal-footer{
  display: block;
}

.mypage section{
  margin: 0;
}
.mypage .content-box{
  margin-bottom: 10px;
  background-color: #f0f2f5;
  border-radius: 7px;
  padding: 20px;
}
.mypage .content-head h2{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.mypage .nav-tabs{
  border: none;
}
.mypage .nav-tabs .nav-link{
  background-color: #f0f2f5;
  border: none;
  margin-bottom: 10px;
  font-weight: bold;
  border-radius: 7px;
}
.mypage .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
  background-color: #E0E4EA;
}
.mypage-main .account-wrap dl{
  margin: 15px 0 0;
}
.mypage-main .account-wrap dl dt{
  width: 178px;
}
.mypage-main .account-wrap dl dd span{
  font-size: 11px;
  font-weight: normal;
  color: #060;
}
.mypage-main .account-wrap dl dd{
  width: calc(100% - 178px);
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin: 0;
}
.mypage-main .account-wrap dl dd a, .mypage-main .account-wrap dl dd span{
  float: right;
}
.mypage .table{
  width: 100%;
  table-layout: fixed;
}
.mypage .table th, .newsletter .table th{
  width: 178px;
  background-color: #607C99;
  color: white;
  font-weight: normal;
  vertical-align: top;
}
.mypage .table td{
  width: 100%;
  background-color: white;
}
.mypage .table th .badge-must {
  border-radius: 4px;
  background-color: white;
  color: var(--error-color);
}
.toggle-button {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 30px;
    border-radius: 30px;
    background-color: #dddddd;
    cursor: pointer;
    transition: background-color .4s;
}

.toggle-button:has(:checked) {
    background-color: #2da559;
}

.toggle-button::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    background-color: #fff;
    content: '';
    transition: left .4s;
}
.toggle-button:has(:checked)::after {
    left: 30px;
}

.toggle-button input {
    display: none;
}
.mypage-main .content-box .app-badges{
  background-color: inherit;
  color: #202020;
}
.mypage-main .content-box .app-badges .gn-img{
  width: 152px;
  padding-left: 20px;
}
.mypage-main .content-box .app-badges .ios-btn img{
  height: 74px;
}
/* メール配信設定・配信停止ページ */
.newsletter .table th{
  width: 180px;
}
.newsletter .table td{
  background-color: #f0f2f5;
}
.newsletter .red_message{
  color:red;
  font-weight:bold;
  font-size: medium;
}
/*
--------------------------------------------
    12.mypage-unregist
--------------------------------------------
*/

#main.unregist-confirm .button-area{
  width: 60%;
  margin: auto;
}
/*
--------------------------------------------
    13.index
--------------------------------------------
*/
#result-header.common-header{
  margin-top: 1rem;
}
#result-header.common-header p{
  margin: 0;
}

/*タブ*/
#main.index .slideList{
  width: 95%;
  margin: auto;
}
@media only screen and (min-width: 768px) {
  #main.index .slideList .slick-slide {
    padding: 0 .75rem .5rem;
    height: 257px;
  }
  button.drawer-toggle.drawer-hamburger {
      display: none;
  }
  .mypage .nav-tabs{
    flex-direction: column;
  }
}

#main.index .slideList button{
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#main.index .slick-next {
  right: -15px;
  background-image: url(/images/common/icons/arrow-right.png);
}
#main.index .slick-prev {
  left: -15px;
  background-image: url(/images/common/icons/arrow-left.png);
}
#main.index section.search-box ul.nav{
  border: none;
}
#main.index section.search-box .nav-item{
  text-align: center;
  margin-right: 12px;
}
#main.index section.search-box .nav-item:last-child{
  margin: 0;
}
#main.index section.search-box .nav-tabs .nav-link:focus,
#main.index section.search-box .nav-tabs .nav-link:hover{
  border-bottom: none;
}
#main.index section.search-box .nav-tabs .nav-link{
  height: 3rem;
  font-weight: 700;
  border-bottom: none;
  background-color: var(--blue-color);
  color: #fff;
  padding: .6em;
}
#main.index section.search-box .nav-tabs .nav-link span{
  font-size: 125%;
  display: inline-block;
  padding-right: 3px;
}
#main.index section.search-box .nav-tabs .nav-link.active:after{
  content: '';
  display: block;
  position: absolute;
  bottom: -2px;
  left: 1px;
  width: 370px;
  height: 4px;
  background: #fff;
}
#main.index section.search-box .nav-tabs .nav-link>img{
  height: 80%;
  margin-right: 5px;
}
#main.index section.search-box .nav-tabs .nav-link:before{
  content: " ";
  display: inline-block;
  height: 26px;
  width: 26px;
  margin-right: 5px;
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: top;
}
#main.index section.search-box .nav-tabs .area-link:before{
 background-image: url(/images/common/icons/tab-area-wht.png);
}
#main.index section.search-box .nav-tabs .area-link.active:before{
 background-image: url(/images/common/icons/tab-area.png);
}
#main.index section.search-box .nav-tabs .traffic-link:before{
 background-image: url(/images/common/icons/tab-traffic-wht.png);
}
#main.index section.search-box .nav-tabs .traffic-link.active:before{
 background-image: url(/images/common/icons/tab-traffic.png);
}
#main.index section.search-box .nav-tabs .detail-link:before{
 background-image: url(/images/common/icons/tab-detail-wht.png);
}
#main.index section.search-box .nav-tabs .detail-link.active:before{
 background-image: url(/images/common/icons/tab-detail.png);
}
#main.index section.search-box .nav-tabs .nav-link.active,
#main.index section.search-box .nav-tabs .nav-item.show .nav-link{
  background-color: #fff;
  color: #181818;
  border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  border-bottom: none;
  position: relative;
}




/*タブーtab1*/

#main.index section.search-box .tab-content{
  padding: 0.75rem;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 0 0 5px 5px;
}

#main.index section.search-box .tab-content .tabTitle{
  margin-top: 0;
  margin-bottom: 1rem;
}
#main.index section.search-box .tab-content .schTab-area .area-map{
  background-color: #cfe9ff;
  border-radius: .25rem;
  position: relative;
  padding: .75rem 1.3rem;
}
.schTab-area .area-map .area-map-field{
  width: 70%;
}
.schTab-area .area-map .area-map-field ul{
  flex-wrap: wrap;
}
.schTab-area .area-map .area-map-field ul .area-box{
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: rgba(2, 128, 46, 0.5) 1px 2px 3px;
  -webkit-box-shadow: rgba(2, 128, 46, 0.5) 1px 2px 3px;
  box-shadow: rgba(2, 128, 46, 0.5) 1px 2px 3px;
  text-align: center;
  padding: 6px 4px 3px;
  background-color: #4bb55f;
  margin: 6px;
}
.schTab-area .area-map .area-map-field ul .area-box h3{
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 3px;
}

.schTab-area .area-map .area-map-field ul .area-box ul li:first-child{
  margin-right: 4px;
}
.schTab-area .area-map .area-map-field ul .area-box ul li .area-box-link{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #ccc 0 -3px 0 inset;
  -webkit-box-shadow: #ccc 0 -3px 0 inset;
  box-shadow: #ccc 0 -3px 0 inset;
  background-color: #fff;
  display: block;
  text-decoration: none;
  height: 38px;
  line-height: 38px;
  width: 68px;
  font-size: 16px;
  color: #263C2A;
  font-weight: bold;
  cursor: pointer;
}
.schTab-area .area-map .area-map-img{
  width: 30%;
  text-align: center;
}
.schTab-area .area-map .area-map-img p{
  display: inline-block;
  font-size: 12px;
  color: #666;
  background-color: #fff;
  border-radius: 10px;
  padding: 4px 10px;
  margin-bottom: 7px;
  position: relative;
}
.schTab-area .area-map .area-map-img p:after{
  content: "";
  position: absolute;
  bottom: -3px;
  right: 31px;
  transform: rotate(-45deg);
  background: #fff;
  width: 12px;
  height: 12px;
}
.schTab-area .area-map .area-map-img img{
  width: 68%;
}
.area-popular ul{
  flex-wrap: wrap;
}
.area-popular ul .popular-list{
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  padding: 15px 15px 0 5px;
}
.area-popular ul .popular-list h3{
  font-size: 13px;
  padding: 3px 0 4px 10px;
  margin: 0;
  border-bottom: 1px solid #ccc;
  border-left: 7px solid var(--blue-color);
}
.area-popular ul .popular-list ul li{
  float: left;
  margin: 5px 10px 0 0;
}
.area-popular ul .popular-list ul li a{
  font-size: 12px;
  text-decoration: underline;
}
#main.index section.search-box #tab1 h2.box-ttl{
  background-color: var(--blue-color);
  padding: 5px 10px;
  margin-top: 1.5rem;
  font-weight: bold;
  font-size: 1.25rem;
  color: #fff;
  border-radius: 4px;
}
#main.index section.search-box #tab1 table tr{
  display: table;
  border-collapse: separate;  /* セルの間隔を空ける */
  border-spacing: 0 3px;
  width: 100%; /* 追加 */
}
#main.index section.search-box #tab1 table td li{
  min-width: 50%;
  font-size: .95em;
  float: left;
}

/*タブーtab2*/

#main.index section.search-box #tab2 ul.prefectureList{
  padding: 0 .8rem;
}
#main.index section.search-box #tab2 ul.prefectureList li{
  width: 25%;
  float: left;
  line-height: 1.8rem;
}
#main.index section.search-box #tab2 section.roseneki #accordion .card{
  margin-bottom: .5rem;
}
#main.index section.search-box #tab2 section.roseneki #accordion .card h6{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cadcf1), color-stop(0.00, #f5fafe));
background: -webkit-linear-gradient(#f5fafe, #cadcf1);
background: -moz-linear-gradient(#f5fafe, #cadcf1);
background: -o-linear-gradient(#f5fafe, #cadcf1);
background: -ms-linear-gradient(#f5fafe, #cadcf1);
background: linear-gradient(#f5fafe, #cadcf1);

  font-weight: 600;
}
#main.index section.search-box #tab2 section.roseneki #accordion .card h6>a:after{
  content: "\f126";/*↑*/
  font-family: "Ionicons";
  float: right;
}
#main.index section.search-box #tab2 section.roseneki #accordion .card h6>a.collapsed:after{
  content: "\f123";/*↓*/
  font-family: "Ionicons";
  float: right;
}
#main.index section.search-box #tab2 section.roseneki #accordion .card h6>a{
  display: block;
  padding: .75rem;
  color: #444444;
}
#main.index section.search-box #tab2 section.roseneki #accordion .card h6>a:hover,
#main.index section.search-box #tab2 section.roseneki #accordion .card h6>a:focus{
  text-decoration: none;
}
#main.index section.search-box #tab2 section.roseneki #accordion .card .collapse.show{
  border-top: 1px solid #c4c2ba;
}
#main.index section.search-box #tab2 section.roseneki #accordion .card .parentCheckChild ul{
  padding: 10px 0;
}
#main.index section.search-box #tab2 section.roseneki #accordion .card .parentCheckChild li{
  width: 33.3333%;
  float: left;
  border-bottom: none;
  line-height: 2;
  font-size: 13px;
}
#main.index section.search-box #tab2 section.jouken{
  margin-bottom: 0;
}
#main.index section.search-box #tab2 .roseneki ul.searchtype-singlelist li{
  padding: .5rem 0;
  border-bottom: 1px solid #ddd;
  padding-left: .8rem;
}
#main.index section.search-box #tab2 .roseneki ul.searchtype-singlelist li:before{
  content: "\f125";
  font-family: "Ionicons";
  float: right;
  margin-right: 7px;
}
#main.index section.search-box #tab2 .roseneki ul.searchtype-singlelist li>a{
  display: block;
}
#main.index section.search-box #tab2 .roseneki ul.searchtype-checklist .checklist-parent{
  line-height: 2.5rem;
  background: linear-gradient(to bottom,#fff 0,#e9eef3 100%);
  border-bottom: none;
}
#main.index section.search-box #tab2 table tr{
  display: table;
  border-collapse: separate;  /* セルの間隔を空ける */
  border-spacing: 0 3px;
}
#main.index section.search-box #tab2 section.jouken table th{
  width: 15%;
  text-align: center;
  font-size: .9rem;
}
#main.index section.search-box #tab2 section.jouken table th>img{
  width: 30%;
}
#main.index section.search-box #tab2 section.jouken table td li {
  min-width: 50%;
  font-size: .95em;
  float: left;
  padding: .2rem 0;
}
/*タブーtab3*/
#main.index section.search-box #tab3 table th{
  width: 15%;
}
#main.index section.search-box #tab3 table td .select-panel li{
  width: 170px;
}
#main.index section.search-box #tab3 table td .select-panel li .custom-select{
  width: 100%;
}
#main.index section.search-box #tab3 table td li{
  width: 33.333%;
  font-size: .95em;
  float: left;
  padding: .2rem 0;
}
#main.index section.search-box #tab3 table td.flex{
  -webkit-justify-content: space-between; /* Safari */
  justify-content: space-between;
}
#main.index section.search-box #tab3 table td dl{
  margin-bottom: 0px;
}
#main.index section.search-box #tab3 table td dl dt{
  font-weight: normal;
  font-size: .9em;
}
#main.index section.search-box #tab3 table td .features-box{
  padding-bottom: 10px;
}
#main.index section.search-box #tab3 table td .features-sub-head{
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0 0 3px 15px;
  border-bottom: 1px solid #ccc;
  position: relative;
}
#main.index section.search-box #tab3 table td .features-sub-head:before {
  content: "";
  background: var(--dark-blue-color);
  display: inline-block;
  width: 5px;
  height: 16px;
  border-radius: 2px;
  position: absolute;
  top: 3px;
  left: 0;
}
#main.index .special{
  padding: .4rem .5rem;
  background-color: var(--blue-color);
}
#main.index .special .card{
  margin-bottom: .5rem;
}
#main.index .special .card:last-child{
  margin-bottom: 0px;
}
#main.index .special h6{
  border-bottom: dashed 1px #999;
  padding-bottom: .3rem;
  font-weight: 700;
}
#main.index .special li{
  float: left;
  padding-right: 2.5rem;
}
#main.index .special table{
  table-layout: fixed;
}
#main.index .special table th{
  color: initial;
  font-size: .9rem;
  font-weight: bold;
}



#main.index #checkActivationA,
#main.index #checkActivationB,
#main.index #checkActivationC{
  display: none;
}
#main.index #tab1.active #checkActivationA.open,
#main.index #tab3.active #checkActivationB.open,
#main.index #tab2.active #checkActivationC.open{
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: .7rem;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
#main.index .checkActivationWrap{
  padding: 1.2rem 1.5rem 0;
  width: 80%;
  margin: auto;
  max-width: 1000px;
  background: #94b9e3;
  background: rgba(148,185,227,.85);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#main.index .checkActivationWrap .offer-number{
  text-align: center;
  font-size: 1.2rem;
}
#main.index .checkActivationWrap .offer-number>.bold{
  color: #ff453f;
  margin-left: 10px;
}
#main.index .checkActivationWrap .button-area{
  margin-top: 0rem;
}
#main.index .checkActivationWrap .btn{
  width: 100%;
}
#main.index .checkActivationWrap .selectedTermsArea{
  background-color: #ffffff;
  padding: .8rem 0;
  margin-bottom: .8rem;

}
#main.index .checkActivationWrap .selectedTermsArea .ion-android-arrow-dropright-circle{
  margin-left: 3px;
  color: #555;
}
#main.index section.search-box .tab-content .toshi{
  padding-top: 1rem;
}
#main.index section.search-box .tab-content .toshi .ion-ios-circle-filled:before{
  color: #f13d17;
}
/*
--------------------------------------------
    14.index-sp
--------------------------------------------
*/
.top-global-head h2{
    background-color: var(--blue-color);
    color: #fff;
    font-size: 11px;
    text-align: center;
    padding: 7px;
    margin: 0;
}
.counter{
    text-align: center;
    color: #444;
    background-color: #fff;
    padding: 6px;
    margin-bottom: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    font-size: 13px;
    border-bottom: 1px solid var(--blue-color);
}
.counter span, .counter time{
  color: #f44822;
}
#main.index-sp{
  padding-top: 8px; /*変更*/
}
#sec01 .kantan{
  padding: 1rem 2rem;
  background-color: #fff;
  position: relative;
}
#sec01 .kantan:before{
  content: '';
  display: block;
  width: 86px;
  height: 86px;
  position: absolute;
  top: -22px;
  right: 5px;
  background: url(/images/common/GN_jump.png)no-repeat 0 0;
  background-size: 100% auto;
   -webkit-animation:fuwafuwa 3s infinite linear alternate;
  animation:fuwafuwa 3s infinite linear alternate;
}

@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}

@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}

#sec01 .kantan-inner{
  padding: 1rem 1.5rem 1rem .75rem;
  margin-top: 1rem;
  border-radius: 10px;
  background-color: var(--blue-color);
}
#sec01 .kantan .kantan-label{
  color: #777;
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: .6rem;
  padding-right: 20px;
}
#sec01 .kantan .kantan-label:before {
    margin: 0 6px 0 0;
    content: " ";
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url(/images/common/icons/search-sp.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
#sec01 .kantan select{
  width: 100%;
  border: none;
  border-radius: 5px;
  height: calc(3rem + 2px);
  color: #777;
}
#sec01 .kantan ul li{
  margin-top: .5rem;
}
#sec01 .kantan dl{
  margin: 0;
}
#sec01 .kantan dl dt{
  width: 48px;
  float: left;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 4px 10px 0 0;
}
#sec01 .kantan dl dd{
  margin-left: 48px;
}
#sec01 .kantan ul dl dt:before{
  content: '';
  display: block;
  position: relative;
  top: auto;
  left: 0;
  right: 0;
  margin: 0 auto 2px;
  width: 20px;
  height: 20px;
}
#sec01 .kantan ul .area dl dt:before{
  background: url(/images/common/icons/area-white.png) no-repeat 0 0;
  background-size: 20px auto;
}
#sec01 .kantan ul .jobtype dl dt:before{
  background: url(/images/common/icons/jobtype_sh.png) no-repeat 0 0;
  background-size: 20px auto;
}
#sec01 .kantan ul .salary dl dt:before{
  background: url(/images/common/icons/yen-wht.png) no-repeat 0 0;
  background-size: 20px auto;
}
#sec01 .kantan button{
  width: 100%;
  margin: 1rem auto;
  height: 3.4rem;
  display: block;
  font-size: 1.3rem;
  font-weight: bold;
  border-radius: 10px;
}
#sec01 .kantan button .offer-number{
  margin-right: 7px;
  color: #fff100;
  font-size: 1rem;
}

#main.index-sp section#sec02 .flex{
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
  flex-wrap: wrap;
  padding: 0 .8rem;
}
#main.index-sp section#sec02 .search-tile{
  padding: .6rem;
  margin-bottom: .5rem;
  text-align: center;
  width: 32%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: #b5b5b6 0 -4px 0 inset;
}

#main.index-sp section#sec02 .search-tile a{
  display: block;
  color: #020c11;
  font-weight: bold;
  position: relative;
}
#main.index-sp section#sec02 .search-tile .ion-ios-arrow-forward:before{
  font-size: 21px;
  position: absolute;
  top: 38%;
  font-weight: bold;
  right: 0;
  color: var(--blue-color);
}
#main.index-sp section#sec02 .search-tile img{
  width: 40px;
}
#main.index-sp section#sec02 .search-tile p{
  margin: 8px 0 0;
  font-size: 1.1rem;
}
#main.index-sp section#sec02 .search-tile p span{
  display: block;
  font-size: .8rem;
}
#main.index-sp section#sec02 .kodawari{
  padding: 0 1rem;

}
#main.index-sp section#sec02 .kodawari ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: #b5b5b6 0 -4px 0 inset;

}
#main.index-sp section#sec02 .kodawari ul li{
  padding: 1rem;
}

#main.index-sp section#sec02 .kodawari a{
  width: 100%;
  color: #020c11;
  font-weight: bold;
}
#main.index-sp section#sec02 .kodawari .search_icon{
  padding-right: 0;
  text-align: right;
}
#main.index-sp section#sec02 .kodawari .search_icon img{
 width: 43px;
}
#main.index-sp section#sec02 .kodawari .search_title{
  font-size: 1.2rem;
}
#main.index-sp section#sec02 .kodawari .search_title p{
  margin-bottom: .2rem;
}
#main.index-sp section#sec02 .kodawari .search_title span{
  font-size: .8rem;
}
#main.index-sp section#sec02 .kodawari .search_title .ion-ios-arrow-forward:before{
  font-size: 21px;
  font-weight: bold;
  color: var(--blue-color);
  margin-left: 10px;
  position: relative;
  top: 2px;
}


#main.index-sp section#sec02 .more{
  display: inline-block;
  float: right;
  padding: .3rem .7rem;
  border: 2px solid var(--blue-color);
  border-radius: .25rem;
  color: var(--blue-color);
}

#main.index-sp section#sec03 .card{
  border: 1px solid #31708f;
  box-shadow: 3px 3px 4px 0px #b3b3b3;
  -moz-box-shadow: 3px 3px 4px 0px #b3b3b3;
  -webkit-box-shadow: 3px 3px 4px 0px #b3b3b3;
}
#main.index-sp section#sec03 .card .card-block{
  padding: .8rem;
}
#main.index-sp section#sec03 .card h5{
  font-weight: 600;
  padding: 5px 0;
  border-bottom: 1px dashed var(--blue-color);
}
#main.index-sp section#sec03 .re-search-term:before{
  content: " ";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(/images/common/icons/reload.png);
  background-size: contain;
}


#main.index-sp section#sec04 form{
  margin-bottom: 1rem;
}
#main.index-sp section#sec04 .badge{
  border-radius: 20px;
  font-size: 12px;
}
#main.index-sp section#sec04 a.keywords{
  display: block;
  margin: 0 5px 5px 0;
  background-color: #fff;
  color: #555;
  padding: .3rem .5rem;
  border-radius: 20px;
  font-size: 12px;
}
#main.index-sp section#sec04 .free-words{
  position: relative;
}
#main.index-sp section#sec04 input{
  width: 100%;
  border-color: #ccc;
  padding: .5rem 0.75rem;
  height: calc(3rem + 2px);
  border-radius: 8px;
}
#main.index-sp section#sec04 .fw-btn{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 10px;
  font-size: 1.2rem;
  border: none;
  background-color: inherit;
  color: #ccc;
}
#main.index-sp section#sec04 input:focus + .fw-btn{
  color: var(--blue-color);
}
#main.index-sp section#sec04 ul.flex{
  flex-wrap: wrap;
  padding: 0 1rem;
}
#main.index-sp section#sec05 .keywords-image{
  width: 24%;
  background: #fff;
  border: 2px solid #136ecd;
  border-radius: 7px;
  text-align: center;
  margin: 0 2px;
}
#main.index-sp section#sec05 .keywords-image a{
  display: block;
  padding: .75rem 0 .5rem 0;
}
#main.index-sp section#sec05 .keywords-image img{
  width: 60%;

}
#main.index-sp section#sec05 .keywords-image p{
  margin: 5px 0 0;
  color: #555;
  font-weight: bold;
  font-size: .75rem;
}
#main.index-sp section#sec06 .slideList{
  margin-left: -5px;
  margin-right: -5px;
}
#main.index-sp section#sec06 .slideList .slick-slide{
  height: 263px;
}
#main.index-sp section#sec07 table.gigaTable{
  background: #efefef;
  padding: 0 .4rem;
}
#main.index-sp section#sec07 table .special tr{
  display: block;
  background: #fff;
  border-top: 3px solid #136ecd;
  border-radius: 5px;
  margin-bottom: .5rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
#main.index-sp section#sec07 table .special th{
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: .5rem 0 .4rem .75rem;
  color: #136ecd;
  border-bottom: 1px solid #ccc;
}
#main.index-sp section#sec07 table .special td{
  padding: .5rem .75rem;
}
#main.index-sp section#sec07 table .special th,
#main.index-sp section#sec07 table .special td{
  display: block;
  width: 100%;
  border: none;
}
#main.index-sp section#sec07 table .special td ul li{
  float: left;
  padding-right: 1.5rem;
}
#main.index-sp section#sec07 table .special td ul li a{
  text-decoration: underline;
  color: #136ecd;
}
#main.index-sp section#sec08 .top-prefBanner li{
  padding: 5px;
  text-align: center;
}
.conditionsBox {
  width: 100%;
  background-color: #efefef;
}
#sec9.conditionsBox .accordion{
  margin-left: -5px;
  margin-right: -5px;
}
.conditionsBox .accordion{
  border-top: 1px solid #ccc;
}
.conditionsBox .accordion .top-sch-toggle-wrap {
  border: none;
  border-bottom: 1px solid #ccc;
  background-color: #efefef;
  border-radius: 0;
}
.conditionsBox .accordion .top-sch-toggle-wrap .card-header{
  background-color: #efefef;
  border: none;
  padding: 0;
}
.conditionsBox .accordion .top-sch-toggle-wrap .card-header a{
  color: #666;
  font-size: 12.5px;
  padding: 0.75rem 1.25rem;
  text-decoration: none;
}
.conditionsBox .accordion .top-sch-toggle-wrap .card-header a[aria-expanded="false"]:after{
  content: "\f123";
  font-family: "Ionicons";
  float: right;
}
.conditionsBox .accordion .top-sch-toggle-wrap .card-header a[aria-expanded="true"]:after {
  content: "\f126";
  font-family: "Ionicons";
  float: right;
}
.conditionsBox .accordion .top-sch-toggle-wrap .card-body{
  padding: 10px 15px;
  border-top: 1px solid #ccc;
}
.conditionsBox .accordion .top-sch-toggle-wrap .card-body ul li{
  float: left;
  margin-right: 10px;
  line-height: 1.6;
}
.conditionsBox .accordion .top-sch-toggle-wrap .card-body ul li a{
  font-size: 12px;
  text-decoration: underline;
}
#main.index-sp section#sec10.Area-info .box-basic_inner{
  border-top: 1px solid #ccc;
  border-radius: 4px;
}
/*
--------------------------------------------
    15.regist
--------------------------------------------
*/
#main.regist-form section.form-sec h3{
  background-color: #607C99;
  font-size: 1.2rem;
  font-weight: bold;
  color: white;
  margin: 0 -10px 10px;
}
#main.regist-form section.form-sec {
  border: 3px solid #607C99;
  border-top: none;
  padding: 0 10px 10px;
}
#main.regist-form section.form-sec table .button-area{
  margin-top: initial;
}
#main.regist-form .unit{
  margin: .7rem .7rem 0;
}
#main.regist-form section.form-sec .gigaForm td select{
  width: 75%;
}
#main.regist-form section.form-sec .gigaForm td .radio + .radio-icon:before{
  font-size: 28px;
  margin-right: 6px;
}
.regist-form .button-area .btn, .regist-confirm .button-area .btn{
  width: 80%;
  max-width: 650px;
  height: 48px;
  font-size: 1.2rem;
  font-weight: bold;
}
.regist-form .button-area.regist-complete .btn {
  max-width: 380px;
}
.regist-form .regist-tbl{
  border: none;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
}
.regist-form .regist-tbl th, .regist-form .regist-tbl td{
  border: 1px solid #ddd;
}
.regist-form .regist-tbl th, .regist-form .regist-tbl td.pas-head{
  width: 200px;
  background-color: #E9EDF1;
  vertical-align: top;
  font-weight: bold;
  font-size: 14px;
}
.regist-form .regist-tbl th .badge-must{
  float: right;
  border-radius: 4px;
}
.regist-form .regist-tbl td input, .regist-form .regist-tbl td select{
  height: 45px;
}
.regist-form .regist-tbl td .select-lg{
  min-width: 100%;
}
.regist-form .regist-tbl td input[type="checkbox"]{
  height: 16px;
}
.registSelect_birth-day li select{
  width: 100%;
}
.regist-form .gn-img{
  width: 120px;
  margin: auto;
}
.regist-form table.gigaForm td select.is-empty{
  color: #b0b0b5;
}
.regist-form table.gigaForm td input::-webkit-input-placeholder{
  color: #b0b0b5;
}
/*
--------------------------------------------
    16.areaselect
--------------------------------------------
*/
#main.areaselect .area-title{
  line-height: 1.5rem;
}
#main.areaselect .area-title>a:focus,
#main.areaselect .area-title>a:hover{
  text-decoration: none;
}
#main.areaselect .area-title>a:after{
  content: "\f463";
  font-family: "Ionicons";
  float: right;
  font-size: 1.5rem;
}
#main.areaselect .area-title>a.collapsed:after{
  content: "\f48b";
  font-family: "Ionicons";
  float: right;
  font-size: 1.5rem;
}

#main.areaselect .list-group-item{
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  background-color: initial;
  padding: .4rem 1rem;
}
#main.areaselect .list-group-item:last-child{
  border-bottom: none;
}

/*
--------------------------------------------
    17.searchtype
--------------------------------------------
*/
/*common*/
#main.searchtype{
  background-color: rgb(246, 246, 246);
}
.searchtype #addTerm .search-cateBox{
  padding: 10px 15px 20px;
  border-bottom: 1px solid #ddd;
}
.searchtype #addTerm .search-cateHead {
  font-size: 16px;
  font-weight: bold;
  color: #444;
  margin-bottom: 0;
  padding: 10px 0;
}
.searchtype .search-cateHead:before{
  display: inline-block;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
  vertical-align: middle;
}
.searchtype .search-cateHead.area:before{
  background-image: url(/images/common/icons/searchtype_area.svg);  
  width: 20px;
  height: 20px;
  margin-right: 3px;
}
.searchtype .search-cateHead.jobtype:before{
  background-image: url(/images/common/icons/searchtype_jobtype.svg);
  width: 19px;
  height: 19px;
  margin-right: 4px;
}
.searchtype .search-cateHead.salary:before{
  background-image: url(/images/common/icons/searchtype_yen.svg);
  width: 19px;
  height: 19px;
  margin-right: 4px;
}
.searchtype .search-cateHead.user:before{
  background-image: url(/images/common/icons/searchtype_user.svg);
  width: 19px;
  height: 19px;
  margin-right: 4px;
}
.searchtype .search-cateHead.time:before{
  background-image: url(/images/common/icons/searchtype_time.svg);
  width: 18px;
  height: 18px;
}
.searchtype .search-cateHead.calendar:before{
  background-image: url(/images/common/icons/searchtype_calendar.svg);
  width: 18px;
  height: 18px;
}
.searchtype .search-cateHead.feature:before{
  background-image: url(/images/common/icons/searchtype_tag.svg);
  width: 16px;
  height: 16px;
  margin-right: 7px;
}
.searchtype #addTerm .features-box{
  padding-bottom: 20px;
}
.searchtype #addTerm .features-title{
  font-size: 12px;
  font-weight: bold;
  color: #444;
  padding: .5rem 0;
}
.searchtype #addTerm .filter-link-box a{
  display: block;
  height: 44px;
  line-height: 44px;
  background-color: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 7px;
  padding: 0 1rem;
  font-size: 13px;
  text-decoration: none;
  position: relative;
}
.searchtype #addTerm .filter-link-box a .text-input-inner{
  display: block;
  width: calc(100% - 33px);
  font-style: normal;
  color: #bbb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.searchtype #addTerm .filter-link-box.SelectedFilter a{
  border: 2px solid #f90;
  line-height: 42px;
}
.searchtype #addTerm .filter-link-box.SelectedFilter a .text-input-inner{
  color: #464a4c;
  font-weight: bold;
}
.searchtype #addTerm .filter-link-box a span{
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
#main.searchtype .searchtypeFooterBox{
  padding: 1rem 1.25rem;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .76);
  width: 100%;
  z-index: 11;
}
#main.searchtype .searchtypeFooterBox .btn{
  width: 100%;
  margin: auto;
  padding: .5rem;
  display: block;
  font-size: 1.2rem;
  border-radius: 7px;
  font-weight: bold;
}
#main.searchtype .searchtypeFooterBox .btn-white{
  color: #000;
  line-height: 2.1rem;
  font-size: .9rem;
}
#main.searchtype .searchtypeFooterBox .btn-entry{
  line-height: 2rem;
}
#main.searchtype .searchtypeFooterBox .add_conditions{
  padding-left: 0;
}
#main.searchtype .searchtypeFooterBox .send{
  padding: 0;
}
#main.searchtype .searchtypeFooterBox .offer-number{
  font-size: 1rem;
  padding-left: 10px;
}
#main.searchtype input[type=checkbox]:checked {
  background-color: white;
  border: 2px solid var(--blue-color);
}
#main.searchtype input.large[type=checkbox]:checked:after{
  background-image: url(/images/common/icons/chked-mark-blue.png);
  background-repeat: no-repeat;
  width: 15px;
  height: 10px;
  background-size: contain;
  border: none;
  transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  margin: -5px 0 0 -7px;
}
.areaSelect ul.searchtype-singlelist{
  margin: 0 1rem;
}
.areaSelect ul.searchtype-singlelist li{
  width: 45.2%;
  float: left;
  padding: .7rem 1rem .8rem 1rem;
  margin: .5rem;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 -3px 0 #d8d5d4 inset;

}
#main.searchtype .ensenlist li:before{
  content: "\f362";
  font-family: "Ionicons";
  float: right;
  font-weight: 700;
  color: #f0ad4e;
  font-size: 1.5rem;
  line-height: 1.2;
}
.areaSelect ul.searchtype-singlelist li>a{
  display: block;
  font-size: 1.2rem;
  color: #0275d8;
  text-align: center;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(255,255,255,0.85);
}

/* .searchtype-header */
.searchtype-header .searchtype-navi{
  height: 45px;
  background: #fff;
  position: relative;
}
.searchtype-header .searchtype-navi h1{
  color: #444;
  font-weight: bold;
  font-size: 14px;
  line-height: 45px;
  margin: 0;
  text-align: center;
}
.searchtype-navi .btn{
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.searchtype-navi .btn.back{
  font-size: .9rem;
  padding: 8px 10px 8px 0;
  display: block;
  position: absolute;
  left: .5rem;
  color: #444;
}
.searchtype-navi .btn.back:before{
  content: "\f124";
  font-family: "Ionicons";
  display: inline-block;
  font-size: .7rem;
  padding-right: 7px;
}
.searchtype-navi .btn.reset{
  color: #0275d8;
  border: 2px solid #7baafb;
  padding: 6px;
  font-size: 1rem;
  font-weight: bold;
  position: absolute;
  right: 10px;
}

.searchtype ul.searchtype-checklist li.half-list{
  min-width: 50%;
  float: left;
  line-height: 2rem;
}
.searchtype ul.searchtype-checklist li.half-list:nth-child(2n+1):last-child{
  width: 100%;
}
.searchtype ul.searchtype-checklist .checklist-parent{
  line-height: 2.5rem;
  padding: 0 10px;
  font-size: 1.2rem;
}
.searchtype .change-sch-type{
  text-align: right;
  margin: .75rem;
}
.areaSearch ul.searchtype-checklist li{
  margin: .5rem 1rem;
  border: 1px solid #ccc;
  border-radius: .25rem;
  background-color: #fff;
}
.areaSearch ul.searchtype-checklist .checklist-parent a{
  color: #000;
  text-decoration: none;
  display: block;
  height: 44px;
  line-height: 44px;
}
.areaSearch ul.searchtype-checklist .checklist-parent a.toggleLink:after{
  content: "\f056";
  font-family: "Font Awesome 5 Free";
  float: right;
  color: #136ecd;
  font-weight: 700;
}
.areaSearch ul.searchtype-checklist .checklist-parent a.collapsed:after{
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  float: right;
  color: #136ecd;
  font-weight: 700;
}
.areaSearch ul.searchtype-checklist li.hull-list{
  display: block;
  font-size: 1.1rem;
  border-radius: 0;
  border: none;
  border-top: 1px solid #ccc;
  margin: 0;
  padding: 7px 20px;
  position: relative;
}
.areaSearch ul.searchtype-checklist li.hull-list:last-child{
  border-radius: 0 0 .25rem .25rem;
}
 #main.searchtype .sch-single-link {
  background-color: #f6f6f6;
  border-radius: 3px;
  display: inline-block;
  width: 34px;
  height: 34px;
  overflow: hidden;
  position: absolute;
  right: 6px;
  text-indent: 100%;
  top: 3px;
  white-space: nowrap;
}
#main.searchtype .sch-single-link:before, .freeword-result .Station-list-wrap .result-link:after {
  display: inline-block;
  content: "";
  background-image: url(/images/common/icons/searchtype-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 11px;
  height: 13px;
  position: absolute;
  right: 11px;
  top: 11px;
}
#main.areaSearch .SmallCategoryList .all-chk-ttl{
  border-top: 1px solid #ccc;
}
ul.searchtype-checklist li.hull-list label input[type=checkbox]:checked + span,
ul.searchtype-checklist li.hull-list label input[type=checkbox]:checked + span span,
.jobCategory-wrap .job-category-list label input[type=checkbox]:checked + span,
.jobCategory-wrap .job-category-list label input[type=checkbox]:checked + span span,
#main.searchtype .SmallCategoryList .all-chk-ttl label input[type=checkbox]:checked + span{
  color: var(--blue-color);
  font-weight: bold;
}
.areaSearch ul.searchtype-checklist li.hull-list label input,
.jobSearch ul.searchtype-checklist li.hull-list label input,
.traficSearch ul.searchtype-checklist li.hull-list label input,
.jobCategory-wrap .job-category-list label input,
#main.searchtype .SmallCategoryList .all-chk-ttl label input{
  vertical-align: middle;
  margin-right: 10px;
}
#addTerm table.gigaForm td .Checkhalf li label input{
  vertical-align: middle;
  margin-right: 6px;
}
#addTerm table.gigaForm{
  border: none;
}
#addTerm table.gigaForm td{
  padding: 0 0 1rem;
  border: none;
}
#addTerm .salary-filter .salary-type ul li{
  width: 32%;
}
#addTerm .salary-filter .salary-type ul li .radio-btn{
  display: none;
}
#addTerm .salary-filter .salary-type ul li label{
  display: block;
  height: 42px;
  line-height: 42px;
  background: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 7px;
  border: 1px solid #f2f2f2;
  color: #444;
  transition: .2s;
  cursor: pointer;
}
#addTerm .salary-filter .salary-type ul li .radio-btn:checked + label {
  background-color: #DEEDFB;
  border-color: var(--blue-color);
  color: var(--blue-color);
  font-weight: bold;
  line-height: 40px;
}
#addTerm .salary-figure.SelectedFilter .custom-select{
  font-weight: bold;
}
#addTerm table.gigaForm .boxSelect td{
  padding: .5rem 1rem 1.5rem;
  border: none;
}
.searchtype #addTerm .search-cateBox .custom-select{
  width: 100%;
  border-color: #f2f2f2;
  border-radius: 7px;
  height: 42px;
}
#addTerm .Checkhalf li{
  width: 50%;
  padding: 2px;
  float: left;
}
#addTerm .Checkhalf .half-list label{
  position: relative;
  display: table;
  width: 100%;
  color: #444;
  border-collapse: initial;
}
#addTerm .Checkhalf .half-list label input{
  display: none;
}
#addTerm .Checkhalf .half-list label input[type="checkbox"] + span {
  display: table-cell;
  vertical-align: middle;
  height: 42px;
  padding: 0 5px 0 32px;
  font-size: 12px;
  border: 1px solid #f2f2f2;
  border-radius: 7px;
  background-color: #fff;
}
#addTerm .Checkhalf .half-list label input[type=checkbox] + span:before{
  background-image: url(/images/common/icons/chk-mark.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  width: 16px;
  height: 12px;
  left: 10px;
  position: absolute;
  top: 16px;
}
#addTerm .Checkhalf .half-list label input[type=checkbox]:checked+ span{
    background-color: #DEEDFB;
    border-color: var(--blue-color);
    color: var(--blue-color);
    font-weight: bold;
}
#addTerm .Checkhalf .half-list label input[type=checkbox]:checked+ span:before {
  background-image: url(/images/common/icons/chked-mark-blue.png);
  background-repeat: no-repeat;
  background-size: contain;
}
ul.searchtype-checklist li label{
  width: 100%;
}
ul.searchtype-checklist .parentCheck{
  border-bottom: 1px solid #ddd;

}
ul.searchtype-checklist .parentCheck label{
  padding-left: .15rem;
}

ul.searchtype-checklist .parentCheck .toggleLink{
  width: 30px;
  display: block;
  text-align: left;
  padding-left: .8rem;
}
ul.searchtype-checklist .parentCheck .toggleLink:hover,
ul.searchtype-checklist .parentCheck .toggleLink:focus{
  text-decoration: none;
}
ul.searchtype-checklist .parentCheck .toggleLink.collapsed:after{
  content: "\f218";/*+*/
  font-family: "Ionicons";
  color: #444;
}
ul.searchtype-checklist .parentCheck .toggleLink:after{
  content: "\f209";/*-*/
  font-family: "Ionicons";
  color: #444;
}
ul.searchtype-checklist .parentCheckChild ul li{
  border-bottom: 1px solid #ddd;
  padding-left: 2.1rem;
}
#main.searchtype .bg-blue{
  border-top: 1px solid var(--dark-blue-color);
}
#main.searchtype .bg-blue h6{
  padding: .5rem;
  font-size: 1.2rem;
  font-weight: bold;
}

.freeSearch .free-field{
  position: relative;
  max-width: 100%;
  margin: auto 1rem;
}
.freeSearch .form-control, .freeword-input .form-control{
  font-size: 1.2rem;
  border-color: 1px solid rgba(0, 0, 0, 0.125);
  height: 44px;
}
#main.traficSearch .freeSearch span{
  font-size: 1.1rem;
  color: #777;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-tansform: translateY(-50%);
    transform: translateY(-50%);
}
#main.traficSearch h2, #main.areaSearch h2{
  color: #444;
  padding: 0 1rem;
  font-size: 1rem;
  font-weight: bold;
  margin: 1rem 0 1rem;
}
.RouteAccordion, .traficSearch .Station-list-wrap, .jobCategoryAccordion{
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin: 0 1rem;
  border-radius: .25rem;
  background-color: #fff;
}
.RouteAccordion .ensen-list-wrap, .jobCategoryAccordion .jobCategory-wrap{
  border-radius: 0;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.RouteAccordion .ensen-list-wrap:last-child, .jobCategoryAccordion .jobCategory-wrap:last-child{
  border: none;
}
.RouteAccordion .ensen-list-wrap .ensen-head, .jobCategoryAccordion .jobCategory-wrap .jobCategory-head{
  padding: 0;
  border: none;
}
.RouteAccordion .ensen-list-wrap .ensen-head a, .jobCategoryAccordion .jobCategory-wrap .jobCategory-head a{
  text-decoration: none;
  padding: 13px 13px 13px 18px;
  position: relative;
}
.RouteAccordion .ensen-list-wrap .ensen-head a:hover{
  text-decoration: none;
}
.RouteAccordion .ensen-list-wrap .ensen-head a .ensen-name, .jobCategoryAccordion .jobCategory-wrap .jobCategory-head a .job-name{
  display: block;
  font-size: 1.2rem;
  color: #444;
  font-weight: bold;
  margin-bottom: 5px;
}
.RouteAccordion .ensen-list-wrap .ensen-head a .ensen-name-child, .jobCategoryAccordion .jobCategory-wrap .jobCategory-head a .job-name-child{
  display: block;
  font-size: 11px;
  color: #777;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 15px;
}
.RouteAccordion .ensen-list-wrap .ensen-head a[aria-expanded="false"]:after,
.jobCategoryAccordion .jobCategory-wrap .jobCategory-head a[aria-expanded="false"]:after {
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  color: #136ecd;
  font-size: 1.3rem;
  font-weight: 700;
  position: absolute;
  top: 30%;
  right: 13px;
}
.RouteAccordion .ensen-list-wrap .ensen-head a[aria-expanded="true"]:after,
.jobCategoryAccordion .jobCategory-wrap .jobCategory-head a[aria-expanded="true"]:after {
  content: "\f056";
  font-family: "Font Awesome 5 Free";
  color: #136ecd;
  font-size: 1.3rem;
  font-weight: 700;
  position: absolute;
  top: 30%;
  right: 13px;
}
.jobCategoryAccordion .job-category-list .large-category{
  font-size: 1.2rem;
  font-weight: bold;
  color: #444;
  margin: 0;
  padding: .75rem 1rem .75rem 1.5rem;
  border-top: 1px solid #ddd;
}
#main.traficSearch ul.searchtype-singlelist li, .jobCategory-wrap ul.small-category li{
  padding: .75rem 1rem .75rem 1.5rem;
  border-bottom: 1px solid #ddd;
}
#main.traficSearch ul.searchtype-singlelist li:first-child, .jobCategory-wrap ul.small-category li:first-child{
  border-top: 1px solid #ddd;
}
#main.traficSearch ul.searchtype-singlelist li:last-child, .jobCategory-wrap ul.small-category li:last-child, #main.traficSearch .searchtype-checklist li:last-child{
  border-bottom: none;
}
#main.traficSearch ul.searchtype-singlelist li:before{
  content: "\f125";
  font-family: "Ionicons";
  float: right;
  font-size: 1rem;
  font-weight: bold;
  color: #ccc;
  line-height: 1.5;
}
.jobCategoryAccordion .job-category-list .large-category label, .jobCategory-wrap ul.small-category li label{
  width: 90%;
}
#main.traficSearch ul.searchtype-singlelist li>a{
  display: block;
  font-size: 1.1rem;
  color: #000;
}

#main.searchtype .gigaForm tr{
  display: block;
  border-bottom: 1px solid #ddd;
}
#main.searchtype .gigaForm th{
  border: none;
  background-color: inherit;
  color: #444;
  font-size: 1rem;
  font-weight: bold;
  padding: 1.2rem 1.5rem 0;
}
#main.traficSearch .SmallCategoryList .all-chk-ttl{
  border-bottom: 1px solid #ccc;
}
#main.traficSearch .searchtype-checklist li{
  padding: 7px 20px;
  font-size: 1.1rem;
  border-bottom: 1px solid #d6d4cc;
  position: relative;
}
.jobCategoryAccordion .job-category-list .large-category, .jobCategory-wrap ul.small-category li{
  position: relative;
}
.jobCategory-wrap ul.searchtype-singlelist li label{
  width: calc(100% - 48px);
}
.jobCategoryAccordion .jobCategory-wrap .jobtype-link{
  background-color: #f6f6f6;
  border-radius: 3px;
  display: inline-block;
  width: 34px;
  height: 34px;
  overflow: hidden;
  position: absolute;
  right: 6px;
  text-indent: 100%;
  top: 6px;
  white-space: nowrap;
}
.jobtype-link:before{
  display: inline-block;
  content: "";
  background-image: url(/images/common/icons/searchtype-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 11px;
  height: 13px;
  position: absolute;
  right: 11px;
  top: 11px;
}
#main.searchtype .SmallCategoryList .all-chk-ttl{
  margin: 0;
  position: relative;
}
#main.searchtype .SmallCategoryList .all-chk-ttl label{
  display: block;
  padding: 8px 10px;
}
#main.searchtype .SmallCategoryList .all-chk-ttl label span{
  font-size: 1.1rem;
  font-weight: bold;
}
.freewordSearch{
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  background-color: rgb(246, 246, 246);
  display: none;
}
.freewordSearch-active{
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overflow: hidden;
  overscroll-behavior: none;
}
.freewordSearch .freeword-input {
  padding: 1rem;
  background-color: #fff;
}
.searchtype.traficSearch .freewordSearch .freeword-input{
  background-color: inherit;
}
.freewordSearch .free-field{
  position: relative;
}
.freewordSearch .freeword-input .clear-btn{
  position: absolute;
  right: 13px;
  top: 8px;
  color: #555;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  display: none;
}
.freeword-selected{
  padding: 1rem 0;
  overflow: hidden;
}
.freeword-selected p{
  font-size: 13px;
  color: #777;
  float: left;
  margin: 4px 15px;
}
.freeword-selected .selected-lists{
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  position: relative;
}
.freeword-selected .selected-lists:-webkit-scrollbar {
  display:none;
}
.freeword-selected .selected-lists li{
  margin: 0 10px 0 0;
}
.freeword-selected .selected-lists a{
  position: relative;
  display: block;
  font-size: 13px;
  padding: 3px 23px 3px 10px;
  color: #fff;
  background-color: #2B92FF;
  border-radius: 15px;
  text-decoration: none;
}
.freeword-selected .selected-lists a:before {
  position: absolute;
  content: "\f2d7";
  font-family: "Ionicons";
  top: 50%;
  right: 3px;
  width: 15px;
  height: 20px;
  vertical-align: middle;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.freeword-result .Area-list-wrap{
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin: 0 1rem;
  border-radius: .25rem;
  background-color: #fff;
}
.freeword-result .Station-list-wrap, .freeword-result .Area-list-wrap {
  overflow: scroll;
  overscroll-behavior-y: contain;
  max-height: calc(100vh - 316px);
}
.freeword-result .Station-list-wrap{
  max-height: calc(100vh - 270px);
}
.freeword-result .back-link{
  display: block;
  padding: 8px 10px 8px 20px;
  margin: 2px;
  background-color: #f6f6f6;
}
.freeword-result .back-link:before {
  content: "\f124";
  font-family: "Ionicons";
  display: inline-block;
  font-size: .7rem;
  padding-right: 7px;
}
.freeword-result .Station-list-wrap .searchtype-checklist li:first-child{
  border-top: 1px solid #d6d4cc;
}
.free-field input:focus::-webkit-input-placeholder{
  color: #ccc;
}
.free-field input:focus::-moz-placeholder {
  color: #ccc;
}
.free-field input:focus::-ms-input-placeholder {
  color: #ccc;
}
.free-field input:focus::placeholder {
  color: #ccc;
}
.freeword-result .Station-list-wrap .searchtype-checklist li .result-link{
  color: #222;
  display: block;
  height: 24px;
}
@media only screen and (min-width: 768px) {
  #main.searchtype .gigaForm tr{
    display: table-row;
    vertical-align: inherit;
  }
  #main.searchtype .gigaForm th{
  background: #fafafa;
  color: #000;
  border-top: none;
  border-bottom: 1px solid #fff;
}
}

/*
--------------------------------------------
    18.considerationlist
--------------------------------------------
    19.latestlist
--------------------------------------------
*/
.job-num-txt{
  padding: 0 .5rem;
  font-size: 16px;
  color: #444;
}
.job-num-txt span{
  padding: 0 4px;
  font-size: 1.8rem !important;
}
#main.considerationlist .matometeoubo, #main.latestlist .matometeoubo,
.matometeoubo-footer{
  position: relative;
  padding: .8em .75em;
  background-color: #f2f2f2;
  margin-bottom: 1rem;
}
#main.considerationlist .matometeoubo:after,
#main.latestlist .matometeoubo:after{
  position: absolute;
  top: 100%;
  left: 4%;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f2f2f2;
}
.matometeoubo-footer:after{
  position: absolute;
  top: -25px;
  left: 4%;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
    border-bottom: 15px solid #f2f2f2;
}
#main.considerationlist .matometeoubo .allcheck,
#main.latestlist .matometeoubo .allcheck,
.matometeoubo-footer .allcheck{
  margin-right: 20px;
}

#main.considerationlist .matometeoubo .alloubo input,
#main.latestlist .matometeoubo .alloubo input{
  display: none;
}
.consideration_txt p.txt{
  color: #ff453f;
  font-size: larger;
  font-weight: bold;
}
.dev span{
  font-size: 12px;
}
.matometeoubo .all-entry .btn,
.matometeoubo-footer .all-entry .btn{
    padding: 0;
    font-size: 18px;
    width: 270px;
    height: 48px;
}
#main .matometeoubo .btn-entry span.oubo-txt,
.matometeoubo-footer .btn-entry span.oubo-txt{
    font-size: 10px;
    font-weight: 700;
    display: block;
    line-height: 1;
    margin: 0;
}
.matometeoubo-footer input.large {
    vertical-align: middle;
    padding: 1rem;
}

@media only screen and (min-width: 768px) {
  .matometeoubo .row, .matometeoubo-footer .row{
    align-items: center;
  }
}





/* 追加
--------------------------------------------
    20.faq
--------------------------------------------
*/
.faq #main {
  max-width: 660px;
  width: 100%;
  margin: auto;
}
.faq .btn-entry:hover {
  color: #fff;
  background: #34c067;
  border-color: #34c067;
}
.faq .btn-entry:disabled {
  color: #fff;
  background: #34c067;
  border-color: #34c067;
}
.faq .collapsing {
  transition: height 0.15s ease-in-out !important;
}
.faq_question a{
  color: #202020;
  display: block;
  padding: 18px 23px 18px 38px;
  text-decoration: none;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}
.faq_question a:before {
  display: inline-block;
  content: 'Q';
  font-size: 18px;
  font-weight: bold;
  color: var(--blue-color);
  position: absolute;
  top: 15px;
  left: 15px;
}
.faq_question a[aria-expanded="false"]:after {
  content: "\f123";
  font-family: "Ionicons";
  float: right;
}
.faq_question a[aria-expanded="true"]:after {
  content: "\f126";
  font-family: "Ionicons";
  float: right;
}
.faq_question a:hover{
  background-color: #f9f9f9;
}
.faq-answer{
  padding: 18px 38px;
  position: relative;
}
.faq-answer:before{
  display: inline-block;
  content: 'A';
  font-size: 18px;
  font-weight: bold;
  color: #ff5550;
  position: absolute;
  top: 15px;
  left: 15px;
}
.faq .contact-box{
  margin: 3rem 0;
  padding: 1.5rem 2rem;
  border: 1px solid #e5e5e5;
  background-color: #f7f7f7;
  border-radius: 7px;
}
.faq .contact-box h3{
  font-size: 1.2rem;
}
.ask-info{
  font-size: 14px;
  line-height: 1.6;
  padding: 0 1rem;
}
.ask-info ul{
  padding: .5rem 0 .5rem 1.2rem;
  list-style-type: disc;
}
.ask-form{
  padding: 2rem .75rem;
}
.ask-form .table th, .ask-form .table td{
  display: block;
  border: none;
}
.ask-form .table th{
  padding-bottom: 0;
}
.ask-form .table td .input_name li{
  width: calc((100% - 6px)/2);
}
.ask-form .table td input.form-control{
  height: 48px;
}
.faq .nav-justified{
  border: 1px solid #e5e5e5;
  border-radius: 7px;
}
.faq .nav-justified .nav-item:not(:last-child){
  border-right: 1px solid #e5e5e5;
}
.faq .nav-justified .nav-item a{
  color: #222;
  font-weight: bold;
  height: 72px;
  border-radius: 0;
}
.faq .nav-justified .nav-item .tab-icon:before{
  font-family: "Font Awesome 5 pro";
  font-size: 1.1rem;
  display: block;
  color: var(--blue-color);
  font-weight: normal;
}
.faq .nav-justified .nav-item .nav-link.active, .faq .nav-justified .nav-item .nav-link.active .tab-icon:before{
  color: white;
}
.faq .nav-justified .nav-item:first-child .nav-link.active{
  border-radius: 7px 0 0 7px;
}
.faq .nav-justified .nav-item:last-child .nav-link.active{
  border-radius: 0 7px 7px 0;
}
.tab-icon.icon-faq:before{
  content: "\f2fd";
}
.tab-icon.icon-guide:before{
  content: "\f518";
}
.tab-icon.icon-topic:before{
  content: "\f5fd";
}
.faq-content-wrap .tab-content{
  padding: 1.2rem 0;
}
.faq .guide-lists li{
  width: 49%;
}
.faq .guide-box{
  border: 1px solid #e5e5e5;
  padding: 20px;
  margin-bottom: 1rem;
  border-radius: 7px;
}
.faq .guide-box h2 {
  font-size: 20px;
  font-weight: bold;
}
.faq .topic-box{
  padding: 0 0 20px;
}
.faq .topic-box h2{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1.2rem;
  background-color: #f2f2f2;
  padding: 7px 10px;
}
.faq .guide-box p{
  color: #777;
  font-size: 13px;
}
.faq .link-lists li{
  padding: 3px 0 3px 18px;
  width: 100%;
  position: relative;
}
.faq .link-lists li:before {
  content: "\f125";
  font-family: "Ionicons";
  font-size: 1rem;
  font-weight: bold;
  color: var(--blue-color);
  position: absolute;
  left: 0;
}
.faq .link-lists a{
  color: #333;
  display: block;
}
.faq .topic-box .link-lists li{
  width: 48%;
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 20px 5px 10px;
  margin-bottom: 10px;
}
.faq .topic-box .link-lists li:before{
  right: 10px;
  left: inherit;
}
.faq .ask-form{
  display: none;
}
.faq .ask-form .ask-info{
  font-size: 13px;
  color: #777;
}
.faq .ask-form .consent-link{
  font-size: 12px;
}
.faq .support-info, .faq .not-support-info, .faq .ask-form{
  border: 1px solid #e5e5e5;
  padding: 20px;
  border-radius: 7px;
}
.faq .support-info h2, .faq .ask-form h2{
  font-size: 1.38rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.support-lists li{
  padding-left: 26px;
  position: relative;
  margin-bottom: 12px;
}
.support-lists li p{
  font-size: 16px;
  margin-bottom: 0;
}
.support-lists li span{
  font-size: 13px;
}
.support-lists li:before{
  font-family: "Font Awesome 5 pro";
  font-size: 1.1rem;
  display: inline-block;
  color: var(--blue-color);
  position: absolute;
  left: 0;
}
.support-lists li:first-child:before{
  content: "\f0e0";
}
.support-lists li:nth-child(2):before{
  content: "\f095";
}
.support-lists li:last-child:before{
  content: "\f075";
}
.faq .not-support-info h2{
  font-size: 18px;
  font-weight: bold;
}
.not-support-lists li {
  padding: 4px 0 4px 20px;
  position: relative;
}
.not-support-lists li:before{
  font-family: "Font Awesome 5 pro";
  content: "\f00c";
  font-size: 1rem;
  font-weight: normal;
  display: inline-block;
  color: #ccc;
  position: absolute;
  left: 0;
}
.not-support-info{
  margin-bottom: 30px;
}
.not-support-info .kome{
  line-height: 1.2;
  margin: 10px 0 0;
}
.faq .btn-white{
  background: white;
  box-shadow: none;
}
/* 追加
--------------------------------------------
    21.info
--------------------------------------------
*/

.title_center{
  text-align: center;
}
.title_center h2{
  display: inline-block;
  margin-bottom: 1rem;
  color: red;
  font-weight: bold;
  background: linear-gradient(transparent 65%, #ffd700 50%);
  font-size: 1.5rem;
}


@media only screen and (min-width: 768px) {
#oiwaikin_Tab #oiwaiContainer, #tanki_Tab #tankiContainer, #resarch_Tab #resarchContainer{
  display: flex;
  flex-wrap: nowrap;
  border-bottom: none;
  margin-top: 1rem;
}
#oiwaikin_Tab #oiwaiContainer .nav-item, #tanki_Tab #tankiContainer .nav-item, #resarch_Tab #resarchContainer .nav-item{
  width: 12.5%;
  text-align: center;
  border-right: 1px solid #b5b5b5;
  padding: 0 6px;

}
#oiwaikin_Tab #oiwaiContainer .nav-item:first-child, #tanki_Tab #tankiContainer .nav-item:first-child, #resarch_Tab #resarchContainer .nav-item:first-child{
  border-left: 1px solid #b5b5b5;
}
#oiwaikin_Tab #oiwaiContainer .nav-item a, #tanki_Tab #tankiContainer .nav-item a, #resarch_Tab #resarchContainer .nav-item a{
  color: #000;
  padding: 0.5em;
  border-radius: 5px;
  font-weight: bold;
}
#oiwaikin_Tab #oiwaiContainer .nav-item a:hover, #tanki_Tab #tankiContainer .nav-item a:hover, #resarch_Tab #resarchContainer .nav-item a:hover{
  background: #eee;
}
#oiwaikin_Tab #oiwaiContainer .nav-link.active, #tanki_Tab #tankiContainer .nav-link.active, #resarch_Tab #resarchContainer .nav-link.active{
    color: #fff;
    background-color: red;
    border: none;
}
}
.tab-content .areaTitle{
  text-align: center;
  margin: 1rem 0;
}
.tab-content .areaTitle h2{
  font-weight: bold;
  color: #263C2A;
  font-size: 1.5rem;
}
.areaList{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.areaList li{
  width: 25%;
  padding: 10px 10px 20px 10px;
  text-align: center;
}
.areaList li a{
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 70px;
  background-color: #fff;
  box-shadow: #dddddd 0 -4px 0 inset;
  border: 1px solid #999999;
  border-radius: 6px;
  color: #263C2A;
}
#oiwaikin_area .tab-content, #tanki_area .tab-content, #resarcha_area .tab-content{
  padding-top: 1rem;
}
/*
.tanki
--------------------------------------------
*/
.icatch{
  height: 260px;
  width: 100%;
  background: url(/images/common/tanki_icatch.jpg);
  background-size: auto 100%;
  margin-bottom: 1rem;
  background-position: center;
  background-repeat: no-repeat;

}

#tanki_point .title_center{
  padding: 1.5rem 0 .5rem;

}
#tanki_area .title_center h2, #tanki_point .title_center h2{
  position: relative;
  background: red;
  padding: .5rem 1.5rem .7em 1.5rem;
  margin-bottom: 2rem;
  color: #fff;
  font-size: 1.3rem;
  border-radius: 5px;
}

#tanki_area .title_center h2:after, #tanki_point .title_center h2:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: red transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}
#tanki_area .title_center .ion-ios-search-strong:before,
#tanki_point .title_center .ion-android-bulb:before,
#resarch .bk_bar .ion-ios-search-strong:before{
  font-size: 25px;
  top: 2px;
  margin-right: 5px;
}

/*
.resarch
--------------------------------------------
*/
#resarch .icatch{
  background: url(/images/common/resarch_icatch.jpg);
  height: 350px;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.resarch_point{
  padding: 2rem 0;
  background: #f5f5f5;
  border-radius: 10px;
}
#resarch .bk_bar{
  background: #008b8b;
  padding: .6rem 0;
  border-radius: 7px;
  margin-bottom: 2rem;
  position: relative;
}
#resarch .bk_bar h2{
  color: #fff;
  background: none;
  margin-bottom: 0;
  font-size: 1.5rem;
}
#resarch .bk_bar h2:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #008b8b transparent transparent transparent;
    border-width: 10px 10px 0 10px;
}

#resarch .bk_bar h2 i.Ex-i:before{
    content: " ";
    background-image: url(/images/common/icons/detail-white.png);
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-right: 5px;
    background-size: cover;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: relative;
    top: -1px;

}
#resarch_Tab #resarchContainer .nav-link.active{
    background-color: orange;
}
#resarch_area .tab-content .areaTitle h2, #resarch_area .areaList li a{
  color: #005858;
}
.Ex_box{
  display: flex;
  justify-content: space-around;
}
.Ex_box ul{
  width: 48%;
  background: #fff;
  padding: .75rem 0;
  display: flex;
  align-items: center;

}
.Ex_box ul .Ex_text{
  border-radius: 7px;
  border: 2px solid orange;
  padding-bottom: 1rem;
}
.Ex_box ul .Ex_text h6{
  padding: .5rem 0;
  font-size: 1.1rem;
  text-align: center;
  background: orange;
  color: #fff;
  font-weight: bold;
}
.Ex_box ul .Ex_text p{
  width: 80%;
  margin: auto;
}
#resarch_Ex .resarch_ck{
  margin: 0 auto;
  padding: .3rem 0;
  font-size: 1.3rem;
  line-height: 27px;
  display: table;
  background: linear-gradient(transparent 75%, #ffd700 50%);
}
#resarch_Ex .resarch_ck img{
  width: 120px;
  margin-right: 10px;
}
/* 追加
--------------------------------------------
    22.404
--------------------------------------------
*/

.main_Error, .job_Error{
  text-align: center;
  margin-top: 3rem;
}
.main_Error .error_text, .job_Error .error_text{
  color: red;
  font-size: 1.8rem;
}
.ion-outlet:before{
  font-size: 1.5rem ;
}
.error_img{
  width: 210px;
  margin: 20px auto;
}
.app_banner{
  background: -webkit-linear-gradient(340deg, #EFF7FF 0%, #EFF7FF 63%, #D7EAFF 63%, #D7EAFF 100%);
  background: linear-gradient(110deg, #EFF7FF 0%, #EFF7FF 63%, #D7EAFF 63%, #D7EAFF 100%);
  max-width: 670px;
  margin: 20px auto;
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3);
  border-radius: 8px
}
.app_banner a.bnr_link{
  position: relative;
  padding: 24px 36px;
  display: block;
  background: url(/images/common/gb_app_device.png) no-repeat;
  background-size: auto 285px;
  background-position: right 42px top 20px;
  text-decoration: none;
}
.app_banner h3{
  font-size: 2rem;
  font-weight: bold;
  background: -webkit-linear-gradient(359deg, #165896 0%, #2887eb 43%, #08C9E3 90%);
  background: linear-gradient(91deg, #165896 0%, #2887eb 43%, #08C9E3 90%);
  line-height: 1.4;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.app_banner .bnr_app_rate{
  position: relative;
  padding: 10px 0 10px 90px;
}
.app_banner .bnr_app_rate:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  display: inline-block;
  width: 70px;
  height: 70px;
  background: url(/images/common/app-icon.png);
  background-size: contain;
  border-radius: 14px;
}
.app_banner .bnr_app_rate p{
  font-size: 1.3rem;
  font-weight: bold;
  color: #777;
}
.app_banner .rate-text-sp{
  display: none;
}
.app_banner .app_btn_lists li img {
  display: block;
  width: auto;
  height: 42px;
}
.app_banner .bnr_body_right{
  width: 122px;
}
.rate-wrap .star5_rating{
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #CCCCCC;
}
.star5_rating:before, .star5_rating:after{
  content: '★★★★★';
}

.star5_rating:after{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #ffcf32; /* イエローカラー 自由に設定化 */
}
.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 88%; } /* 星4 */

.rate-wrap .rate-text{
  font-size: 12px;
  color: #ccc;
}

/* 追加
--------------------------------------------
    23.Alltopcontent
--------------------------------------------
*/
.top-ttl {
  color: #333;
  text-shadow: 0 -1px 0 #fff;
  margin-bottom: 2rem;
}
.top-ttl h1{
  font-size: 1.3rem;
  font-weight: 900;
}
.Allarea .Allarea-map{
  background: var(--dark-blue-color);
  border-radius: 5px;
  padding: 7px;
  box-shadow: 0 2px 8px rgba(0,0,0,.4);

}
.Allarea-map .map-inner{
  border-radius: 5px;
  padding: 8px;
  padding-bottom: 2rem;
  background-color: #fff;
  border: 1px solid #555;
}
.Allarea-map .map-inner h2{
  padding: .5rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: var(--dark-blue-color);
  border-bottom: 3px solid #a7cdf2;
  margin: 0;
}
.Allarea-map .map-inner h2 .ion-ios-search-strong:before{
  content: "\f4a4";
  font-size: 32px;
  position: relative;
  top: 2px;
}
.Allarea-map .map-inner .map-body_pc{
  position: relative;
  top: -20px;
  width: 100%;
  height: 460px;
  background: url(/images/common/top_map.png);
  background-repeat: no-repeat;
  background-size: auto 97%;
  background-position: top center;
}
.Allarea-map .map-inner .map-body_pc:before{
  content: '';
  display: block;
  width: 136px;
  height: 136px;
  position: absolute;
  top: 8%;
  left: 13%;
  background: url(/images/common/GN_jump2.png)no-repeat 0 0;
  background-size: 100% auto;
  -webkit-animation: fuwafuwa 3s infinite linear alternate;
  animation: fuwafuwa 3s infinite linear alternate;
}
@-webkit-keyframes fuwafuwa {
  0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
  50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
  100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}
@keyframes fuwafuwa {
  0% {transform:translate(0, 0) rotate(-5deg);}
  50% {transform:translate(0, -5px) rotate(0deg);}
  100% {transform:translate(0, 0)rotate(5deg);}
}
.Allarea-map .map-inner .map-body_pc .areabox{
  text-align: center;
  position: absolute;

}
.Allarea-map .map-inner .map-body_pc .areabox a.areabox-link{
    border-radius: 8px;
    box-shadow: #cccccc 0 -4px 0 inset;
    background-color: #FFFFFF;
    display: block;
    border: 3px solid #136ecd;
    text-decoration: none;
}
.Allarea-map .map-inner .map-body_pc .areabox a.areabox-link:hover{
    opacity: .6;
}
.areabox a.areabox-link .areabox-title {
    font-weight: bold;
    padding: 8px 0 3px;
    color: #0f3e69;
}
.areabox a.areabox-link .areabox-list{
    margin-top: 5px;
    color: #555;
    font-size: 11px;
    line-height: 1.5;
    margin: 0;
}

.Allarea-map .map-inner .map-body_pc .areabox.hokkaido__tohoku .areabox-link,
.Allarea-map .map-inner .map-body_pc .areabox.kanto .areabox-link,
.Allarea-map .map-inner .map-body_pc .areabox.kyushu .areabox-link{
    width: 113px;
    height: 100px;
}
.Allarea-map .map-inner .map-body_pc .areabox.hokuriku .areabox-link,
.Allarea-map .map-inner .map-body_pc .areabox.tokai .areabox-link,
.Allarea-map .map-inner .map-body_pc .areabox.chugoku .areabox-link,
.Allarea-map .map-inner .map-body_pc .areabox.kansai .areabox-link,
.Allarea-map .map-inner .map-body_pc .areabox.sikoku .areabox-link{
    width: 108px;
    height: 82px;
}

.Allarea-map .map-inner .map-body_pc .areabox.hokkaido__tohoku{
    right: 8px;
    top: 124px;
}
.Allarea-map .map-inner .map-body_pc .areabox.hokuriku{
    left: 298px;
    top: 162px;
}

.Allarea-map .map-inner .map-body_pc .areabox.kanto{
    right: 6px;
    bottom: 60px;
}
.Allarea-map .map-inner .map-body_pc .areabox.tokai{
    right: 166px;
    bottom: -8px;
}

.Allarea-map .map-inner .map-body_pc .areabox.chugoku{
    left: 73px;
    bottom: 144px;
}
.Allarea-map .map-inner .map-body_pc .areabox.kansai{
    left: 186px;
    bottom: 174px;
}
.Allarea-map .map-inner .map-body_pc .areabox.sikoku{
    left: 136px;
    bottom: -18px;
}
.Allarea-map .map-inner .map-body_pc .areabox.kyushu{
    left: 2px;
    bottom: 0;
}
.sch_units .sch_box{
  border: 2px solid #ddd;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 20px;
}
.sch_units .sch_box h2{
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  padding: 4px 0;
}
.sch_units .sch_box .iconTitle h2:before{
  display: inline-block;
  content: "";
  width: 22px;
  height: 24px;
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
}
.sch_units .sch_box.pt_01 .iconTitle h2:before{
background: url(/images/common/icons/sch_icon_kodawari.svg) no-repeat;
background-size: contain;
}
.sch_units .sch_box.pt_02 .iconTitle h2:before{
  background: url(/images/common/icons/sch_icon_jobdetail.svg) no-repeat;
  top: -2px;
}
.sch_units .sch_box.pt_03 .iconTitle h2:before{
  background: url(/images/common/icons/sch_icon_area.svg) no-repeat;
  top: -2px;
}
.sch_units .sch_box.pt_04 .iconTitle h2:before{
  background: url(/images/common/icons/sch_icon_store.svg) no-repeat;
  background-size: contain;
  width: 20px;
  height: 22px;
}
.sch_units .sch_box ul{
    display: flex;
    flex-wrap: wrap;
}
.sch_units .sch_box ul li{
    width: 33%;
    padding-top: .5rem;
}
.sch_units .sch_box ul li a{
  text-decoration: underline;
}

.Guide_area{
    border-radius: 4px;
    border: 4px solid #f5f5f5;
    padding: 7px 7px 0;
}
.Guide_area h2{
    background: var(--light-blue-color);
    color: var(--dark-blue-color);
    font-size: 1.25rem;
    padding: .5rem .8rem;
    border-radius: 5px;
}
.Guide_area h2 span{
    color: #ff7b4f;
}
.Guide_area .gd_box01{
    border-bottom: 2px dashed #ddd;
}
.Guide_area .gd_box ul{
  padding: .5rem;
   -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}

.Guide_area .gd_box ul li{
  padding: .7rem;
}

.Guide_area .gd_box .gd_txt h3{
    display: inline-block;
    font-size: 1.2rem;
    background: linear-gradient(transparent 65%, #ffd700 50%);
    margin-bottom: 1rem;
    padding: .3rem 0;
}
.Guide_area .gd_box .gd_txt .icon:before{
    content: " ";
    display: inline-block;
    width: 34px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-image: url(/images/common/icons/tap.png);
    position: relative;
    top: -3px;
}

.gd_box .gd_txt{
  width: 64%;
}
.gd_box .gd_img{
  width: 35%;
}
.bd-box{
    border-radius: 4px;
    background: var(--light-blue-color);
    padding: 1rem 1.2rem;
    font-size: 12px;
    color: var(--dark-blue-color);
    line-height: 1.8;
}
.bd-box p{
  margin: 0;
}
.Allarea-list .area-sch-box h2{
  background-color: var(--dark-blue-color);
  padding: .75rem;
  margin: 0;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  border-radius: 5px 5px 0 0;
  box-shadow: inset 0 2px 1px hsla(0,0%,100%,.5);
}
.area-sch-box .area-sch-body{
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  border: 2px solid #ddd;
  border-top: none;
  padding: 2px 4px;
}
.area-sch-box .area-sch-body dl{
  border-top: 1px solid #ddd;
  margin-bottom: 0;
  padding: 2px 0;
}
.area-sch-box .area-sch-body dl:first-child{
  border-top: none;
}
.area-sch-box .area-sch-body dl dt{
  display: table-cell;
  width: 72px;
  min-width: 72px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  background-color: #e2eefb;
  border-radius: 4px;
}
.area-sch-box .area-sch-body dl dd{
  display: table-cell;
  width: 100%;
}
.area-sch-box .area-sch-body dl dd ul{
  padding: 0 0 4px 4px;
}
.area-sch-box .area-sch-body dl dd ul li{
  display: inline-block;
  width: 18.7%;
  padding-top: 5px;
}
.lp_banner_slide .slideItem{
  position: relative;
}
.lp_banner_slide .slideItem img{
  filter: brightness(0.7);
}
.lp_banner_slide .slideItem p{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  color: white;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.lp_feature_link h2{
  background-color: #eee;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 10px;
}
.feature_link_list li a{
  display: block;
  padding: 0 0 10px 10px;
  font-size: 13px;
  text-decoration: underline;
}
/*
#sub-area
--------------------------------------------
*/
#top-sub-area .banner_list li{
  margin-bottom: 10px;
}
.Allarea-map .map-inner .map-body_sp ul{
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
}
.Allarea-map .map-inner .map-body_sp ul li{
    width: calc((100% - 10px) / 2);
    margin-top: 8px;
}
.Allarea-map .map-inner .map-body_sp ul li a{
    display: flex;
    width: 100%;
    font-size: 1.2rem;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 -3px 0 #d8d5d4 inset;
    padding: .7rem 1rem .8rem 1rem;
    color: #0f3e69;
    font-weight: bold;
    justify-content: center;
    align-items: center;
}
.Line-account .ttl-01{
   border-top: 5px solid var(--blue-color);
   border-bottom: 2px solid #00c901;
   padding: .6rem .8rem;
   margin-right: -5px;
   margin-left: -5px;
   margin-bottom: 1rem;

}
.Line-account h2{
    color: var(--blue-color);
    font-size: 17px;
    margin: 0;
}
.Line-account h2 span{
    color: #00c901;
}
.Line-contents{
    padding: 0 1rem 2rem;
}


/*
--------------------------------------------
    24.resort
--------------------------------------------
*/
#resort .ts-w{
  text-shadow: 0 -2px 0 #fff;
}
#resort section{
  padding: 1rem 0;
  margin-bottom: 0;
}
#resort .btn-area{
  margin: 1rem 0;
}
button.btn-resort{
    display: block;
    width: 50%;
    height: 50px;
    line-height: 50px;
    background: #f44822;
    color: #ffffff;
    box-shadow: 0 -3px 0 #c82c0a inset;
    font-size: 1.3rem;
    padding: 0;
    margin: auto;
}
button.btn-resort:hover{
  background-color: #fff;
  border: 3px solid #f44822;
  box-shadow: 0 -3px 0 #fff inset;
  color: #f44822;
}
#resort .icatch{
  height: 260px;
  width: 100%;
  background: url(/images/lp/resort_icatch.jpg);
  background-size: cover;
  margin-bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

#resort .icatch h1{
    line-height: 1;
    position: absolute;
    top: 0;
    margin-top: 10%;
    width: 100%;
    font-size: 4vw;
    text-align: center;
    text-shadow: 4px 3px 0px #fff,
               9px 8px 0px rgba(0,0,0,0.3);
}
.resot-index{
  background-color: #ffe549;
  padding: 2rem 0;
}
.resot-index h2{
  color: #003F96;
}
.resort-nav, .type-box{
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.resort-nav li{
   width: 25%;
   background: #003F96;
   text-align: center;
   padding: 4px;
   margin: 10px;
}
.resort-nav li a{
  display: block;
  border: 1px solid;
  color: #fff;
  font-weight: bold;
  font-size: 1.3rem;
  height: 60px;
  line-height: 60px;
  text-decoration: none;
}
#resort-type .bs-b{
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 2px;
}
#resort-type, #resort-report{
  background: #f2f2f2;
}
#resort-type .type-img li{
  margin: .2rem;
  border: 5px solid #fff;
}
#resort-type .type-img li:first-child{
  margin-left: 0;
}
#resort-type .type-img li:last-child{
  margin-right: 0;
}

#resort .r-ttl{
  margin: .5rem 0;
  font-size: 1.6rem;
  color: #003F96;
}
#resort-type .type-box li{
  width: 32%;
  margin: 27px 5px 10px;
  background: #fff;
  padding: 1rem .75rem;
}
#resort-type .type-box .type01, #resort-type .type-box .type02, #resort-type .type-box .type03{
  position: relative;
}
#resort-type .type-box li span{
  color: #fff;
  padding: 4px 7px;
  position: absolute;
  top: -17px;
  left: -10px;
  transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-webkit-transform: rotate(-8deg);
}
#resort-type .type-box li span.bg01{
  background: #ff1493;
}
#resort-type .type-box li span.bg02{
  background: orange;
}
#resort-type .type-box li span.bg03{
  background: #006400;
}
#resort-type .type-box li h3{
  font-size: 1.3rem;
  color: #003F96;
  border-bottom: 2px solid;
  padding-bottom: .5rem;

}
#resort-type .type-box li p{
  margin-bottom: .5rem;
  font-size: .9rem;
}
#resort-type .type-box li .joblist{
  display: block;
  border-radius: 10px;
  color: #003F96;
  text-align: center;
}
#resort-type .type-box li .joblist li{
    width: 100%;
    margin: 0;
    padding: .5rem;
}
#resort-type .type-box li .joblist .sub{
    padding: 0;
}
#resort-type .type-box li .joblist li i:before{
    font-size: 20px;
    margin-right: 5px;
    color: #003F96;
}
#resort-merit .merit-box{
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#resort-merit .merit-box li{
  width: 31%;
  margin: 10px;
  text-align: center;
}
#resort-merit .merit-box li h3{
  display: inline-block;
  font-size: 1.2rem;
  color: #003F96;
  background: linear-gradient(transparent 65%, #ffd700 50%);
}
#resort-merit .merit-box li .icon{
  margin: 0 auto;
  width: 50%;
}
#resort-merit .merit-box li p{
  padding: 1rem;
  text-align: left;
  font-size: .9rem;
}

#resort-advice{
  background-image: url(/images/lp/resort_ad-bg.jpg);
  margin-bottom: 0;
  background-size:cover;
}
#resort-advice h3{
  display: flex;
align-items: center;
}
#resort-advice h3:before,
#resort-advice h3:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
#resort-advice h3:before {
margin: 0 1rem 0 2rem;
}
#resort-advice h3:after {
margin: 0 2rem 0 1rem;
}

#resort-advice h2{
  color:#fff;
  margin: .5rem 0 1rem;
  font-size: 1.6rem;
}
#resort-advice .advice-txt{
  color: #fff;
  text-align: center;
}
.advice-box li{
  width: 48%;
  padding: 1rem 1.2rem;
  margin: 1rem;
  border-radius: 7px;
  background-color: rgba(255,255,255,.65);
}
.advice-box li h3, .advice_article h3{
  font-size: 1.3rem;
  padding: 7px;
}
.advice-box p{
  margin: 0;
}
.advice-box p.txt_b{
  padding-top: 1rem;
}
.advice_article{
  padding: 1rem 1.2rem;
  margin: 1rem;
  border-radius: 7px;
  background-color: rgba(255,255,255,.65);
}
.advice_article table.item th{
 padding-right: 1rem;
}
#resort-report .slidereport{
  width: 95%;
  margin: auto;
}
.repoCardMini{
  padding: 1rem;
}
.repoCardMini .head{
  border-bottom: 1px solid #ccc;
}
.repoCardMini .repo-txt{
  font-size: .9rem;
  padding-top: 1rem;
}
.slidereport .slick-prev:before,
.slidereport .slick-next:before{
    font-size: 28px;
    color: #000;
}
.area-box, .area-box dl.area_menu dd .area_list{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.area-box dl.area_menu{
  width: 31.1%;
  margin: 10px 11px 10px;
}
.area-box dl.area_menu dt.area_btn{
  text-align: center;
  font-size: 18px;
  height: 72px;
  line-height: 72px;
  background: #f2f2f2;
  border: 2px solid #003F96;
  color: #003F96;
  text-shadow: 0 -1px 0 #fff;
  cursor: pointer;
  position: relative;
}
.area-box dl.area_menu dt.area_btn:hover{
  background: #ffe549;
}
.area-box dl.area_menu dt.area_btn:after{
  content: "\f123";
  font-family: "Ionicons";
  position: absolute;
  right: 10px;

}
.area-box dl.area_menu dd{
  padding-top: 1rem;
  margin-bottom: 0;
}

.area-box dl.area_menu dd .area_list li{
  width: 30%;
  margin: 0 5px 10px 5px;
}
.area-box dl.area_menu dd .area_list li a{
  display: block;
  padding: 10px;
  text-align: center;
  background: #003F96;
  color: #ffffff;
  text-decoration: none;
}
.area-box dl.area_menu dd .area_list li a:hover{
  background: #ffe549;
  color: #003F96;
}
/*
report
--------------------------------------------
*/
.report-icatch{
  height: 260px;
  width: 100%;
  background-image: url(/images/lp/columu_icatch.jpg);
  background-size: cover;
  margin-bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}

.report-ttl{
    color: #fff;
    position: absolute;
    bottom: 0;
    margin-bottom: 2.6%;
    margin-left: 2%;
    width: 100%;
}
.report-icatch h1{
    line-height: 1;
    font-size: 3vw;
    margin-bottom: 1.3rem;
}
#report .select-area{
    margin: 0 auto;
    padding: 1rem;
}
#report .select-area dt, #report .select-area dd{
    display: inline-block;
}
#report .report_list{
  border-bottom: 2px solid #ddd;
  margin-bottom: 2rem;

}
#report .repoCard{
  border: none;
  border-top: 2px solid #ddd;
  padding: 1rem 1.5rem;
  border-radius: 0;
}
.repoCard .repo-head li{
  margin-right: 1.3rem;
}
.repoCard .repo-head li p{
  padding: .5rem .75rem;
}
.repoCard .repo-head .job-list{
  background: #fafafa;
  border:1px solid #ccc;
}
.repoCard .repo-ttl{
  font-size: 1.5rem;
  margin: 1rem 0;
}
.repoCard .repo-txt{
  margin-bottom: 0;
}
.repoCard .read-more{
  margin-bottom: 0;
}
/*
repodetail
--------------------------------------------
*/
.repodetail h1{
  font-size: 1.6rem;
  padding: 7px 0 7px 16px;
  position: relative;
}
.repodetail h1:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  width: 6px;
  height: 100%;
  background: #555;
}
#report-box{
  margin-top: 1.2rem;
  background: #f2f2f2;
  padding: 2.3rem;
}
.report .profile{
  margin-bottom: 0;
  padding: 0 0 1rem 1rem;
}
.profile_box{
  padding: 1.2rem;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #E6E8E9;

}
.profile_box table{
  width: 100%;
}
#report-box .job, #report-box .life, #report-box .money, #report-box .all{
  background: #fff;
  padding: 1.2rem;
  margin: 1rem 0;
  border-radius: 2px;
  border: 1px solid #E6E8E9;
}
#report-box .job .job-img{
  width: 100%;
  padding: 1rem 0;
}
#report-box h2{
  font-size: 1.2rem;
  padding: 3px 0 3px 12px;
  position: relative;
}
#report-box h2:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  width: 6px;
  height: 100%;
  background: #555;
}

/*
--------------------------------------------
    25.job-exit
--------------------------------------------
*/
.job-exit-ttl{
  color: #333;
  font-weight: 700;
  margin: 0 auto 20px;
  padding: 3px 20px;
  font-size: 20px;
  border-left: 5px solid var(--blue-color);
}
.job-exit .searchRecommendList .jobCard .jobCard-header ul li label input.large{
  display: none;
}
#job-exit-block .job-exit-text{
  color: #ff5550;
  padding: 30px 0;
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
  background-color: #f6f6f6;
  margin-bottom: 2rem;
}

/*
--------------------------------------------
    26.Area-result
--------------------------------------------
*/
#main.index.Area-result{
  padding-top: 0;
}
.Area-result .sch-liat-data{
  background-color: #e2eefb;
  padding: 6px 0;
  font-size: 13px;
  border-radius: 4px;
}
.Area-result .sch-liat-data dt{
  display: table-cell;
  width: 125px;
  text-align: center;
  vertical-align: top;
  font-weight: 700;
}
.Area-result .sch-liat-data dd{
  display: table-cell;
  padding-right: 20px;
}
.Area-result .area-list-box{
  padding: 10px 0 10px 18px;
  border: 1px solid #c4c2ba;
  border-radius: 4px;
}
#main.index.Area-result section.search-box .nav-tabs .nav-link.active:after{
  width: 241px;
}
#main.index.Area-result section.search-box #tab1 .area-list-box .area-name{
  border: none;
  font-weight: normal;
  font-size: 1.1rem;
  color: #5e4141;
  margin: .5rem 0;
}
.Area-result .area-list-box ul li{
  float: left;
  width: 25%;
  font-size: 13px;
  line-height: 2;
}
.Area-result .Box_title-2 {
    border: 1px solid #1c71c2;
}
.Area-info .Box_title-2{
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.Area-info .box-basic_inner{
    padding: 10px  15px;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
    background: #fff;
}
.Area-info .box-basic_inner p{
    font-size: 86%;
    line-height: 1.6;
  margin-bottom: 10px;
}
.Area-info h3{
  font-size: 14px;
    padding: 7px 0;
    margin: 0;
}

/*
--------------------------------------------
    27.conditions
--------------------------------------------
*/
.conditions h2{
  background-color: #e2eefb;
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 4px;
  color: #114678;
}
.conditions ul li{
  float: left;
  padding: 7px;
  width: 33.3%;
}
.conditions ul li a{
  text-decoration: underline;
  font-size: 14px;
}
/* 追加
--------------------------------------------
    IE
--------------------------------------------
*/

/* #38 追加 */
@media only screen and (min-width: 768px) {
header .topBar #logo-top .logo-link{
    width: 210px;
}
.area-sch-box .area-sch-body dl dd ul li a{
  display: block;
  text-align: center;
  padding: 3px 0;
  width: 100%;
  color: #444;
  font-size: 13px;
  font-weight: 400;
  border-radius: 4px;
  box-shadow: #dddddd 0 -2px 0 inset;
  box-sizing: border-box;
  border: 1px solid #bbb;
  line-height: 1.4;
}
.area-sch-box .area-sch-body dl dd ul li a:hover{
  text-decoration: none;
  opacity: .75;
}
}
@media only screen and (min-width:481px) and (max-width:767px) {
 header .topBar #logo-top .logo-link{
    width: 180px;
}
}
@media only screen and (max-width: 480px) {
header .topBar #logo-top .logo-link{
    width: 140px;
}
}
/* #30,#43 追加 */
.slick-slide .salary img,
.slick-slide .area img,
.recommendCardMini .card-block table .salary img,
.recommendCardMini .card-block table .area img{
  width: 39px;
}

#modal-uber .modal-dialog{
  max-width: 410px;
}
#modal-uber .modal-content, #modal-uber .modal-body img{
  border-radius: 10px;
}
#modal-uber .modal-body{
  padding: 0;
}
#modal-uber .close{
  position: absolute;
  right: 10px;
  color: #fff;
  font-size: 2.5rem;
  opacity: 1;
}
#body_regist_form #main,#body_application_form #main{
  overflow: visible;
}

#suggest_email_address{
  position: absolute;
  z-index: 10000;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  padding: 0.5em 0.75em;
  max-height: 320px;
  overflow-y: scroll;
}
#suggest_email_address a{
  overflow-wrap: break-word;
}
.email-suggest-parent{
  position: relative;
}
.privacy-style{
  width: 75px;
}