/*
Theme Name: BOND Consultants
Theme URI: https://www.bond-consultants.com/
Description: BOND Consultants Exclusive Theme
Version: 1.0
Author: Taisuke Inui
Author URI: https://samurai-web-works.com/
*/

/* wordpress blog */
img.alignright { display: block; margin: 0 0 0 auto; }

img.alignleft { display: block; margin: 0 auto 0 0; }

img.aligncenter { display: block; margin: 0 auto; }

a:hover img.hoverImg{opacity:0.6;}

.flex-box {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.container {max-width: 1230px;}

@media screen and (max-width: 1199px){
.container {max-width: 100%;}
}

.img-center{display:block; margin-left:auto; margin-right:auto;}

body{font-family: 'Roboto', sans-serif; line-height:1.6rem;}

html[lang="ja"] body{font-family: "Noto Sans JP", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; font-size:0.9rem; line-height:1.8em;}

@media screen and (max-width:767px){
html[lang="en-US"] body{font-size:.95rem;}
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:700;}

html[lang="ja"] .h3{font-size:1.5rem;}

html[lang="ja"] .h4{font-size:1.3rem;}

html[lang="ja"] .h5{font-size:1.1rem;}

@media screen and (max-width:767px){
	h2{font-size:1.75rem;}
}

a, a:hover, a:focus{color:#238ccb;}

.text-info{color:#238ccb !important;}

.bg-info{background-color:#238ccb !important;}

.bg-light{background-color:#f1f1f1 !important;}

.pt-40px{padding-top:40px;}

.pb-40px{padding-bottom:40px;}

.pt-60px{padding-top:60px;}

.pb-60px{padding-bottom:60px;}

.pt-80px{padding-top:80px;}

.pb-80px{padding-bottom:80px;}

.pb-90px{padding-bottom:90px;}

.pt-100px{padding-top:100px;}

.pt-120px{padding-top:120px;}

.pb-120px{padding-bottom:120px;}

.padding-page{padding:80px 0;}

.mb-90px{margin-bottom:90px;}

/* header */
#logo{width:160px;}

/* nav */
.navbar{font-weight:700; text-transform:uppercase;}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .85rem;
    padding-left: .85rem;
}

.navbar-light .navbar-nav .nav-link{color:#333;}

.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{color:#238ccb;}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color:#238ccb;}

/* btn */
.btn-outline-info{color: #238ccb; border-color: #238ccb;}

.btn-outline-info:hover{background-color: #238ccb; border-color: #238ccb;}

.btn-info{background-color: #238ccb; border-color: #238ccb;}

.btn-info:hover{background-color: #0767a0; border-color: #0767a0;}

.btn-success{background-color: #12ccb2; border-color: #12ccb2;}

.btn-success:hover{background-color: #0da791; border-color: #0da791;}

.btn-lg, .btn-group-lg>.btn{font-size:1.15rem; padding:.5rem 1.45rem;}

@media screen and (max-width:767px){
.btn-sm-block{display:block;}
}

/* newsletter */
#news-letter-area{padding-top:55px; padding-bottom:55px;}

/* footer */
footer a{color:#fff; text-decoration:underline;}

footer a:hover{color:#fff; text-decoration:none;}

#footer-top{padding-top:80px; padding-bottom:80px; background:url('/wp-content/themes/bond-consultants/images/bg-footer.jpg') center top;}

#footer-bottom{padding-top:20px; padding-bottom:20px; color:#fff;}

/* index */
#main-visual{position:relative;}

#main-visual .overlay{position:absolute; top: 0; bottom: 0; margin: auto;}

.bg-black-opacity{background:rgba(0,0,0,0.65);}

.bg-blue-opacity{background:rgba(35,140,203,0.65);}

.bg-blue-opacity02{background:rgba(1,41,132,0.65);}

.bg-blue-opacity03{background:rgba(25, 110, 197, 0.65);}

#index-first{/*margin-top:-73px;*/ padding-top:90px;}

#index-first, #index-first a{color:#fff;}

#index-first a.box{display:block; position:relative;}

#index-first .top-area{position:absolute; top:0; text-align:center; padding:1rem 0; width:100%;}

#index-first .bottom-area{position:absolute; bottom:0; text-align:center; padding:1rem 0; width:100%;}

#index-second h4{font-weight:normal;}

#index-second a:hover, #index-second a:focus{text-decoration:none;}

#index-second .icn{font-size:3rem;}

#index-third{position:relative;}

#index-third .about-bg{background:url('/wp-content/themes/bond-consultants/images/img-index-about.png') left center no-repeat; position:absolute; right:0; width:55%;}

#index-third .container{padding-top:80px; padding-bottom:80px;}

#index-forth{padding-top:80px; padding-bottom:80px;}

#index-forth img{border:1px solid #d6d6d6;}

@media screen and (max-width:767px){
	#index-second h4.h5 {font-size:.95rem;}
	
#index-third .about-bg{background:none;}
}

a.news-box{display:block;}

a.news-box:hover{text-decoration:none; opacity:0.6;}

.category-row a{font-size:.9rem; background:#238ccb; padding:2px 12px; display:inline-block; color:#fff; margin-right:.5rem}

.category-row a:hover{color:#fff; opacity:.6; text-decoration:none;}

/* job search index */
ul.page-job-search{list-style:none; padding-left:0;}

ul.page-job-search li {display:block; padding:.5rem .75rem; background:#eaeaea; margin-bottom:.5rem;}

/* page */
#page-head{padding:18px 0;}

#page-head a, #page-head a:hover, #page-head a:focus{color:#fff;}

#page-head a{text-decoration:underline;}

#page-head a:hover{text-decoration:none;}

#page-head p{float:right; margin-top:3px; font-size:.9rem;}

@media screen and (max-width:767px) {
#page-head p{float:none;}
}

h2.page-ttl-body{position: relative; padding: 0 0 .5rem 0;}

h2.page-ttl-body:after{
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, #238ccb, #a1e9ec);
  background: linear-gradient(to right, #238ccb, #a1e9ec);
  margin-top:2.5px;
}

#job-search-tabs .nav {margin-bottom: 30px; background: #343a40; padding:10px;}

#job-search-tabs .nav-tabs{border:none;}

#job-search-tabs .nav-tabs > li{text-align:center; width:25%;}

#job-search-tabs .nav-tabs > li > a{border:none; color:#fff; margin-right:3%; border-radius:0;}

#job-search-tabs .nav-tabs .nav-link.active, #job-search-tabs .nav-tabs .nav-item.show .nav-link{background-color:#238ccb;}

#job-search-tabs .tab-content > .active {padding: 0 10px 0; }

#job-search-tabs .nav-tabs > li:last-child > a{margin-right:0;}

#job-search-tabs .nav-tabs > li > a:hover{border-radius:0;}

@media screen and (max-width:767px){
#job-search-tabs .nav-tabs > li{text-align:center; width:100%;}

#job-search-tabs .nav-tabs > li > a{margin-right:0;}
}

.company-tabs .nav-tabs > li.active > a, .company-tabs .nav-tabs > li.active > a:hover, .company-tabs .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #00a7ee;
    border: none;
	border-radius:0;
}

/* about */
@media screen and (max-width: 767px){
.main-visual-fit {height: 170px; object-fit: cover;}
}

.job-icn i{margin-bottom:0; vertical-align:-3px; font-size:1.4rem; width:30px; text-align:center;}

.border-info .job-icn{padding:.5rem;}

ul.checked{list-style:none; padding-left:2px; padding-right:20px;}

ul.checked li{padding-left: 1.5em; margin-bottom:4px;}

ul.checked li:before{content: '\f00c'; /* FontAwesome Unicode */
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  margin-left: -1.5em; /* same as padding-left set on li */
  width: 1.5em; /* same as padding-left set on li */
  color:#238ccb; }

.arrow-area{margin:.5rem 0; text-align:center; font-size:2rem;}

/* privacy policy */
#page-policy .h5{font-size:1.5rem;}

#page-policy .h6{font-size:1.3rem;}

#page-policy ul li{margin-bottom:6px;}

#page-policy ul li:last-child{margin-bottom:0;}

/* contact form */
label{margin-bottom:.25rem;}

input[type=checkbox], input[type=radio]{height:18px; width:18px; vertical-align:-3px;}

/* blog */
.blog-index hr{margin-top:1.5rem; margin-bottom:1.5rem;}

.blog-body img{max-width:100%; height:auto;}

/* blog side */
.widget-container h4{margin-bottom:10px; font-size:1.4em}

.widget-container ul li{margin-bottom:10px;}

ul.side-blog,.side-blog ul{list-style:none; padding-left:10px;}

li.widget-container ul{margin-bottom:30px; padding-left:0;}

/* job listing */
.job-description th{color:#fff; background:#238ccb; width:200px;}

.blog-index .text-primary a{color:#007bff; text-decoration:underline;}

.blog-index .text-primary a:hover, .blog-index .text-primary a:focus{text-decoration:none;}

/* job listing side */
.side-job-listing img{max-width:100%; height:auto;}

.side-job-listing img:hover{opacity:0.6;}

/* job listing single */
.blog-body .table a{color:#007bff; text-decoration:underline;}

.blog-body .table a:hover, .blog-body .table a:focus{text-decoration:none;}

/* 404 */
section.page404{padding:100px 0; text-align:center;}

section.page404 h2{font-size:5rem; color:#238ccb; margin-bottom:3rem;}

section.page404 h3{margin-bottom:3.5rem;}

/* Responsive Pagenation */
.pagination{
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
}
 
.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
 
.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width:36px;
  min-height:36px;
  color: #333;
}
 
.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}
 
.pagination li:first-of-type a {
  border-left-width: 1px;
}
 
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}
 
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
 
.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }
 
.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }
 
.pagination li.current a {
 background-color: #ddd;
 cursor: default;
 pointer-events: none;
}
 
.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
 
.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
 
@media only screen and ( max-width: 680px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 500px ) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }
 
  .pagination li.previous a { border-left-width: 0; }
}
 
@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%;}
 
  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}

/* Back to Top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(52,58,64, 0.5);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    z-index:1200;
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}