/*--------------------------------------------------------
floatingBanner
--------------------------------------------------------*/
.floatingBanner { width: 250px; height: 150px; background-color: #ccc; border-radius: 6px; padding: 6px;
position: fixed; z-index: 10; bottom: 20px; right: 100px;
}  
.floatingBanner .closebtn { width: 20px; height: 20px; text-align: center; background: #fff; border-radius: 50%; 
position: absolute; top: -5px; right: -5px; cursor: pointer;
}
.floatingBanner .closebtn .iconfont-close { font-size: 12px; font-weight: bold; color: #000;}
.floatingBanner .title { font-size: 14px; text-align: center; line-height: 30px; font-weight: 700;}
.floatingBanner .content { display: flex; flex-direction: column; height: 108px; background-color: #fff; border-radius: 6px; overflow: hidden;}
.floatingBanner .content .lead { display: flex; justify-content: center; align-items: center; height: 72px; }
.floatingBanner .content .lead > .text { font-size: 12px; text-align: center; top:0;}
.floatingBanner.isInternship .content .lead > .text { font-size: 13px; text-align: center; line-height: 1.4; top:0;}
.floatingBanner.isCareer .content .lead .text { font-size: 12px; text-align: center;}
.floatingBanner .content .lead .text span { font-weight: bold; background: linear-gradient(180deg, #fff 0%, #fff 70%, #FBF135 70%, #F8AA3E 100%);} 
.floatingBanner .content .entry { display: flex; align-items: center; height: 36px; font-size: 16px; background-color: #000; color: #FFF; text-align: center; line-height: 36px;}
.floatingBanner .content .entry .more { display: block; width: 20px; height: 30px; border-bottom: none;}
.floatingBanner .content .entry .more::after {
    display: inline-block;
    font-family: "iconfont";
    font-weight: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    user-select: none;
    content: "\f102";
    font-weight: bold;
    font-size: 16px;
  }

/* キャリア*/
.floatingBanner.isCareer { background-color: #F8AA3E;}
  
/*インターンシップ*/
.floatingBanner.recruit_circuit { width: 250px; background-color: #fdf142;/*#007c6c*/ border: 1px solid #fff;}
.floatingBanner.isInternship .content .entry { color: #fff;/*#fdf142*/}

/*リクルート*/
.floatingBanner.recruit.circuit { bottom: 110px;}
.floatingBanner.recruit.soft { }

.floatingBanner.recruit { width: 250px; height: 85px; background-color: #2866a7; border: 1px solid rgba(255, 255, 255, 0.6);}
.floatingBanner.recruit .content { height: auto;}
.floatingBanner.recruit .title { color: #fff;}

    /*
   .floatingBanner .content .entry {
    font-size: 16px;
    height: 36px;
    background-color: #000;
    color: #FFF;
    text-align: center;
    line-height: 36px;
    display: flex;
    align-items: center;
  }
  .floatingBanner .content .entry .text {
    font-size: 16px;
    width: 218px;
    padding-left: 20px;
    top: 0;
  }
  */


@media (max-width:640px) {
.floatingBanner { right: auto !important; left: 12px !important; bottom: 10px !important;}

.floatingBanner.recruit.circuit { bottom: 110px !important;}
.floatingBanner.recruit.soft { }
}

@media (min-width:641px) {
.floatingBanner { right: 100px !important}
}