@charset "utf-8";
/* ============================================================
   ies-world.com 共通パーツ(ヘッダー / 関連サービス導線バナー / フッター)
   全13主要サービスページ共通で読み込む。
   ホストページ側のCSS(Bootstrap等)からの継承を断つため all:initial を使用。
   ============================================================ */

.iesGlobalHeader,
.iesGlobalFooter,
.iesRelatedBanner,
.iesAnnouncement {
    all: initial;
    display: block;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
}
.iesGlobalHeader *,
.iesGlobalFooter *,
.iesRelatedBanner *,
.iesAnnouncement * {
    box-sizing: border-box;
    font-family: inherit;
}

/* ---------- Announcement (期間限定のお知らせバー) ---------- */
.iesAnnouncement { display: block; background: #c96725; color: #fff; text-align: center; padding: 10px 15px; font-size: 13px; line-height: 1.6; }
.iesAnnouncement__text { margin: 0; max-width: 1000px; margin: 0 auto; }
.iesAnnouncement__text strong { font-weight: bold; }

/* ---------- Header ---------- */
.iesGlobalHeader { display: block; background: #134b88; color: #fff; font-size: 13px; line-height: 1.6; }
.iesGlobalHeader__inner {
    max-width: 1000px; margin: 0 auto; padding: 8px 15px;
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px;
}
.iesGlobalHeader__logo { color: #fff; font-weight: bold; text-decoration: none; font-size: 14px; }
.iesGlobalHeader__nav { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.iesGlobalHeader__nav a { color: #fff; text-decoration: none; opacity: 0.9; font-size: 13px; }
.iesGlobalHeader__nav a:hover { opacity: 1; text-decoration: underline; }
.iesGlobalHeader__cta { background: #c96725; padding: 5px 12px; border-radius: 4px; opacity: 1 !important; }
.iesGlobalHeader__cta:hover { background: #b1591e; text-decoration: none !important; }

/* ---------- Related service banner ---------- */
.iesRelatedBanner { display: block; background: #fffaf0; border-top: 1px solid #f0e0c0; border-bottom: 1px solid #f0e0c0; padding: 18px 15px; text-align: center; }
.iesRelatedBanner__label { color: #134b88; font-size: 13px; font-weight: bold; margin: 0 0 10px; }
.iesRelatedBanner__links { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
.iesRelatedBanner__item {
    display: inline-block; background: #fff; border: 1px solid #134b88; color: #134b88;
    text-decoration: none; font-size: 12px; padding: 8px 14px; border-radius: 20px; transition: 0.2s;
}
.iesRelatedBanner__item:hover { background: #134b88; color: #fff; }

/* ---------- Footer ---------- */
.iesGlobalFooter { display: block; background: #134b88; color: #fff; padding: 25px 15px 15px; font-size: 12px; line-height: 1.7; }
.iesGlobalFooter__inner { max-width: 1000px; margin: 0 auto; text-align: center; }
.iesGlobalFooter__logo { margin: 0 0 6px; }
.iesGlobalFooter__logo a { color: #fff; font-size: 18px; font-weight: bold; text-decoration: none; }
.iesGlobalFooter__slogan { opacity: 0.85; margin: 0 0 15px; font-size: 12px; }
.iesGlobalFooter__links { list-style: none; margin: 0 0 15px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; }
.iesGlobalFooter__links li { margin: 0; padding: 0; }
.iesGlobalFooter__links a { color: #fff; text-decoration: underline; opacity: 0.9; }
.iesGlobalFooter__links a:hover { opacity: 1; }
.iesGlobalFooter__copyright { opacity: 0.6; font-size: 11px; margin: 10px 0 0; }

@media only screen and (max-width: 600px) {
    .iesGlobalHeader__inner { flex-direction: column; align-items: flex-start; }
    .iesGlobalHeader__nav { gap: 10px; }
}