@charset "utf-8";
/* ----------------------------------------------------------------
* 共通
* カセット
* ランキング
* パーソナライズ
---------------------------------------------------------------- */
/* ----------------------------------------------------------------
* 共通
---------------------------------------------------------------- */
.mp_jc_c {
justify-content:center;
-ms-flex-pack:center;
-webkit-box-pack:center;
}
.mp_jc_sb {
justify-content:space-between;
-ms-flex-pack:justify;
-webkit-box-pack:justify;
}
.mp_ai_c {
align-items:center;
-ms-flex-align:center;
-webkit-box-align:center;
-ms-grid-row-align:center;
}
.mp_ai_e {
align-items:flex-end;
-ms-flex-align:end;
-webkit-box-align:end;
-ms-grid-row-align:flex-end;
}
.mp_fw_wr {
flex-wrap:wrap;

-ms-flex-wrap:wrap;
}
.mp_migration {
box-sizing:border-box;
padding-top:40px;
line-height:1.6;
word-break:break-all;
}
.mp_migration:first-of-type {
padding-top:20px;
}
.mp_migration:not(:last-of-type) {
padding-bottom:40px;
border-bottom:1px solid #ddd;
}
.mp_migration *,
.mp_migration *:before,
.mp_migration *:after {
box-sizing:inherit;
}
.mp_migration a:visited {
color:#63c;
}
.mp_migration_title {
margin-bottom:13px;
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_recommend_list {
position:relative;
}
.mp_recommend_list > li {
min-width:196px;
width:196px;
padding:22px 20px 20px;
text-decoration:none;
}
.mp_recommend_list > li:hover {
background-color:#f5fcff;
cursor:pointer;
}
.mp_recommend_list > li.is_hover .mp_cassette_cname a {
text-decoration:underline;
}
.mp_recommend_list .mp_cassette_img {
margin-bottom:8px;
}
.mp_recommend_list .mp_cassette_cname {
margin-bottom:10px;
font-size:16px;
line-height:1.4;
}
.mp_recommend_list .mp_btn_orange {
width:156px;
font-size:18px;
}
.mp_recommend_list .mp_btn_blank {
height:58px;
}

/* ----------------------------------------------------------------
* ランキング
---------------------------------------------------------------- */
.mp_rank_title {
padding-left:35px;
}
.mp_rank_title:before {
position:absolute;
top:0;
left:-1px;
width:26px;
height:21px;
background:url(/2026/media/stu/img/common/spr_userflow.png) no-repeat;
background-position:0 0;
content:"";
}
.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:nth-child(-n+3) .mp_rnk_num {
margin-bottom:-2px;
}
.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 li {
width:313px;
margin-top:12px;
margin-right:20px;
font-size:16px;
line-height:1.4;
}
.mp_simple_recommend li:nth-child(3n) {
margin-right:0;
}
.mp_simple_recommend li:nth-child(-n+3) {
margin-top:0;
}
.mp_simple_recommend li a {
line-height:1.4;
}
.mp_rank_notlogin {
height:220px;
background:#fff url(/2026/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:-webkit-box;
display:-ms-flexbox;
display:flex;
justify-content:center;
align-items:center;
-ms-flex-align:center;
-ms-flex-pack:center;
-webkit-box-align:center;
-webkit-box-pack:center;
margin-left:10px;
padding:1px 9px;
border-radius:2px;
background:#fff;
color:#ff9422;
font-size:18px;
line-height:1;
}
.mp_btn_orange_inner > span {
margin-top:2px;
}
.mp_btn_orange:hover .mp_btn_orange_inner > span {
color:#ffbf7a;
}
.rank_annotation_txt {
margin-top:16px;
color:#808080;
font-size:12px;
}

/* ----------------------------------------------------------------
* パーソナライズ
---------------------------------------------------------------- */
.mp_perso li {
width:230px;
margin-right:20px;
margin-bottom:20px;
}
.mp_perso li:nth-child(4n) {
margin-right:0;
}
.mp_perso li a {
display:block;
position:relative;
padding:62px 5px 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(/2026/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;
}
.mp_perso li a.is_online:before {
top:16px;
width:44px;
height:33px;
margin-left:-22px;
background-position:0 -541px;
}