/***
Theme: Flatter
Color: Redwhite
Author: DrizzleThemes
URL: www.drizzlethemes.com
***/
a:hover,
.clr, 
.clr a,
a.clr, 
.owl-buttons .owl-prev:hover::before, 
.owl-buttons .owl-next:hover::before,
.watchlist2 a,
.mcategory h4.active::after,
.scrollToTop span:hover {
	color:#2d4b87!important;
}
.sclr,
.sclr a,
.sclr a:hover,
a.sclr, 
a.sclr:hover,
.itempost #content h2 {
	color:#f00!important;
}
a.whover:hover, .whover a:hover { color:#fff!important; }


.clr-layer {
	background:rgba(45, 75, 135, 0.95);
}
.bg-layer {
	background:rgba(45, 75, 135, 0.85);
}

.bdr {
	border:1px solid #2d4b87;
}

.bg {
	background:#f00;
}
.sbg,
#sections #fuListings .carousel-control {
	background-color:#f00;
}

.transbg {
	background:rgba(255, 0, 0, 0.5) !important;
}
.togglebutton.active a.grid-button, 
.togglebutton a.list-button { 
	background:#2d4b87; border:1px solid #2a4884; 
}
.dropdown-submenu>a:hover::after {
	border-left-color: #2d4b87;
}
.widget.subscribe { background:#f00; border-color:#f00; }
#footer .footer-top a:hover { color:#fff!important;}
#footer .footer-bottom { background:#353535; border-color:#333; }
/** BUTTONS **/
.btn-clr, a.btn-clr, button.btn-clr {
	background-color:#2d4b87!important;
	color:#fff!important;
	border:1px solid #2a4884!important;
	-webkit-transition: all 0.3s ease 0s; 
	transition: all 0.3s ease 0s; 
}
.btn-clr:hover, .btn-clr:active, .btn-clr:focus, a.btn-clr:hover, a.btn-clr:focus {
	background-color:#304f8d!important;
	color:#fff!important;
	border:1px solid #2d4b87!important;
}
.btn-sclr, a.btn-sclr, button.btn-sclr {
	background-color:#f00!important;
	color:#fff!important;
	border:1px solid #f00!important;
	-webkit-transition: all 0.3s ease 0s; 
	transition: all 0.3s ease 0s; 
}
.btn-sclr:hover, .btn-sclr:active, .btn-sclr:focus, a.btn-sclr:hover, a.btn-sclr:focus {
	background-color:#fff!important;
	color:#f00!important;
	border:1px solid #f00!important;
}


/* footerページ用 */


/* procedure */

.for_company .in .muryo_box div {
  display: flex;
  justify-content: center;
  align-items: center;
}


/*検索条件変更用*/


/*.seminar_info {
        font-size: 18px;
        margin-bottom: 20px;
    }*/


/*.seminar_info .mwform-radio-field {
        display: block;
    }*/

@media(max-width:767px) {
  /*    .chk_ken li label .en.pb0 {
        padding-bottom: 0px;
    }*/
}

@media(max-width:767px) {
  .for_company .in .muryo_box div {
    display: block;
  }
  .for_company .in .muryo_box div figure {
    text-align: center;
  }
}


/* job-search */

ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
}

ul {
  list-style: none;
}

#search {
  background-color: #F2F2F2;
}

.webp #search {
  background: url("https://fanfunjob.com/oc-content/themes/flatter/images/Japan.webp") no-repeat center center;
  background-size:contain;
}

.no-webp #search {
  background: url("https://fanfunjob.com/oc-content/themes/flatter/images/Japan.png") no-repeat center center;
  background-size:contain;
}

.job_search .ttl {
  font-size: 20px;
  color: #3767A8;
  font-weight: 700;
  line-height: 0;
  margin-bottom: 20px;
}

.chk_ken {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.chk_ken::before {
  content: "";
  display: block;
  width: 23%;
  order: 1;
}

.chk_ken::after {
  content: "";
  display: block;
  width: 23%;
}

.chk_ken li {
  width: 23%;
  margin-bottom: 15px;
}

.chk_ken li label .jp {
  display: block;
  color: #3767A8;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
}

.chk_ken li label .en {
  display: block;
  font-size: 12px;
  color: #656B72;
  padding-bottom: 6px;
}

.chk_ken li label .eg {
  display: block;
  font-size: 12px;
  color: #656B72;
  border-top: 1px solid #DBDBDB;
  padding-top: 6px;
}

.chk_ken li input[type=checkbox]+label {
  /*未選択状態のlabel*/
  position: relative;
  display: block;
  font-size: 14px;
  cursor: pointer;
  padding: 10px;
  background-color: #FFFFFF;
  border-radius: 3px;
  border: 3px solid #DEDEDE;
  text-align: center;
}

.chk_ken li input[type=checkbox] {
  /*チェックボックス消す*/
  display: none;
  margin: 0;
}

.chk_ken li input[type=checkbox]:checked+label {
  /*選択状態のlabel*/
  position: relative;
  background-color: #3767A8;
  border: 3px solid #3767A8;
}

.chk_ken li input[type=checkbox]:checked+label::after {
  content: "";
  position: absolute;
  top: 15px;
  display: block;
  left: 15px;
  width: 16px;
  height: 8px;
  border-left: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
  transform: rotate(-45deg);
}

.chk_ken li input[type=checkbox]:checked+label span {
  color: #FFFFFF;
}

.chk_job {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.chk_job::before {
  content: "";
  display: block;
  width: 23%;
  order: 1;
}

.chk_job::after {
  content: "";
  display: block;
  width: 23%;
}

.chk_job li {
  width: 23%;
  margin-bottom: 15px;
}

.chk_job li:nth-child(n+9) {
  display: none;
}

.chk_job li label .jp {
  display: block;
  color: #3767A8;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
}

.chk_job li label .en {
  display: block;
  font-size: 12px;
}

.chk_job li input[type=checkbox]+label {
  /*未選択状態のlabel*/
  position: relative;
  display: block;
  font-size: 16px;
  cursor: pointer;
  padding: 10px;
  background-color: #FFFFFF;
  border-radius: 3px;
  border: 3px solid #DEDEDE;
  text-align: center;
}

.chk_job li input[type=checkbox] {
  /*チェックボックス消す*/
  display: none;
  margin: 0;
}

.chk_job li input[type=checkbox]:checked+label {
  /*選択状態のlabel*/
  position: relative;
  background-color: #3767A8;
  border: 3px solid #3767A8;
}

.chk_job li input[type=checkbox]:checked+label::after {
  content: "";
  position: absolute;
  top: 15px;
  display: block;
  left: 15px;
  width: 16px;
  height: 8px;
  border-left: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
  transform: rotate(-45deg);
}

.chk_job li input[type=checkbox]:checked+label span {
  color: #FFFFFF;
}

.chk_jpen {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}

.chk_jpen::before {
  content: "";
  display: block;
  width: 23%;
  order: 1;
}

.chk_jpen::after {
  content: "";
  display: block;
  width: 23%;
}

.chk_jpen.lang {
  margin-bottom: 20px;
}

.chk_jpen li {
  width: 23%;
  margin-bottom: 15px;
}

.chk_jpen li label .jp {
  display: block;
  color: #3767A8;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
}

.chk_jpen li label .en {
  display: block;
  font-size: 12px;
  color: #656B72;
}

.chk_jpen li input[type=checkbox]+label {
  /*未選択状態のlabel*/
  position: relative;
  display: block;
  font-size: 14px;
  cursor: pointer;
  padding: 10px;
  background-color: #FFFFFF;
  border-radius: 3px;
  border: 3px solid #DEDEDE;
  text-align: center;
}

.chk_jpen li input[type=checkbox] {
  /*チェックボックス消す*/
  display: none;
  margin: 0;
}

.chk_jpen li input[type=checkbox]:checked+label {
  /*選択状態のlabel*/
  position: relative;
  background-color: #3767A8;
  border: 3px solid #3767A8;
}

.chk_jpen li input[type=checkbox]:checked+label::after {
  content: "";
  position: absolute;
  top: 15px;
  display: block;
  left: 15px;
  width: 16px;
  height: 8px;
  border-left: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
  transform: rotate(-45deg);
}

.chk_jpen li input[type=checkbox]:checked+label span {
  color: #FFFFFF;
}

.chk_etc {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}

.chk_etc::before {
  content: "";
  display: block;
  width: 23%;
  order: 1;
}

.chk_etc::after {
  content: "";
  display: block;
  width: 23%;
}

.chk_etc li {
  width: 23%;
  margin-bottom: 15px;
}

.chk_etc li label {
  display: block;
  color: #3767A8;
  font-size: 16px;
  line-height: 1.5;
}

.chk_etc li input[type=checkbox]+label {
  position: relative;
  display: block;
  font-size: 14px;
  cursor: pointer;
  padding: 10px;
  background-color: #FFFFFF;
  border-radius: 3px;
  border: 3px solid #DEDEDE;
  text-align: center;
}

.chk_etc li input[type=checkbox] {
  display: none;
  margin: 0;
}

.chk_etc li input[type=checkbox]:checked+label {
  position: relative;
  background-color: #3767A8;
  border: 3px solid #3767A8;
  color: #FFFFFF;
}

.chk_etc li input[type=checkbox]:checked+label::after {
  content: "";
  position: absolute;
  top: 15px;
  display: block;
  left: 15px;
  width: 16px;
  height: 8px;
  border-left: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
  transform: rotate(-45deg);
}


/*検索条件変更用*/


/*.seminar_info {
        font-size: 18px;
        margin-bottom: 20px;
    }*/


/*.seminar_info .mwform-radio-field {
        display: block;
    }*/

.btn_search {
  background-color: #E85B5B;
  border-radius: 4px;
  color: #FFFFFF;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0px;
  width: 420px;
  display: block;
  line-height: 45px;
  position: relative;
  transition-property: all;
  transition: 0.3s linear;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M69.54%2C61.41l1.16-1.67A35.57%2C35.57%2C0%2C1%2C0%2C60%2C70.6l1.62-1.13L87.09%2C95%2C95%2C86.94Zm-9-.92a28.26%2C28.26%2C0%2C1%2C1%2C0-40A28.18%2C28.18%2C0%2C0%2C1%2C60.59%2C60.49Z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 15px center;
}

@media(max-width:767px) {
  #search {
    background-color: #F2F2F2;
  }
  .webp #search {
    background: url("https://fanfunjob.com/oc-content/themes/flatter/images/Japan.webp");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .no-webp #search {
    background: url("https://fanfunjob.com/oc-content/themes/flatter/images/Japan.png");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .job_search .ttl {
    font-size: 16px;
    color: #3767A8;
    font-weight: 700;
    line-height: 0;
    margin-bottom: 15px;
  }
  .chk_ken {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .chk_ken.w50 li {
    width: 48.5%;
  }
  .chk_ken li {
    width: 32%;
    margin-bottom: 10px;
  }
  .chk_ken li label .jp {
    display: block;
    color: #3767A8;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 5px;
  }
  .chk_ken li label .en {
    display: block;
    font-size: 10px;
    padding-bottom: 6px;
    line-height: 1;
  }
  /*    .chk_ken li label .en.pb0 {
        padding-bottom: 0px;
    }*/
  .chk_ken li label .eg {
    display: block;
    font-size: 8px;
    color: #656B72;
    border-top: 1px solid #DBDBDB;
    padding-top: 10px;
    line-height: 1.2;
  }
  .chk_ken li input[type=checkbox]+label {
    /*未選択状態のlabel*/
    position: relative;
    display: block;
    font-size: 14px;
    cursor: pointer;
    padding: 10px;
    background-color: #FFFFFF;
    border-radius: 3px;
    border: 2px solid #DEDEDE;
    text-align: center;
  }
  .chk_ken li input[type=checkbox] {
    /*チェックボックス消す*/
    display: none;
    margin: 0;
  }
  .chk_ken li input[type=checkbox]:checked+label {
    /*選択状態のlabel*/
    position: relative;
    background-color: #3767A8;
    border: 2px solid #3767A8;
  }
  .chk_ken li input[type=checkbox]:checked+label::after {
    content: "";
    position: absolute;
    top: 15px;
    display: block;
    left: 15px;
    width: 16px;
    height: 8px;
    border-left: 3px solid #FFFFFF;
    border-bottom: 3px solid #FFFFFF;
    transform: rotate(-45deg);
  }
  .chk_ken li input[type=checkbox]:checked+label span {
    color: #FFFFFF;
  }
  .chk_job {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .chk_job.w50 li {
    width: 48.5%;
  }
  .chk_job li {
    width: 32%;
    margin-bottom: 10px;
  }
  .chk_job li:nth-child(n+9) {
    display: none;
  }
  .chk_job li label .jp {
    display: block;
    color: #3767A8;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 5px;
  }
  .chk_job li label .en {
    display: block;
    font-size: 8px;
    line-height: 1;
  }
  .chk_job li input[type=checkbox]+label {
    /*未選択状態のlabel*/
    position: relative;
    display: block;
    font-size: 14px;
    cursor: pointer;
    padding: 10px;
    background-color: #FFFFFF;
    border-radius: 3px;
    border: 2px solid #DEDEDE;
    text-align: center;
  }
  .chk_job li input[type=checkbox] {
    /*チェックボックス消す*/
    display: none;
    margin: 0;
  }
  .chk_job li input[type=checkbox]:checked+label {
    /*選択状態のlabel*/
    position: relative;
    background-color: #3767A8;
    border: 2px solid #3767A8;
  }
  .chk_job li input[type=checkbox]:checked+label::after {
    content: "";
    position: absolute;
    top: 15px;
    display: block;
    left: 15px;
    width: 16px;
    height: 8px;
    border-left: 3px solid #FFFFFF;
    border-bottom: 3px solid #FFFFFF;
    transform: rotate(-45deg);
  }
  .chk_job li input[type=checkbox]:checked+label span {
    color: #FFFFFF;
  }
  .chk_jpen {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .chk_jpen.lang {
    margin-bottom: 20px;
  }
  .chk_jpen li {
    width: 48.5%;
    margin-bottom: 10px;
  }
  .chk_jpen li label .jp {
    display: block;
    color: #3767A8;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
  }
  .chk_jpen li label .en {
    font-size: 8px;
    line-height: 1;
    padding-top: 3px;
    display: none;
  }
  .chk_jpen li input[type=checkbox]+label {
    position: relative;
    display: block;
    font-size: 14px;
    cursor: pointer;
    padding: 10px;
    background-color: #FFFFFF;
    border-radius: 3px;
    border: 2px solid #DEDEDE;
    text-align: center;
  }
  .chk_jpen li input[type=checkbox] {
    display: none;
    margin: 0;
  }
  .chk_jpen li input[type=checkbox]:checked+label {
    position: relative;
    background-color: #3767A8;
    border: 2px solid #3767A8;
  }
  .chk_jpen li input[type=checkbox]:checked+label::after {
    content: "";
    position: absolute;
    top: 6px;
    display: block;
    left: 6px;
    width: 14px;
    height: 7px;
    border-left: 3px solid #FFFFFF;
    border-bottom: 3px solid #FFFFFF;
    transform: rotate(-45deg);
  }
  .chk_jpen li input[type=checkbox]:checked+label span {
    color: #FFFFFF;
  }
  .chk_etc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .chk_etc li {
    width: 32%;
    margin-bottom: 10px;
  }
  .chk_etc.w50 li {
    width: 48.5%;
  }
  .chk_etc li label {
    display: block;
    color: #3767A8;
    font-size: 14px;
    line-height: 1.5;
  }
  .chk_etc li input[type=checkbox]+label {
    position: relative;
    display: block;
    font-size: 12px;
    cursor: pointer;
    padding: 10px;
    background-color: #FFFFFF;
    border-radius: 3px;
    border: 2px solid #DEDEDE;
    text-align: center;
  }
  .chk_etc li input[type=checkbox] {
    display: none;
    margin: 0;
  }
  .chk_etc li input[type=checkbox]:checked+label {
    position: relative;
    background-color: #3767A8;
    border: 2px solid #3767A8;
    color: #FFFFFF;
  }
  .chk_etc li input[type=checkbox]:checked+label::after {
    content: "";
    position: absolute;
    top: 6px;
    display: block;
    left: 6px;
    width: 14px;
    height: 7px;
    border-left: 3px solid #FFFFFF;
    border-bottom: 3px solid #FFFFFF;
    transform: rotate(-45deg);
  }
  .btn_search {
    background-color: #E85B5B;
    border-radius: 3px;
    color: #FFFFFF;
    text-align: center;
    display: block;
    line-height: 45px;
    position: relative;
    transition-property: all;
    transition: 0.3s linear;
    width: 100%;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M69.54%2C61.41l1.16-1.67A35.57%2C35.57%2C0%2C1%2C0%2C60%2C70.6l1.62-1.13L87.09%2C95%2C95%2C86.94Zm-9-.92a28.26%2C28.26%2C0%2C1%2C1%2C0-40A28.18%2C28.18%2C0%2C0%2C1%2C60.59%2C60.49Z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 15px center;
  }
}