@charset "utf-8";
/* CSS Document */

.slider img{
  width:100%;
  z-index:0;
}


.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  display:none;
}
/* slider layout */
.lof-slidecontent { position:relative;  overflow:hidden;  /*border:#F4F4F4 solid 1px;*/ border:#C7BDBA solid 1px; }
.lof-slidecontent .preload{  height:100%;  width:100%;  position:absolute;  top:0;  left:0;  z-index:100000;  text-align:center;  background:#FFF}
.lof-slidecontent .preload div{  height:100%;  width:100%;  background:transparent url(../img/load-indicator.gif) no-repeat scroll 50% 50%;}

.lof-slidecontent  .sliders-wrapper{  position:relative;  height:100%;  width:900px;  z-index:3px;  overflow:hidden; }
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;  background:transparent url(../img/load-indicator.gif) no-repeat scroll 50% 50%;  padding:0px;  margin:0;  position:absolute;  overflow:hidden;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;  padding:0px;margin:0px;  float:left;  position:relative;}
.lof-slidecontent  .lof-opacity  li{position:absolute;  top:0;  left:0;  float:inherit; }


/* ★メインスライダーアイコン 左ナビ幅 */
.lof-slidecontent  .navigator-content {
  position:absolute;
  right:0;
  top:00px;
  z-index:9;
  /*height:300px;
  width:310px;*/
  height:400px;
  width:350px;
  overflow:hidden;
  color:#FFF
}
/* ★メインスライダーアイコン 左ナビ幅 */

.lof-slidecontent  .navigator-wrapper{  position:relative;  z-index:10;
  height:180px;
  width:350px;
  overflow:hidden;
  color:#FFF;
  float:left
}
.lof-slidecontent  ul.navigator-wrap-inner{  top:0;  padding:0;  margin:0;  position:absolute;  width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand;   cursor:pointer;  list-style:none;  padding:0;  margin-left:0px;  overflow:hidden;  float:left;  display:block;  text-align:center;}

/*******************************************************/
 
ul.sliders-wrap-inner li img{  padding:0px;  }

.lof-slidecontent .slider-description a.readmore{/*color:#58B1EA;*/ color:#F45139; font-size:95%; }
.lof-slidecontent .slider-description a{ color:#FFF; }
.lof-slidecontent .slider-description{
  z-index:100px;
  position:absolute;
  /*bottom:66px;*/
  bottom:40px;
  left:0px;
  /*width:350px;*/
  width:300px;
  background:url(../img/bg_trans.png);
  height:100px;
  padding:10px;
  /*color:#FFF;*/
  color:#000;
}
.lof-slidecontent .slider-description h4 {    /*font-size: 14px;*/ font-size: 16px;    margin: 10px 0;    padding: 0; }
.lof-slidecontent .slider-description .slider-meta a{  
  margin:0;
  /*background:#C01F25;*/
  background:#F24026;
  font-size:75%;
  /*padding:2px 3px;*/
  padding:2px 5px;
  font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
  text-transform:uppercase;
  text-decoration:none
}
.lof-slidecontent  .item-meta a:hover{  text-decoration:underline;}
.lof-slidecontent  .item-meta i {  font-size:70%; }

/* item navigator */
.lof-slidecontent ul.navigator-wrap-inner  li.active{
  background:url(../img/arrow-bg.png) no-repeat scroll left center;
  color:#FFF
}
.lof-slidecontent ul.navigator-wrap-inner  li >  div{
  /*background:url(../img/transparent_bg.png);
  color:#FFF;*/
  background: #FFF;
  color:#000;
  height:100%;
  position:relative;
  margin-left:15px;
  padding-left:15px;
  /*border-top:1px solid #E1E1E1;*/
  border-top:1px solid #B6ABA0;
  text-align:left;

}

/* ���lj� */
.lof-slidecontent ul.navigator-wrap-inner  li h3 {
  margin-top: 10px;
  font-size: 12px;
  font-weight:bold;
  color:#333;
  background:none;
  padding:0;
}
.lof-slidecontent ul.navigator-wrap-inner  li p {
  margin-top: 3px;
  font-size: 11px;
  color:#666;
  width:250px;
}
/* ���lj� */

.lof-slidecontent ul.navigator-wrap-inner li.active div{
  background:#cce094;
  /*color:#FFF;*/
}
.lof-slidecontent ul.navigator-wrap-inner li img{
  /*height:60px;
  width:60px;
  margin:15px 15px 10px 0px;*/
  height:70px;
  width:70px;
  margin:13px 10px 10px 0px;
  float:left;
  /*padding:3px;
  border:#C5C5C5 solid 1px;*/
  padding:0px;
  border:#FFF solid 1px;
}
.lof-slidecontent ul.navigator-wrap-inner li.active img, 
.lof-slidecontent ul.navigator-wrap-inner li:hover img {
  /*border:#6C8E5C  solid 1px;*/
  border:#FFF  solid 1px;
}
b

.lof-slidecontent  .button-next, 
.lof-slidecontent .button-previous{
  display:block;
  width:40px;
  color:#FFF;
  cursor:pointer;
  position:absolute;
  height:100%;
  z-index:40;
  top:0;
  text-indent:-999px;

}
.lof-slidecontent   .button-next {
  right:0px;
  background:url(../img/next.png) no-repeat right center;
}
.lof-slidecontent  .button-previous {
  left:0px;
  background:url(../img/previous.png) no-repeat left center;
}


.lof-slidecontent .button-control {
   position:absolute;
   top:10px;
   right:48%;
    height: 20px;
    width: 20px;
  cursor:hand; cursor:pointer;
  background:url(../img/transparent_bg.png) repeat;
}

.lof-slidecontent .button-control span { display:block;  width:100%; height:100%;}
.lof-slidecontent .action-start span  {
  background:url(../img/play.png) no-repeat center center;
}
.lof-slidecontent .action-stop span {
  background:url(../img/pause.png) no-repeat center center;
}
.bdnon{border-top:none;
}
.navigator-wrapper h3{
  margin:0
}
/************************rightbtn*******************************/
#rightbtn{
  position:relative;
  z-index:999;
}
.btn01{
  position:fixed;
  top:700px;
  right:0;
}



/*******************************************************/
/************************navi*******************************/

#nav{ background: url(../img/bg_brune.jpg) repeat-x;}

#nav .nav_list,#osusume{ width: 989px; margin: 0 auto;}

#osusume p{ margin: 0px !important;}

#osusume .link_clm{ width: 960px; margin: 0 auto;}

#osusume ul.link_clm li{ float: left;}



.top{ width:960px; margin:0 auto; position: relative;}

.top p{ position: absolute; top:-23px; margin: 0 !important; right: 0;}
/************************コンテンツ******************************/

.massage{
  height:220px;
  width:460px;
  background:#ffffff;
  background:url(../img/menu10.jpg) no-repeat;
  position:relative;
}
.massagep{
  padding-top:70px;
  margin:0 0 0 20px;
  width:305px;
}
.massage a{
  position:absolute;
  left:215px;
  top:180px;
}
  
.news{
  height:218px;
  background:#fff;
  border:#656565 solid 1px;
  width:458px; /* 横幅 */
  overflow:auto;
  overflow-x:hidden;

}
.news ul{
  margin:10px 20px;
  width:408px;
}
.news ul li{
  border-bottom:solid 1px #CCCCCC;
  padding-bottom:5px;
  margin-bottom:5px;
}
.news ul li a:hover{
  color:#999;
}
.news ul li font{
  font-size:12px;
}
.news h2{
  width:458px;
  padding-bottom:0;
}
.more{
  float:right;
  margin-right:15px;
  margin-bottom:10px;
}
.more:hover{
  color:#999;
}
.topbk1{
  width:220px;
  height:220px;
  background:url(../img/menu05on.jpg);
}
.topbk2{
  width:220px;
  height:220px;
  background:url(../img/menu02on.jpg);
}
.topbk3{
  width:220px;
  height:220px;
  background:url(../img/menu07on.jpg);
}

/************************共通ページ*******************************/
h2{
  color:#a9cd2c;
}


/*==============ナビ=============*/
#nav{
  width:100%;
  background:#a9cd2d;
  height:40px;
}
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 960px;
  margin: 5px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 14.28%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #a9cd2b;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #fff;
  background: #c2db6b　　;
  text-align: left;
}
.dropmenu li:nth-child(5) ul{
  width: 107px;
}
.dropmenu li:nth-child(5) ul li a{
  width: 100%;
}

.dropmenu li:hover > a{
  background: #c1da6a;
}
.dropmenu li a:hover{
  background: #c1da6a;
  color: #fff;

}
#dropmenu li ul{
  display: none;
}
#dropmenu li:hover ul{
  display: block;
}
#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}

position: relative;
}

.interview li a:beofore{
position: absolute;
left:0;
display:block;
width:20px;
height:20px;
}

.interview li:nth-child(1) a:before{content: "01. ";}
.interview li:nth-child(2) a:before{content: "02. ";}
.interview li:nth-child(3) a:before{content: "03. ";}
.interview li:nth-child(4) a:before{content: "04. ";}
.interview li:nth-child(5) a:before{content: "05. ";}
.interview li:nth-child(6) a:before{content: "06. ";}
.interview li:nth-child(7) a:before{content: "07. ";}
.interview li:nth-child(8) a:before{content: "08. ";}
.interview li:nth-child(9) a:before{content: "09. ";}
.interview li:nth-child(10) a:before{content: "10. ";}




.footer-nav{
  border-top:#cccccc solid 1px;
  background:#fafafa;
  margin-top: 100px;
  margin-bottom:50px;
  padding-top:30px;
}
/************************年間行事*******************************/

.KijiArea1{
  background:#FFF;
  border-bottom:#fafafa solid 10px;
  font-size:16px;
  height:280px;
}

.pleft{
  width:360px;
  margin-left:60px;
  line-height:1.7em;
}
.imgleft{
  width:360px;
  margin-left:60px;
  margin-top:40px;
}
  
.pright{
  margin-left:540px;
  margin-right:60px;
  line-height:1.7em;
}
.imgright{
  margin-left:60px;
  margin-top:40px;
}
.eventm{
    float:left;
  background:#e8c641;
  width:55px;
  height:45px;
  text-align:center;
  padding-top:10px;
  font-size:20px;
  margin:0}
  
/************************インタビュー*******************************/
.KijiArea2{
  margin-bottom:40px;
  font-size:15px;
  line-height:1.5em;
}
.KijiArea2 h3{
  font-size:21px;
  color:#a9cd2c;
  background:none;
  padding:0;
  margin:0;
}

.int{
  width:530px;
  letter-spacing:1px;
}
.ml440{
  margin-left:440px;
}
.bk1{
  width:220px;
  height:180px;
  background:url(../img/int01_bk.jpg) no-repeat;
  
}
.bk2{
  width:220px;
  height:180px;
  background:url(../img/int02_bk.jpg) no-repeat;
  
}
.bk3{
  width:220px;
  height:180px;
  background:url(../img/int03_bk.jpg) no-repeat;
  
}

.bk4{
  width:220px;
  height:180px;
  background:url(../img/int04_bk.jpg) no-repeat;  
}
.bk5{
  width:220px;
  height:180px;
  background:url(../img/int05_bk.jpg) no-repeat;
  
}
.bk6{
  width:220px;
  height:180px;
  background:url(../img/int06_bk.jpg) no-repeat;
  
}
.bk7{
  width:220px;
  height:180px;
  background:url(../img/int07_bk.jpg) no-repeat;
  
}

.bk8{
  width:220px;
  height:180px;
  background:url(../img/int08_bk.jpg) no-repeat;  
}

.bk9{
  width:220px;
  height:180px;
  background:url(../img/int09_bk.jpg) no-repeat;
  
}
.bk10{
  width:220px;
  height:180px;
  background:url(../img/int10_bk.jpg) no-repeat;
  
}

.bk11{
  width:220px;
  height:180px;
  background:url(../img/int11_bk.jpg) no-repeat;  
}

.bk13{
  width:220px;
  height:180px;
  background:url(../img/int13_bk.jpg) no-repeat;  
}

.bk14{
  width:220px;
  height:180px;
  background:url(../img/int14_bk.jpg) no-repeat;  
}

.bk15{
  width:220px;
  height:180px;
  background:url(../img/int15_bk.jpg) no-repeat;  
}

.bk16{
  width:220px;
  height:180px;
  background:url(../img/int16_bk.jpg) no-repeat;  
}

.bkgreen{

}
.name{
  font-size:20px;
  margin-top:3px;
  margin-bottom:10px;
}
.name span{
  font-size:14px;
}
.intbk{
  background:#a9cd2c;
  padding:5px 20px;
  color:#fff;
}
.intbka a:hover{
  color:#fff;
}
/************************募集要項*******************************/
.table1{
  border:1px solid #999;
}
.table1 th{
  border-right:1px solid #999;
  vertical-align:middle;
  padding:20px 10px;
  width:220px;
  text-align:center;
  font-size:17px;
  letter-spacing:0.2em;
  font-weight:bold;
  background:#fffce9;
}
.table1 tr{
  border-bottom:1px dashed #999;
    letter-spacing:0.2em;
}
.table1 td{
  padding:20px 20px;
}

ul#tab {
  zoom: 1;
  background:#F1F1F1;
  border-bottom: 5px solid #A9CD2D;
  list-style: none;
  margin: 0 auto 30px;
  padding: 0;
  
}
ul#tab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
ul#tab li {
  float: left;
  text-align: center;
  letter-spacing:0.2em;
  font-size:17px;
  color:#000;
  width: 50%;
}
ul#tab li:last-child {
  background: none;
}
ul#tab li a {
  display: block;
  padding: 8px 0;　　
  text-decoration: none; 
}
ul#tab li a:hover {
  background: #d1e19a;
  color: #000;
}
ul#tab li.active,
ul#tab li.active a,
ul#tab li.active a:hover {
  background: #A9CD2D;
  color: #000;
  letter-spacing:0.2em;
  font-size:17px;
}

.bd1{
  width:calc(100% / 2);
  
}
.selected{

}
#detail {
  clear: both;
  overflow: hidden;
  background: #fff;
  width: 960px;
  padding: 0px;
  margin-bottom:40px;
}
#detail-saiyou{
  clear: both;
  overflow: hidden;
  background: #fff;
  width: 960px;
  margin:40px auto;
}
.tabbox {
  display: none;
}
.step1234{
  width:960px;
  height:201px;
  background:url(../img/step1234.png) no-repeat;
  margin-bottom:30px;


}
.290px{
    display: inline;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
    position: relative;
  width:290px;
}
.tabbox span{
  font-weight:bold;
  color:#a9cd2c;
  font-size:16px;
  letter-spacing:1px;
}
.grid_4_2{
  width:300px;
  float:left;
}

.logoimg{
  color:#000;
  text-align:center;
  font-size:17px;
  margin-bottom:5px;
}

/***2019.10.08追加***/

.saiyou-btn{
  width: 960px;
  margin:30px auto 100px;
}
.saiyou-btn .saiyou-btn01{
  position: relative;
  padding-top: 50px;
}
.saiyou-btn .saiyou-btn01 .s-btn{
  position: absolute;
  top:161px;
  left:744px;
}
.saiyou-btn .saiyou-btn01 .s-btn a:hover{
background: #FFF;
opacity: 0.5;
}

.saiyo.d-tail li{
  padding-bottom: 20px;
}
.recruiting li span ,.resources-titl{
font-size: 17px;
font-weight: bold;
}

.saiyo.d-tail .seardh li span{
font-size: 17px;
font-weight: bold;
}
.resources-titl{
  margin: 0;
}
.first-titl{
  font-size: 37px;
  font-weight: bold;
  color: #a9cd2d;
  text-align: center;
  margin-bottom: 0;
}
.first-titl p{
  margin-bottom: 0;
}


/***2020.10.08追加***/
.recruit-contents{
    width: 960px;
    margin: 80px auto 100px;
}
.recruit-card_box{
    margin-top:80px;
}
.card-pnk,
.card-blu,
.card-org{
    position: relative;
    height: 188px;
    border: 1px solid #DDD;
    background: #FFF;
    width: 946px;
}
.card-pnk:before {
    position: absolute;
    z-index: 0;
    background: #ff83f5;
    content: "";
    display: block;
    width: 950px;
    height: 188px;
    z-index: -1;
    left: 10px;
    top: 14px;
}
.card-blu:before {
    position: absolute;
    z-index: 0;
    background: #4c9cff;
    content: "";
    display: block;
    width: 950px;
    height: 188px;
    z-index: -1;
    left: 10px;
    top: 14px;
}
.card-org:before {
    position: absolute;
    z-index: 0;
    background: #f39800;
    content: "";
    display: block;
    width: 950px;
    height: 188px;
    z-index: -1;
    left: 10px;
    top: 14px;
}
.recruit-det{
    position: absolute;
    left: 247px;
    top: 15px;
}
.num{
    font-size: 180px;
    line-height: 1;
    margin: 0;
    letter-spacing: -3px;
    transform: scale(0.8, 1.2);
    width: 282px;
    transform-origin: top left;
    display: block;
    text-align: center;
    font-weight: bold;
    position: absolute;
    left: 10px;
    top: -10px;
    color: #DDD;
    font-family: 'Roboto', sans-serif;
}
@media all and (-ms-high-contrast: none) {
  .num{
    line-height: 0;
    top: 96px;
font-family: 'Roboto', sans-serif;
  }
}
.recruit-card_box h3{
    font-size: 33px;
    background: none;
    color: #333;
    padding: 0;
    margin: 0 0;
}
.recruit-card_box h3 span{
   font-size: 28px; 
}
.recruit-card_box p.itm01{
    font-size: 28px;
    margin: 13px 0 13px;
    letter-spacing: 2px;
}
.recruit-card_box p.itm01 span{
font-size: 19px;
    margin-left: 5px;
}
.recruit-card_box p.itm02{
    margin: 0;
    font-size: 24px;
    letter-spacing: 2px;
}
.recruit-card_box p.itm02 span{
    font-size: 17px;
    margin-left: 17px;
}
.rec-btn{
    position: absolute;
    right: 18px;
    bottom: -6px;
}
.rec-btn a:hover{
    opacity: 0.8;
}
































  /***********************会社を知る*****************************/
.aboutus{
}
.aboutnav {
  background:url(../img/aboutnavbl.jpg) no-repeat;
  padding-top:48px;
  margin-top:60px;
  margin-top:60px;
}
.aboutnavoya{
  background:url(../img/aboutnavbl.jpg) no-repeat;
  padding-top:48px;
  margin-top:50px;
}
.aboutnav ul, .aboutnavoya ul{
  margin:0 12px 12px;
}
.aboutnav ul li, .aboutnavoya ul li{
  margin-bottom:4px;
}
.KijiArea3 h4{
  font-size:20px;
  color:#ff83f5;
  margin:15px;
}
.KijiArea3{
  margin-bottom:40px;
}
.KijiArea3 ul{
  margin-left:15px;
  letter-spacing:1px;
  list-style:inside disc;
}
.KijiArea3 ul li{
  line-height:1.5em;
}
.KijiArea3 p{
  margin-left:15px;
  letter-spacing:1px;
}
.about1{
  background:url(../img/img1.png) no-repeat;
  height:460px;
  width:330px;
  float:left;
  margin-right:40px;
}
.about1 p{
  
  padding-top:210px;
}
.about2{
  background:url(../img/img2.png) no-repeat;
  height:460px;
  width:330px;
  float:left;
}
.about2 p{
  padding-top:210px;
}
/***********************会社概要*****************************/
#CompanyProfile table {
  border-collapse: collapse;
  width:100%;
  margin-bottom:30px;
  font-size:17px;
  letter-spacing:0.1em;
}
#CompanyProfile th.t_top {
    border-top: #a9cd2c 4px solid;
}
#CompanyProfile th {
  width:200px;
  border-bottom: #e3e3e3 1px dotted;
  border-right:1px #e3e3e3 solid;
  border-left:1px #e3e3e3 solid;
  text-align: center;
  padding: 10px;
  font-weight: normal;
  vertical-align:middle;
  background:#fffce9;
}
#CompanyProfile td.t_top {
  border-top: #b3b3b3 4px solid;
}
#CompanyProfile td {
  border-bottom: #e3e3e3 1px dotted;
  text-align: left;
  padding: 10px;
  border-right:1px #e3e3e3 solid;
}

/***********************人材育成*****************************/
.KijiArea4{
  margin-bottom:30px;
}
.KijiArea4 h3 img{
  margin-right:15px;
}
.KijiArea4 h3{
  border-bottom:1px #a8cf2c solid;
  color:#333;
  font-size:18px;
  width:530px;
  background:none;
  padding:0;
  margin:0;
  
}
.studyleft{
  float:left;
  width:330px;
  margin-right:40px;
}
.studyleft img{
  margin-bottom:10px;
}
.studyright{
  float:left;
  width:330px;
}
.studyright img{
  margin-bottom:10px;
}
.pink{
  color:#ff83f5;
  font-weight:bold;
  font-size:20px;
  margin-bottom:10px;
}

  
/***********************よくある質問*****************************/
.KijiArea5 h4{
  margin:20px 20px 10px ;
  color:#333;
  background:none;
   
}
.KijiArea5 h4 img{
  margin-right:15px;
}
.KijiArea5 p{
  margin:10px 20px 30px;
  font-size:16px;
  
   
}

.KijiArea5 ul{
  margin:0 30px;
  font-size:16px;
  list-style:inside;   
}
.KijiArea5 ul li{
  line-height:1.5em;
}
.w600{
  width:600px;
}
.KijiArea5 .ImageMain1{
  margin-right:10px:
}

/***********************エントリー*****************************/
.step12345{
  width:960px;
  height:201px;
  background:url(../img/step2.png) no-repeat;
}
.entrytext{
  line-height:0.8em;
}
.formTable tr{
  line-height:2em;
}
.formTable th{
  width:230px;
}
.formTable th span{
  color:red;
}
/*****20191009追加****/
.entry-btn{
  width: 200px;
  margin: 0 auto 40px;
 }
.entry-btn p a:hover{
  background:#FFF;
  opacity: 0.5;
}


/***********************サイトマップ*****************************/
.KijiArea7 .midori{
  border-left:#a9cd2d;
  border-left: solid #a9cd2d;
margin-left: 10px;
padding: 15px;
}
.KijiArea7 .pink2  {
  border-left:#a9cd2d;
  border-left: solid #ff83f5;
    margin-left: 10px;
    padding: 15px;
}
.KijiArea7 .orange  {
  border-left:#a9cd2d;
  border-left: solid #ff83f5;
    margin-left: 10px;
    padding: 15px;
}
.KijiArea7 li{
  margin:10px 0;
}
.KijiArea7{
  font-size:18px;
}

/***********************フォトギャラリー*****************************/
.bx-custom-pager{bottom: -50px !important;}
.bx-custom-pager .bx-pager-item{width: 33%}
.bx-pager-item .active img{opacity: 0.1}
.bx-caption{
    background: #2a2a2a none repeat scroll 0% 0%;
    color: #FFF;
  opacity:0.9;
  margin-top:-37px;
}
.bx-caption span {
    color: #FFF;
    font-family: Arial;
    display: block;
    font-size: 0.85em;
    padding: 10px;
    line-height: 1.3;
  letter-spacing:0.2em;
}
#bx-pager >a {
    width:80px;
    float: left;
  margin:3.5px;
}
#bx-pager img{
  width:80px;
}
.bx-prev{
  display:none;
}

.bx-next{
  display:none;
}
.bx-viewport{
  margin-bottom:10px;
}
.mb30{
  margin-bottom:30px;
}
/***********************top-追加20191010*****************************/
.test{
  width: 960px;
  margin: 0 auto;
}
.test .n-saiyou{
  margin: 40px auto;
  position: relative;
}
.test .n-saiyou .hukidasi-btn p{
  position: absolute;
  top: 216px;
  left: 658px;
  width: 220px;
  height: 50px;
  background: #72c72a;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.test .n-saiyou .hukidasi-btn a{
  display: block;
  color: #FFF;
  font-size: 18px;
}
.test .n-saiyou .hukidasi-btn a:hover{
  opacity: 0.8;
}
.new-dtal{
width: 960px;
margin: 40px auto;
}
.new-dtal ul{
  display: flex;
  justify-content: space-around;
}
.a100-new{
  position: relative;
width: 960px;
margin: 0 auto 20px;
border-bottom: #CCC solid 1px;
}
.a100-new h2{
  position: absolute;
  top:-21px;
}

/**先輩インタビュー20191128追加
******************************/
.int_toplist{
  position:relative;
  height:575px;
  margin-bottom:40px;
  overflow:hidden;
}
.int_toplist:before{
  display:block;
  background:#D3D2D2;
  content: "";
  width:100%;
  overflow:hidden;
  height:440px;
}
.int_toplist .int_list_det{
  position:absolute;
  top: 24px;
  left: 24px;
}
.int_toplist .int_list_det p{
  margin:0 0 20px;
  font-size:18px;
  font-weight:bold;
}
.int_toplist .int_list_det p.int_name{
  position:absolute;
  top: 66px;
  left: 0;
}
.int_toplist .int_num{
  font-size: 279px;
  font-weight: bold;
  position: absolute;
  top: 50px;
  left: -44px;
  color:#FFF;
}
.int_toplist:hover .int_num{
  color:#a9cd2c;
}
.int_toplist a{
  position: absolute;
  top: 0;
  height: 100%;
  display: block;
  width: 100%;
}
.int_toplist img{
  position:absolute;
  top:20px;
}

ul.int_thumbnail{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
ul.int_thumbnail li{
  width:220px;
}
ul.int_thumbnail li a:hover .name{
color:initial;
}
ul.int_thumbnail li a .int_thumbbox{
  position: relative;
  display: block;
  height: 180px;
}
ul.int_thumbnail li a .int_thumbbox img{
  position:absolute;
  top:0;
}
ul.int_thumbnail li a .int_thumbbox .thmb_num{
    position: absolute;
    top: 20px;
    left: 10px;
    z-index: 1;
    font-size: 45px;
font-weight:bold;
    color: #333;
transition: 0.4s ease-in-out;
}
ul.int_thumbnail li:hover a .int_thumbbox .thmb_num{
    color: #FFF;
}
ul.int_thumbnail li a .int_thumbbox .thmb_ttl{
color: #FFF;
opacity:0;
  position: absolute;
  top:50%;
  margin:0;
  text-align:center;
  width:100%;
  color:#FFF;
font-size:15px;
  transform:translate(0, -50%);
  z-index:2;
  font-weight:bold;
transition: 0.4s ease-in-out;
}
ul.int_thumbnail li:hover a .int_thumbbox .thmb_ttl{
display:block;
opacity:1;
}

ul.int_thumbnail li a .int_thumbbox:before{
display:block;
position:absolute;
width:100%;
height:100%;
background-color:transparent;
transition: background 0.4s ease-in-out;
content:"";
top:0;
left:0;
z-index:1;
}
ul.int_thumbnail li:hover a .int_thumbbox.pink:before{
background-color:rgba(255, 131, 245, 0.6);
}
ul.int_thumbnail li:hover a .int_thumbbox.green:before{
background-color:rgba(169, 205, 43, 0.6);
}
ul.int_thumbnail li:hover a .int_thumbbox.orange:before{
background-color:rgba(239, 197, 61, 0.6);
}

ul.int_thumbnail li a p.name span{
  display:block;
}