@charset "utf-8";

/* ----------------------------------------------------------------
* common
* 個社ずらし
* ランキング
* パーソナライズ
---------------------------------------------------------------- */

/* ----------------------------------------------------------------
* common
---------------------------------------------------------------- */
.mp_df_jc_c {
-webkit-box-pack:center;
-webkit-justify-content:center;
justify-content:center;
}
.mp_df_jc_sb {
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
}
.mp_df_ai_c {
-webkit-box-align:center;
-webkit-align-items:center;
align-items:center;
}
.mp_df_ai_e {
-webkit-box-align:end;
-webkit-align-items:flex-end;
align-items:flex-end;
}
.mp_df_wr_wr {
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}

.mp_migration {
padding:35px 0 40px;
border-bottom:1px solid #ddd;
line-height:1.6;
word-break:break-all;
}
.mp_migration * {
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.mp_migration a:visited {
color:#63c;
}
.mp_migration_title {
margin-bottom:10px;
font-size:24px;
line-height:1.2;
}
.mp_migration_inner {
padding-top:10px;
background:#fff;
}
.mp_migration_subtitle {
position:relative;
margin-bottom:15px;
font-size:20px;
line-height:1.2;
}

.mp_carousel_wrap {
position:relative;
}
.mp_carousel_viewArea {
overflow:hidden;
}
.mp_recommend_list {
position:relative;
transition:margin 0.5s ease;
}
.mp_recommend_list li {
min-width:196px;
width:196px;
padding:20px;
}
.mp_recommend_list li:hover {
background-color:#f5fcff;
cursor:pointer;
}
.mp_recommend_list .mp_cassette_img {
margin-bottom:10px;
}
.mp_recommend_list .mp_cassette_cname {
margin-bottom:10px;
font-size:16px;
line-height:1.4;
}
.mp_recommend_list li.is_hover .mp_cassette_cname a {
text-decoration:underline!important;
}
.mp_recommend_list .mp_btn_orange {
width:156px;
font-size:18px;
}
.mp_recommend_list .mp_btn_blank {
height:58px;
}
.mp_carousel_prev,
.mp_carousel_next {
display:block;
position:absolute;
top:92px;
width:33px;
height:52px;
background-image:url(/2020/media/stu/img/common/spr_carousel.png);
background-repeat:no-repeat;
cursor:pointer;
}
.mp_carousel_prev {
left:0;
background-position:-91px -5px;
}
.mp_carousel_prev:hover {
background-position:-5px -67px;
}
.mp_carousel_next {
right:0;
background-position:-5px -5px;
}
.mp_carousel_next:hover {
background-position:-48px -5px;
}

/* ----------------------------------------------------------------
* 個社ずらし
---------------------------------------------------------------- */
.mp_cmpshift_recommend .mp_cassette {
float:left;
width:490px;
padding:26px 20px 31px;
cursor:pointer;
}
.mp_cmpshift_recommend .mp_cassette:hover {
background:#f5fcff;
}
.mp_cmpshift_recommend .mp_cassette_cname {
font-size:20px;
line-height:1.4;
word-break:break-all;
}
.mp_cmpshift_recommend .mp_cassette.is_hover .mp_cassette_cname {
text-decoration:underline!important;
}
.mp_cmpshift_recommend .mp_cassette_header {
margin-bottom:9px;
}
.mp_cmpshift_recommend .mp_cassette_body {
margin-bottom:19px;
}
.mp_cmpshift_recommend .mp_cassette_img {
float:left;
width:150px;
min-height:113px;
margin-right:20px;
}
.mp_cmpshift_recommend .mp_cassette_info {
font-size:14px;
line-height:1.4;
}
.mp_cmpshift_recommend .mp_cassette_info dt {
float:left;
padding-bottom:10px;
color:#808080;
}
.mp_cmpshift_recommend .mp_cassette_info dd {
padding:0 0 10px 222px;
word-break:break-all;
}
.mp_cmpshift_recommend .mp_cassette_info dd:last-child {
padding-bottom:0;
}
.mp_cmpshift_recommend .mp_cassette_footer > li {
height:58px;
}
.mp_cmpshift_recommend .mp_cassette_footer > li.blank {
width:215px;
}
.mp_cmpshift_recommend .mp_cassette_footer > li:not(:last-child) {
margin-right:20px;
}
.mp_cmpshift_recommend .mp_cassette_footer > li > a,
.mp_cmpshift_recommend .mp_cassette_footer > li > span {
display:-webkit-flex!important;
display:flex!important;
padding:0;

-webkit-align-items:center;
align-items:center;
-webkit-justify-content:center;
justify-content:center;
}
.mp_cmpshift_recommend .mp_cassette_footer > li > a.mp_btn_light {
flex-direction:column;
width:215px;
font-size:18px;
line-height:1.2;

-webkit-flex-direction:column;
}
.mp_cmpshift_recommend .mp_cassette_footer > li > a.mp_btn_light.is_disabled {
display:none!important;
}
.mp_cmpshift_recommend .mp_cassette_footer > li > a.mp_btn_light.mp_btn_dis {
flex-direction:column;

-webkit-flex-direction:column;
}
.mp_cmpshift_recommend .mp_cassette_footer > li > .mp_btn_orange {
flex-direction:column;
width:215px;
font-size:21px;
line-height:1.1;

-webkit-flex-direction:column;
}


/* ----------------------------------------------------------------
* ランキング
---------------------------------------------------------------- */
.mp_rank_box {
float:left;
width:480px;
padding:25px 20px;
border:1px solid #ddd;
background:#fff;
}
.mp_rank_title {
padding-left:35px;
}
.mp_rank_title:before {
position:absolute;
top:0;
left:-1px;
width:26px;
height:21px;
background:url(/2020/media/stu/img/common/spr_userflow.png) no-repeat;
background-position:0 0;
content:"";
}
.mp_rank_list {
margin-bottom:20px;
}
.mp_rank_gg_list .mp_cassette_header {
margin-bottom:8px;
}
.mp_rank_gg_list .mp_cassette_header span {
display:block;
line-height:1.1;
}
.mp_rank_gg_list .mp_cassette_header .mp_rnk_flg {
margin-right:10px;
background-repeat:no-repeat;
}
.mp_rank_gg_list li:nth-child(-n + 3) .mp_cassette_header {
font-size:24px;
}
.mp_rank_gg_list li:nth-child(-n + 3) .mp_rnk_flg {
width:32px;
height:37px;
}
.mp_rank_gg_list li:first-child .mp_rnk_flg {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAlCAMAAAAUaRt1AAAAllBMVEUAAADXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxL////w4afhwkvZshv48dTu3Jjo0Xb//v379+f06LrlzGfhxE7gwUTbuCv+/fn8+e337szx46zt25Ps2Izq1YPjx1jduzTcujH9/PX9+/Ty5bLv3p7mzWzkymFb6JJdAAAAE3RSTlMACfv38N3RxLepnYR4al1QKh4Vy9mCPgAAANZJREFUOMvd0scSgjAUheFg742j9KYCAtb3fzmpYy514cbxXyRZfMlMMmFiR38Kgg5gXp1WIOlwW4EPwK4DUjZFRwDn4jQeKNl0R9IzXTsXHpxTYSFNl5L9MgEu1HiUkeXFawMmDzxogagi7xiKCmDxQAVu1glFRmJDHrwAaKCRW9iodCLv4FSBTICoVYBBgV4BDwrsQ7mIAhnlFAr8fTnzh3/1t2Awmw2aQX+6FhgT1tN+HehNVgLLE1aTXgmMlztG2i3HHzBabFlN28UoAcP5hjW2mQ/fs0JVmdm+wEEAAAAASUVORK5CYII=);
}
.mp_rank_gg_list li:nth-child(2) .mp_rnk_flg {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAkCAMAAACpD3pbAAAAaVBMVEUAAAClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaX////j4+P6+vrd3d27u7v29vbQ0NDt7e3Z2dmwsLDn5+fJycnGxsazs7Onp6fb29u2tratra2qqqrv7+/U7qGDAAAADnRSTlMA3MaAJPnur5dpUToSByIMESwAAAC9SURBVDjL3dJJEoMgEEBR4jw3CjhrNPc/ZARNqgXDJptU/saueiK9kBTW/oYnYWUBo4WXEqiFGwBgJreFaoStep9bxKxRDwqyQY5rh09DL18CFZ+2uasRT+rKGvaEXILi1TjwdoCjcukBGsTy4IPDq05+AjMFvQHzbDDDLAweMfcGr5jvldZcnJhqVSdmpRb/uV/xO3acz3xzPUI893bFQZSSozQKzuyHSU5QeRL6b3bijBhlsSNZXniZWuMJeOM5y2DhXioAAAAASUVORK5CYII=);
}
.mp_rank_gg_list li:nth-child(3) .mp_rnk_flg {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAkCAMAAABGzRFlAAAAjVBMVEUAAACcdF6cdF6cdF6cdF6cdF6cdF6cdF6cdF6cdF6cdF6cdF6cdF6cdF6cdF6cdF6cdF6cdF6cdF6cdF7////59/bay8Pg1M3j19GsiniifGf9/PvNuK2fd2L39PLx7Oje0MjDq524m4ukf2vt5eHYyL/TwbfAppiohXLp4Nzo3tnl2tXPvLHIsqW0loV61NJSAAAAE3RSTlMAsvv07N3PwaWEdmhYSikdEgsFmP/OtQAAAMxJREFUOMvd0kcTgjAQhuFg720/NYQOKlj//8+T4uhCgIsXx/eSnXkye1pB7f2bx0mrK9dv9RPwaHHTAg41riLKk0gLijlh7lyc7AmR5ap8lc+c3F32y0PeKZ0j78j9AJvojiLLJOcMm7sE4miLV5J8IOB+BKwr3kkAIXcbWib3QHfFPdTYIu6m5l7J1a6aXXLaV7uVfVtN/uZ9fuk9o9fs3dF8IzbzUbfOO8ZsLYrWM6NT8eF0JXir6fDjg8lS6C0ng8z744VoajHuPwGESFC/bzzJBgAAAABJRU5ErkJggg==);
}
.mp_rank_gg_list li:nth-child(n + 4) .mp_cassette_header {
padding-top:10px;
font-size:18px;
}
.mp_rank_gg_list li:nth-child(n + 4) .mp_rnk_flg {
width:22px;
height:26px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaBAMAAABBWLFzAAAAJ1BMVEUAAACIuN2Mu96PvN+SvuCYwuKbw+OexeOhx+SlyeWny+aqy+Z/s9sfoAM2AAAADHRSTlMA69/RwqGPeWI2IBJDbPKYAAAAKUlEQVQY02M4gwAjnn2kwwfGNt/AwF0MZh/KYgCBZTpnGEQnMEAAZyAA8tTTk+kSkhgAAAAASUVORK5CYII=);
}

.mp_simple_recommend ul li {
width:313px;
margin-top:10px;
margin-right:20px;
font-size:16px;
line-height:1.4;
}
.mp_simple_recommend ul li:nth-child(3n) {
margin-right:0;
}
.mp_simple_recommend ul li:nth-child(-n+3) {
margin-top:0;
}
.mp_simple_recommend ul li a {
line-height:1.4;
}

.mp_rank_notlogin {
height:220px;
background:#fff url(/2020/open/kdbc/import/company_detail/img/bg_ranking_notlogin.png) no-repeat 0 0;
text-align:center;
}
.mp_rank_notlogin_inner {
width:500px;
padding-top:38px;
}
.mp_btn_orange_inner {
display:flex;
margin-left:10px;
padding:1px 9px;
border-radius:2px;
background:#fff;
color:#ff9422;
font-size:18px;
line-height:1;

justify-content:center;
align-items:center;
}
.mp_btn_orange_inner > span {
margin-top:2px;
}
.mp_btn_orange:hover .mp_btn_orange_inner > span {
color:#ffbf7a;
}

/* ----------------------------------------------------------------
* パーソナライズ
---------------------------------------------------------------- */
.mp_perso li {
width:180px;
margin-top:20px;
margin-right:20px;
}
.mp_perso li:nth-child(5n) {
margin-right:0;
}
.mp_perso li:nth-child(-n+5) {
margin-top:0;
}
.mp_perso li a {
display:block;
position:relative;
padding:62px 8px 8px;
border:1px solid #ddd;
background-color:#fff;
font-size:14px;
text-align:center;
line-height:1.4;
}
.mp_perso li a:hover {
background-color:#f5fcff;
}
.mp_perso li a:before {
position:absolute;
left:50%;
background-image:url(/2020/media/stu/img/common/spr_userflow.png);
background-repeat:no-repeat;
content:"";
}
.mp_perso li a.is_briefing:before {
top:16px;
width:44px;
height:33px;
margin-left:-22px;
background-position:0 -58px;
}
.mp_perso li a.is_female:before {
top:11px;
width:41px;
height:41px;
margin-left:-20px;
background-position:0 -121px;
}
.mp_perso li a.is_senior:before {
top:18px;
width:44px;
height:26px;
margin-left:-22px;
background-position:0 -192px;
}
.mp_perso li a.is_area:before {
top:11px;
width:44px;
height:43px;
margin-left:-22px;
background-position:0 -248px;
}
.mp_perso li a.is_oes:before {
top:11px;
width:41px;
height:46px;
margin-left:-20px;
background-position:0 -321px;
}