/*** 採用インタビュー 一覧 PC ***/
@media screen and (min-width:641px){

/* ===================================
all
=================================== */

a:link,
a:hover,
a:active,
a:visited{
    text-decoration: none;
    color: #333;
}
#mainWrap .mainBox .interviewLink:hover .new,
#mainWrap .mainBox .interviewLink:hover .tagInfo,
#mainWrap .mainBox .interviewLink:hover .caption,
#mainWrap .mainBox .interviewLink:hover .year,
#mainWrap .mainBox .interviewLink:hover img.nameImg,
#mainWrap .mainBox .interviewLink:hover img.nameEnglishImg{
    opacity: 0.7;
}
.tag:hover {
    opacity: 0.7;
}
body{
    color: #333333;
}
    
/* ===================================
.top
=================================== */
.top{
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}
.topSearchArea,
.topTagArea{
    width: 1150px;
    margin: 0 auto;
}
.topTagArea{
    padding: 35px 0 30px;
    height: 120px;
}
.topTagArea .tags{
    margin-top: 40px;
}
.topTagArea .tags.topNo{
    margin-top: 0;
}
.bigCategory{
    width: 850px;
    float: left;
    font-size: 13px;
}
.bigCategory li{
    display: inline;
}
.bigCategory .cate{
    width: 160px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    color: #000000;
    text-align: center;
}
.bigCategory .cate:hover{
    opacity: 0.7;
}
.bigCategory .active{
    background-color: #E7EFDE;
    font-weight: bold;
}
.searchBar{
    float: right;
}
.search{
    width: 252px;
    height: 30px;
    display: inline-block;
    line-height: 70px;
    position: relative;
}
.freeword{
    width: 194px;
    height: 30px;
    padding-left: 8px;
    display: inline-block;
    border: 1px solid #E9E9E9;
}
.sendButton:hover{
    opacity: 0.7;
    cursor : pointer;
}
.sendButton{
    width: 45px;
    height: 35px;
    position: absolute;
    top: 18px;
    right: 0;
    border: 0;
    background: url(../img/ico_search_01.png);
}
.bigTitle{
    clear: both;
    margin: 0;
    width: 100%;
    background-color: #E7EFDE;
}
.bigTitle .mainTag{
    width: 160px;
    height: 40px;
    background-color: #51AB00;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    line-height: 40px;
}
.bigTitle .title{
    margin: 0 20px;
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    vertical-align: middle;
    font-family: Quicksand, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.bigTitle .subTitle{
    font-size: 18px;
    font-family: Quicksand, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
}
.bigTitle .comment{
    margin: 20px 0 15px;
    font-size: 15px;
    font-family: Quicksand, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.bigTitle .tags{
    width: 1000px;
    font-family: Quicksand, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.bigTitle .tags li{
    display: inline-block;
    height: 22px;
    line-height: 22px;
    border: #D6D6D6 solid 1px;
    background-color: #fff;
    border-radius: 11px;
    color: #333;
    background-image: url(../img/ico_interview_03.png);
    background-repeat: no-repeat;
    background-position: 10px 4px;
    margin-bottom: 8px;
}
.bigTitle .tags .tag{
    padding-left: 32px;
    padding-right: 15px;
}
.bigTitle .tags .tag::before{
}

/* ===================================
#mainContents
=================================== */
#mainContents{
    margin: 64px auto 0;
    width: 800px;
}
.counter{
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 17px;
}
.counter span{
    font-size: 15px;
}
.mainBox{
    width: 800px;
    height: 260px;
    margin-bottom: 20px;
    background-color: #ffffff;
    position: relative;
    border: #E9E9E9 solid 1px;
}
.mainBox .imgInfo{
    float: left;
    width: 400px;
    height: 260px;
}
.mainBox .info{
    width: 350px;
    padding: 20px 30px 0 20px;
    float: right;
    background-image: url(../img/ico_interview_01.png);
    background-repeat: no-repeat;
    background-position: 360px 5px;
}
.mainBox .info .tagInfo{
    padding: 4px 5px;
    font-size: 12px;
    line-height: 1em;
    display: inline-block;
    background-color: #51AB00;
    color: #ffffff;
}
.mainBox .info .date{
    letter-spacing: 0.5px;
    display: inline-block;
    color: #8D9195;
    vertical-align: middle;
    font-size: 13px;
}
.mainBox .centerInfo{
    margin-top: 20px;
}
.mainBox .centerInfo .caption{
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.5;
    color: #333;
    height: 50px;
}
.mainBox .centerInfo .year{
    font-size: 14px;
    display: inline-block;
}
.mainBox .centerInfo .job{
    font-size: 14px;
    display: inline-block;
    margin-left: 5px;
}
.mainBox .centerInfo .name{
    font-size: 20px;
    display: inline-block;
    margin-top: 10px;
}
.mainBox .centerInfo .nameAlpha{
    display: inline-block;
    font-family: 'Caveat', cursive;
    color: #DFC352;
    font-size: 25px;
}
.mainBox .bottomInfo{
    width: 375px;
    height: 45px;
    position: absolute;
    bottom: 16px;
    left: 420px;
}
.mainBox .bottomInfo li:last-child::after{
    content: "";
    margin-left: 0;
}
.mainBox .topTag{
    padding-left: 25px;
    background-image: url(../img/ico_interview_03.png);
    background-repeat: no-repeat;
    background-position: 2px 3px;
}
.mainBox .bottomInfo li{
    display: inline-block;
    line-height: 20px;
}
.mainBox .bottomInfo .annexedTag{
    display: inline-block;
    margin: 0;
}
.mainBox .bottomInfo .annexedTag:hover{
    opacity: 0.7;
}
.mainBox .bottomInfo span:nth-child(n){
    border-bottom: 1px solid #000000;
}
.mainBox .bottomInfo li::after{
    content: "，";
    margin-left: 2px;
}

.nameImg{
    margin-top: 10px;
    height: 20px;
}
.nameEnglishImg{
    position: absolute;
    top: 150px;
    margin-left: 10px;
    height: 19px;
}
/* =========================================================
  .pagenavi
  ========================================================= */
/*** セレクト型ページングのスタイル ***/
.pagenavi {
  margin: 0;
  text-align: center;
}
.pagenavi .next__large {
  width: 100%;
  height: 74px;
  margin: 0 0 25px;
  display: block;
  position: relative;
  border: 3px solid #504842;
  line-height: 74px;
  font-size: 20px;
  text-decoration: none;
  color: #634238;
  background: #FFF;
}
.pagenavi .next__large a {
  display: block;
  text-decoration: none;
  color: #333;
}
.pagenavi .next__large a:before {
  position: absolute;
  width: 8px;
  height: 8px;
  right: 30px;
  top: 32px;
  content: "";
  transform: rotate(45deg);
  vertical-align: middle;
  border-top: 3px solid #4a413f;
  border-right: 3px solid #4a413f;
}
.pagenavi .next__large a:hover {
  color: #333;
}
.pagenavi .next__large:hover {
  opacity: 0.7;
}
.pagenavi .page {
  position: relative;
}
.pagenavi .page .prev,
.pagenavi .page .next {
  width: 52px;
  height: 42px;
  line-height: 42px;
  text-decoration: none;
  color: #333;
  border: 1px solid #D6D6D6;
  border-radius: 2px;
  box-sizing: border-box;
  background: #FFF;
  display: inline-block;
  vertical-align: middle;
}
.pagenavi .page .prev:hover,
.pagenavi .page .next:hover {
  color: #333;
  opacity: 0.7;
}
.pagenavi .page .page-number {
  width: 168px;
  height: 42px;
  line-height: 42px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}
.pagenavi .page .page-number__label {
  width: 100%;
  height: 100%;
  text-align: center;
  border: 1px solid #D6D6D6;
  border-radius: 2px;
  box-sizing: border-box;
  position: relative;
  background: #FFF;
  display: inline-block;
}
.pagenavi .page .page-number__label:after {
  position: absolute;
  width: 5px;
  height: 5px;
  right: 9px;
  top: 15px;
  content: "";
  transform: rotate(135deg);
  transition: 0.5s;
  vertical-align: middle;
  border-top: 1px solid #C8C4BE;
  border-right: 1px solid #C8C4BE;
}
.pagenavi .page .page-number select {
  -moz-appearance: button;
  -webkit-appearance: button;
  appearance: button;
  width: 168px;
  height: 42px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.pagenavi .page .nolink {
  pointer-events: none;
  opacity: 0.5;
}
  
/* notfound */
.notfound{
    font-size: 16px;
    line-height: 1.6;
}
.notfound .link{
    margin-top: 10px;
}
.notfound .link a{
    text-decoration: underline;
    color: rgb(85, 26, 139);
}
/* ===================================
.sideColumnFrame
=================================== */
#sideNewsRank .sideSecTitle{
    border-top: 1px solid #E1E1E1;
}
.sideColumnFrame{
    margin: 104px auto 0;
}
.sideTop{
    margin: 0;
    padding: 20px 0;
    background-color: #F4F6F1;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid #E1E1E1;
}
.blogTop{
    border: none;
}
.sideContent{
    margin: 10px 20px;
    overflow: hidden;
    border-bottom: 1px solid #E1E1E1;
}
.sideContent .blogImg,
.sideContent .newsImg{
    float: right;
    margin-left: 10px;
}
.sideContent .caption{
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #614139;
}
.sideContent .writter{
    clear: both;
    width: 100%;
}
.sideContent .writter .writterName{

    display: inline-block;
}
.sideContent .blogBottom{
    margin: 10px 0;
}
.sideContent .newsBottom{
    margin: 20px 0 10px;
}
.sideContent .blogBottom .blogTag{
    padding: 4px 5px;
    margin-right: 2px;
    font-size: 12px;
    line-height: 1em;
    display: inline-block;
    background-color: #6C512D;
    color: #ffffff;
}
.sideContent .newsBottom .newsTag{
    padding: 4px 5px;
    margin-right: 2px;
    font-size: 12px;
    line-height: 1em;
    display: inline-block;
    background-color: #1A5084;
    color: #ffffff;
}
.blogLink,
.newsLink{
    clear: both;
    margin: 15px 20px;
    text-align: right;
    font-size: 15px;
}
.blogLink::before,
.newsLink::before{
    content: ">";
    margin-right: 10px;
    color: #DFC352;
    font-weight: bold;
}
.clear{
    clear: both;
    margin: 5px 0;
}

    /* はこだて未来大学のみなさんへ */
    .gbox{
        margin: 70px 0 50px;
        position: relative;
    }
    .gbox h2{
        font-size: 30px;
        font-weight: bold;
        color: #46839F;
        margin-left: 250px;
        margin-bottom: 20px;
    }
    .gbox .inner{
        position: relative;
        font-size: 16px;
        background: #47839F;
    }
    .gbox .person{
        position: absolute;
        top: -100px;
        left: 25px;
        color: #fff;
    }
    .gbox .person .name{
        padding: 10px 0 0 20px;
    }
    .gbox .person h3{
        font-size: 24px;
        margin: 0 0 14px;
        font-weight: bold;
    }
    .gbox .person h4{
        font-size: 14px;
        line-height: 1.7;
    }
    .gbox .interview{
        box-sizing: border-box;
        font-size: 16px;
        line-height: 2.2;
        background: #47839F;
        float: none;
        padding: 32px 30px 30px 265px;
        color: #fff;
    }
    .gbox .interview p{
        margin: 0 0 40px;
    }
    .size19 {
        font-size: 19px;
        line-height: 2;
        color: #FFFF93;
    }
    .detailbox{
        overflow: hidden;
        padding: 0 10px 0 21px;
        position: relative;
    }
    .detailbox .detailboxTit{
        height: 80px;
    }
    .detailbox .detailboxTit .reLand{
        float: left;
        font-size: 15px;
        letter-spacing: 1px;
        color: #FFF;
        width: 80px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        background-color: #46839F;
        margin-right: 10px;
    }
    .detailbox .detailboxTit .reLandTit{
        float: left;
        width: 660px;
        line-height: 40px;
        font-weight: bold;
        font-size: 22px;
        color: #46839F;
    }
    .detailbox01{
        float: left;
        height: 210px;
        margin: 38px 0 0 20px;
    }
    .detailbox01 li {
        float: left;
        margin: 0 40px 0 0;
    }
    #mainWrap .detailbox .detailbox02 {
        float: right;
        width: 306px;
        margin-top: 36px;
    }
    .detailbox02 dt{
        text-indent: -99999px;
        background: url(https://www.rals.co.jp/recruit/info/img/tit_fun_10.png) no-repeat center 0;
        background-size: 190px auto;
        margin: 0 0 18px;
        height: 16px;
    }
    .detailbox02 dd a {
        height: 74px;
        margin: 9px auto 0;
        text-align: center;
        text-decoration: none;
        font-size: 22px;
        font-weight: bold;
        color: #E97313;
        border: 3px solid #E97313;
        background: #FFF;
        text-indent: -8px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .detailbox02 dd a.noEntry{
        color: #BDB7AA;
        border-color: #BDB7AA;
        cursor: default;
    }
    .detailbox02 dd a.noEntry .graduate{
        background-color: #BDB7AA;
    }
    .detailbox02 dd a.noEntry:hover{
        color: #BDB7AA;
        background: #fff;
    }
    .detailbox02 dd a:hover{
        color: #FFF;
        background: #E97313;
    }
    .detailbox02 dd a .graduate{
        background: #E97313;
        font-size: 14px;
        color: #fff;
        width: 50px;
        padding: 5px 0 5px 8px;
        margin-right: 14px;
    }
}
/* ===================================
IE11
=================================== */
 /* IE10 以降にのみ適用される */
 @media all and (-ms-high-contrast: none) {
    .bigTitle .title{
        padding-top: 10px;
    }
    .bigTitle .tags li{
        line-height: 25px;
    }
    .info .new{
        padding: 3px 5px 5px;
    }
    .mainBox .info .tagInfo{
        padding: 5px 5px 3px;
    }
 }