/* =============================================================
   BIC×MS Windows EOS LP — 統合スタイルシート
   （インラインスタイル + レイアウト修正）
   ============================================================= */

body {
    color: #333;
    font-size:16px;
    background: #FFF;
    word-wrap:break-word;
    min-width: 1240px;
}
#COMMON-HEADER,
#MENU-BAR-PC,
#COMMON-FOOTER {
    font-size: 13px;
    line-height: 1.5;
}
div#importantBox {
    margin:0 auto;
    padding:10px 10px 0 35px;
    text-align:left;
    border:1px solid #F00;
    background: url(/bc/images/parts/icn_title01.gif) no-repeat 8px 9px #FFC;
}
div#importantBox p.txt {
    font-size:88%;
    line-height:1.4;
    padding: 0 0 10px;
    color:#F00;
}

button#btnSearch {
  box-sizing: content-box;
}

/* ===== BIC-MS-EOS LP 修正スタイル =====
   調査結果に基づく正確な修正
   ========================================= */

/* ①【カードレイアウト崩れ修正】
   原因: box-sizing が content-box のため
   width:382px + padding:27px×2 = 436px になり3枚でコンテナをはみ出す
   修正: border-box にして 382px に収める */
.info-card {
  box-sizing: border-box !important;
}
/* グレー背景外へのはみ出しを防ぐ */
.info-section {
  overflow: hidden;
}

/* ②【デイリーワーク/プレミアムPC タイトル中央寄せ】
   原因: left:47px 固定で全幅を使えていない
   修正: left:0/right:0 で全幅にしてから中央寄せ */
.pc-title-band .band-content {
  left: 0 !important;
  right: 0 !important;
  text-align: center !important;
}
.pc-title-band .band-sub {
  left: 0 !important;
  right: 0 !important;
  text-align: center !important;
}

/* ③【フォント統一: Yu Gothic UI】
   原因: common.css の div,p,... ルールが Hiragino/Meiryo を設定しており
   LP の .info-heading 等が上書きされている
   修正: !important で Yu Gothic UI を優先 */
.info-heading,
.info-body-text,
.info-card .c-title,
.info-card .c-sub,
.info-card .c-bullets,
.info-card .c-bullets li,
.band-title,
.pc-title-band .band-sub,
.cta-question,
.cta-btn-text,
.cta-note,
.cta-firefox-bar p,
.diag-hero .hero-title,
.diag-hero .eos-block .eos-text,
.diag-hero .eos-block .eos-ended,
.result-win11 .rb-label,
.result-win11 .rb-desu,
.result-win10 .rb-label,
.result-win10 .rb-desu,
.result-unknown .rb-big,
.result-unknown .rb-note,
.products-title h2,
.campaign-badge,
.campaign-sub-text,
.campaign-saidai,
.campaign-masho,
.campaign-bottom-btn-text {
  font-family: 'Yu Gothic UI', 'YuGothic', 'Meiryo', sans-serif !important;
}

.u-txt12 { text-align: left; }

#topics .find_title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    margin:80px auto 14px;
}
.sp_only { display: none; }
<!-- c/inc/ScreenHeader.jsp --><!--// c/inc/ScreenHeader.jsp //--><style>

div#index{text-align: unset;}
.topics_bn{width:50%!important;display:block;}

div#bic_footerarea {
    padding: 10px;
    background: #f6f6f6;
    text-align: center;
}
.fottercategoryblock_title .biclogo { width:60%; max-width:205px!important;}

/*
#COMMON-HEADER .header_inner .left_cell .logo_main {
    margin-top: 0px;
}
*/
/*
.header_inner #KEY-SEARCH-BOX-CELL #KEY-SEARCH-BOX .select_category  { font-size:80%; }
*/

