

:root {
  --cTxt:#434343;
  --cUC:rgba(26, 161, 169,1);
  --cAcdActive:rgba(140, 210, 224,1);
  --cError:#f27895;/*23.07.27追加*/
  /*23.08.16追加*/
  --cPoint:#f27895;/*NEWなどのピンク(エラーカラーと同)*/
  --cSub01:#c6f3f6;/* 日付などのBG用 明るめの水色*/
  --cSub02:#97dade;/* ボタン色・アコーディオンなど 薄い緑青*/
  --cSub02hv:#aee2e5;/* 02:hover*/
  --cSubGray01:#f3f3f3;/* 最薄のグレー*/


}


.contsBox {
  background: #ffffff;
  position: relative;
  box-sizing: border-box;
}

.contsTtl{
  display:block;
}

.contsTtl.lineTtl{
  border-bottom: 1px dashed  var(--cMain);
}

.contsTtl > div{
  font-weight:bold;
  line-height:1;
}

h1.inrTtl{
  font-weight:bold;
}

.contsBox.headBox h1{
  border-bottom:1px dotted #cccccc;
}


.secBase h2{
  font-size:18px;
  font-weight:bold;
  margin-bottom:15px;
  display:flex;
  align-items: center;
}

.secBase h2::before{
  content: "";
  width:0 ;
  height:0;
  display:block;
}

.secBase h2 div{
  line-height:1;
}

.secSeparate{
  border-top:1px dotted #cccccc;
}



/*----------------------------------------*/
/* 新着*/
/*----------------------------------------*/

#newList{
  display:flex;
  justify-content: space-between;
}

.newBtn{
  background:url("../img/arrow_right.svg") no-repeat left center;
}

.newBtn span{
  font-weight:bold;
}

.newBtn:hover small{
  text-decoration: underline;
}

.newBtn small{
  color:#f27895;
}

/*----------------------------------------*/
/* インターンシップ&キャリアを検索する*/
/*----------------------------------------*/

.secHeader{
  width:100%;
  position:relative;
}



/* フリーワード*/
/*----------------------------------------*/

.reSrcBox div.secFreeWord h3{
  color:var(--cUC);
}



/* クイック検索パーツ*/
/*----------------------------------------*/

.srcInr .search__keyword{
  margin:0 0 0 0;
}

.quickSrcDate{
  display:flex;
}

/* 条件検索検索ボタン  */
/*----------------------------------------*/

.mdlBtnList .modalBtn,
.mdlBtnList .modalBtnBase{
  background:#e6e6e6;
  cursor:pointer;
}

.mdlBtnList .txtSrc{
  margin:0 0 0 0;
  line-height:1;
  font-weight:bold;
  display:table-cell;
  vertical-align: middle;
  width:100%;
  text-align:center;
}

.mdlBtnList .txtSrc div{
  color:var(--cUC);
}


.mdlBtnList .txtSrc small{
  display:table;
  margin:0 auto;
}

.mdlBtnList .txtSrc small span{
  display:table-cell;
  vertical-align: middle;
  font-weight:normal;
  line-height:1.3;
}


/* オリジナル項目*/
/*----------------------------------------*/


.secOriginal h2{
  background:#eeeeee;
  border-top:2px solid var(--cUC);
  font-weight:bold;
  display:flex;
  align-items: center;
}

.secOriginal h3{
  color:var(--cUC);
  font-size:18px;
}


/* 検索結果画面*/
/*----------------------------------------*/

.contsBox.headBox .resultFlx{
  display:flex;
}

/* 検索結果件数*/

.srcResult .srcResultList{
  display:flex;
  justify-content: space-between;
}

.srcResult strong{
  font-weight:bold;
  font-size:190%;
  display:inline-block;
}

/* 検索条件*/

.srcDetail .acdTrigger {
  background: url(../img/ico_under.png) right 10px center no-repeat #95dadf;
  cursor: pointer;
  line-height: 1;
}
.srcDetail.opened .acdTrigger {
  background-image: url(../img/ico_up.png);
}
.srcDetail .acdTrigger .closeTxt{		display:none;	}
.srcDetail.opened .acdTrigger .closeTxt{ 	display:block;	}
.srcDetail.opened .acdTrigger .openTxt{		display:none;	}

.srcDetail .acdTgt {
  overflow: hidden;
  height:0;
  position: relative;
  transition: all .5s ease-out;
}

.srcDetail.opened .acdTgt {
  height:auto;
}

.srcDetailList .resultFlx dt{
  display:flex;
}

.srcDetailList .resultFlx dt::after{
  content:'：';
}

/* 再検索*/

.srcRe h2{
  display:flex;
  align-items: center;
}

.srcRe h2::before{
  content:"";
  display:block;
  width:0;
  height:0;
}

/* 23.07.27 エラーメッセージ関連修正*/

.errorMsg{
  color:var(--cError) !important;
}

.srcRe .mdlBtnList.srcResultBtnList .modalBtnBase{
  display: table;
}

.srcRe .mdlBtnList.srcResultBtnList .modalBtnBase .txtSrc{
  display: table-cell;
  vertical-align: middle;
}

.srcRe .mdlBtnList.srcResultBtnList .modalBtnBase .txtSrc > div{
  display:block;
}

.srcRe .mdlBtnList.srcResultBtnList .modalBtnBase .txtSrc > div.errorMsg{
  display:flex;
  justify-content: center;
  align-items: center;
}

.srcRe .mdlBtnList.srcResultBtnList .modalBtnBase .txtSrc > div.errorMsg div{
  color:var(--cError) !important;
  font-weight:normal;
}


/* End cmn */
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/



/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media screen and (min-width: 981px) {

  .contsBox {
    margin-top:30px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(45, 45, 45, 0.15);
    padding: 15px 20px 10px;
  }

  .contsBox.headBox {
    margin-top:0px;
    padding: 20px 20px 20px;
  }

  .contsBox.headBox h1{
    padding-bottom:10px;
    border-bottom:1px dotted #cccccc;
    margin-bottom:20px;
  }

  .contsBox.headBox h1 div{
    font-size:18px;
    border-left:8px solid var(--cUC);
    padding:7px 0 3px 10px;
    line-height:1;
  }



  .contsBox .spOnly{
    display:none;
  }

  .srcInr{
    margin-bottom:30px;
  }

  .contsTtl{
    padding:10px 0 ;
  }
  .contsTtl.lineTtl{
    margin-bottom:20px;
  }
  .contsTtl > div{
    border-left:13px solid var(--cMain);
    font-size:20px;
    padding:8px 0 5px 15px;
  }

  h1.inrTtl{
    font-size:18px;
    margin-bottom:10px;
  }

  .secSeparate{
    padding-top:30px;
  }

  .secBase h2::before{
    border-left:8px solid var(--cUC);
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    margin-right:8px;
  }
  .secBase h2 div{
    padding-top:4px;
    font-size:15px;
  }


  /*----------------------------------------*/
  /* 新着*/
  /*----------------------------------------*/

  .newBtn{
    width:315px;
    padding:2px 0 2px 16px;
    background-size:10px;
  }

  .newBtn span{
    font-size:16px;
  }


  .newBtn small{
    display:inline-block;
    margin-left:5px;
    font-size:11px;
  }

  /* インターンシップ&キャリアを検索する*/
  /*----------------------------------------*/

  .secHeader{
    height:70px;
  }

  .secHeader .subTxtBtn{
    position:absolute;
    right:3px;
    top:18px;
  }

  /* フリーワード*/
  /*----------------------------------------*/

  .secFreeWord{
    padding-bottom:40px;
    padding-top:10px;
  }

  /* フリーワード 再検索*/
  /*----------------------------------------*/

  .reSrcBox{
  }

  .reSrcBox div.secFreeWord{
    display:flex;
    align-items: center;
    padding-bottom:10px;
    padding-top:0;
  }

  .reSrcBox div.secFreeWord h3{
    width:150px;
  }

  .reSrcBox .secFreeWord .search__keyword{
    margin: 0 0 0;
    width:500px;
  }

  .reSrcBox div.secFreeWord .search__keyword input[type="text"] {
    width: 500px;
  }


  /* クイック検索パーツ*/
  /*----------------------------------------*/

  #quickSrcDate{
    display:flex;
    align-items: center;
    margin-top:10px;
  }

  #quickSrcDate dt{
    padding-bottom:5px;
  }

  /* 条件検索検索ボタン  */
  /*----------------------------------------*/

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

  .mdlBtnList{
    padding:0 0 20px;
  }
  .mdlBtnList li{
    border-radius: 10px;
    padding:5px 0 3px 0;
    width:210px;
  }

  .mdlBtnList .txtSrc{
    padding:10px 0 3px;
    width:210px;
    text-align:center;
    font-size:15px;
  }

  /*23.06.25追加 検索結果内ボタン*/
  .mdlBtnList.srcResultBtnList{
    padding:10px 0 0;
  }

  .mdlBtnList.srcResultBtnList .txtSrc{
    padding:10px 0 10px;
  }


  .mdlBtnList .txtSrc small{
    width:200px;
    background:url('../img/btn_mdl_line.svg') no-repeat top  ;
    padding-top:14px;
    margin-top:3px;
  }

  .mdlBtnList .txtSrc small span{
    height:24px;
    font-size:11px;
  }

  /*23.06.21追加 ボタン2つ並び*/
  .mdlBtnList.listTwoCol li{
    width:320px;
  }
  .mdlBtnList.listTwoCol .txtSrc{
    width:320px;
  }

  /*23.08.21追加 ボタン2つ並び用　背景*/

  .mdlBtnList.listTwoCol small{
    width:300px;
    background:url('../img/btn_mdl_line300.svg') no-repeat top  ;
  }




  /*検索結果画面*/

  .srcResultBtnList{
    justify-content: center;
  }

  .srcResultBtnList li{
    width:320px;
  }

  .srcResultBtnList li:nth-of-type(2){
    margin-left:10px;
  }

  .srcResultBtnList .txtSrc{
    width:320px;
  }


  /* オリジナル項目*/
  /*----------------------------------------*/

  .secOriginal h2{
    margin-top:20px;
  }
  .secOriginal h2{
    font-size:18px;
    margin-bottom:15px;
  }
  .secOriginal h2 div{
    padding:7px 0 5px 10px;
  }
  .secOriginal h3{
    font-size:18px;
  }

  /* セミナー検索*/
  /*----------------------------------------*/

  #smnSrcBox .secBase{
    margin-bottom:20px;
  }


  /* 検索結果画面*/
  /*----------------------------------------*/

  /* 検索結果件数*/

  .srcResult {
    margin-bottom:15px;
  }

  .srcResult .srcResultList .resultFlx{
    align-items: center;
    font-size:16px;
  }

  .srcResult .srcResultList dt{
    padding-top:7px;
    padding-right:5px;
  }

  .srcResult .srcResultList strong{
    padding-right:5px;
  }

  /* 検索条件*/

  .srcDetail.opened .acdTgt {
    padding-bottom:20px;
  }

  .srcDetail{
    margin-bottom:30px;
    font-size:12px;
    line-height:1.8;
  }
  .srcDetailList .resultFlx{
    padding-bottom:7px;
  }

  .srcDetailList .resultFlx dt span{
    width:160px;
  }

  .srcDetailList .resultFlx dt::after{
    padding-right:5px;
  }

  .srcDetail .acdTrigger {
    font-size:14px;
    padding: 8px 12px 5px;
    background-size:18px;
    line-height:1.2;
  }


  /* 再検索*/

  .srcRe h2{
    margin-bottom:15px;
  }

  .srcRe h2::before{
    border-top:10px solid var(--cUC);
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    margin-right:8px;
  }

  .srcRe h2 div{
    font-size:14px;
    width:190px;
    margin-right:16px;
  }

  .srcRe h2::after{
    content:"";
    width:460px;
    border-bottom:1px dotted var(--cUC);
  }

  /* 23.07.27 エラーメッセージ関連修正*/

  .errorMsg div{
    padding:8px 0 0;
    font-size:14px;
  }

  .srcRe .mdlBtnList.srcResultBtnList .modalBtnBase .txtSrc > div.errorMsg{
    padding-top:8px;
    margin:0 0 0 0;
  }

  .srcRe .mdlBtnList.srcResultBtnList .modalBtnBase .txtSrc > div.errorMsg div{
    padding:0 0 0;
    font-size:12px;
  }

  .srcRe .mdlBtnList.srcResultBtnList .modalBtnBase .txtSrc > div.errorMsg .iconNotice{
    width:16px;
    margin:0 7px 0 0;
  }


} /* End min981 */
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/





/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media screen and (max-width: 980px) {

  .contsBox {
    width:96vw;
    margin:0 auto;
    border-radius: 5vw;
    box-shadow: 0 0 10px rgba(45, 45, 45, 0.15);
    padding: 3vw 4vw 4vw;
  }

  .contsBox.headBox {
    width:100%;
    margin:2vw auto 1vw;
    box-shadow: 0 0 0 rgba(45, 45, 45, 0.15);
  }

  .contsBox.headBox h1{
    padding-bottom:3vw;
    margin-bottom:3vw;
  }

  .contsBox.headBox h1 div{
    font-size:3.8vw;
    border-left:7px solid var(--cUC);
    padding:1vw 0 0.2vw 2vw;
    line-height:1;
  }


  .contsBox .pcOnly{
    display:none;
  }


  .srcInr{
    margin-bottom:30px;
  }

  .contsTtl{
    padding:2vw 0 ;
  }
  .contsTtl.lineTtl{
    margin-bottom:3vw;
  }

  .contsTtl > div{
    border-left:2vw solid var(--cMain);
    font-size:4vw;
    padding:1vw 0 1vw 2vw;
  }
  h1.inrTtl{
    font-size:3vw;
    margin-bottom:2vw;
  }

  .secBase{
    padding:5vw 0;
  }

  .secBase h2::before{
    border-left:2.5vw solid var(--cUC);
    border-top:1.8vw solid transparent;
    border-bottom:1.8vw solid transparent;
    margin-right:2vw;
  }
  .secBase h2 div{
    font-size:3.5vw;
  }


  /*----------------------------------------*/
  /* 新着*/
  /*----------------------------------------*/

  .newBtn{
    width:43vw;
    padding:2vw 0 2vw 3vw;
    border-radius:2vw;
    background-size:2vw;
  }


  .newBtn div{
    width:43vw;
  }
  .newBtn span{
    display:block;
    width:100%;
    font-size:3.3vw;
    margin-bottom:0;
    padding:0 0 0 0;
    line-height:1;
  }
  .newBtn small{
    text-align:center;
    font-size:2.3vw;
  }

  /*----------------------------------------*/
  /* インターンシップ&キャリアを検索する*/
  /*----------------------------------------*/

  .secHeader{
    margin-bottom:2vw;
  }

  .secHeader h1.contsTtl{
    margin-bottom:0.8vw;
  }

  .secHeader .subTxtBtn{
    text-align: right;
  }
  .secHeader .subTxtBtn	.modal__btn{
    font-size:2.6vw;
  }


  /* フリーワード*/
  /*----------------------------------------*/

  .secFreeWord{
    padding-bottom:4vw;
    padding-top:0;
  }
  .contsBox.headBox	.secFreeWord h2{
    margin-bottom:1vw;
  }
  .contsBox.headBox	.secFreeWord .search__keyword{
    margin-top:0;
  }

  .reSrcBox div.secFreeWord h3{
    font-size:3.6vw;
    margin-bottom:1.5vw;
  }

  /*23.09.13追加*/
  .secFreeWord input::placeholder {
    font-size: 2.5vw;
  }

  /* クイック検索パーツ*/
  /*----------------------------------------*/

  #quickSrcDate{
    margin-top:2vw;
  }

  #quickSrcDate dt span{
    display:none;
  }

  #quickSrcDate .dis,#quickSrcDate .cal1{
    margin-left: 0px;
  }

  /* 条件検索検索ボタン  */
  /*----------------------------------------*/

  .mdlBtnList{
    width:90vw;
  }

  .mdlBtnList .modalBtn,
  .mdlBtnList .modalBtnBase{
    border-radius: 2vw;
    margin: 0 0 3vw;
  }

  .mdlBtnList .txtSrc{
    padding:1vw 0;
    text-align:center;
    height:14vw;
    display:flex;
    align-items: center;
  }

  .mdlBtnList .txtSrc > div{
    width:38vw;
    text-align: center;
    font-size:3.4vw;
    padding-left:2vw;
    box-sizing: border-box;
  }

  /*23.06.25追加 検索結果内ボタン*/
  .mdlBtnList.srcResultBtnList{
    display: flex;
    justify-content: space-between;
    width:100%;
  }

  .mdlBtnList.srcResultBtnList .modalBtnBase{
    margin:0 auto;
  }

  .mdlBtnList.srcResultBtnList .modalBtnBase .txtSrc{
    display:table;
    height:9vw;
  }

  .mdlBtnList.srcResultBtnList .modalBtnBase .txtSrc > div{
    width:42vw;
    display:table-cell;
    height:9vw;
    text-align: center;
    vertical-align: middle;
    font-size:3vw;
    line-height:1.4;
    padding:1.2vw 2vw 0.5vw;
    box-sizing: border-box;
  }

  .mdlBtnList .txtSrc small{
    width:50vw;
    background:url("../img/btn_mdl_line_sp.svg") no-repeat left  center;
    background-size:contain;
    padding-left:5vw;
    height:14vw;
  }

  .mdlBtnList .txtSrc small span{
    text-align:left;
    font-size:2.6vw;
  }

  /* オリジナル項目*/
  /*----------------------------------------*/

  .secOriginal h2{
    margin-top:3vw;
  }
  .secOriginal h2{
    font-size:3.8vw;
    margin-bottom:2vw;
  }
  .secOriginal h2 div{
    padding:1vw 0 1vw 3vw;
  }
  .secOriginal h3{
    font-size:3.4vw;
  }
  .secOriginal .secSeparate{
    padding-top:3vw;
  }


  /* セミナー検索*/
  /*----------------------------------------*/

  #smnSrcBox{
    margin-top:8vw;
    margin-bottom:5vw;
  }

  #smnSrcBox #smnSrcDate{
    margin-left:0;
  }


  #smnSrcDate .dis,#smnSrcDate .cal1{
    margin-left: 0px;
  }



  /* 検索結果画面*/
  /*----------------------------------------*/

  /* 検索結果件数*/

  .srcResult {
    margin-bottom:3vw;
  }

  .srcResult .srcResultList .resultFlx{
    align-items: center;
    font-size:3vw;
  }

  .srcResult .srcResultList dt{
    padding-top:1.2vw;
    padding-right:0.6vw;
  }

  .srcResult .srcResultList strong{
    padding-right:0.7vw;
  }

  /* 検索条件*/

  .srcDetail .acdTrigger {
    font-size:3.2vw;
    padding: 1.6vw 1.8vw 1.2vw;
    background-size:3vw;
    line-height:1.2;
    margin:0 0 0 ;
  }

  .srcDetail.opened .acdTgt {
    padding-bottom:4vw;
  }

  .srcDetail{
    margin-bottom:5vw;
    font-size:2.8vw;
    line-height:1.8;
    padding:0 0 0 0;
  }
  .srcDetailList .resultFlx{
    padding-bottom:1vw;
  }

  .srcDetailList .resultFlx dt span{
    width:28vw;
  }

  .srcDetailList .resultFlx dt::after{
    padding-right:0.5vw;
  }


  /* 再検索 エリア*/

  .srcRe h2{
    margin-bottom:2vw;
  }

  .srcRe h2::before{
    border-top:2.2vw solid var(--cUC);
    border-left:1.6vw solid transparent;
    border-right:1.6vw solid transparent;
    margin-right:1.5vw;
  }

  .srcRe h2 div{
    font-size:3.5vw;
    width:43vw;
    margin-right:16px;
  }

  .srcRe h2::after{
    width:39vw;
    content:"";
    border-bottom:1px dotted var(--cUC);
  }


  /* 23.07.27 エラーメッセージ関連修正*/

  .errorMsg{
    color:var(--cError);
    font-size:3vw;
  }


  .srcRe .mdlBtnList{
  }

  .srcRe .mdlBtnList.srcResultBtnList .modalBtnBase{
    display: table;
    width:44.2vw;
    margin:0 auto 0;
  }

  .srcRe .mdlBtnList.srcResultBtnList .modalBtnBase:nth-of-type(2){
    margin-left:1.6vw;
  }


  .srcRe .mdlBtnList.srcResultBtnList .modalBtnBase .txtSrc > div{
    display:block;
    padding:1.2vw 0vw 0.8vw;
    width:100%;
    height:auto;
  }

  .srcRe .mdlBtnList.srcResultBtnList .modalBtnBase .txtSrc > div.errorMsg{
    padding-top:0vw;
    margin:0 0 0 0;
  }

  .srcRe .mdlBtnList.srcResultBtnList .modalBtnBase .txtSrc > div.errorMsg div{
    padding:0 0 0;
    font-size:2.6vw;
  }

  .srcRe .mdlBtnList.srcResultBtnList .modalBtnBase .txtSrc > div.errorMsg .iconNotice{
    width:3vw;
    margin:0 1vw 0 0;
  }

}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
