.rev_slider{
  background: url(../images/mv-re.jpg) repeat;
}
/* カスタム, iPhone Retinaディスプレイ */
@media only screen and (min-width : 320px) {
  .rev_slider{
    background: url(../images/mv-re.jpg) repeat;
    background-position: center;
  }
  .tp-caption{
    width: 80% !important;
    word-wrap: break-word;
  }

}

/* XSサイズ : Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}
.interview .image-box,
.flexbox .image-box{
  border:1px solid #eee;
  background: #f6f6f6;
}

.interview .image-box h3,
.interview .image-box p,
.flexbox .image-box h3,
.flexbox .image-box p
{
  padding-left: 15px;
}

.interview .image-box p,
.flexbox .image-box p{
  padding-bottom: 10px;
}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.visionbox{
  background: #325f8a !important;
  padding: 25px;
}
.visioncontents{
  background: #fff !important;
  border-radius: 25px;
  padding: 35px;
}
.table tr th{
  padding: 30px !important;
  background: #f3f3f3 !important;
  font-weight: 600 !important;
  border-top: 1px dotted #e3e3e3 !important;
  color: #39424D;
  width: 30% !important;

}
.table tr td{
  padding: 30px !important;
  border-top: 1px dotted #e3e3e3 !important;
}
.wf-sawarabigothic { font-family: "Sawarabi Gothic" !important; }
.tp-caption{
  font-weight: normal !important;
}
.NotGeneric-Title{
  font-size: 5rem !important;
  letter-spacing: 1.8 !important;
  margin-bottom: 10px;
}
.NotGeneric-SubTitle{
  font-size: 3rem !important;
  padding: 15px !important;
  letter-spacing: .8 !important;
}
.fullscreen-cover h1{
  font-size: 3rem !important;
  color: #333 !important;
}
.fullscreen-cover p{
  font-size: 1.6rem !important;
  color: #333 !important;
}
.v-align-transform{
  top: 35% !important;
}
.top-icon{
  margin-bottom: 60px;
}
.top-icon p{
  color: #325f8a;
}
.top-icon img{
  width: 30%;
  height: 30%;
  margin-bottom: 20px;
}
.breadrumb-transparent{
  background: url(../images/business_mv.jpg) !important;
  background-attachment: fixed  !important;
  background-size: cover  !important;
}
.breadrumb-transparent.company{
  background: url(../images/company_mv.jpg) !important;
  background-attachment: fixed  !important;
  background-size: cover  !important;
}
.breadrumb-transparent.requirements{
  background: url(../images/requirements_mv.jpg) !important;
  background-attachment: fixed  !important;
  background-size: cover  !important;
}
.breadrumb-transparent.contact{
  background: url(../images/contact_mv.jpg) !important;
  background-attachment: fixed  !important;
  background-size: cover  !important;
}

h4{
  font-weight: bold !important;
  margin-bottom: 20px !important;
}
.dropdown-menu li span{
  margin-right: 10px;
}
.h3_title{
  padding: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 4px;
  background: #eee;
  margin-bottom: 30px;
}
.product-extra-info li{
  margin-bottom: 10px !important;
}
.product-extra-info span {
  color: #000;
  margin-right: 5px;
  display: inline-block;
  width: 105px;
  font-weight: 600 !important;
}
.undermenuul li{
  padding: 15px 0 15px 15px !important;
  color: #74d1da !important;
  border-bottom: 1px #74d1da solid;
}
.undermenuul li:last-child{
  border-bottom: none!important;
}
.undermenuul{
  border: 1px #74d1da solid;
}
.undermenuul li a{
  color: #0c5056;
  display: block;
}
.undermenuul li:hover{
  background: #eee;
}

/* デフォルト：980px以上用（PC用）の記述 */
/* @media only screen and (min-width: 1200px) { */
/* 979px以下用（タブレット用）の記述 */
  /* .grid-post{
  height: 356px !important;
  }
} */

/*----------------------------------------------------------*/
/* タブレット用のCSS */
/*----------------------------------------------------------*/
@media only screen and (min-width:479px) and (max-width:1024px) {
  /* .grid-post{
  height: 356px !important;
  } */
  .breadrumb-transparent{
    background-attachment: local!important;
  }
}


@media screen and (max-width: 768px) {
   /*--- 表示領域が768px以下の場合に適用するスタイル ---*/
   footer div,fotter ul{
     text-align: center ;
   }
   footer .col-sm-3{
     margin-bottom: 20px;
   }
   footer .footer-logo img{
     width: 100% !important;
   }
   footer ul.list-inline{
     text-align: center !important;
   }
}
.grid-post{
  background: #fff;
  border: 1px solid #eee;
}

footer .footer-logo img{
  width: 40%;
}
footer p{
  color: #000 !important;
}
footer ul{
  list-style: none;
  padding: 0 !important;
}
footer ul.list-inline{
  text-align: right;
}
a.alpha img:hover{
  opacity: .7;
}
.image-box p{
  margin-bottom:0px !important;
}
p{
  font-size: 14px;
  line-height: 2;
}
.blue-txt{
  color: #325f8a !important;
}
.btn-skin{
  background: #5fb9ea !important;
  margin: 0 2px !important;
}
.btn-skin2{
  background: #78d1d9 !important;
  color: #fff !important;
  margin: 0 2px !important;

}
.top-header .navbar-nav > li > a.btn-skin2{
  color: #fff !important;
}
.blue-bg{
  background: #e6f3f9 !important;
}
.blue-bg2{
  background-color: #daeef0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2378d1d9' fill-opacity='0.49'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}

.navbar-default .navbar-nav>li>a.btn-skin:hover{
  background: #4f94b2 !important;
}
.gray-bg{
  background: #aeaeae !important;
}
.gray-bg2{
  background: #999 !important;
}
.navbar-default .navbar-nav>li>a.btn-skin2:hover{
  background: #66b1b5 !important;
}
.dropdown-lang{
  z-index: 10000 !important;
}
body{
  color: #000 !important;
  letter-spacing:0.07rem !important;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif !important;
  font-style: normal !important;
  font-size: 13px !important;
}
a,h1,h2,h3,h3,h4,h5,.sub-title{
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif !important;
  font-style: normal !important;
}
.sub-title{
  font-size: 13px !important;
  color: #00a2e2 !important;
  display: inline-block;
 position: relative;
   margin: 10px 0;
}
.sub-title:before{
 content: "";
 border-bottom: 1px solid #3cb3e4;
 width: 45px;
 margin: 0px -63px;
 position: absolute;
 bottom: 13px;
 top: 6px;
}
.sub-title:after{
 content: "";
 border-bottom: 1px solid #3cb3e4;
 width: 45px;
 margin: 0px 12px;
 position: absolute;
 bottom: 13px;
 top: 6px;
}
.navbar-default .navbar-nav>li>a{
  color: #000 !important;
}
.dropdown-menu > li > a{
  font-size: 13px !important;
  color: #000 !important;
}
.heading-style-center h2{
  font-size: 2rem !important;
  letter-spacing:0.1rem !important;
  color: #39424D !important;
  margin-bottom: 40px !important;
}
.heading-style-center2 h2{
  font-size: 2rem !important;
  letter-spacing:0.1rem !important;
  color: #39424D !important;
  margin-bottom: 50px !important;
  font-weight: bold;
}
.heading-style-center h2.mb0{
  margin-bottom: 20px !important;
}
.fullscreen-cover{
  height: 50% !important;
}
.cta-gray-bg-full{
  background: #fff !important;
  padding: 20px !important;
}
.cta-gray-bg-full a{
  color: #000 !important;
}

.sub-intro-text{
  font-size: 1.4rem !important;
  letter-spacing:0.07rem !important;
}
.box-style-1.border-style{
  background: #fff;
  padding: 35px !important;
}
hr.linehr{
  width: 70px;
  border-bottom: 3px solid #337ab7;
}
.separator-border-1{
  border-bottom: 3px solid #337ab7;
}
.tabs-default li a{
  color: #39424D !important;
  font-size: 1.3rem !important;
  font-weight: bold;
}
.top-header .navbar-nav > li > a.btn-skin{
  color: #fff !important;
}
.f-min00{
  font-family: 'ヒラギノ明朝 W3 JIS2004', serif !important;
}
.f-min01{
  margin-bottom: 30px;
  font-family: 'ヒラギノ明朝 W3 JIS2004', serif !important;
  font-size: 180%;
  font-weight: normal !important;
}
.form-group .control-label,
.form-group1 .control-label{
  color: #325f8a;
  font-weight: bold;
}
.form-area{
  background: #F7F8FA;
  padding: 15px;
  margin-bottom:2px !important;
}
.badge{
  font-weight: bold !important;
  margin-left: 10px !important;
}
.form-check{
  margin-top: 10px;
}
.count{
  font-size: 150px !important;
}
.red-txt{
  color: #e94b35 !important;
}
.progress{
  height: 30px !important;
}
.progress .progress-bar{
  background: #f2c500 !important;
}
.marriage:after{
  content: "%";
  font-size: 24px;
}
.skill-perc{
    right: 0% !important;
    font-weight: bold !important;
    color: #f2c500;
}
.margin-b-10{
  margin-bottom: 10px;
}
.margin-b-60{
  margin-bottom: 60px;
}
.margin-b-100{
  margin-bottom: 100px;
}
.gray-bg{
  background: #eee !important;
}
.svgicon img{
  width: 10%;
  position: relative;
  left:45%;
  margin-top: 10px;
}
.top-header .navbar-nav > li.dropdown > a:hover{
  color: #09c4f2 !important;
}
.image-box h3{
  margin-bottom: 6px;
}
.flexbox {
  display:-webkit-box;
  display: -webkit-flex;
  display:-ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

@media screen and (max-width: 1024px){

}
/*spn*/
@media (max-width: 767px) {
  .top-header .navbar-nav > li > a{
    font-size: 16px !important;
    /*border-bottom: 1px solid #eee;*/
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a{
    margin-bottom: 10px;
    font-size: 16px !important;
  }
  .parallax, .breadrumb-transparent {
    background-attachment: scroll !important;
    background-position: top center !important;
  }
  .tp-caption{
    width: 375px;
    padding: 50px !important;
  }
  .visioncontents{
    padding: 15px;
  }
  table tr th{
    font-size: 10px !important;
    padding: 14px!important;
    margin: 0 !important;
  }
  .product-extra-info span{
    display: block;
  }
  .post-full .blog-meta h2{
    font-size: 28px !important;
  }
}

@media (max-width: 375px) {

  .chart_container{
    width: 360px;
  }
  .col-md-mb{
    margin-bottom: 160px;
  }
}
.btn-skin:hover{
  background: #999 !important;
}

/*instagram*/

#instagram li img{
  width: 100%;
  box-shadow:0 8px 16px rgba(206,206,206,.8);
  transition: box-shadow 375ms cubic-bezier(.215,.61,.355,1);
}
#instagram li img:hover{
  opacity: .8;
}
#instagram li{
  margin-bottom: 5%;
}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.instagram-data{
  padding-top: 10px;
  font-size: 12px !important;
}
.instagram-like{
  margin-top: 10px;
}
.cap-block{
  overflow: hidden;
  width: 100%;
}
.caption{
  font-size: 12px !important;
  height: 58.8px;
  position:relative ;
}
.caption:before,
.caption:after{
  position: absolute;
}
.caption:before{
  content: "...";
  top: 44.2px;
  right: 0;
}
.caption:after{
  content: "";
  height: 100%;
  width: 100%;
}
.like-count:before{
  content: "\f08a";
  font-family: FontAwesome;
}
.comments-count:before{
  content: "\f0e6";
  font-family: FontAwesome;
}