#singleCompany{
--paper : #fafbfc;
--ink : #32373c;
--primary : #d6204e;
--primary-dark : #a8163c;
--yellow : #ffe566;
--pink : #ffd1e3;
--cyan : #bfe6ff;
--green : #c8ea96;
--tape : #ffe27a;
--soft-shadow : 0 2px 6px rgba( 50 , 55 , 60 , .08 );
--biz-font : "Zen Maru Gothic" , "Hiragino Maru Gothic ProN" , "Hiragino Kaku Gothic ProN" , Arial , sans-serif;
background-color : #f6f8fb;
font-family : "Zen Maru Gothic" , "Hiragino Maru Gothic ProN" , "Hiragino Kaku Gothic ProN" , Arial , sans-serif;
color : var( --ink );
} #singleCompany .biz-main-col{
grid-column : 1;
grid-row : 1;
min-width : 0; font-family : var( --biz-font );
font-size : 17px;
font-weight : 600;
line-height : 1.85;
letter-spacing : normal; } #singleCompany .biz-main-col :where( a ){
color : inherit;
}  #singleCompany .biz-main-col :where( h1 , h2 , h3 , h4 , h5 , h6 , p , a , b , strong , i , em , small , span , div , section , article , nav , table , tbody , tr , th , td , ul , ol , li ):not( :where( .campus-grid * ) ){
font-family : inherit;
font-weight : inherit;
line-height : inherit;
letter-spacing : inherit;
transition : none;
} #singleCompany .biz-main-col :where( b , strong ){
font-weight : 700;
} #singleCompany .breadcrumb{
font-family : var( --biz-font ); font-size : 13px;
font-weight : 600;
line-height : 1.85;
letter-spacing : normal;
color : #555; margin-block : 6px 14px;
}
#singleCompany .breadcrumb :where( span , a , meta ){
font-family : inherit;
font-size : inherit;
font-weight : inherit;
line-height : inherit;
letter-spacing : inherit;
transition : none;
}
#singleCompany .breadcrumb a{
color : #555;
text-decoration : underline wavy 1px;
} #singleCompany .biz-crumb__item + .biz-crumb__item::before{
content : "＞";
margin : 0 .2em;
color : #999;
} #singleCompany .biz-corp-head{
background : #fff;
border : 2px solid var( --ink );
border-radius : 18px;
padding : 22px 26px;
box-shadow : 0 4px 14px rgba( 50 , 55 , 60 , .08 );
}
#singleCompany .biz-corp-head__row{
display : grid;
grid-template-columns : 88px 1fr;
gap : 20px;
align-items : center;
}
#singleCompany .biz-corp-head__logo{
width : 88px;
height : 88px;
border-radius : 18px;
background : #f1f3f6;
border : 2px solid var( --ink );
display : flex;
align-items : center;
justify-content : center;
font-family : "RocknRoll One";
font-size : 30px;
color : var( --primary );
box-shadow : var( --soft-shadow );
} #singleCompany .biz-corp-head__logo.has-image{
background : #fff;
overflow : hidden;
padding : 6px;
}
#singleCompany .biz-corp-head__logo img{
width : 100%;
height : 100%;
object-fit : contain;
display : block;
}
#singleCompany .biz-corp-head__name{
font-weight : 900;
font-size : 28px;
line-height : 1.3;
margin : 0 0 4px;
color : var( --ink );
}
#singleCompany .biz-corp-head__name .hl{
background : linear-gradient( transparent 60% , var( --yellow ) 60% );
padding : 0 3px;
}
#singleCompany .biz-corp-head__tags{
display : flex;
flex-wrap : wrap;
gap : 6px;
margin-top : 6px;
}
#singleCompany .biz-meta-tag{
display : inline-block;
font-weight : 700;
font-size : 12.5px;
background : #fff;
border : 1.5px solid var( --ink );
border-radius : 9999px;
padding : 3px 12px;
}
#singleCompany .biz-meta-tag.pink{ background : var( --pink ); }
#singleCompany .biz-meta-tag.cyan{ background : var( --cyan ); }
#singleCompany .biz-meta-tag.green{ background : var( --green ); }
#singleCompany .biz-corp-head__desc{
margin-top : 16px;
font-size : 14.5px;
font-weight : 600;
line-height : 1.85;
color : #444;
border-top : 1.5px dotted #c7cfd9;
padding-top : 14px;
}
#singleCompany .biz-corp-head__desc p{
margin : 0 0 .8em;
}
#singleCompany .biz-corp-head__desc p:last-child{
margin-bottom : 0;
} #singleCompany .biz-corp-head__basic{
margin-top : 14px;
}
#singleCompany .biz-sub-h{
display : inline-block;
font-weight : 900;
font-size : 14px;
padding : 3px 12px;
background : var( --ink );
color : #fff;
border-radius : 9999px;
margin : 0 0 10px;
}
#singleCompany .biz-basic-tbl{
width : 100%;
border-collapse : collapse;
font-size : 14px;
}
#singleCompany .biz-basic-tbl tr{
border-bottom : 1.5px solid #f1f1f4;
}
#singleCompany .biz-basic-tbl tr:last-child{
border-bottom : none;
}
#singleCompany .biz-basic-tbl th{
width : 128px;
padding : 9px 8px;
text-align : left;
font-weight : 700;
color : #666;
font-size : 12.5px;
letter-spacing : .04em;
}
#singleCompany .biz-basic-tbl td{
padding : 9px 8px;
font-weight : 700;
color : var( --ink );
} #singleCompany .biz-basic-tbl td .ext{
display : inline-block;
margin-left : 4px;
padding : 1px 8px;
font-family : "Klee One";
font-weight : 600;
font-size : 11.5px;
color : #666;
background : #f1f3f6;
border-radius : 9999px;
} #singleCompany .biz-company-tabs{
margin-top : 18px;
display : flex;
gap : 0;
border-bottom : 3px solid var( --ink );
overflow-x : auto;
}
#singleCompany .biz-company-tabs__item{
flex : 0 0 auto;
font-weight : 900;
font-size : 15.5px;
padding : 12px 22px;
background : #fff;
border : 2px solid var( --ink );
border-bottom : none;
border-radius : 14px 14px 0 0;
margin-right : -2px;
color : #666;
text-decoration : none;
position : relative;
top : 3px;
cursor : pointer;
white-space : nowrap;
}
#singleCompany .biz-company-tabs__item.is-active{
background : var( --ink );
color : #fff;
z-index : 2;
}
#singleCompany .biz-company-tabs__item .cnt{
font-family : "RocknRoll One";
font-size : 11px;
background : var( --primary );
color : #fff;
padding : 1px 8px;
border-radius : 9999px;
margin-left : 6px;
vertical-align : 1.5px;
}
#singleCompany .biz-company-tabs__item.is-active .cnt{
background : var( --yellow );
color : var( --ink );
} #singleCompany .biz-company-tabs__about{
-webkit-appearance : none;
appearance : none;
font-family : inherit;
line-height : inherit;
margin-left : 0;
} #singleCompany [hidden]{
display : none !important;
}
#singleCompany .biz-about-panel{
margin-top : 24px;
padding : 26px 28px 30px;
background : #fff;
border : 2px solid var( --ink );
border-radius : 16px;
box-shadow : var( --soft-shadow );
}
#singleCompany .biz-about-panel__h{
margin : 0 0 18px;
font-size : 21px;
font-weight : 900;
border-bottom : 3px dotted var( --primary );
padding-bottom : 10px;
}
#singleCompany .biz-about-panel__body h3{
margin : 22px 0 8px;
font-size : 16.5px;
font-weight : 900;
color : var( --primary-dark );
}
#singleCompany .biz-about-panel__body h3:first-child{
margin-top : 0;
}
#singleCompany .biz-about-panel__body p{
margin : 0 0 12px;
font-size : 15.5px;
line-height : 1.9;
}
@media screen and ( max-width : 640px ){
#singleCompany .biz-about-panel{
padding : 20px 18px 24px;
}
} #singleCompany .biz-section-body{
padding-top : 16px;
} #singleCompany .filter-bar{
display : flex;
flex-wrap : wrap;
gap : 10px;
align-items : center;
padding : 14px 18px;
background : #fff;
border : 2px solid var( --ink );
border-radius : 0 14px 14px 14px;
box-shadow : 0 3px 8px rgba( 50 , 55 , 60 , .06 );
}
#singleCompany .filter-bar .ttl{
margin-right : 6px;
font-weight : 900;
font-size : 13px;
color : #666;
}
#singleCompany .filter-bar .chip{
padding : 5px 14px;
font-weight : 700;
font-size : 13px;
color : #444;
text-decoration : none;
background : #fff;
border : 1.5px solid #c7cfd9;
border-radius : 9999px;
}
#singleCompany .filter-bar .chip:hover{
color : var( --primary );
border-color : var( --primary );
}
#singleCompany .filter-bar .chip.on{
color : #fff;
background : var( --primary );
border-color : var( --primary );
} #singleCompany .pagi{
display : flex;
flex-wrap : wrap;
justify-content : center;
gap : 6px;
margin : 36px auto 0;
font-weight : 700;
}
#singleCompany .pagi a,
#singleCompany .pagi span{
min-width : 38px;
height : 38px;
display : inline-flex;
align-items : center;
justify-content : center;
padding : 0 10px;
font-size : 14px;
color : var( --ink );
text-decoration : none;
background : #fff;
border : 1.5px solid var( --ink );
border-radius : 8px;
}
#singleCompany .pagi a:hover{
color : var( --primary );
border-color : var( --primary );
}
#singleCompany .pagi .current{
color : #fff;
background : var( --primary );
border-color : var( --primary );
}
#singleCompany .pagi .dots{
background : transparent;
border : none;
}
#singleCompany .biz-result-meta{
margin : 18px 0 12px;
font-weight : 700;
font-size : 14px;
color : #444;
display : flex;
align-items : center;
gap : 10px;
}
#singleCompany .biz-result-meta b{
color : var( --primary );
font-size : 18px;
font-family : "RocknRoll One";
font-weight : 400;
}
#singleCompany .biz-section-empty{
padding : 24px;
font-size : 14px;
color : #888;
background : #fff;
border : 2px solid var( --ink );
border-radius : 14px;
margin-top : 16px;
} #singleCompany .biz-es-list{
display : flex;
flex-direction : column;
gap : 14px;
} #singleCompany .biz-es-card{
background : #fff;
border : 2px solid var( --ink );
border-radius : 14px;
box-shadow : 0 3px 10px rgba( 50 , 55 , 60 , .08 );
padding : 32px 20px 16px;
position : relative;
transition : transform .15s ease;
}
#singleCompany .biz-es-card:hover{
transform : translateY( -2px );
box-shadow : 0 6px 16px rgba( 50 , 55 , 60 , .14 );
} #singleCompany .biz-es-card__overlay{
position : absolute;
inset : 0;
z-index : 2;
border-radius : 14px;
}
#singleCompany .lock-cta ,
#singleCompany .open-cta{
position : relative;
z-index : 3;
}
#singleCompany .biz-es-card .badge{
position : absolute;
top : -10px;
left : 18px;
color : #fff;
font-weight : 900;
font-size : 12px;
padding : 3px 12px;
border : 1.5px solid var( --ink );
border-radius : 9999px;
letter-spacing : .04em;
}
#singleCompany .biz-es-card .badge.es{ background : var( --ink ); }
#singleCompany .biz-es-card .badge.es::before{ content : "📝 "; }
#singleCompany .biz-es-card .badge.interview{ background : var( --primary ); }
#singleCompany .biz-es-card .badge.interview::before{ content : "🎤 "; }
#singleCompany .es-head{
display : grid;
grid-template-columns : 54px 1fr;
gap : 14px;
align-items : center;
margin-bottom : 10px;
}
#singleCompany .es-avatar{
width : 54px;
height : 54px;
border-radius : 50%;
background : #e8eef5;
border : 2px solid var( --ink );
display : flex;
align-items : center;
justify-content : center;
overflow : hidden;
} #singleCompany .es-avatar img{
display : block;
width : 100%;
height : 100%;
object-fit : cover;
} #singleCompany .es-author{
font-weight : 900;
font-size : 16.5px;
color : var( --ink );
line-height : 1.35;
}
#singleCompany .es-meta{
display : flex;
flex-wrap : wrap;
gap : 5px;
margin-top : 6px;
}
#singleCompany .es-meta .m{
font-weight : 700;
font-size : 11.5px;
background : #f1f3f6;
color : #555;
padding : 2px 9px;
border-radius : 9999px;
} #singleCompany .es-q{
background : #fffbe5;
border : 1.5px solid #e8d886;
border-left : 4px solid var( --primary );
border-radius : 8px;
padding : 10px 14px;
font-family : "Klee One";
font-weight : 700;
font-size : 15px;
line-height : 1.6;
color : var( --ink );
margin-bottom : 10px;
}
#singleCompany .es-q::before{
content : "Q. ";
color : var( --primary );
font-family : "RocknRoll One";
font-size : 13px;
margin-right : 4px;
}
#singleCompany .es-a{
font-family : "Klee One";
font-size : 14.5px;
line-height : 1.85;
color : #444;
font-weight : 500;
padding : 0 4px;
margin : 0;
display : -webkit-box;
-webkit-line-clamp : 3;
-webkit-box-orient : vertical;
overflow : hidden;
} #singleCompany .es-more{
position : relative;
margin-top : 4px;
min-height : 96px;
}
#singleCompany .es-a-blur{
font-family : "Klee One";
font-size : 14.5px;
line-height : 1.85;
color : #444;
font-weight : 500;
padding : 0 4px;
margin : 0;
filter : blur( 5px );
user-select : none;
pointer-events : none;
display : -webkit-box;
-webkit-line-clamp : 3;
-webkit-box-orient : vertical;
overflow : hidden;
-webkit-mask-image : linear-gradient( 180deg , #000 40% , transparent 100% );
mask-image : linear-gradient( 180deg , #000 40% , transparent 100% );
}
#singleCompany .es-cta{
position : absolute;
inset : 0;
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;
gap : 9px;
background : linear-gradient( 180deg , rgba( 255 , 255 , 255 , .1 ) 0% , rgba( 255 , 255 , 255 , .55 ) 100% );
}
#singleCompany .es-cta .cta-text{
margin : 0;
font-weight : 900;
font-size : 13.5px;
color : var( --ink );
text-align : center;
line-height : 1.5;
text-shadow : 0 0 6px #fff , 0 0 12px #fff;
}
#singleCompany .es-cta .cta-text b{
color : var( --primary );
}
#singleCompany .lock-cta{
background : var( --primary );
color : #fff;
font-weight : 900;
font-size : 14px;
padding : 10px 22px;
border-radius : 9999px;
border : 2px solid var( --ink );
box-shadow : 3px 3px 0 var( --ink );
text-decoration : none;
white-space : nowrap;
}
#singleCompany .lock-cta::after{ content : " →"; }
#singleCompany .lock-cta small{
font-size : 10.5px;
font-weight : 700;
background : var( --yellow );
color : var( --ink );
padding : 1px 7px;
border-radius : 9999px;
margin-right : 6px;
} #singleCompany .es-open{
margin-top : 12px;
text-align : center;
}
#singleCompany .open-cta{
display : inline-block;
background : #fff;
color : var( --primary );
border : 2px solid var( --primary );
font-weight : 900;
font-size : 14px;
border-radius : 9999px;
padding : 9px 28px;
text-decoration : none;
box-shadow : 2px 2px 0 var( --ink );
}
#singleCompany .open-cta:hover{
background : var( --primary );
color : #fff;
} #singleCompany .biz-stats{
margin-top : 16px;
} #singleCompany .biz-stats__h{
margin : 0 0 4px;
font-weight : 900;
font-size : 21px;
line-height : 1.6;
color : var( --ink );
}
#singleCompany .biz-stats__h .hl{
display : inline;
background : linear-gradient( transparent 60% , var( --yellow ) 60% );
padding : 0 3px; -webkit-box-decoration-break : clone;
box-decoration-break : clone;
}
#singleCompany .biz-stats__note{
margin : 0 0 14px;
font-weight : 600;
font-size : 12.5px;
color : #777;
}
#singleCompany .biz-stats__note b{
color : var( --primary );
} #singleCompany .biz-stat-cards{
display : grid;
grid-template-columns : repeat( 3 , 1fr );
gap : 10px;
margin-bottom : 14px;
}
#singleCompany .biz-stat-card{
background : #fff;
border : 2px solid var( --ink );
border-radius : 14px;
padding : 14px 10px 12px;
text-align : center;
box-shadow : var( --soft-shadow );
position : relative;
}
#singleCompany .biz-stat-card .lbl{
font-weight : 700;
font-size : 11.5px;
color : #666;
display : block;
line-height : 1.4;
}
#singleCompany .biz-stat-card .num{
font-family : "RocknRoll One";
font-size : 30px;
color : var( --primary );
line-height : 1.2;
display : block;
margin-top : 4px;
}
#singleCompany .biz-stat-card .num small{
font-size : 13px;
color : var( --ink );
font-family : "Zen Maru Gothic";
font-weight : 900;
margin-left : 2px;
}
#singleCompany .biz-stat-card.ink .num{
color : var( --ink );
}
#singleCompany .biz-stat-card .tape{
position : absolute;
top : -8px;
left : 50%;
transform : translateX( -50% ) rotate( -2deg );
background : var( --tape );
opacity : .85;
width : 52px;
height : 14px;
border-radius : 2px;
} #singleCompany .biz-stats__grid{
display : grid;
grid-template-columns : 1fr 1fr;
gap : 14px;
}
#singleCompany .biz-stat-panel{
background : #fff;
border : 2px solid var( --ink );
border-radius : 14px;
overflow : hidden;
box-shadow : var( --soft-shadow );
display : flex;
flex-direction : column;
}
#singleCompany .biz-stat-panel .p-head{
background : var( --ink );
color : #fff;
font-weight : 900;
font-size : 14px;
padding : 9px 16px;
letter-spacing : .03em;
display : flex;
align-items : center;
gap : 6px;
}
#singleCompany .biz-stat-panel .p-head .src{
margin-left : auto;
font-size : 10px;
font-weight : 700;
background : rgba( 255 , 255 , 255 , .2 );
padding : 1px 8px;
border-radius : 9999px;
letter-spacing : .02em;
white-space : nowrap;
}
#singleCompany .biz-stat-panel .p-head .src.orig{
background : var( --primary );
}
#singleCompany .biz-stat-panel .p-body{
padding : 16px 18px;
flex : 1;
position : relative; display : flex;
flex-direction : column;
}
#singleCompany .p-foot-note{
font-weight : 600;
font-size : 10.5px;
color : #999;
margin : 10px 0 0;
line-height : 1.5; margin-top : auto;
} #singleCompany .biz-data-pending{
flex : 1;
} #singleCompany .biz-hbar{
display : flex;
flex-direction : column;
gap : 11px;
}
#singleCompany .biz-hbar .row{
display : grid;
grid-template-columns : 110px 1fr 44px;
gap : 10px;
align-items : center;
}
#singleCompany .biz-hbar .lbl{
font-weight : 700;
font-size : 12.5px;
color : var( --ink );
line-height : 1.3;
}
#singleCompany .biz-hbar .track{
height : 16px;
background : #f1f3f6;
border-radius : 9999px;
border : 1.5px solid #dfe4ea;
overflow : hidden;
}
#singleCompany .biz-hbar .fill{
height : 100%;
border-radius : 9999px;
background : var( --primary );
}
#singleCompany .biz-hbar .row:nth-child( 2 ) .fill{ background : #e2547a; }
#singleCompany .biz-hbar .row:nth-child( 3 ) .fill{ background : #ec7f9d; }
#singleCompany .biz-hbar .row:nth-child( 4 ) .fill{ background : #f3a8bd; }
#singleCompany .biz-hbar .row:nth-child( 5 ) .fill{ background : #f9cdd9; }
#singleCompany .biz-hbar .val{
font-family : "RocknRoll One";
font-size : 13px;
color : var( --primary );
text-align : right;
} #singleCompany .biz-donut-wrap{
display : flex;
justify-content : space-around;
align-items : flex-start;
gap : 8px;
flex-wrap : wrap;
}
#singleCompany .biz-donut-item{
text-align : center;
}
#singleCompany .biz-donut-item .donut{
width : 104px;
height : 104px;
border-radius : 50%;
margin : 0 auto;
position : relative;
display : flex;
align-items : center;
justify-content : center;
border : 2px solid var( --ink );
}
#singleCompany .biz-donut-item .donut::after{
content : "";
position : absolute;
inset : 16px;
background : #fff;
border-radius : 50%;
border : 2px solid var( --ink );
}
#singleCompany .biz-donut-item .donut .c{
position : relative;
z-index : 1;
font-family : "RocknRoll One";
font-size : 17px;
color : var( --ink );
line-height : 1.15;
text-align : center;
}
#singleCompany .biz-donut-item .donut .c small{
display : block;
font-family : "Zen Maru Gothic";
font-weight : 700;
font-size : 9.5px;
color : #777;
}
#singleCompany .biz-donut-item .cap{
font-weight : 900;
font-size : 12.5px;
margin-top : 8px;
color : var( --ink );
}
#singleCompany .biz-donut-item .legend{
display : flex;
justify-content : center;
gap : 10px;
margin-top : 5px;
flex-wrap : wrap;
}
#singleCompany .biz-donut-item .legend span{
font-weight : 700;
font-size : 10.5px;
color : #666;
display : inline-flex;
align-items : center;
gap : 4px;
}
#singleCompany .biz-donut-item .legend i{
width : 9px;
height : 9px;
border-radius : 2px;
display : inline-block;
border : 1px solid var( --ink );
} #singleCompany .biz-uni-list{
list-style : none;
margin : 0;
padding : 0;
display : flex;
flex-direction : column;
gap : 8px;
}
#singleCompany .biz-uni-list li{
display : grid;
grid-template-columns : 26px 1fr auto;
gap : 10px;
align-items : center;
font-weight : 700;
font-size : 13.5px;
}
#singleCompany .biz-uni-list .rank{
width : 26px;
height : 26px;
display : flex;
align-items : center;
justify-content : center;
font-family : "RocknRoll One";
font-size : 12px;
background : #f1f3f6;
border : 1.5px solid var( --ink );
border-radius : 50%;
color : #666;
}
#singleCompany .biz-uni-list li:nth-child( 1 ) .rank{
background : var( --primary );
color : #fff;
}
#singleCompany .biz-uni-list li:nth-child( 2 ) .rank{
background : #8a93a0;
color : #fff;
}
#singleCompany .biz-uni-list li:nth-child( 3 ) .rank{
background : #c89b4a;
color : #fff;
}
#singleCompany .biz-uni-list .cnt2{
font-family : "RocknRoll One";
font-size : 12px;
color : #888;
}
#singleCompany .biz-uni-locked{
position : relative;
margin-top : 10px;
border-radius : 10px;
overflow : hidden; min-height : 124px;
}
#singleCompany .biz-uni-locked .biz-uni-list{
filter : blur( 5px );
user-select : none;
pointer-events : none;
}
#singleCompany .biz-uni-locked .biz-uni-list li:nth-child( -n + 3 ) .rank{
background : #f1f3f6;
color : #666;
}
#singleCompany .biz-uni-locked .overlay{
position : absolute;
inset : 0;
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;
gap : 8px; padding : 12px 14px;
background : linear-gradient( 180deg , rgba( 255 , 255 , 255 , .35 ) , rgba( 255 , 255 , 255 , .75 ) );
}
#singleCompany .biz-uni-locked .overlay p{
margin : 0;
font-weight : 900;
font-size : 12.5px;
color : var( --ink );
text-align : center;
line-height : 1.5;
}
#singleCompany .biz-uni-locked .overlay b{
color : var( --primary );
}
#singleCompany .biz-uni-locked .overlay a{
background : var( --primary );
color : #fff;
font-weight : 900;
font-size : 12.5px;
padding : 8px 18px;
border-radius : 9999px;
border : 2px solid var( --ink );
box-shadow : 2px 2px 0 var( --ink );
text-decoration : none;
}  #singleCompany .biz-stat-panel.is-work .biz-work-nums{
margin-block : auto;
}
#singleCompany .biz-stat-panel.is-work .p-foot-note{
margin-top : 10px;
}
#singleCompany .biz-work-nums{
display : grid;
grid-template-columns : 1fr 1fr;
gap : 10px;
} #singleCompany .biz-work-nums.is-single{
grid-template-columns : 1fr;
}
#singleCompany .biz-work-num{
background : #f8fafc;
border : 1.5px dashed #c7cfd9;
border-radius : 10px;
padding : 12px 10px;
text-align : center;
}
#singleCompany .biz-work-num .lbl{
font-weight : 700;
font-size : 11px;
color : #666;
display : block;
line-height : 1.4;
}
#singleCompany .biz-work-num .num{
font-family : "RocknRoll One";
font-size : 24px;
color : var( --ink );
display : block;
margin-top : 3px;
}
#singleCompany .biz-work-num .num small{
font-size : 12px;
font-family : "Zen Maru Gothic";
font-weight : 900;
} #singleCompany .biz-top-preview{
margin-top : 24px;
}
#singleCompany .tp-h{
display : flex;
align-items : center;
gap : 8px;
margin : 0 0 12px;
font-weight : 900;
font-size : 17px;
color : var( --ink );
}
#singleCompany .tp-list{
display : grid;
grid-template-columns : 1fr 1fr;
gap : 10px;
} #singleCompany .campus-grid{
grid-template-columns : 1fr 1fr;
gap : 32px 20px;
}
@media screen and ( width <= 768px ){
#singleCompany .campus-grid{
grid-template-columns : 1fr;
}
}
#singleCompany .tp-item{
background : #fff;
border : 2px solid var( --ink );
border-radius : 12px;
padding : 13px 16px;
text-decoration : none;
display : block;
box-shadow : var( --soft-shadow );
}
#singleCompany .tp-item:hover{
background : #fef5f7;
}
#singleCompany .tp-badge{
font-weight : 900;
font-size : 10.5px;
color : #fff;
background : var( --primary );
border-radius : 9999px;
padding : 2px 10px;
display : inline-block;
margin-bottom : 6px;
}
#singleCompany .tp-badge.es{ background : var( --ink ); }
#singleCompany .tp-badge.column{ background : #5a8f3c; }
#singleCompany .tp-ttl{
font-weight : 900;
font-size : 14px;
line-height : 1.5;
color : var( --ink );
display : block;
}
#singleCompany .tp-sub{
font-weight : 600;
font-size : 11px;
color : #888;
display : block;
margin-top : 4px;
}
#singleCompany .tp-more{
margin-top : 14px;
text-align : center;
}
#singleCompany .tp-more a{
display : inline-block;
background : #fff;
color : var( --primary );
border : 2px solid var( --primary );
font-weight : 900;
font-size : 14px;
border-radius : 9999px;
padding : 9px 28px;
text-decoration : none;
box-shadow : 2px 2px 0 var( --ink );
}
#singleCompany .tp-more a:hover{
background : var( --primary );
color : #fff;
} @media screen and ( width <= 640px ){
#singleCompany .biz-main-col{
font-size : 16px;
}
#singleCompany .biz-stats__h{
font-size : 19px;
} #singleCompany .biz-stat-cards{
gap : 8px;
}
#singleCompany .biz-stat-card{
padding : 14px 6px 12px;
}
#singleCompany .biz-stat-card .num{
font-size : 24px;
} #singleCompany .biz-stats__grid{
grid-template-columns : 1fr;
gap : 12px;
}
#singleCompany .biz-stat-panel .p-head{
padding : 9px 12px;
font-size : 13.5px;
}
#singleCompany .biz-stat-panel .p-body{
padding : 14px;
}
#singleCompany .biz-hbar .row{
grid-template-columns : 92px 1fr 40px;
}
#singleCompany .biz-corp-head{
padding : 18px 18px;
}
#singleCompany .biz-corp-head__row{
grid-template-columns : 64px 1fr;
gap : 14px;
}
#singleCompany .biz-corp-head__logo{
width : 64px;
height : 64px;
border-radius : 14px;
font-size : 22px;
}
#singleCompany .biz-corp-head__name{
font-size : 21px;
}
#singleCompany .biz-company-tabs__item{
padding : 10px 14px;
font-size : 13.5px;
}
#singleCompany .biz-company-tabs__item .cnt{
font-size : 10px;
}
#singleCompany .biz-es-card{
padding : 32px 16px 14px;
}
#singleCompany .es-head{
grid-template-columns : 48px 1fr;
gap : 10px;
}
#singleCompany .es-avatar{
width : 48px;
height : 48px;
}
#singleCompany .es-author{
font-size : 15px;
}
#singleCompany .es-cta .cta-text{
font-size : 12px;
}
#singleCompany .lock-cta{
font-size : 13px;
padding : 9px 18px;
}
#singleCompany .tp-list{
grid-template-columns : 1fr;
}
} #singleCompany .biz-data-pending{
display : flex;
align-items : center;
justify-content : center;
min-height : 120px;
font-weight : 700;
font-size : 13px;
color : #a5adb8;
letter-spacing : .05em;
}
#singleCompany .biz-stat-card .pending{
display : block;
margin-top : 10px;
padding-bottom : 6px;
font-weight : 700;
font-size : 11.5px;
color : #a5adb8;
}
#singleCompany .biz-work-num .pending{
display : block;
margin-top : 10px;
padding-bottom : 4px;
font-weight : 700;
font-size : 11px;
color : #a5adb8;
} @media screen and ( width <= 640px ){
#singleCompany .biz-data-pending{
min-height : 84px;
}
}