/* PCESP‹€’Κ */
.icon_aggregation::before {
background-size: 26px auto;
background-image: url(/career/images/contents/icon_aggregation.png);
}

.icon_aggregation_inverse {
background-size: 26px auto;
background-image: url(/career/images/contents/icon_aggregation_inverse.png);
}

.* {
    box-sizing: border-box;
}

.theme-entry-header{
   position: relative;
}

.maker{
 display: inline;
 background-color: #666;
 filter: drop-shadow(10px 0px 0px #666);
 }

.maker span{
 color: #fff;
 display: inline;
 background-color: inherit;
 padding: 2px 0;
 filter: drop-shadow(-10px 0px 0px #666);
}

.link-button:hover {
    transition: .3s;
}

.link-button::after {
    content: '';
    border: 0;
    border-top: solid 2px #ccc;
    border-right: solid 2px #ccc;
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%) rotate(45deg);
}

/*.theme-entry a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}*/

/* PC‰ζ–ΚŽž */
@media screen and (min-width: 600px) {

    .theme-entry-container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 1055px;
        font-family: "Noto Sans JP", ŸΰƒSƒVƒbƒN‘Μ, "Yu Gothic", YuGothic, "ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN Pro", "Hiragino Kaku Gothic Pro", ƒƒCƒŠƒI, Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
    }

    .theme-entry {
        width: 47.4%;
        height: 393px; 
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 6px;
        margin-bottom: 30px;
        box-shadow: 0px 4px 12px #00004A33;
        position: relative;
        box-sizing: border-box;
    }

        .theme-entry:hover {
            box-shadow: none !important;
        }

    .theme-entry-container-img {
        width: 100%;
        height: 220px;
        border-radius: 6px 6px 0 0;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .img1 {
        background-image: url(/career/images/contents/tokushu2/syatyo_pc.jpg);
    }

    .img2 {
        background-image: url(/career/images/contents/tokushu2/fukugyo_pc.jpg);
    }

    .img3 {
        background-image: url(/career/images/contents/tokushu2/gogaku_pc.jpg);
    }

    .img4 {
        background-image: url(/career/images/contents/tokushu2/oshare_office_pc.jpg);
    }

    .img5 {
        background-image: url(/career/images/contents/tokushu2/creative_pc.jpg);
    }

    .img6 {
        background-image: url(/career/images/contents/tokushu2/kyouiku_pc.jpg);
    }

    .img7 {
        background-image: url(/career/images/contents/tokushu2/menkyo_shikaku_pc.jpg);
    }

    .img8 {
        background-image: url(/career/images/contents/tokushu2/ranking_pc.jpg);
    }

    .img9 {
        background-image: url(/career/images/contents/tokushu2/woman_pc.jpg);
    }

    .img10 {
        background-image: url(/career/images/contents/tokushu2/osaka_pc.jpg);
    }

    .img11 {
        background-image: url(/career/images/contents/tokushu2/unten_menkyo_pc.jpg);
    }

    .img12 {
        background-image: url(/career/images/contents/tokushu2/resyukatsu_tech_pc.jpg);
    }

    .img13 {
        background-image: url(/career/images/contents/tokushu2/akisaiyo_pc.jpg);
    }

    .theme-entry-container > li:nth-child(2n+1) {
        margin-right: 35px;
    }

    .title{
    position: absolute;
    width: 420px;
    padding: 0 40px;
    text-align: left;
    left:0;
    bottom:-51px;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height:2.0;
    }
   
   .theme-entry-body {
       padding: 30px;
       text-align: left;
       margin-top: 10px;
   }

       .theme-entry-body > span {
           position: absolute;
           top: 230px;
           color: #FFFFFF;
           font-size: 30px;
           text-align: left;
           vertical-align: bottom;
           display: inline-block;
           padding: 7px;
       }

       .theme-entry-text > p {
           text-align: left;
           top: 280px;
           font-size: 14px;
           font-weight: 600;
           letter-spacing: 0.35px;
           line-height: 28px;
           color : #383838;
           margin: 0.3em 0px;
           padding: 0px 0px 10px 0px;
       }

   .link-button {
       display: inline-block;
       position: absolute;
       right: 25px;
       top: 343px;
       padding: 7px;
       padding-left: 15px;
       padding-right: 30px;
       transition: .3s;
       border-radius: 3px;
       font-weight: bold;
   }
}

/* SP‰ζ–ΚŽž */
@media screen and (max-width: 599px) {

   .theme-entry-container {
       justify-content: center;
       flex-wrap: wrap;
       width: auto;
       margin: 4% 10px;
       font-family: "Noto Sans JP", ŸΰƒSƒVƒbƒN‘Μ, "Yu Gothic", YuGothic, "ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN Pro", "Hiragino Kaku Gothic Pro", ƒƒCƒŠƒI, Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
   }

   .theme-entry {
       width: auto;
       min-height: 147.5px; 
       background: #FFFFFF 0% 0% no-repeat padding-box;
       border-radius: 6px;
       margin-bottom: 20px;
       box-shadow: 0px 4px 12px #00004A33;
       position: relative;
       box-sizing: border-box;
   }

   .theme-entry-container-img {
       width: 100%;
       height: 147.5px;
       border-radius: 6px 6px 0 0;
       background-repeat: no-repeat;
       background-size: cover;
   }

   .img1 {
        background-image: url(/career/images/contents/tokushu2/syatyo_sp.jpg);
   }

   .img2 {
       background-image: url(/career/images/contents/tokushu2/fukugyo_sp.jpg);
   }

   .img3 {
       background-image: url(/career/images/contents/tokushu2/gogaku_sp.jpg);
   }

   .img4 {
       background-image: url(/career/images/contents/tokushu2/oshare_office_sp.jpg);
   }

   .img5 {
       background-image: url(/career/images/contents/tokushu2/creative_sp.jpg);
   }

   .img6 {
       background-image: url(/career/images/contents/tokushu2/kyouiku_sp.jpg);
   }

   .img7 {
       background-image: url(/career/images/contents/tokushu2/menkyo_shikaku_sp.jpg);
   }

   .img8 {
       background-image: url(/career/images/contents/tokushu2/ranking_sp.jpg);
   }

   .img9 {
       background-image: url(/career/images/contents/tokushu2/woman_sp.jpg);
   }

   .img10 {
       background-image: url(/career/images/contents/tokushu2/osaka_sp.jpg);
   }

   .img11 {
    background-image: url(/career/images/contents/tokushu2/unten_menkyo_sp.jpg);
   }

   .img12 {
    background-image: url(/career/images/contents/tokushu2/resyukatsu_tech_sp.jpg);
   }

   .img12 {
    background-image: url(/career/images/contents/tokushu2/akisaiyo_sp.jpg);
   }

   .title{
   position: absolute;
   text-align: left;
   left:0;
   bottom:-40px;
   font-size: 22px;
   font-weight: bold;
   line-height:2.0;
   }

   .theme-entry-body {
       padding: 30px 20px 55px;
       text-align: left;
   }

       .theme-entry-body > span {
           position: absolute;
           top: 102px;
           color: #FFFFFF;
           font-size: 3rem;
           text-align: left;
           vertical-align: bottom;
           display: inline-block;
           padding: 7px;
       }

       .theme-entry-text {
           margin: 0;
           /*padding: 0px 2px 10px 0px;*/
       }

       .theme-entry-text > p {
           letter-spacing: 0.35px;
           line-height: 1.66;
           font-size: 13px;
           font-weight: 600;
           color: #383838;
           margin: 0;
           text-align: left;
       }

    .link-container {
        position: relative;
    }

   .link-button {
       display: inline-block;
       position: absolute;
       right: 0;
       top: 10px;
       padding: 7px;
       padding-left: 15px;
       padding-right: 30px;
       transition: .3s;
       border-radius: 3px;
       font-size: 12px;
       font-weight: bold;
   }
}