NIKKEI GX ｜脱炭素時代の変革のヒントを

<!DOCTYPE html> <html lang="ja"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> <meta charset="UTF-8"> <title>NIKKEI GX ｜脱炭素時代の変革のヒントを</title> <meta name="description" content="日経GX(グリーントランスフォーメーション)は、脱炭素について深く報じる日経のメディアです。温暖化ガス削減を成長に繋げるGX（グリーントランスフォーメーション）に取り組む方を対象に、国内外の企業の取り組みや関連する最新技術、環境政策を深掘りして報じていきます。"> <meta name="keywords" content="日経,電子版,ビジネス,記者,Prime,GX,脱炭素,カーボンゼロ,エネルギー,SDGs"> <meta name="author" content="Nikkei, Inc./ https://www.nikkei.com/"> <meta name="viewport" id="viewport" content="width=device-width"> <meta name="format-detection" content="telephone=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta property="og:title" content="NIKKEI GX ｜脱炭素時代の変革のヒントを"> <meta property="og:description" content="日経GX(グリーントランスフォーメーション)は、脱炭素について深く報じる日経のメディアです。温暖化ガス削減を成長に繋げるGX（グリーントランスフォーメーション）に取り組む方を対象に、国内外の企業の取り組みや関連する最新技術、環境政策を深掘りして報じていきます。"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.nikkei.com/promotion/service/prime/gx/"> <meta property="og:image" content="https://www.nikkei.com/promotion/service/prime/gx/images/ogp_gx.png"> <meta property="fb:app_id" content="251786001504345"> <link rel="icon" href="./images/favicon.ico" sizes="any"> <link rel="icon" href="./images/icon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="./images/apple-touch-icon.png"> <link rel="manifest" href="./manifest.webmanifest" crossorigin="use-credentials"> <link rel="canonical" href="https://www.nikkei.com/promotion/service/prime/gx/"> <link rel="preload" as="image" href="images/bg_mainvisual_sv_sm.jpg" /> <link rel="preload" as="image" href="images/bg_mainvisual_sv_md.jpg" media="(min-width: 650px)"/> <link rel="preload" as="image" href="images/bg_mainvisual_sv.jpg" media="(min-width: 1000px)"/> <style> /*! ress.css v1.2.2 MIT License github.com/filipelinhares/ress */ html {-webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; -webkit-text-size-adjust: 100%;} *, ::after, ::before { -webkit-box-sizing: inherit; box-sizing: inherit;} ::after, ::before {text-decoration: inherit; vertical-align: inherit;} * { margin: 0; padding: 0;} audio:not([controls]) { display: none; height: 0;} hr { overflow: visible;} article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block;} summary { display: list-item;} small { font-size: 80%;} [hidden], template { display: none;} abbr[title] { border-bottom: 1px dotted; text-decoration: none;} a { background-color: transparent; -webkit-text-decoration-skip: objects;} a:active, a:hover { outline-width: 0;} code, kbd, pre, samp { font-family: monospace, monospace;} b, strong { font-weight: bolder;} dfn { font-style: italic;} mark {background-color: #ffff00; color: #000000;} sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;} sub { bottom: -.25em;} sup { top: -.5em;} input { border-radius: 0;} [role="button"], [type="button"], [type="reset"], [type="submit"], button { cursor: pointer;} [disabled] { cursor: default;} [type="number"] { width: auto;} [type="search"] { -webkit-appearance: textfield;} [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none;} textarea { overflow: auto; resize: vertical;} button, input, optgroup, select, textarea { font: inherit;} optgroup { font-weight: 700;} button { overflow: visible;} [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {border-style: 0; padding: 0;} [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button:-moz-focusring { outline: 1px dotted ButtonText;} [type="reset"], [type="submit"], button, html [type="button"] { -webkit-appearance: button;} button, select { text-transform: none;} button, input, select, textarea {background-color: transparent; border-style: none; color: inherit;} select { -webkit-appearance: none; -moz-appearance: none;} select::-ms-expand { display: none;} select::-ms-value { color: currentColor;} legend {border: 0; color: inherit; display: table; max-width: 100%; white-space: normal;} ::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;} [type="search"] { -webkit-appearance: textfield; outline-offset: -2px;} img { border-style: none;} progress { vertical-align: baseline;} svg:not(:root) { overflow: hidden;} audio, canvas, progress, video { display: inline-block;} [aria-busy="true"] { cursor: progress;} [aria-controls] { cursor: pointer;} [aria-disabled] { cursor: default;} ::-moz-selection {background-color: #b3d4fc; color: #000000; text-shadow: none;} ::selection {background-color: #b3d4fc; color: #000000; text-shadow: none;} /* #Base -------------------------------------------------------------------------- */ /** Baseレイヤーにはプロジェクトにおける、基本的なベーススタイルを定義します。要素セレクタや属性セレクタなど、詳細度はできるかぎり低く保っておきます。基本的にclass属性は使用しません。 */ html { font-size: 62.5%;} body {background-color: #ffffff; color: #333333; /* font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif; */ font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Helvetica,Hiragino Kaku Gothic ProN,Meiryo,sans-serif; -webkit-font-kerning: normal; font-kerning: normal; font-size: 1.2rem; -webkit-font-smoothing: subpixel-antialiased; font-weight: 300; line-height: 1.5; -moz-osx-font-smoothing: auto;} a, button { -webkit-transition: opacity .15s, color .15s, background-color .15s; transition: opacity .15s, color .15s, background-color .15s;} a { color: inherit; text-decoration: none;} a:visited { color: inherit;} a:hover, a:active, a:focus { opacity: .75; text-decoration: none;} a[href^="tel"] { color: inherit; cursor: default; pointer-events: none;} input, select, textarea {background-color: #ffffff; border: 1px solid #e7e7e7; letter-spacing: normal; vertical-align: middle; width: 100%;} input, select { height: 3em; padding: .5em 1em;} textarea { height: 9em; padding: .5em 1em;} strong { font-weight: normal;} small { font-size: inherit;} h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: 300;} ul, ol { list-style-type: none;} figure, figcaption { margin: 0;} figure { text-align: center;} table {border-spacing: 0; width: 100%;} th { text-align: left;} img {height: auto; max-width: 100%; vertical-align: top;} [src$=".svg"], [data$=".svg"] { width: 100%;} i, cite, em, address, dfn { font-style: normal;} i, source { display: inline-block;} i { line-height: 0; vertical-align: middle;} picture { display: block; line-height: 0; text-align: center;} code, pre { font-family: Consolas, Menlo, Courier, monospace;} code {background-color: rgba(0, 0, 0, .06); border-radius: 2px; font-size: 1rem; padding: .2em;} pre code {background-color: inherit; font-size: 1rem; padding: 0;} svg {height: 20px; width: 20px;} :-moz-placeholder-shown { color: #999999;} :-ms-input-placeholder { color: #999999;} :placeholder-shown { color: #999999;} ::-webkit-input-placeholder { color: #999999;} ::-moz-placeholder {color: #999999; opacity: 1;} :-ms-input-placeholder { color: #999999;} .wrapper {position: relative; min-width: 316px; overflow: hidden;} .container {margin: 0 auto; max-width: 960px; width: 100%;} .container--article { max-width: 856px; padding: 0 16px;} .container--casestudies { padding: 0 16px;} .sec { padding: 40px 16px;} body.mj .list-qa-question::before, body.mj .list-qa-answer::before, body.mj .sec-option .ttl-01, body.mj .sec-plan .ttl-01, body.mj .sec-qa .ttl-01, body.mj .sv-content-price, body.mj .sv-content-point-btn, body.mj .sv-content-point-btn02 { color: #333333;} body.mj .list-qa-question::before, body.mj .list-qa-answer::before, body.mj .m-link__local__row--link, body.mj .nav-utility-list-item, .mod-caution a:link { color: #336e9c;} body.mj .hero, body.mj .sv-content-card, body.mj .sec-service, body.mj .sec-device, body.mj .mod-option-price, body.mj .sv-content-point, body.mj .sv-content-point02 { background-color: #f4e9e2;} body.mj .mod-option-card, body.mj .list-qa-item, body.mj .is-active .list-qa-question, body.mj .sv-content-card { border-color: #e17fa8;} body.mj .ico-arrow::before { border-left-color: #e17fa8;} body.mj .list-qa-answer, body.mj .ico-slide::before { border-top-color: #336e9c;} body.mj .list-qa-answer { background-color: #eff8ff;} body.mj .hero-logo__label.__primary {background-color: #00324e; color: #ffffff;} body.mj .header-logo { width: 89px;} body.mj .hero { background: url(./images/bg_mainvisual_sv_sp.jpg) 100% 0/cover no-repeat #f4e9e2;} body.mj .hero-logo { top: 15.370705%;} body.mj .hero-logo__item { width: 176px;} body.mj .hero-text { top: 37%;} body.mj .hero-text--rows { top: 27%;} body.mj.haruwari .hero-text, body.mj.anniversary .hero-text { top: 30.68%;} body.mj .hero-text-read, body.mj .ttl-01:before { background-color: #336e9c;} body.mj .serviceListBox { background-color: rgba(0, 87, 144, .6);} body.mj .sec-device { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 87, 144, .85)), to(rgba(0, 87, 144, .85))), url(./images/bg_device.jpg) center center/cover no-repeat; background: linear-gradient(0deg, rgba(0, 87, 144, .85), rgba(0, 87, 144, .85)), url(./images/bg_device.jpg) center center/cover no-repeat;} body.mj .sv-content-title { background-color: #336e9c;} body.mj #pre-free-guide { background-color: #eaf6ff;} /*SScolor*/ body.ss .header-sv { color: #ffffff; margin-left: 1px;} body.ss .list-qa-question::before, body.ss .list-qa-answer::before, body.ss .sv-content-point-btn, body.ss .sv-content-point-btn02, body.ss .nav-utility-list-link, body.ss .m-link__local__row--link, body.ss .mod-caution a:link { color: #0069b7;} body.ss .hero, body.ss .sv-content-card, body.ss .sec-service, body.ss .sec-device, body.ss .mod-option-price, body.ss .sv-content-point, body.ss.sv-content-point02 { background-color: #dcdee3;} body.ss .mod-option-card, body.ss .list-qa-item, body.ss .is-active .list-qa-question, body.ss .sv-content-card { border-color: #f08200;} body.ss .ico-arrow::before { border-left-color: #f08200;} body.ss .list-qa-answer, body.ss .ico-slide::before { border-top-color: #0069b7;} body.ss .list-qa-answer { background-color: #dfedf8;} body.ss .hero-logo__label.__primary { background-color: #00408c;} body.ss .hero-text-read, body.ss .ttl-01:before { background-color: #0069b7;} body.ss .serviceListBox { background-color: rgba(0, 85, 162, .6);} body.ss .sec-svContent { background-color: #f7fcff;} body.ss #pre-free-guide { background-color: #eaf6ff;} body.ss .sv-content-title { background-color: #0069b7;} body.ss .hero-logo { top: 15.370705%;} body.ss .hero-logo__item { width: 176px;} body.ss .hero-text { top: 43%;} body.ss .sec-device { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 85, 162, .8)), to(rgba(0, 85, 162, .8))), url(./images/bg_device.jpg) center center/cover no-repeat; background: linear-gradient(0deg, rgba(0, 85, 162, .8), rgba(0, 85, 162, .8)), url(./images/bg_device.jpg) center center/cover no-repeat;} /*vscolor*/ body.veritas .header-sv { color: #3e4e5e;} body.veritas .anchorList { color: #ffffff;} body.veritas .sec-svContent { background-color: #f3f3f3;} body.veritas .list-qa-question::before, body.veritas .list-qa-answer::before, body.veritas .sec-option .ttl-01, body.veritas .sv-content-price, body.veritas .sv-content-point-btn, body.veritas .sv-content-point-btn02, body.veritas .nav-utility-list-link, body.veritas .m-link__local__row--link { color: #6098d6;} body.veritas .hero, body.veritas .sv-content-card, body.veritas .sec-service, body.veritas .mod-option-price, body.veritas .sv-content-point, body.veritas.sv-content-point02, body.veritas .subscriberLink { background-color: #0e0705;} body.veritas .mod-option-card, body.veritas .list-qa-item, body.veritas .is-active .list-qa-question, body.veritas .sv-content-card { border-color: #6098d6;} body.veritas .ico-arrow::before { border-left-color: #6098d6;} body.veritas .list-qa-answer, body.veritas .ico-slide::before { border-top-color: #6098d6;} body.veritas .list-qa-answer { background-color: #dfedf8;} body.veritas .hero-logo__label.__primary {background-color: #bdd3eb; color: #3e4e5e;} /*NIKKEI Prime*/ body.nikkei-prime .header-logo, body.nikkei-prime .header-logo-img {height: 40px; width: auto;} body.nikkei-prime .hero { background-image: url(./images/bg_mainvisual_sv_sm.jpg); background-position: center; background-size: cover;} body.nikkei-prime .hero--overlay:before {position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .65); content: ""; height: 100%; width: 100%; z-index: 0;} body.nikkei-prime .hero--overlay > * { z-index: 1;} body.nikkei-prime .hero__inner { padding: 64px 24px 0;} body.nikkei-prime .hero-logo {position: relative; top: inherit; right: inherit; left: inherit; display: block;} body.nikkei-prime .hero-logo__item { display: none;} body.nikkei-prime .hero-logo__item {height: 120px; width: auto;} body.nikkei-prime .hero-logo-img {height: 100%; margin-left: -22px; width: auto;} body.nikkei-prime .hero-in::before {top: 60%; background-image: url(./images/bg_mainvisual_device.png); background-repeat: no-repeat; background-size: contain; height: 203px;} body.nikkei-prime .hero-text { position: relative; top: inherit; left: inherit; display: block;} body.nikkei-prime .hero-logo + .hero-text { margin-top: 24px;} body.nikkei-prime .hero-btn {position: relative; top: inherit; left: inherit; margin-top: 48px;} /*NIKKEI Mobility*/ body.mobility .hero, body.mobility .ttl-01:before, body.mobility .sv-content-title, body.mobility .section__heading--underline:after, body.mobility .slick-arrow { background-color: #1261ab;} body.mobility .list-qa-question::before, body.mobility .list-qa-answer::before, body.mobility .sv-content-point-btn, body.mobility .sv-content-point-btn02, body.mobility .nav-utility-list-link, body.mobility .m-link__local__row--link, body.mobility .mod-caution a:link, body.mobility .caution .caution-list-link, body.mobility .caution .caution-list-link:visited { color: #326691;} body.mobility .caution .caution-list-link:visited { -webkit-filter: brightness(75%); filter: brightness(75%);} body.mobility .hero-text-read { background-color: #ffffff;} body.mobility .alert__marker, body.mobility .hero-text-read, body.mobility .ttl-danger, body.mobility .string--danger { color: #1261ab;} body.mobility .list-qa-answer, body.mobility .ico-slide::before { border-top-color: #04417a;} body.mobility .alert, body.mobility .list-qa-answer { background-color: #d9edff; /* light 20*/} body.mobility .biography { background-color: #ebf5ff;} body.mobility .slick-arrow.slick-disabled { background-color: #b8d0e6;} /*NIKKEI GX*/ body.gx .hero, body.gx .ttl-01:before, body.gx .sv-content-title, body.gx .section__heading--underline:after, body.gx .slick-arrow { background-color: #0c6f5b;} body.gx .list-qa-question::before, body.gx .list-qa-answer::before, body.gx .sv-content-point-btn, body.gx .sv-content-point-btn02, body.gx .nav-utility-list-link, body.gx .m-link__local__row--link, body.gx .mod-caution a:link, body.gx .caution .caution-list-link, body.gx .caution .caution-list-link:visited { color: #326691;} body.gx .caution .caution-list-link:visited { -webkit-filter: brightness(75%); filter: brightness(75%);} body.gx .hero-text-read { background-color: #ffffff;} body.gx .alert__marker, body.gx .hero-text-read, body.gx .ttl-danger, body.gx .string--danger { color: #0c6f5b;} body.gx .list-qa-answer, body.gx .ico-slide::before { border-top-color: #024c3d;} body.gx .alert, body.gx .list-qa-answer { background-color: #c2f3e9; /* light 20*/} body.gx .biography { background-color: #dcf9f3;} body.gx .slick-arrow.slick-disabled { background-color: #b6d3ce;} /*NIKKEI Tech Foresight*/ body.tech .hero, body.tech .ttl-01:before, body.tech .sv-content-title, body.tech .section__heading--underline:after, body.tech .slick-arrow { background-color: #b41813;} body.tech .list-qa-question::before, body.tech .list-qa-answer::before, body.tech .sv-content-point-btn, body.tech .sv-content-point-btn02, body.tech .nav-utility-list-link, body.tech .m-link__local__row--link, body.tech .mod-caution a:link, body.tech .caution .caution-list-link, body.tech .caution .caution-list-link:visited { color: #326691;} body.tech .caution .caution-list-link:visited { -webkit-filter: brightness(75%); filter: brightness(75%);} body.tech .hero-text-read { background-color: #ffffff;} body.tech .alert__marker, body.tech .hero-text-read, body.tech .ttl-danger, body.tech .string--danger { color: #b41813;} body.tech .list-qa-answer, body.tech .ico-slide::before { border-top-color: #7a0804;} body.tech .alert, body.tech .list-qa-answer { background-color: #ffe1df; /* light 20*/} body.tech .biography { background-color: #ffeceb;} body.tech .slick-arrow.slick-disabled { background-color: #e8cccb;} /*NIKKEI FT the World*/ body.ft .hero { background-color: #262a33;} body.ft .ttl-01:before, body.ft .sv-content-title { background-color: #990f3d;} body.ft .sec-mission, body.ft .sec-svContent, body.ft .sec--ft-article { background-color: #fff1e5;} body.ft .list-qa-question::before, body.ft .list-qa-answer::before, body.ft .sv-content-point-btn, body.ft .sv-content-point-btn02, body.ft .nav-utility-list-link, body.ft .m-link__local__row--link, body.ft .mod-caution a:link, body.ft .caution .caution-list-link, body.ft .caution .caution-list-link:visited { color: #326691;} body.ft .caution .caution-list-link:visited { -webkit-filter: brightness(75%); filter: brightness(75%);} body.ft .hero-text-read { background-color: #ffffff;} body.ft .alert__marker, body.ft .hero-text-read, body.ft .ttl-danger, body.ft .string--danger { color: #990f3d;} body.ft .list-qa-answer, body.ft .ico-slide::before { border-top-color: #7a0804;} body.ft .alert, body.ft .list-qa-answer { background-color: #ffe1df; /* light 20*/} /* pre-announcement */ body.pre-announcement .header-btn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; letter-spacing: 0;} body.pre-announcement .header-btn-in {min-height: 48px; min-width: 152px; padding: 0 8px; width: auto;} /* Season color - hatsuwari */ body.hatsuwari .hero-text-read, body.hatsuwari .ttl-danger { color: #c00708;} body.hatsuwari .hero-text-read { background-color: #ffffff;} body.hatsuwari .header-btn, body.hatsuwari .btn-in, body.hatsuwari .timeline-bar__item--free, body.hatsuwari .timeline-bar__item.timeline-bar__item--free:before { background-color: #c00708;} /* Season color - haruwari */ body.haruwari .hero-text-read, body.haruwari .ttl-danger { color: #eb7b9c;} body.haruwari .hero-text-read { background-color: #ffffff;} body.haruwari .header-btn, body.haruwari .btn-in, body.haruwari .timeline-bar__item--free, body.haruwari .timeline-bar__item.timeline-bar__item--free:before { background-color: #eb7b9c;} /* Season color - anniversary */ body.anniversary .hero-text-read, body.anniversary .ttl-danger { color: #0073b6;} body.anniversary .hero-text-read { background-color: #ffffff;} .l-row { display: -o-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex;} .l-row--article { margin: -12px;} .l-row.__center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .l-row.__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap;} .l-col { /* OLD - iOS 6-, Safari 3.1-6 */ /* Safari 6.1+. iOS 7.1+, BB10 */ /* IE 10 */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px;} .l-col--article { padding: 12px;} .l-col.__4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%;} .l-col.__30 { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;} .l-col.__40 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;} .l-col.__50 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .l-col.__60 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;} .l-col.__70 { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;} .l-col.__12, .l-col.__100 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .l-col.__apps-specific-icon { -webkit-box-flex: 0; -ms-flex: 0 0 37.1875%; flex: 0 0 37.1875%; max-width: 37.1875%;} .l-col.__apps-specific-app { -webkit-box-flex: 0; -ms-flex: 0 0 62.8125%; flex: 0 0 62.8125%; max-width: 62.8125%;} .contents { /* padding-top: 49px; */ padding-top: 0;} /** contents-main */ /** contents-frame */ .contents-frame { padding: 0 15px;} .contents-frame > :first-child { margin-top: 0;} .s-inner {padding-left: 8px; padding-right: 8px;} .header { position: relative; top: 0; left: 0; background-color: white; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .2); box-shadow: 0 2px 8px rgba(0, 0, 0, .2); width: 100%; z-index: 10;} .header--white { background-color: white;} .header.__fixed { position: fixed; background-color: white; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .2); box-shadow: 0 2px 8px rgba(0, 0, 0, .2);} .header.__fixed .header-logoBox, .header--white .header-logoBox { display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex;} .header.__fixed .anchorList, .header--white .anchorList { color: #333333;} .header-in {align-items: center; -webkit-box-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; height: 49px; max-width: 100%; padding-left: 8px; /* margin: 0 auto; */} .header-logo {font-size: 0; height: auto; width: 100px;} .header-logoBox {-ms-align-items: center; align-items: center; -webkit-box-align: center; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; margin-right: 16px;} .header-sv {color: #ffffff; display: inline-block; font-size: 1rem; line-height: 1; margin-left: 8px;} .header-sv img { width: 78px;} .header-btn {align-items: center; background-color: #f78600; -webkit-box-align: center; -webkit-box-flex: 0; -webkit-box-pack: center; color: #ffffff; cursor: pointer; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-align: center; -ms-flex-pack: center; font-size: 1.4rem; font-weight: 400; height: 100%; -webkit-justify-content: center; justify-content: center; letter-spacing: .1em; line-height: 1.3; margin-left: auto; min-width: 100px; text-align: center; text-decoration: none;} .header-btn-in {-ms-align-items: center; align-items: center; -webkit-box-align: center; -webkit-box-pack: center; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: center; height: 32px; justify-content: center; padding: 0 4px; width: 100px;} body.hatsuwari .header-btn-in, body.haruwari .header-btn-in, body.campaign .header-btn-in {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 6px;} body.campaign .header-btn-in { width: 140px;} .header-btn-txt-01, .header-btn-txt-02 { display: inline-block;} .header-btn-txt-01 { font-size: 1.5rem;} .header-btn-txt-02 { font-size: 1.2rem;} .header-utility { margin-left: auto;} .header-list { display: -webkit-box; display: -ms-flexbox; display: flex;} .header-list-item {margin: 0 12px 0 6px; width: 21px;} .anchorList {display: none; font-size: 1.4rem;} .anchorList li + li { margin-left: 12px;} .hero {position: relative; background: url(./images/bg_mainvisual_sv_sp.jpg) 0 0/cover no-repeat; -webkit-box-direction: normal; -webkit-box-orient: vertical; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column;} .hero--absolute {position: absolute; display: block; height: 66%; width: 100%; z-index: -1;} .hero__container { position: relative;} .hero-in { position: relative; height: 440px;} .hero-in::before {position: absolute; top: 50%; right: 8px; background: url(./images/bg_mainvisual_svtab.png) no-repeat; background-size: contain; content: ""; height: 250px; width: 309px;} .hero-logo {position: absolute; top: 25.135624%; right: 24px; left: 24px; display: none; font-size: 0; margin-left: auto;} .hero-logo__text { font-size: 2.4rem; font-weight: 700; line-height: 1.5;} .hero-in .hero-logo__text { display: block;} .hero-logo__item { display: inline-block; width: 320px;} .hero-logo__label {border-radius: 20px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 600; margin-top: 16px; padding: 2px 21px;} .hero-text {position: absolute; top: 31.363636%; left: 24px; display: inline-block; margin-left: auto;} .hero-btn {position: absolute; top: 414px; left: 24px; display: none;} .hero-btn-in { background-color: #f58700; border-radius: 8px; font-size: 1.6rem; font-weight: 700; line-height: 1.5; padding: 12px 32px;} .hero-read { font-size: 2.8vw; font-weight: bold;} .hero-text-read {top: 74px; background-color: #6098d6; display: inline-block; font-size: 1.8rem; font-weight: 400; letter-spacing: 2.5px; line-height: 1.8; margin-top: 8px; padding: 2px 8px; text-align: left;} .hero-pr { background-color: #f78600; font-size: 2rem;} .hero-read-dsr3 { font-size: 3.3vw; font-weight: bold; margin-left: 54%; margin-right: 5px;} .hero-title {font-size: 25vw; font-weight: bold; line-height: 1.1; margin-top: 5px;} .hero .btn-wrap { margin-top: 16px;} .hero .btn-in {font-size: 1.4rem; height: 42px; min-width: 0; width: 100%;} .btn-wrap .btn { display: block;} .hero-sub {background-color: #ffffbc; font-size: 1rem; padding: 8px 16px; text-align: left;} .hero-pc { display: none !important;} .hero-in span { display: inline-block;} .hero__heading-1 {position: relative; color: #ffffff; font-size: 1.6rem; font-weight: 700; line-height: 1.5; padding-bottom: 20px; padding-top: 24px; text-align: center;} .hero__heading-1:after {position: absolute; bottom: 0; left: 50%; background-color: #ffffff; content: ""; display: inline-block; height: 4px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 56px;} .hero__heading-2 { color: #ffffff; font-size: 2rem; font-weight: 700; line-height: 1.5; margin: 24px auto; text-align: center;} .biography { padding: 16px;} .biography__heading { font-size: 1.4rem; font-weight: 700; line-height: 1.65; text-align: center;} .biography__heading + .biography__subtitle { margin-top: 8px;} .biography__subtitle { font-size: 1.4rem; font-weight: 400; line-height: 1.65;} .biography__grid {align-items: center; -webkit-box-align: center; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px 32px; justify-content: center;} .biography__column--image { -webkit-box-flex: 0; -ms-flex: 0 0 144px; flex: 0 0 144px; max-width: 144px;} .biography__column--text { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%;} .biography__grid + .biography__string { margin-top: 24px;} .biography__string { font-size: 1.4rem; font-weight: 400; line-height: 1.65;} .sec-option { padding: 20px 0 30px;} .sec-mission { background-color: #f3f3f3; padding: 40px 16px 32px;} .sec-mission__section + .sec-mission__section { margin-top: 40px;} .sec-mission__box { margin-top: 0; padding: 24px 24px 40px;} .sec-mission__title { color: #ffffff; font-size: 1.6rem; font-weight: 600; line-height: 1; text-align: center;} .sec-mission__title + .sec-mission__string { margin-top: 24px;} .sec-svContent { background-color: #f3f3f3;} .ttl-01 {position: relative; color: #333333; font-size: 1.6rem; font-weight: 600; line-height: 1.65; padding-bottom: 24px; text-align: center;} .ttl-01:before {position: absolute; bottom: 0; left: 50%; background-color: #6098d6; content: ""; display: inline-block; height: 4px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 56px;} .ttl-01--prime.ttl-01--prime-mobility, .ttl-01--prime.ttl-01--prime-gx, .ttl-01--prime.ttl-01--prime-tech, .ttl-01--prime.ttl-01--prime-ft { padding-top: 55px;} .ttl-01--prime-mobility:after, .ttl-01--prime-gx:after, .ttl-01--prime-tech:after, .ttl-01--prime-ft:after {position: absolute; top: 0; left: 50%; background-position: center; background-repeat: no-repeat; background-size: contain; content: ""; display: block; height: 39px; margin: 0 auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 40px;} .ttl-01--prime-mobility:after { background-image: url(./images/logo_prime_mobility.png);} .ttl-01--prime-gx:after { background-image: url(./images/logo_prime_gx.png);} .ttl-01--prime-tech:after { background-image: url(./images/logo_prime_tech.png);} .ttl-01--prime-ft:after { background-image: url(./images/logo_prime_ft.png); height: 40px; width: 40px;} .ttl-sub-01 { display: inline-block; font-size: 1.2rem; font-weight: 300; margin-top: 8px; width: 100%;} .sec-plan .ttl-01 { color: #616161;} .ttl-sub-01--block { display: block; margin-top: 8px;} .string { font-size: 1.2rem; font-weight: 400; line-height: 1.8; margin: 16px auto;} .string:last-child { margin-bottom: 0;} .string--palt { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt";} .string--center { text-align: center;} .alert { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px;} .alert__column--marker { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; height: 24px; margin-right: 8px; max-width: 24px;} .alert__column--content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%;} .alert__marker {height: 24px; width: 24px;} .alert__string { font-size: 1.4rem; font-weight: 400; line-height: 1.65;} .alert__link { color: #326691; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;} .alert__link:visited { color: #254b6b;} .alert__link--anchor { margin-top: 6px;} .alert__link--anchor:after {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.02941%209.44026L6.96875%2010.5009L11.9991%2015.5312L17.0294%2010.5009L15.9688%209.44026L11.9991%2013.4099L8.02941%209.44026Z%22%20fill%3D%22%23326691%22%2F%3E%3C%2Fsvg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 24px; margin-left: 4px; width: 24px;} .__none-spaced { margin-top: 0 !important;} @media (hover: hover) { body.mobility .slick-arrow:hover { background-color: #b8d0e6;} body.gx .slick-arrow:hover { background-color: #b6d3ce;} body.tech .slick-arrow:hover { background-color: #e8cccb;} .button:hover { opacity: .75;} a.alert__link:hover { opacity: inherit; text-decoration: underline;} .slick-arrow.slick-disabled:hover {background-color: #235aa3; cursor: not-allowed;}} @media screen { [hidden~="screen"] { display: inherit;} [hidden~="screen"]:not(:active):not(:focus):not(:target) {position: absolute !important; clip: rect(0 0 0 0) !important;}} @media screen and (min-width: 321px) { .header-btn { min-width: 120px;} .table-price thead th { font-size: 1.2rem;} .table-price tbody th { font-size: 1.2rem;} .table-price .table-price-comingSoon, .table-price .table-price-monthly { font-size: 1.2rem;} .sboxL { font-size: 2.8rem;}} @media screen and (min-width: 370px) { .m-list__apps-specific { margin: 30px auto 0;}} @media screen and (max-width: 374px) { .sv-content-link { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .sv-content-attention-list { text-align: left;}} @media screen and (min-width: 375px) { .m-table__prices { padding: 10px 15px;} .m-table__price-desc { font-size: 1.4rem; letter-spacing: 0; width: 92px;} .s-left-sm { text-align: left !important;} .s-center-sm { text-align: center !important;} .s-right-sm { text-align: right !important;} .s-dn-sm { display: none !important;} .s-db-sm { display: block !important;} .s-di-sm { display: inline !important;} .s-dib-sm { display: inline-block !important;}} @media screen and (max-width: 399px) { .table-price tbody th, .table-price tbody td { height: 74px; padding: 4px;}} @media screen and (min-width: 500px) { body.mj .sec-device { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 87, 144, .85)), to(rgba(0, 87, 144, .85))), url(./images/bg_device.jpg) 60% center/cover no-repeat; background: linear-gradient(0deg, rgba(0, 87, 144, .85), rgba(0, 87, 144, .85)), url(./images/bg_device.jpg) 60% center/cover no-repeat;} body.ss .sec-device { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 85, 162, .8)), to(rgba(0, 85, 162, .8))), url(./images/bg_device.jpg) 60% center/cover no-repeat; background: linear-gradient(0deg, rgba(0, 85, 162, .8), rgba(0, 85, 162, .8)), url(./images/bg_device.jpg) 60% center/cover no-repeat;} .timeline-bar--3-days-ago .timeline-bar__item--free, .timeline-desc--3-days-ago .timeline-desc__item--free { width: 70%;} .timeline-bar--3-days-ago .timeline-bar__item--daily, .timeline-desc--3-days-ago .timeline-desc__item--daily { width: 15%;} .timeline-desc--3-days-ago .timeline-desc__item--daily { position: relative; right: 8px; margin-left: 0; padding-left: 1.5%;} .timeline-label--3-days-ago .timeline-label--one-month { left: calc(70% - 56px);} .sec-device { background: -webkit-gradient(linear, left bottom, left top, from(rgba(45, 92, 164, .85)), to(rgba(45, 92, 164, .85))), url(./images/bg_device.jpg) 60% center/cover no-repeat; background: linear-gradient(0deg, rgba(45, 92, 164, .85), rgba(45, 92, 164, .85)), url(./images/bg_device.jpg) 60% center/cover no-repeat;}} @media screen and (max-width: 649px) { body.ss .hero-text--rows .hero-text-read { margin-top: 10px;}} @media screen and (min-width: 650px) { body.mj .hero-text--rows, body.mj.haruwari .hero-text, body.mj.anniversary .hero-text { top: 37%;} body.ss .hero-text { top: 46%;} body.nikkei-prime .hero-in::before { top: 46%; height: 270px;} body.nikkei-prime .header-logo, body.nikkei-prime .header-logo-img {height: 48px; width: auto;} body.nikkei-prime .hero { background-image: url(./images/bg_mainvisual_sv_md.jpg);} body.nikkei-prime .hero-text-read { font-size: 1.8rem;} .string { font-size: 1.6rem; line-height: 1.65; margin: 24px auto;} .btn__group--nowrap { margin: -12px;} .btn__group--nowrap > .btn__item { padding: 12px;} .btn__group--nowrap > .btn__item--6-md { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;} .hero-in::before {top: 40%; height: 322px; width: 410px;} .hero-text-read { font-size: 2.4rem;}} @media screen and (min-width: 768px) { .l-col.__6--md { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .l-col.__46--md { -webkit-box-flex: 0; -ms-flex: 0 0 46.822742%; flex: 0 0 46.822742%; max-width: 46.822742%;} .l-col.__50--md { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .l-col.__54--md { -webkit-box-flex: 0; -ms-flex: 0 0 53.177258%; flex: 0 0 53.177258%; max-width: 53.177258%;} .article__card { padding: 16px;} .article__column--thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 112px; flex: 0 0 112px; max-width: 112px;} .article__heading { font-size: 2rem;} .article__description { font-size: 1.4rem;} .article__string { font-size: 2rem;} .picture--right, .picture--left {margin-bottom: 24px; max-width: 368px;} .picture--right { margin-left: 24px;} .picture--left { margin-right: 24px;} .container + .list__container { margin-top: 48px;} .list__item--4-md { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333%; flex: 0 0 33.3333333%;} .list__item--8-md { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%;} .list__item--12-md { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%;} .card__logo { max-width: 260px;} .card__heading { font-size: 1.6rem;} .heading__description { font-size: 1.6rem; margin-top: 24px;} .heading__2 { font-size: 2rem;} .ribbon { font-size: 1.6rem;} .u-none--md { display: none;} .u-visible--md { display: block;} .hero__heading-1 { font-size: 2rem; padding-top: 48px;} .hero__heading-2 { font-size: 2.7rem; line-height: 1.65; margin: 32px auto 48px;} .list-service-title { font-size: 1.6rem;} .list-service-text { font-size: 1.4rem;} .sec-mission { padding: 64px 24px 32px;} .sec-mission__section + .sec-mission__section { margin-top: 64px;} .sec-mission__box { padding: 48px 48px 64px;} .sec-mission__title { font-size: 2rem;} .sec-mission__title + .sec-mission__string { margin-top: 48px;} .ttl-01 { font-size: 2rem;} .ttl-01--prime.ttl-01--prime-mobility, .ttl-01--prime.ttl-01--prime-gx, .ttl-01--prime.ttl-01--prime-tech, .ttl-01--prime.ttl-01--prime-ft { padding-top: 79px;} .ttl-01--prime-mobility:after, .ttl-01--prime-gx:after, .ttl-01--prime-tech:after {height: 47px; width: 48px;} .ttl-01--prime-ft:after {height: 48px; width: 48px;} .ttl-02 {font-size: 1.8rem; margin-top: 8px;} .ttl-03 { font-size: 1.8rem;} .caution {background-color: #f3f3f3; color: #333333; font-size: 14px; line-height: 1.8; padding: 0 0 30px;} .caution-list-desc::before { top: .65em; height: 6px; width: 6px;} .caution .common-inner { width: 1034px;} .caution-list {font-size: 14px; padding: 34px 0 0 0; width: 100%;} .caution-list-tbl-th, .caution-list-tbl-td { padding: 10px;} .caution-list-tbl-th--wid01 { width: auto;} .caution-list-tbl-th--wid02 { width: 78%;} .mod-caution-list-desc::before { top: .65em; height: 6px; width: 6px;} .sv-content-list--scroll .sv-content-item--logo { padding-bottom: 136px;} .sv-content-list--scroll .sv-content-item + .sv-content-item { margin-left: 24px;} .sv-content-text { margin-left: 24px; width: calc((100% - 24px) / 2);} .sv-content-title { font-size: 1.8rem; letter-spacing: 0;} .sv-content-detail {font-size: 1.8rem; line-height: 1.5; margin: 8px 0;} .table-price-icon { margin-right: 12px; min-width: 24px;} .table-price-icon img { width: 24px;} .table-price-title {padding-left: 1em !important; text-indent: -1em;} .table-price-title:before { margin-right: 12px;} .mod-lead {margin: 28px auto 0; width: 511px;} .mod-lead__item { font-size: 1.6rem;} .pre-guide-detail { font-size: 1.2rem;} #subscriber { font-size: 1.4rem;} .biography { padding: 32px;} .biography__heading { font-size: 2rem; line-height: 1.5; text-align: inherit;} .biography__grid + .biography__string { margin-top: 32px;} .biography__column--text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;} .section + .section { margin: 64px auto;} .section:last-child { margin-bottom: 64px;} .section + .section--normal, .section--normal { margin: 72px auto 0;} .section--normal:last-child { margin-bottom: 72px;} .section__heading-2 { font-size: 2.4rem;} .article__heading-3 { font-size: 2.4rem; margin: 64px auto;} .article__heading-3--cvr { font-size: 2.8rem; margin-bottom: 0;} .list-slider__item {max-width: 440px; min-width: 33.3333333%;} .alert__string { font-size: 1.6rem; line-height: 1.5;} } @media screen and (max-width: 768px), print { .timeline-bar__item { font-size: 10px;}} @media screen and (min-width: 1000px) { html { height: 100%;} body {color: #333333; font-size: 1.8rem; height: 100%; line-height: 1.6;} body.mj .header-sv { background-color: #00324e;} body.mj .header-logo { width: 128px;} body.mj .hero { background: url(./images/bg_mainvisual_sv.jpg) -455px 0/cover no-repeat #f4e9e2;} body.mj .hero-text, body.mj.haruwari .hero-text, body.mj.anniversary .hero-text { top: 65.280289%;} body.mj .hero-text--rows { top: 61%;} body.mj .sec-device { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 87, 144, .85)), to(rgba(0, 87, 144, .85))), url(./images/bg_device.jpg) center 0/cover no-repeat; background: linear-gradient(0deg, rgba(0, 87, 144, .85), rgba(0, 87, 144, .85)), url(./images/bg_device.jpg) center 0/cover no-repeat;} body.ss .header-sv {background-color: #00408c; margin-left: 4px;} body.ss .hero-text { top: 63.652803%;} body.ss .hero-text--rows { top: 61%;} body.ss .sec-device { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 85, 162, .8)), to(rgba(0, 85, 162, .8))), url(./images/bg_device.jpg) center 0/cover no-repeat; background: linear-gradient(0deg, rgba(0, 85, 162, .8), rgba(0, 85, 162, .8)), url(./images/bg_device.jpg) center 0/cover no-repeat;} body.veritas .hero-text { top: 56%;} body.nikkei-prime .hero__inner { padding: 110px 24px 0;} body.nikkei-prime .hero-logo + .hero-text { margin-top: 48px;} body.nikkei-prime .hero { background-image: url(./images/bg_mainvisual_sv.jpg);} body.nikkei-prime .hero-logo__item { display: inline-block;} body.nikkei-prime .hero-in::before { top: 237px; height: 378px; width: 574px;} body.nikkei-prime .hero-text-read { font-size: 3rem;} body.nikkei-prime .hero-btn { display: block; margin-top: 56px;} body.mobility .anchorList { color: #ffffff;} body.mobility .header--white .anchorList { color: #333333;} body.gx .anchorList { color: #ffffff;} body.tech .anchorList { color: #ffffff;} body.ft .anchorList { color: #ffffff;} body.pre-announcement .header-btn-in { min-width: 224px;} body.pre-announcement .btn-in { font-size: 2.4rem;} .l-col.__4--lg { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%;} .contents { padding-top: 0;} .contents-frame {margin-left: auto; margin-right: auto; max-width: 1034px; padding: 0 0; width: 100%;} .footer { padding: 21px 0;} .footer-in { padding: 0;} .footer-logo {margin-right: 22px; width: 60px;} .footer-copylight {font-size: 1.4rem; margin: 0; padding-top: 6px; -webkit-transform: none; -ms-transform: none; transform: none;} .notification__string { font-size: 2rem;} .header { position: absolute; background-color: rgba(255, 255, 255, 0); -webkit-box-shadow: 0 2px 8px rgba(17, 15, 15, 0); box-shadow: 0 2px 8px rgba(17, 15, 15, 0); height: 81px;} .header--white { background-color: #ffffff;} .header .header-logoBox { display: none;} .header.header--white .header-logoBox { display: -webkit-box; display: -ms-flexbox; display: flex;} .header.__is-shown { position: fixed; top: 0; background-color: rgba(255, 255, 255, .9); -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .2); box-shadow: 0 2px 8px rgba(0, 0, 0, .2);} .header.__is-shown .header-logoBox { display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex;} .header-in { height: 100%; margin-left: 2%; padding: 0;} .header-logo { width: 158px;} .header-logoBox {-ms-align-items: center; align-items: center; -webkit-box-align: center; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center;} .header-sv {background-color: #bdd3eb; border-radius: 20px; font-size: 1.2rem; margin-left: 12px; margin-top: 2px; padding: 5px 12px;} .header-btn {align-items: center; background-color: #f78600; -webkit-box-align: center; -webkit-box-pack: center; color: #ffffff; cursor: pointer; -ms-flex-align: center; -ms-flex-pack: center; font-size: 2rem; font-weight: 400; justify-content: center; letter-spacing: .1em; margin-left: 24px; min-width: 160px; text-decoration: none;} .header-btn-in {-ms-align-items: center; align-items: center; -webkit-box-align: center; -webkit-box-pack: center; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: center; height: 40px; justify-content: center; padding: 0 12px; width: 148px;} body.hatsuwari .header-btn-in, body.haruwari .header-btn-in, body.campaign .header-btn-in { height: 48px;} body.campaign .header-btn-in { width: 178px;} .header-btn-in-sp { display: block; padding-top: 16px;} .header-btn-txt-01 { font-size: 2rem;} .header-btn-txt-02 { font-size: 1.6rem;} .header-list-item {margin-left: 22px; width: 42px;} .header-list-item:last-child { margin-right: 0;} .anchorList {display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.4rem; margin-left: auto;} .anchorList li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;} .wrapper { overflow: visible;} .container--article { padding: 0 48px;} .container--casestudies { max-width: 1344px; padding: 0 24px;} .sec { padding: 72px 24px;} .sec__3 { margin: 64px auto 0;} .container + .list__container { margin-top: 64px;} .card__logo { max-width: 296px;} .card__heading { font-size: 2rem;} .card__string { font-size: 1.8rem;} .card__picture-content { height: 50px;} .card__body { padding: 24px;} .card__action-container { margin-top: 24px;} .card__action-item-text { font-size: 1.6rem;} .button { font-size: 1.6rem;} .button { font-size: 1.6rem;} .heading__description { font-size: 2.4rem; margin-top: 32px;} .heading__subtitle { font-size: 1.6rem;} .heading__2 { font-size: 2.8rem;} .string { font-size: 2.4rem; line-height: 1.8; margin: 32px auto;} .m-list__apps { width: 664px;} .m-note__general, .m-note__general--md, .m-note__danger--md { margin-top: 19px;} .m-note__general--lg .m-note__general--item, .m-note__general--lg .m-note__danger--item { font-size: 12px; margin: 0;} .timeline-wrapper { padding-left: 33px; padding-right: 12px;} .timeline-bar__item:before { left: -33px; height: 67px; width: 67px;} .timeline-desc__item { font-size: 14px; line-height: 1.8;} .timeline-label--start { left: -33px;} .timeline-label--one-month { left: calc(85% - 70px);} .timeline-desc__item--regular { padding-left: 3%;} .timeline-label--first-week .timeline-label--one-month { left: calc(42.5% - 52px);} .timeline-label--next-month { left: calc(85% - 71px);} .timeline-label--second-weeks .timeline-label--one-month { left: calc(47.5% - 55px);} .timeline-bar--third-weeks .timeline-bar__item--free, .timeline-desc--third-weeks .timeline-desc__item--free { width: 49.25%;} .timeline-bar--third-weeks .timeline-bar__item--daily, .timeline-desc--third-weeks .timeline-desc__item--daily { width: 35.75%;} .timeline-label--third-weeks .timeline-label--one-month { left: calc(49.25% - 55px);} .timeline-bar--fourth-weeks .timeline-bar__item--free, .timeline-desc--fourth-weeks .timeline-desc__item--free { width: 51%;} .timeline-bar--fourth-weeks .timeline-bar__item--daily, .timeline-desc--fourth-weeks .timeline-desc__item--daily { width: 34%;} .timeline-label--fourth-weeks .timeline-label--one-month { left: calc(51% - 55px);} .timeline-bar--fifth-weeks .timeline-bar__item--free, .timeline-desc--fifth-weeks .timeline-desc__item--free { width: 68%;} .timeline-bar--fifth-weeks .timeline-bar__item--daily, .timeline-desc--fifth-weeks .timeline-desc__item--daily { width: 17%;} .timeline-desc--fifth-weeks .timeline-desc__item--daily {margin-left: 0; padding-left: 1.5%;} .timeline-label--fifth-weeks .timeline-label--one-month { left: calc(68% - 63px);} .timeline-bar--3-days-ago .timeline-bar__item--free, .timeline-desc--3-days-ago .timeline-desc__item--free { width: 75%;} .timeline-bar--3-days-ago .timeline-bar__item--daily, .timeline-desc--3-days-ago .timeline-desc__item--daily { width: 10%;} .timeline-desc--3-days-ago .timeline-desc__item--daily { position: relative; right: 8px; margin-left: 0; padding-left: 1.5%;} .timeline-label--3-days-ago .timeline-label--one-month { left: calc(75% - 68px);} .timeline-label--by-months .timeline-label--next-month { left: calc(50% - 55px);} .timeline-label--by-months .timeline-label__desc { font-size: 1.4rem;} .timeline-label--start, .timeline-label--one-month, .timeline-label--next-month { font-size: 14px; width: 67px;} .sns__container { margin-top: 48px;} .sns__list { font-size: 12px; line-height: 1.65;} .m-table__prices { padding: 10px 20px;} .m-table__price-desc { font-size: 1.6rem; padding-right: 12px; width: 108px;} .m-table__price-cost { font-size: 18px;} .m-txt__sm { font-size: 12px;} .m-link__local__row--link:hover img { opacity: .7;} .btn-end-in {border-radius: 4px; font-size: 2.4rem; min-height: 65px; min-width: 664px;} .btn-pagetop { position: absolute; right: 0; bottom: 0; height: 72px; width: 72px;} .btn-pagetop_wrap { position: fixed; right: 0; bottom: 43px; left: 0; height: 0; margin: 0 auto; max-width: 1174px; min-width: 1054px; width: 100%;} .btn-pagetop a { -webkit-transition: all .3s ease-out; transition: all .3s ease-out;} .btn-pagetop a:hover { opacity: .7;} .btn-wrap {margin: 40px auto 0; max-width: 500px;} .btn__group { margin-top: 40px;} .btn__group--nowrap { margin: -12px; padding-top: 40px;} .btn-in {font-size: 30px; font-size: 3rem; height: 81px; min-width: 300px; padding: 0 12px;} .btn__item { font-size: 1.6rem; line-height: 1.5;} .fig-option { height: 135px;} .fig-option-img.s-viewer { width: 90px;} .fig-option-img.s-mj { width: 80px;} .fig-option-img.s-digital { width: 230px;} .fig-option-img.s-watch { width: 238px;} .fig-option-img.s-premium { width: 268px;} .fig-plan-term { margin-top: 40px;} .fig-plan-term-wrap { margin: 0;} .fig-plan-term-img-pc {display: block !important; max-width: 100%;} .fig-plan-term-img-sp {display: none !important; max-width: 100%;} .hero { background: url(./images/bg_mainvisual_sv.jpg) -400px 0/cover no-repeat;} .hero__container { padding-top: 81px;} .hero--absolute { height: 464px;} .hero-in { position: relative; height: 553px; margin: 0 auto; max-width: 1290px; min-width: 1000px; width: 100%;} .hero-in::before { top: 17.359855%; right: 24px; height: 463px; width: 585px;} .hero-logo { display: inline-block;} .hero-logo__text { font-weight: 400; line-height: 1.35;} .hero-text {top: 63.652803%; bottom: 14%; height: auto;} .hero-btn { display: inline-block;} .hero-text-read {top: 74px; display: inline-block; font-size: 3rem; letter-spacing: 2.5px; line-height: 1.6; line-height: 1.6; margin-top: 8px; padding: 0; padding: 4px 16px; text-align: left;} .hero-text-read--d-n-pc + .hero-text-read { position: relative; top: 0; left: -.4em; padding-left: 0;} .hero-text-read--d-n-pc { display: none;} .hero-read {font-size: 2.4rem; font-weight: normal; margin-left: auto; width: 424px;} .hero-pr { font-size: 3rem;} .hero-read-dsr3 {font-size: 3rem; font-weight: normal; margin-left: auto; margin-right: 0; text-align: center; width: 380px;} .hero-title {font-size: 20rem; margin: 3px -10px 0 0;} .hero-end .hero-title { margin: 50px -10px 0 0;} .hero .btn-wrap { right: 0; bottom: 80px; left: auto; margin-top: 32px;} .hero .btn-in {font-size: 2.4rem; height: 74px; min-width: 300px; width: auto;} .hero-sub {background-color: #ffffbc; font-size: 1.4rem; padding: 16px 0; text-align: center;} .hero-sp { display: none !important;} .hero-pc { display: inline-block !important;} .subscriberLink { height: 56px;} .subscriberLink-text { font-size: 1.4rem;} .subscriberLink-text { font-size: 1.6rem;} .ico-arrow::before { border-width: 8px 0 8px 10px;} .ico-slide::before { border-width: 11px 7px 0 7px;} .link-ico > :first-child { margin-right: 8px;} .list-option { margin: 30px -17px -30px;} .list-option-item {margin: 0 17px 30px; width: 322px;} .list-qa {font-size: 1.4rem; line-height: 1.9; margin-top: 25px;} .list-qa-item {font-size: 1.4rem; margin-top: 17px;} .list-qa-question {cursor: pointer; padding: 10px 36px 10px 23px; -webkit-transition: opacity .3s; transition: opacity .3s;} .list-qa-question:hover { opacity: .75;} .list-qa-question::before { font-size: 1.8rem;} .list-qa-body { padding-top: 2px;} .list-qa-text { font-size: 1.6rem;} .list-qa-answer { padding: 20px 36px 20px 23px;} .list-qa-answer::before {font-size: 1.8rem; margin-right: 23px;} .list-qa-question .ico-slide, .list-qa-answer .ico-slide { right: 15px; height: 14px;} .list-service { max-width: 100%;} .serviceListBox {-ms-align-items: center; align-items: center; -webkit-box-align: center; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; height: 100%; margin-left: auto; padding: 24px 80px; width: 100%;} .list-service-item {margin-top: 40px; width: calc((100% - 41px) / 2);} .list-service-item + .list-service-item { margin-top: 40px;} .list-service-item:nth-of-type(2n) { margin-left: 40px;} .list-service-icon { min-width: 40px;} .list-service-icon { min-width: 40px;} .list-service-title { font-size: 1.8rem; font-weight: 300;} .list-service-text {font-size: 1.4rem; margin-top: 8px;} .nbd-service-content {border: 2px solid #e17ea8; border-radius: 4px; margin-top: 32px; padding: 56px 32px 40px;} .nbd-service-content p { font-size: 1.5rem; margin-top: 24px;} .nbd-service-img {display: block !important; margin: 0 auto; width: 80%;} .nav-utility { padding: 20px 0;} .nav-utility-list-link { text-decoration: none;} .sec-option { padding: 40px 0 55px;} .sec-option-inner {margin: 0 auto; width: 1034px;} .sec-mission { padding: 120px 24px 80px;} .sec-mission__section + .sec-mission__section { margin-top: 96px;} .sec-mission__box { padding: 80px 80px 96px;} .sec-mission__title { font-size: 2.8rem;} .sec-mission__title + .sec-mission__string { margin-top: 56px;} .sec-plan { padding: 55px 20px 55px;} .sec-qa { padding: 30px 0 20px;} .sec-qa-child { margin-bottom: 30px;} .sec-service { background: #ffffff url(./images/bg_service.jpg) 0 20%/cover no-repeat; height: 495px;} .sec-service:before {background: inherit; content: ""; -webkit-filter: blur(0px); filter: blur(0px);} .sec-device { background: -webkit-gradient(linear, left bottom, left top, from(rgba(45, 92, 164, .85)), to(rgba(45, 92, 164, .85))), url(./images/bg_device.jpg) center 0/cover no-repeat; background: linear-gradient(0deg, rgba(45, 92, 164, .85), rgba(45, 92, 164, .85)), url(./images/bg_device.jpg) center 0/cover no-repeat;} .sec-device__box { padding: 0;} .sec-device__box-inner { width: 85%;} .ttl-01 { font-size: 2.8rem;} .ttl-01--prime.ttl-01--prime-mobility, .ttl-01--prime.ttl-01--prime-gx, .ttl-01--prime.ttl-01--prime-tech, .ttl-01--prime.ttl-01--prime-ft { padding-top: 102px;} .ttl-01--prime-mobility:after, .ttl-01--prime-gx:after, .ttl-01--prime-tech:after {height: 70px; width: 71px;} .ttl-01--prime-ft:after {height: 70px; width: 70px;} .ttl-sub-01 { font-size: 1.6rem; margin-top: 0;} .ttl-02 {font-size: 2.8rem; margin-top: 8px;} .ttl-03 { font-size: 2.8rem; text-align: center;} .ttl-03__subtitle-txt { margin-bottom: 0; padding-right: 0; text-align: left;} .ttl-04 {font-size: 2.4rem; margin-top: 24px;} h2 .subtitle { font-size: 1.4rem;} .attention {font-size: 1.3rem; margin-top: 8px; text-align: center;} .caution.caution-01 .caution-list {font-size: 14px; padding: 34px 20px 0; width: 100%;} .mod-caution {background-color: #f3f3f3; color: #333333; font-size: 14px; line-height: 1.8; padding: 0 0 30px;} .sec-inner { position: relative; margin-left: auto; margin-right: auto; max-width: 1290px;} .mod-caution dl {font-size: 14px; padding: 34px 20px 0; width: 100%;} .mod-caution dl dd { padding-left: 1em; text-indent: -1em;} .mod-caution dl table th, .mod-caution dl table td { padding: 10px;} .mod-caution dl table.tab01 .wid01 { width: auto;} .mod-caution dl table.tab01 .wid03.bor3_1 { width: 15%;} .mod-caution dl table.tab01 .wid03.bor3_2, .mod-caution dl table.tab01 .wid03.bor3_3 { width: 30%;} .mod-end {font-size: 24px; margin: 0; padding: 34px 0 30px;} .mod-end-text { margin-bottom: 29px;} .mod-end .btn-end-in { padding: 12px 30px 6px;} .mod-option-price {font-size: 2.4rem; height: 50px; padding: 12px 0;} .mod-option-text { font-size: 1.2rem; line-height: 1.24;} .sv-content-list {-ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 32px 0 0;} .sv-content-item {display: block; margin-top: 0; width: 312px;} .sv-content-item + .sv-content-item { margin-left: 24px; margin-top: 0;} .sv-content-list--scroll .sv-content-item { -webkit-box-flex: 0; -ms-flex: 0 0 312px; flex: 0 0 312px; max-width: 312px;} .sv-content-list--scroll .sv-content-item + .sv-content-item { margin-left: 35px; margin-top: 0;} .sv-content-list--scroll .sv-content-item--logo { -webkit-box-flex: 0; -ms-flex: 0 0 104px; flex: 0 0 104px; max-width: 104px; padding-bottom: 56px;} .sv-content-item02 {margin: 0 8px 34px; width: 510px;} .sv-content-head {-webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; padding: 10px 24px 19px;} .sv-content-img { width: 100%;} .sv-content-text {margin: 0; width: 100%;} .sv-content-title {display: inline-block; font-size: 1.8rem; line-height: 1.5; margin-top: 20px;} .sv-content-list--scroll .sv-content-title { margin-top: 20px;} .sv-content-title .s-small {font-size: 1.4rem; margin-right: 0; -webkit-transform: none; -ms-transform: none; transform: none;} .sv-content-price { font-size: 2.4rem; text-align: center;} .sv-content-price-large { font-size: 3rem;} .sv-content-detail { margin: 16px 0;} .sv-content-point { padding: 16px 20px;} ul.sv-content-list .sv-content-card div:nth-of-type(3).sv-content-point { padding: 16px 20px;} .sv-content-point02 { padding: 16px 20px 8px;} .sv-content-point02:last-child { padding: 0px 20px 16px;} .sv-content-point03 { padding: 28px 20px 24px;} .sv-content-point-subtext {font-size: 2rem; margin-right: 15px; padding: 0;} .sv-content-point-subtext.s-fontsize-01 { font-size: 2rem; padding-right: 0px;} .sv-content-point-subtext.s-margin-01 {font-size: 1.8rem; margin: 0 22px 0 0;} .sv-content-point-text { font-size: 6rem; font-weight: normal; line-height: 1;} .sv-content-point-text.s-fontsize-01 { font-size: 3.6rem;} .sv-content-point-btn { background-color: #245483; border-radius: 4px; color: #ffffff !important; font-size: 2.2rem; font-weight: normal; height: 132px; padding-top: 48px; text-align: center; width: 100%;} .sv-content-point-btn02 { background-color: #f37f45; border-radius: 4px; color: #ffffff !important; font-size: 2.2rem; font-weight: normal; height: 62px; padding-top: 18px; text-align: center; text-decoration: none; width: 100%;} .sv-content-fig {margin-top: 16px; padding-left: 0px;} .sv-content-fig-image {margin: 0 auto; width: 100%;} .sv-content-point-present { font-size: 2.4rem;} .sv-content-link {-webkit-box-pack: start; -ms-flex-pack: start; font-size: 1.6rem; justify-content: flex-start; margin: 10px 0 0 0;} .sv-content-attention-list {font-size: 1.2rem; letter-spacing: normal; line-height: 1.7; margin-top: 15px; text-align: left !important;} .sv-content-term-list {font-size: 1.2rem; letter-spacing: normal; line-height: 1.7; margin-top: 20px;} .is-sp { display: none;} .is-pc { display: inline-block;} .is-pc__block { display: block;} .s-left-md { text-align: left !important;} .s-left-lg { text-align: left !important;} .s-center-md { text-align: center !important;} .s-center-lg { text-align: center !important;} .s-right-md { text-align: right !important;} .s-right-lg { text-align: right !important;} #price { padding: 40px 24px 80px;} .table-price-icon { min-width: 24px;} .table-price {font-size: 1.8rem; margin-left: auto; margin-right: auto; margin-top: 40px; width: 100%;} .table-price thead th {border-top: none; font-size: 1.4rem; padding-left: 2px; text-align: center; width: 11.1%;} .table-price thead th:first-child { border-left: none;} .table-price thead th:nth-child(1) { width: 35.5%;} .table-price thead th:nth-child(4) { width: 21.1%;} .table-price thead th:nth-child(5) { width: 20%;} .table-price thead th:nth-child(2) { width: 11.1%;} .table-price thead th:nth-child(3) { width: 11.1%;} .table-price thead { display: table-header-group;} .table-price tbody th, .table-price tbody td { height: auto;} .table-price tbody th { font-size: 1.5rem;} .sp-none { display: table-cell;} .table-price th, .table-price td { padding: 7px 2px;} .table-price th {font-size: 1.2rem; padding-left: 0; width: 30%;} .table-price td { border-left: 1px solid #e7e7e7;} .table-price td:nth-child(4) { width: auto;} .table-price td:nth-child(5) { width: auto;} .table-price .link-ico { font-size: 1.8rem;} .table-price-display { display: table-cell;} .table-price-bg { font-size: 1.8rem;} .table-price .table-price-comingSoon, .table-price .table-price-monthly { font-size: 1.8rem; height: 61px;} .table-price-btn { font-size: 1.8rem;} .table-price-text { font-size: 1.2rem;} .table-price-cut {font-size: 1.5rem; padding: 0 11px;} .mod-lead-item-notes {font-size: 1.6rem; margin-top: 24px;} #pre-free-guide { padding: 56px 16px;} .pre-free-guide-box {max-width: 1485px; padding: 32px 0; text-align: center;} #pre-guide { padding: 56px 16px;} .pre-guide-box {background-color: #ffffff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2); box-shadow: 0 0 20px rgba(0, 0, 0, .2); max-width: 1485px; padding: 32px 0; text-align: center;} .pre-guide-detail { font-size: 1.4rem;} .subscriber-listBox { padding: 0;} .subscriber-listContent { margin: 24px;} .subscriber-listTitle {border-bottom: 1px solid #90aed8; font-size: 2.4rem; padding-bottom: 16px; text-align: center;} .appImg img { width: 78px;} .sboxL { font-size: 3.2rem;} .sbcText01 { margin-top: 0px;} .s-dn-md { display: none !important;} .s-dn-lg { display: none !important;} .s-db-md { display: block !important;} .s-db-lg { display: block !important;} .s-di-md { display: inline !important;} .s-di-lg { display: inline !important;} .s-dib-md { display: inline-block !important;} .s-dib-lg { display: inline-block !important;} .s-inner {margin-left: auto; margin-right: auto; max-width: 1290px; padding-left: 0; padding-right: 0;} .ttl-03__subtitle-txt-sm { font-size: 16px;} .m-list__apps { max-width: 960px; width: 90%;} .m-list__apps-specific { margin: 0 auto 0;} .sec-device { height: auto; padding: 72px 36px 90px;} .sec-device__box { padding: 0;} .sec-device__mock-wrapper { border-bottom: none; margin-bottom: 40px; padding: 24px 16px 0;} .sec-device__mock-title { font-size: 15px;} .sec-device__mock-title:before { height: 8px; margin-right: 4px; width: 8px;} .sec-device__icon { padding: 24px 40px 0;} .list-slider { margin-top: 32px;} .list-slider__item {max-width: 440px; min-width: 33.3333333%;} .list-slider__heading-3 { font-size: 2.2rem; line-height: 1.5; margin: 12px auto;}} @media screen and (min-width: 1200px) { .s-left-xl { text-align: left !important;} .s-center-xl { text-align: center !important;} .s-right-xl { text-align: right !important;} .s-dn-xl { display: none !important;} .s-db-xl { display: block !important;} .s-di-xl { display: inline !important;} .s-dib-xl { display: inline-block !important;}} @media screen and (min-width: 1260px) { body.mj .hero-text--rows { top: 65.280289%;} body.ss .hero-text--rows { top: 63.652803%;} body.nikkei-prime .hero-text--rows { top: 310px;} .hero-in::before { top: 17.359855%; right: 8px; height: 500px; width: 652px;} .hero-text-read--d-n-xl + .hero-text-read { position: relative; top: 0; left: -.4em; padding-left: 0;} .hero-text-read--d-n-xl { display: none;} .serviceListBox {padding: 24px 0; width: 50%;} .sec-qa { padding: 40px 0 20px;} #subscriber + .sec-qa { padding: 40px 0 20px; padding-top: 104px;} .sv-content-item { width: 406px;} #subscriber {height: 480px; margin: 24px 0 0; padding: 40px 0 10px;} .subscriber-listBox {-webkit-box-pack: justify; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; /* max-width: 1320px; */ margin: 0 0 0 0; /* position: absolute; */ padding: 40px 0 32px;} .subscriber-listContent {background-color: #ffffff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1); box-shadow: 0 0 20px rgba(0, 0, 0, .1); height: 340px; margin: 0; padding: 32px; width: 406px; width: calc((100% - 40px) / 3); z-index: 5;} .subscriber-listContent + .subscriber-listContent { margin-left: 24px; margin-top: 0;} .subscriber-sbox {-webkit-box-pack: justify; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; height: 192px; justify-content: space-between; margin-top: 24px;} .subscriber-sboxContent { padding: 0 32px 0 0;} .subscriber-sboxContent + .subscriber-sboxContent { border-left: 1px solid #dededf; padding: 0 0 0 32px;} .sbcText01 { margin-top: 32px;}} @media screen and (min-width: 1300px) { body.mj .hero { background: url(./images/bg_mainvisual_sv.jpg) 50% 0/cover no-repeat #f4e9e2;} .hero { background: url(./images/bg_mainvisual_sv.jpg) 46% 0/cover no-repeat;}} @media screen and (min-width: 1340px) { body.nikkei-prime .hero-btn { left: 0;} .hero-logo {right: 0; left: 0;} .hero-text {left: 0; height: auto;}} @media screen and (min-width: 2000px) { body.mj .hero { background: url(./images/bg_mainvisual_sv.jpg) 48% 0/auto 100% no-repeat #f4e9e2;} .hero { background: url(./images/bg_mainvisual_sv.jpg) 60% 0/auto 100% no-repeat;}} </style> <script src="//assets.adobedtm.com/43692acb8f62beca52063bd53825dcc138f4617b/satelliteLib-5c5bf17f3c932023dd8120e08fd39f91eaf31a9b.js"></script>  <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-NLMX6SG');</script>  </head> <body class="nikkei-prime gx">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NLMX6SG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <div id="wrapper" class="wrapper">  <header class="header" role="banner"> <div class="header-in"> <div class="header-logoBox"> <p class="header-logo"><a class="header-logo-link" href="#"><img class="header-logo-img" src="images/nikkei_gx_l.svg" alt="NIKKEI GX | Green Transformation" width="264" height="48"></a></p> </div> <ul class="anchorList"> <li><a href="#feature">特徴</a></li> <li><a href="#conversion">コンテンツ</a></li> <li><a href="#casestudies">活用シーン</a></li> <li><a href="#pre-free-guide">プライス</a></li> <li><a href="#sec-nikkei-prime">日経プライム</a></li> <li><a href="#qa">よくあるご質問</a></li> </ul> <p class="header-btn"> <a class="btn js-scroll" href="#pre-free-guide"> <span class="header-btn-in"> <span> <span class="header-btn-txt-01">無料体験に</span><br>  <span class="header-btn-txt-02">申し込む</span> </span> </span> </a> </p> </div>  </header>   <div class="contents">  <main class="contents-main" role="main">  <div class="hero"> <div class="hero-in"> <div class="hero__inner"> <h1 class="hero-logo"> <span class="hero-logo__item"><img class="hero-logo-img" src="images/nikkei_gx_d.svg" alt="NIKKEI GX | Green Transformation" width="635" height="120"></span> <span class="hero-logo__text">脱炭素時代へ変革のヒントを探る、<br aria-hidden="true" class="is-sp">日経のメディア</span> <style> @media screen and (max-width: 407px) { body.gx .hero-logo__text .is-sp { display: none; } } </style> </h1> <div class="hero-text"> <p><span class="hero-text-read __none-spaced">申し込みから<span style="margin-left: 0.1em; margin-right: 0.1em;">1</span>カ月無料</span></p><sub class="hero-text-note" style="display: inline-block; color: #fff; letter-spacing: 0;">※適用条件あり</sub></span><br>  </div> <div class="hero-btn"> <a class="btn js-scroll" href="#pre-free-guide"> <span class="hero-btn-in">無料体験に申し込む</span>  </a> </div> </div> </div>  </div>  <div class="sec sec--alert u-background__lp" role="alert"> <div class="s-inner"> <div class="alert"> <div class="alert__column alert__column--marker"> <svg class="alert__marker" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 21C16.0668 21 19.5037 18.3026 20.619 14.5993L24 11.5L20.4203 8.8152C19.1341 5.41649 15.8492 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12.0713 7L11.8203 8.576H13.6473L13.8983 7H12.0713ZM11.643 9.74805L10.5 17H12.3L13.443 9.74805H11.643Z" fill="currentColor"/> </svg> </div> <div class="alert__column alert__column--content"> <p class="alert__string">NIKKEI GX をお使いの法人様へのインタビューを掲載しました。</p> <p class="alert__string"><a href="#casestudies" class="alert__link alert__link--anchor">活用シーンを見る</a></p> </div> </div> </div> </div> <section id="js-start-article" class="sec-mission"> <div class="s-inner"> <div class="sec-mission__box bg--white"> <h2 class="ttl-01 ttl-01--prime ttl-01--prime-gx">NIKKEI GX とは?</h2> <div class="container"> <p class="string sec-mission__string">温暖化ガスの排出削減を成長機会につなげる「GX（グリーントランスフォーメーション）」は今や世界中の企業が向き合う課題となりました。変革のカギは、新たな規制の影響を先読みし、脱炭素に関わるテクノロジーや新ビジネスの潮流を知ることです。</p> <p class="string sec-mission__string">NIKKEI GXは、国内外の企業の先進的な取り組みや脱炭素に向けた政策や制度を解説していきます。<br aria-hidden="true">紙面や電子版だけでは伝えきれなかった専門情報で、GXに携わる方の事業判断を支えます。</p> <p class="string string--center"><a href="https://www.nikkei.com/prime/gx" class="button bg--gx button--dark" target="_blank" rel="noopener"><span class="button__string button__string--has-arrow-right">NIKKEI GX へ</span></a></p> </div> </div> </div> </section> <section id="feature" class="sec"> <div class="s-inner"> <h2 class="ttl-01">NIKKEI GX の特徴</h2> <ul class="sv-content-list">  <li class="sv-content-item"> <picture class="sv-content-img"> <source srcset="./images/content_01.jpg 1x, ./images/content_01@2x.jpg 2x" media="(min-width: 768px)" type="image/jpg"> <source srcset="./images/content_01_md.jpg 1x, ./images/content_01_md@2x.jpg 2x" media="(min-width: 413px)" type="image/jpg"> <img src="./images/content_01_sp.jpg" srcset="./images/content_01_sp@2x.jpg 2x" alt="深さ：どこよりも深く、業務に役立つ独自記事" width="406" height="251" decoding=”async” loading="lazy"> </picture> <div class="sv-content-text"> <h3> <span class="sv-content-title">深さ</span><br> <span class="sv-content-title">どこよりも深く、業務に役立つ独自記事</span> </h3> <p class="sv-content-detail">脱炭素に向けた新技術を巡る攻防や企業の経営問題、グローバルな環境政策の最前線の動向を深掘りします。</p> </div> </li>   <li class="sv-content-item"> <picture class="sv-content-img"> <source srcset="./images/content_02.jpg 1x, ./images/content_02@2x.jpg 2x" media="(min-width: 768px)" type="image/jpg"> <source srcset="./images/content_02_md.jpg 1x, ./images/content_02_md@2x.jpg 2x" media="(min-width: 413px)" type="image/jpg"> <img src="./images/content_02_sp.jpg" srcset="./images/content_02_sp@2x.jpg 2x" alt="早さ：朝の3分で、国内外の最新情報を把握" width="406" height="251" decoding=”async” loading="lazy"> </picture> <div class="sv-content-text"> <h3> <span class="sv-content-title">早さ</span><br> <span class="sv-content-title">朝の3分で、国内外の最新情報を把握</span> </h3> <p class="sv-content-detail">「Editor’s Focus」では国内外のメディアや専門サイトから最新ニュースやデータを取り上げ、解説。忙しいビジネスリーダーも、短時間で業界の動向を把握できます。</p> </div> </li>   <li class="sv-content-item"> <picture class="sv-content-img"> <source srcset="./images/content_03.jpg 1x, ./images/content_03@2x.jpg 2x" media="(min-width: 768px)" type="image/jpg"> <source srcset="./images/content_03_md.jpg 1x, ./images/content_03_md@2x.jpg 2x" media="(min-width: 413px)" type="image/jpg"> <img src="./images/content_03_sp.jpg" srcset="./images/content_03_sp@2x.jpg 2x" alt="広さ：知っておくべきニュースを網羅的にカバー" width="406" height="251" decoding=”async” loading="lazy"> </picture> <div class="sv-content-text"> <h3> <span class="sv-content-title">広さ</span><br> <span class="sv-content-title">知っておくべきニュースを網羅的にカバー</span> </h3> <p class="sv-content-detail">企業のGX動向から、欧米や中国など主要国の環境規制・ルール策定まで、知っておくべき情報を網羅的にカバーします。</p> </div> </li>  </ul> </div> </section> <section id="conversion" class="sec sec-svContent"> <div class="s-inner"> <h2 class="ttl-01">NIKKEI GX のコンテンツ</h2> <div class="sec__content"> <div class="l-row __wrap l-row--article"> <div class="l-col __12 __6--md __4--lg l-col--article"> <a href="https://www.nikkei.com/prime/gx/article/DGXZQOUC01C1O0R00C24A5000000" target="_blank" rel="noopener" class="article__container" style="height: 100%;"> <article class="article__card article__card--rounded bg--white" style="height: 100%;"> <div class="article__row"> <div class="article__column"> <h1 class="article__heading">電力の脱炭素､待ったなし　<span class="u-view__block--inline">G7エネ相会合を</span><span class="u-view__block--inline">高村教授解説</span></h1> </div> <div class="article__column article__column--thumbnail"> <div class="picture"> <img src="images/article_01.png" class="picture__image" alt="" width="96" height="60"> </div> </div> </div> <div class="article__row"> <div class="article__column"> <p class="article__description">主要7カ国（G7）気候・エネルギー・環境相会合の共同声明は石炭火力発電について「2030年代前半」または「1.5℃目標と整合する時間軸」での段階的廃止を明記した。この合意は日本にとってどんな意味があるのか。気候変動問題に詳しい高村ゆかり東京大学未来ビジョン研究センター教授は「エネルギー転換にかかる時間...</p> </div> </div> </article> </a> </div> <div class="l-col __12 __6--md __4--lg l-col--article"> <a href="https://www.nikkei.com/prime/gx/article/DGXZQOUC0411M0U4A400C2000000" target="_blank" rel="noopener" class="article__container" style="height: 100%;"> <article class="article__card article__card--rounded bg--white" style="height: 100%;"> <div class="article__row"> <div class="article__column"> <h1 class="article__heading">国内排出量取引に民間クレジット　<span class="u-view__block--inline">ブルーカーボンや</span><span class="u-view__block--inline">CCU</span></h1> </div> <div class="article__column article__column--thumbnail"> <div class="picture"> <img src="images/article_02.png" class="picture__image" alt="" width="96" height="60"> </div> </div> </div> <div class="article__row"> <div class="article__column"> <p class="article__description">日本版の二酸化炭素（CO2）排出量取引制度「GX-ETS」で利用できるカーボンクレジットにボランタリー（民間）クレジットが加わった。CO2を回収して利用するCCUや、海の炭素吸収「ブルーカーボン」由来のクレジットが、一定の条件付きで認められた。日本でもボランタリークレジットの創出や売買が増える見通しだ。...</p> </div> </div> </article> </a> </div> <div class="l-col __12 __6--md __4--lg l-col--article"> <a href="https://www.nikkei.com/prime/gx/article/DGXZQOUC165WD0W4A110C2000000" target="_blank" rel="noopener" class="article__container" style="height: 100%;"> <article class="article__card article__card--rounded bg--white" style="height: 100%;"> <div class="article__row"> <div class="article__column"> <h1 class="article__heading">洋上風力､落札ゼロのコスモ・丸紅　<span class="u-view__block--inline">瀬戸際の</span><span class="u-view__block--inline">ラウンド3</span></h1> </div> <div class="article__column article__column--thumbnail"> <div class="picture"> <img src="images/article_03.png" class="picture__image" alt="" width="96" height="60"> </div> </div> </div> <div class="article__row"> <div class="article__column"> <p class="article__description">大規模な洋上風力発電所開発第2弾（ラウンド2）の結果が出そろった。落札実績がいまだゼロのスモエネルギーホールディングス（HD）や丸紅はどう動くのか。優勝劣敗が進むなか、2024年中にも結果が出るラウンド3は瀬戸際の争奪戦になる。...</p> </div> </div> </article> </a> </div> <div class="l-col __12 __6--md __4--lg l-col--article"> <a href="https://www.nikkei.com/prime/gx/article/DGXZQOUC197RJ0Z10C24A3000000" target="_blank" rel="noopener" class="article__container" style="height: 100%;"> <article class="article__card article__card--rounded bg--white" style="height: 100%;"> <div class="article__row"> <div class="article__column"> <h1 class="article__heading">スコープ3開示､プライム企業に義務化　<span class="u-view__block--inline">SSBJ基準案を</span><span class="u-view__block--inline">解説</span></h1> </div> <div class="article__column article__column--thumbnail"> <div class="picture"> <img src="images/article_04.png" class="picture__image" alt="" width="96" height="60"> </div> </div> </div> <div class="article__row"> <div class="article__column"> <p class="article__description">サステナビリティ基準委員会（SSBJ）はサステナビリティー情報開示基準の草案を公表した。大半はIFRS財団傘下の国際サステナビリティ基準審議会（ISSB）が策定した基準に沿い...</p> </div> </div> </article> </a> </div> <div class="l-col __12 __6--md __4--lg l-col--article"> <a href="https://www.nikkei.com/prime/gx/article/DGXZQOUC15BKF0V10C24A5000000" target="_blank" rel="noopener" class="article__container" style="height: 100%;"> <article class="article__card article__card--rounded bg--white" style="height: 100%;"> <div class="article__row"> <div class="article__column"> <h1 class="article__heading">脱炭素遅れれば｢国内生産縮小｣　<span class="u-view__block--inline">日鉄会長、</span><span class="u-view__block--inline">エネ基に注文</span></h1> </div> <div class="article__column article__column--thumbnail"> <div class="picture"> <img src="images/article_05.png" class="picture__image" alt="" width="96" height="60"> </div> </div> </div> <div class="article__row"> <div class="article__column"> <p class="article__description">政府が新たなエネルギー基本計画の策定に着手した。現行計画より10年先の2040年度の電源構成を24年度中にまとめる。産業界からは、脱炭素の取り組みが早期に進まないと、投資を...</p> </div> </div> </article> </a> </div> <div class="l-col __12 __6--md __4--lg l-col--article"> <a href="https://www.nikkei.com/prime/gx/article/DGXZQOUC10DRN0Q4A410C2000000" target="_blank" rel="noopener" class="article__container" style="height: 100%;"> <article class="article__card article__card--rounded bg--white" style="height: 100%;"> <div class="article__row"> <div class="article__column"> <h1 class="article__heading">三井化学、50年までの排出量開示　<span class="u-view__block--inline">｢絵空事でなく具体策｣</span></h1> </div> <div class="article__column article__column--thumbnail"> <div class="picture"> <img src="images/article_06.png" class="picture__image" alt="" width="96" height="60"> </div> </div> </div> <div class="article__row"> <div class="article__column"> <p class="article__description">三井化学は統合レポートで2050年に温暖化ガス（GHG）排出量を実質ゼロにするロードマップ（行程表）を開示した。排出量の見通しとともに、燃料転換や二酸化炭素（CO2）の回収・利用・貯留（CCUS）などの施策を10年単位で示した。ESG推進室長の関口未散理事は「絵空事ではなく少しずつ具体化している様子を理解してもらいたい」と語る。主なやり取りは以下の通り。...</p> </div> </div> </article> </a> </div> </div> </div> </div> </section> <section id="casestudies" class="sec" style="overflow: hidden;"> <div class="s-inner"> <h2 class="ttl-01">活用シーン</h2> <div class="list-slider list-slider--visible"> <div id="js-slider" class="list-slider__inner"> <article class="list-slider__item list-slider__item--4"> <a href="casestudies/case_001/index.html"> <picture class="list-slider__figure"> <source srcset="./images/casestudies_01.png 1x, ./images/casestudies_01@2x.png 2x" media="(min-width: 768px)" type="image/png"> <img src="./images/casestudies_01_sp.png" srcset="./images/casestudies_01_sp@2x.png 2x" width="416" height="260" decoding="async"> </picture> <div class="list-slider__content"> <h3 class="list-slider__heading-3">キーワードは政策、企業、グローバル<br>NIKKEI GXはサステナ推進に向けた情報収集の要</h3> <p class="card__string">東洋紡株式会社様</p> </div> </a> </article>  </div> </div> </div> </section>  <section id="pre-free-guide"> <div class="s-inner"> <div class="pre-free-guide-box"> <h2 class="ttl-01"> <span class="ttl-danger"><span style="margin-right: 0.1em;">1</span>カ月間無料</span>で、いつでもキャンセル可能   </h2>  <div class="timeline-wrapper js-active"> <div class="timeline-label"> <p class="timeline-label--start"> <span class="timeline-label__desc">今日</span><span class="timeline-label--start-date">5/17</span> </p> <p class="timeline-label--one-month"> <span class="timeline-label__desc">1カ月後</span><span class="timeline-label--one-month-date">6/17</span> </p> <p class="timeline-label--next-month"><span class="timeline-label--next-month-date">7/1</span></p> </div> <div class="timeline-bar"> <span class="timeline-bar__item timeline-bar__item--free"></span><span class="timeline-bar__item timeline-bar__item--daily"></span><span class="timeline-bar__item timeline-bar__item--regular"></span> </div> <div class="timeline-desc"> <span class="timeline-desc__item timeline-desc__item--free">無料期間</span><span class="timeline-desc__item timeline-desc__item--daily"><span class="timeline__item-this-month--daily-rate">6/17〜6/30</span>の<br>ご利用料金<sub class="timeline-desc__sub">※</sub></span><span class="timeline-desc__item timeline-desc__item--regular">通常料金</span> </div> </div> <div class="m-table__prices"> <dl class="m-table__prices-inner"> <dt class="m-table__price-desc">通常料金</dt> <dd class="m-table__price-cost"><span class="tabular-nums">3,800円</span><span class="m-table__price-cost--fw-n"> → </span><span class="string--danger">1カ月無料</span></dd> </dl> <dl class="m-table__prices-inner"> <dt class="m-table__price-desc">読者割料金</dt> <dd class="m-table__price-cost"><span class="tabular-nums">1,850円</span><span class="m-table__price-cost--fw-n"> → </span><span class="string--danger">1カ月無料</span></dd> </dl> </div> <div class="btn__container"> <ul class="btn__group btn__group--nowrap"> <li class="btn__item btn__item--12 btn__item--6-md btn-wrap"><a class="btn" href="https://idrp.nikkei.com/reg/prgx/auth/start/" target="_blank" rel="noopener"><span class="btn-in"> 無料体験に申し込む  </span></a></li> <li class="btn__item btn__item--12 btn__item--6-md btn-wrap"><a class="btn" href="https://go.ndbb.jp/l/701623/2022-09-28/kmpmy" target="_blank" rel="noopener"><span class="btn-in btn-in--houjin">法人契約はこちら</span></a> </li> </ul> </div> <div class="m-note__general--md js-active"> <ul class="m-note__general--items"> <li class="m-note__general--item"><span class="m-note__general--marker">※</span>無料体験期間中に解約しなかった場合、その後は所定の料金が発生します。</li> <li class="m-note__general--item"><span class="m-note__general--marker">※</span><span class="timeline__item-this-month--daily-rate">6/17～6/30</span>分のご利用料金は、「<a href="https://www.nikkei.com/help/subscribe/price/plan.html#hiwari" target="_blank" rel="noopener" class="m-link__local__row--link">単価</a>×月末までの日数」です。</li> <li class="m-note__general--item"><span class="m-note__general--marker">※</span>読者割引は日経ID決済で「日経電子版」、「日本経済新聞」をご購読している方、またはApple Pay、auかんたん決済、d払いで「日経電子版」を購読している方に適用される割引のことです。読者割引が適用される場合、利用料金から1,950円を割引きます（ただし、割引額が利用額を上回る場合は無料とします）。</li>  </ul> </div> </div> </div> </section>  <section id="sec-nikkei-prime" class="sec"> <div class="s-inner"> <section> <h2 class="ttl-01"> <span class="heading__subtitle">朝刊/夕刊や日経電子版で伝えきれない情報を提供</span><br> NIKKEI Prime (日経プライム) </h2> <div class="container"> <p class="string">「NIKKEI Prime (日経プライム)」シリーズは、日本経済新聞の朝夕刊や電子版ではお届けしきれない深い情報や体験をご提供する専門メディアです。興味あるテーマの情報を効率的に知りたい、深掘りされた解説記事を読みたいーーそんなニーズにお応えします。<br aria-hidden="true">今後も様々な切り口のメディアやサービスを開始します。</p> </div>  <div class="list__container"> <div class="list__group js-mh" data-mh-target=".card__heading .card__string"> <article class="list__item list__item--4-md"> <div class="card">   <h1 class="sr-only">NIKKEI Digital Governance</h1> <div class="card__header"> <div class="card__picture card__picture--prime card__picture--digital-governance"> <div class="card__picture-content card__picture-content--digital-governance"> <img src="./images/nikkei_digital_governance_d.svg" class="card__image" alt="NIKKEI Digital Governance" width="373" height="50" decoding="async" loading="lazy"> </div> </div> </div> <section class="card__body"> <h2 class="card__heading"><span>デジタル・AI時代の<span class="u-view__block--inline">ルールを読み解く</span></span></h2> <p class="card__string">デジタルや人工知能（AI）時代のルールや規制を読み解くメディアです。AIルールの行方や、データ活用規制へのプラットフォーマーの対応などを詳報します。国や地域ごとの環境に応じたデジタル戦略策定を支えます。</p> <div class="card__action-container"> <ul class="card__action-group"> <li class="card__action-item string--center"> <a href="https://www.nikkei.com/promotion/service/prime/digital-governance/" class="button bg--digital-governance button--dark" target="_blank" rel="noopener"><span class="button__string button__string--has-arrow-right">詳しく知る</span></a> </li>  <li class="card__action-item string--center"> <a href="https://www.nikkei.com/prime/digital-governance/" class="link" target="_blank" rel="noopener"><span class="button__string button__string--has-arrow-right">NIKKEI Digital Governance はこちら</span></a> </li> </ul> </div> </section> </div> </article> <article class="list__item list__item--4-md"> <div class="card">  <h1 class="sr-only">NIKKEI Mobility</h1> <div class="card__header"> <div class="card__picture card__picture--prime card__picture--mobility"> <div class="card__picture-content"> <img src="./images/nikkei_mobility_d.svg" class="card__image" alt="NIKKEI Mobility" width="247" height="50" decoding="async" loading="lazy"> </div> </div> </div> <section class="card__body"> <h2 class="card__heading"><span>モビリティの未来を先取り</span></h2> <p class="card__string">自動車業界はもちろん、新しいモビリティを支える部品や素材、IT、サービスの分野で働く方を対象に、企業の競争やEV・自動運転・ソフトウエアなどの最新動向を報じていきます。</p> <div class="card__action-container"> <ul class="card__action-group"> <li class="card__action-item string--center"> <a href="https://www.nikkei.com/promotion/service/prime/mobility/" class="button bg--mobility button--dark" target="_blank" rel="noopener"><span class="button__string button__string--has-arrow-right">詳しく知る</span></a> </li> <li class="card__action-item string--center"> <a href="https://www.nikkei.com/prime/mobility" class="link" target="_blank" rel="noopener"><span class="button__string button__string--has-arrow-right">NIKKEI Mobility はこちら</span></a> </li> </ul> </div> </section> </div> </article> <article class="list__item list__item--4-md"> <div class="card">  <h1 class="sr-only">NIKKEI GX | Green Transformation</h1> <div class="card__header"> <div class="card__picture card__picture--prime card__picture--gx"> <div class="card__picture-content"> <img src="./images/nikkei_gx_d.svg" class="card__image" alt="NIKKEI GX | Green Transformation" width="274" height="50" decoding="async" loading="lazy"> </div> </div> </div> <section class="card__body"> <h2 class="card__heading"><span>脱炭素時代の<span class="u-view__block--inline">変革のヒントを</span></span></h2> <p class="card__string">温暖化ガス削減を成長に繋げるGX（グリーントランスフォーメーション）に取り組む方を対象に、国内外の企業の取り組みや関連する最新技術、環境政策を深掘りして報じていきます。</p> <div class="card__action-container"> <ul class="card__action-group"> <li class="card__action-item string--center"> <a href="https://www.nikkei.com/promotion/service/prime/gx/" class="button bg--gx button--dark" target="_blank" rel="noopener"><span class="button__string button__string--has-arrow-right">詳しく知る</span></a> </li> <li class="card__action-item string--center"> <a href="https://www.nikkei.com/prime/gx" class="link" target="_blank" rel="noopener"><span class="button__string button__string--has-arrow-right">NIKKEI GX はこちら</span></a> </li> </ul> </div> </section> </div> </article> <article class="list__item list__item--4-md"> <div class="card">  <h1 class="sr-only">NIKKEI Tech Foresight</h1> <div class="card__header"> <div class="card__picture card__picture--prime card__picture--tech"> <div class="card__picture-content"> <img src="./images/nikkei_tech_d.svg" class="card__image" alt="NIKKEI Tech Foresight" width="321" height="50" decoding="async" loading="lazy"> </div> </div> </div> <section class="card__body"> <h2 class="card__heading"><span>最先端技術や<span class="u-view__block--inline">知財戦略を探る</span></span></h2> <p class="card__string">ビジネスでテクノロジー情報を必要とする経営幹部や次世代リーダーに向けて、半導体、ロボット、AI、量子コンピューター、素材といった分野の最先端技術を深掘りします。</p> <div class="card__action-container"> <ul class="card__action-group"> <li class="card__action-item string--center"> <a href="https://www.nikkei.com/promotion/service/prime/tech-foresight/" class="button bg--tech button--dark" target="_blank" rel="noopener"><span class="button__string button__string--has-arrow-right">詳しく知る</span></a> </li> <li class="card__action-item string--center"> <a href="https://www.nikkei.com/prime/tech-foresight" class="link" target="_blank" rel="noopener"><span class="button__string button__string--has-arrow-right">NIKKEI Tech Foresight はこちら</span></a> </li> </ul> </div> </section> </div> </article> <article class="list__item list__item--4-md"> <div class="card">  <h1 class="sr-only">NIKKEI FT the World</h1> <div class="card__header"> <div class="card__picture card__picture--prime card__picture--ft"> <div class="card__picture-content"> <img src="./images/nikkei_ft_the_world_d.svg" class="card__image" alt="NIKKEI FT the World" width="288" height="50" decoding="async" loading="lazy"> </div> </div> </div> <section class="card__body"> <h2 class="card__heading"><span>FTの厳選記事で<span class="u-view__block--inline">世界の潮流をつかむ</span></span></h2> <p class="card__string">FTの報道の中から、ビジネスパーソンが押さえておくべきニュースや深掘りした分析などの記事を厳選して、日本語で分かりやすくお伝えします。</p> <div class="card__action-container"> <ul class="card__action-group"> <li class="card__action-item string--center"> <a href="https://www.nikkei.com/promotion/service/prime/ft/" class="button bg--ft button--dark" target="_blank" rel="noopener"><span class="button__string button__string--has-arrow-right">詳しく知る</span></a> </li>  <li class="card__action-item string--center"> <a href="https://www.nikkei.com/prime/ft" class="link" target="_blank" rel="noopener"><span class="button__string button__string--has-arrow-right">NIKKEI FT the World はこちら</span></a> </li> </ul> </div> </section> </div> </article> <article class="list__item list__item--4-md"> <div class="card">   <h1 class="sr-only">Minutes by NIKKEI</h1> <div class="card__header"> <div class="card__picture card__picture--prime card__picture--minutes"> <div class="card__picture-content card__picture-content--minutes"> <img src="./images/minutes_d.svg" class="card__image" alt="Minutes by NIKKEI" width="288" height="50" decoding="async" loading="lazy"> </div> </div> </div> <section class="card__body"> <h2 class="card__heading"><span>難解なニュースも<span class="u-view__block--inline">短時間で</span><span class="u-view__block--inline">確実に理解できる</span></h2> <p class="card__string">経済やビジネス、国際情勢、テクノロジーなど様々な分野の重要なニュースを日経の編集者が厳選し、簡潔に要約・解説します。</p> <div class="card__action-container"> <ul class="card__action-group"> <li class="card__action-item string--center"> <a href="https://www.nikkei.com/promotion/service/prime/minutes/" class="button bg--minutes button--dark" target="_blank" rel="noopener"><span class="button__string button__string--has-arrow-right">詳しく知る</span></a> </li>  <li class="card__action-item string--center"> <a href="https://www.nikkei.com/prime/minutes" class="link" target="_blank" rel="noopener"><span class="button__string button__string--has-arrow-right">Minutes by NIKKEI はこちら</span></a> </li> </ul> </div> </section> </div> </article> <div class="list__item list__item--12"> <div class="card card--center card--no-border"> <section class="card__body"> <p class="card__logo"><img src="images/nikkei_prime_logo.svg" alt="NIKKEI Prime" width="296" height="70" decoding=”async” loading="lazy"></p> <h2 class="card__heading">今後も多彩なメディアを展開します<br aria-hidden="true">ご期待ください</h2> </section> </div> </div> </div> </div> </section> </div> </section>  <section class="sec-qa" id="qa"> <div class="s-inner"> <h2 class="ttl-01">よくあるご質問</h2>  <section class="sec-qa-child"> <ul class="list-qa"> <li class="list-qa-item"> <div role="tablist"> <button type="button" id="qa-item-01" role="tab" aria-controls="qa-panel-01" class="list-qa-question js-accordion"> <div class="list-qa-body"> <p class="list-qa-text">NIKKEI GXにアプリはありますか？<i class="ico-slide"></i></p> </div> </button> <div id="qa-panel-01" class="list-qa-answer" role="tabpanel" aria-labelledby="qa-item-01"> <div class="list-qa-body"> <p class="list-qa-text">ございません。ブラウザでのご利用になります。ただし、ご購読している方は「日経電子版アプリ」内でNIKKEI GXをお読みいただくことができます。<br aria-hidden="true">※日経電子版アプリの上部メニューに「NIKKEI GX」が追加されます。</p> </div> </div> </div> </li> <li class="list-qa-item"> <div role="tablist"> <button type="button" id="qa-item-02" role="tab" aria-controls="qa-panel-02" class="list-qa-question js-accordion"> <div class="list-qa-body"> <p class="list-qa-text">1カ月無料とは何ですか？<i class="ico-slide"></i></p>  </div> </button> <div id="qa-panel-02" class="list-qa-answer" role="tabpanel" aria-labelledby="qa-item-02"> <div class="list-qa-body"> <p class="list-qa-text">お申込日から1カ月間NIKKEI GXの料金が無料になります。1カ月間とは、申込日から翌月の申込日に応当する日の前日までです。翌月に申込日に応当する日がない場合には翌月末日の前日までです。</p>  </div> </div> </div> </li> <li class="list-qa-item"> <div role="tablist"> <button type="button" id="qa-item-03" role="tab" aria-controls="qa-panel-03" class="list-qa-question js-accordion"> <div class="list-qa-body"> <p class="list-qa-text">読者割引料金とは何ですか？<i class="ico-slide"></i></p> </div> </button> <div id="qa-panel-03" class="list-qa-answer" role="tabpanel" aria-labelledby="qa-item-03"> <div class="list-qa-body"> <p class="list-qa-text">日経ID決済、Apple Pay、auかんたん決済、d払いで「日経電子版個人プラン」をご利用中の方、「日経電子版ファミリープラン」をご利用中の方、日経ID決済で「日本経済新聞（宅配）」をご購読中の方に適用される割引のことです。読者割引が適用される場合、利用料金から1,950円を割引きます。<br aria-hidden="true">（ただし、割引額が利用額を上回る場合は無料とします）</p> </div> </div> </div> </li> <li class="list-qa-item"> <div role="tablist"> <button type="button" id="qa-item-04" role="tab" aria-controls="qa-panel-04" class="list-qa-question js-accordion"> <div class="list-qa-body"> <p class="list-qa-text">無料期間後の利用料金はどうなりますか？<i class="ico-slide"></i></p>  </div> </button> <div id="qa-panel-04" class="list-qa-answer" role="tabpanel" aria-labelledby="qa-item-04"> <div class="list-qa-body"> <p class="list-qa-text"> 無料期間終了日の翌日から月末までの日数に、所定の単価を掛けた金額がその月の利用料金として発生し、翌月から通常料金が発生します。例えば7月15日に無料体験にお申込みの場合、8月14日までは無料でご利用いただけます。その後、8月15日から8月31日までの料金（NIKKEI GXの単価×17日）が発生し、9月以降は通常料金が発生します。  </p> </div> </div> </div> </li> <li class="list-qa-item"> <div role="tablist"> <button type="button" id="qa-item-05" role="tab" aria-controls="qa-panel-05" class="list-qa-question js-accordion"> <div class="list-qa-body"> <p class="list-qa-text">無料期間中の解約に解約金はかかりますか？<i class="ico-slide"></i></p> </div> </button> <div id="qa-panel-05" class="list-qa-answer" role="tabpanel" aria-labelledby="qa-item-05"> <div class="list-qa-body"> <p class="list-qa-text"> 発生いたしません。 </p> </div> </div> </div> </li> <li class="list-qa-item"> <div role="tablist"> <button type="button" id="qa-item-06" role="tab" aria-controls="qa-panel-06" class="list-qa-question js-accordion"> <div class="list-qa-body"> <p class="list-qa-text">NIKKEI GXを自分の家族に共有できますか？ <i class="ico-slide"></i> </p> </div> </button> <div id="qa-panel-06" class="list-qa-answer" role="tabpanel" aria-labelledby="qa-item-06"> <div class="list-qa-body"> <p class="list-qa-text"> 日経電子版ファミリープランをご契約いただき、NIKKEI GXを併せてご契約いただくとご契約者の方に加えて、ファミリーメンバー（ご同居の家族最大4人）の方もご利用いただくことが可能です。日経電子版個人プランをご利用中の方や単体でNIKKEI GXをご利用中の方はサービスをご共有いただくことはできません。お申込やお手続きの方法などファミリープランの詳細は<a href="https://www.nikkei.com/promotion/family/" target="_blank">こちら</a>をご確認ください。 </p> </div> </div> </div> </li> </ul> </section> </div> </section>   <div class="caution"> <div class="s-inner"> <dl class="caution-list"> <dt class="caution-title">【注意事項】</dt> <dt class="caution-heading">1. 情報の取り扱いについて</dt> <dd class="mod-caution-list-desc">日経は、ご登録いただいた情報を、「<a class="caution-list-link" href="https://www.nikkei.com/lounge/privacy/privacy.html" target="_blank" rel="noopener">日経IDプライバシーポリシー</a>」にしたがって取り扱います。</dd> <dd class="mod-caution-list-desc">利用環境の詳細は<a class="caution-list-link" href="https://www.nikkei.com/info/computer.html" target="_blank" rel="noopener">こちら</a></dd> </dl> <dl class="caution-list"> <dt class="caution-heading">2. お支払方法</dt> <dd class="mod-caution-list-desc">お支払いはクレジットカード払いのみになります。</dd> <dd class="mod-caution-list-desc">詳細な料金についての規定は<a class="caution-list-link" href="https://www.nikkei.com/help/feature/device/prime_gx/" target="_blank" rel="noopener">こちら</a></dd> </dl> </div> </div>   </main>  </div>   <nav class="nav-utility"> <ul class="nav-utility-list"> <li class="nav-utility-list-item"><a class="nav-utility-list-link" href="https://www.nikkei.co.jp/nikkeiinfo/corporate/" target="_blank">会社概要</a></li> <li class="nav-utility-list-item"><a class="nav-utility-list-link" href="https://www.nikkei.com/lounge/privacy/privacy.html" target="_blank">プライバシーポリシー</a></li> <li class="nav-utility-list-item"><a class="nav-utility-list-link" href="https://www.nikkei.com/help/feature/device/prime_gx/prime_gx_tokuteishoutori.pdf" target="_blank">特定商取引法に基づく表示</a></li> <li class="nav-utility-list-item"><a class="nav-utility-list-link" href="https://www.nikkei.com/lounge/privacy/cookie/policy.html" target="_blank">クッキーポリシー</a></li> <li class="nav-utility-list-item"><a class="nav-utility-list-link" href="https://www.nikkei.com/lounge/privacy/cookie/optout.html" target="_blank">外部送信</a></li> </ul> </nav>   <footer class="footer" role="contentinfo"> <div class="s-inner"> <div class="footer-in"> <p class="footer-logo"><img class="footer-logo-img" src="images/ftr_logo.svg" alt="NIKKEI" width="60" height="13" decoding=”async” loading="lazy"></p> <p class="footer-copylight"><small>Nikkei Inc. No reproduction without permission.</small></p> </div> </div> </footer>  </div>  <link media="print" onload="this.media='all'" rel="stylesheet" href="css/style.css" type="text/css" /> <noscript><link rel="stylesheet" href="css/style.css" type="text/css" /></noscript>  <script src="js/lib.js"></script> <script src="js/common.js"></script>  <script type="text/javascript"> $(function () { $('a[href^="#"]').click(function () { const headerHight = 81; //ヘッダの高さ const speed = 500; const href = $(this).attr("href"); const target = $(href == "#" || href == "" ? 'html' : href); const position = target.offset().top - headerHight; //ヘッダの高さ分位置をずらす $("html, body").animate({ scrollTop: position }, speed, "swing"); return false; }); const $header = $('header'); const $target = $('#js-start-article'); $(window).on('load scroll', function () { const targetPos = $target.offset().top; const trigger = $(this).scrollTop(); const isFixed = $header.hasClass('__fixed'); if (trigger > targetPos && isFixed === false) { $header.css({ "top": '-100px' }).addClass('__fixed').animate({ "top": 0 }, 300); } else if (trigger < targetPos && isFixed === true) { $header.removeClass('__fixed'); } }); const $body = $('body'); let user = ""; const handleUserAgent = function (_user) { if (!_user) { return; } $body.addClass(_user); } if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0) { user = "iphone"; } else if (navigator.userAgent.indexOf('Android') > 0) { user = "android"; } handleUserAgent(user); // timeline //月末日を取得 const getEndOfMonth = function (year, month) { var endDate = new Date(year, month, 0); return endDate.getDate(); } //n月後を取得 const getAddMonthDate = function (year, month, day, add) { var addMonth = month + add; var endDate = getEndOfMonth(year, addMonth); if (day >= endDate) { day = endDate; } return new Date(year, addMonth - 1, day); } const td = new Date(); // const td = new Date("2022-12-21"); //任意の日付 //現在の年月日 const thisYear = td.getFullYear(); const thisMonth = td.getMonth() + 1; const thisDate = td.getDate(); const thisMonthLastDay = getEndOfMonth(thisYear, thisMonth); //nヶ月 const n = 1; //nヶ月後 const firstMonthLater = getAddMonthDate(thisYear, thisMonth, thisDate, n); const firstMonthYear = firstMonthLater.getFullYear(); const firstMonth = firstMonthLater.getMonth() + 1; const firstMonthDate = firstMonthLater.getDate(); const firstMonthLastDay = getEndOfMonth(firstMonthYear, firstMonth); //n+1ヶ月後 const secondMonthLater = getAddMonthDate(thisYear, thisMonth, thisDate, n + 1); const secondMonth = secondMonthLater.getMonth() + 1; //グラフに必要な日付文言------------------------ //現在の月日 const todayText = thisMonth + "/" + thisDate; //nヶ月後 const firstMonthText = firstMonth + "/" + firstMonthDate; //n+1ヶ月後 let nextMonthText = secondMonth + "/" + 1; //通常料金が始まる月 if (thisDate === 1) { var tempSecondMonth = secondMonth - 1; if (secondMonth == 1) { tempSecondMonth = 12; } nextMonthText = tempSecondMonth + "/" + 1 } //期間 let dailyRateText = firstMonth + '/' + firstMonthDate + '〜' + firstMonth + '/' + firstMonthLastDay; //日割期間 if (firstMonthDate == firstMonthLastDay) { dailyRateText = firstMonth + '/' + firstMonthDate; } // console.log('今年は' + thisYear + '年'); // console.log('今は' + thisMonth + '月'); // console.log('今月は' + thisMonthLastDay + '日まで'); // console.log('来月は' + firstMonthLastDay + '日まで'); //-------------------------------------------- //日付の挿入 const $today = $('.js-active .timeline-label--start-date');//今日の日付 $today.text(todayText); const $firstMonth = $('.js-active .timeline-label--one-month-date');//無料期間終了日 $firstMonth.text(firstMonthText); const $firstMonthStartMonth = $('.js-active .timeline__item-this-month');//日割料金が始まる月 $firstMonthStartMonth.text(firstMonth); const $firstMonthDailyRate = $('.js-active .timeline__item-this-month--daily-rate');//日割料金期間 $firstMonthDailyRate.text(dailyRateText); const $nextMonth = $('.js-active .timeline-label--next-month-date');//通常料金が始まる月 $nextMonth.text(nextMonthText); //振り分け計算 const value = thisMonthLastDay / 5; const $timeLineLabel = $('.js-active .timeline-label'); const $timeLineBar = $('.js-active .timeline-bar'); const $timeLineDesc = $('.js-active .timeline-desc'); if (thisDate === 1) { $timeLineLabel.addClass('timeline-label--beginning'); $timeLineBar.addClass('timeline-bar--beginning'); $timeLineDesc.addClass('timeline-desc--beginning'); $('.js-active .m-note__general--item-daily').addClass('m-note__general--beginning'); } else if (thisDate <= (value + 1)) { $timeLineLabel.addClass('timeline-label--first-week'); $timeLineBar.addClass('timeline-bar--first-week'); $timeLineDesc.addClass('timeline-desc--first-week'); } else if (thisDate <= (value * 2 + 1)) { $timeLineLabel.addClass('timeline-label--second-weeks'); $timeLineBar.addClass('timeline-bar--second-weeks'); $timeLineDesc.addClass('timeline-desc--second-weeks'); } else if (thisDate <= (value * 3 + 1)) { $timeLineLabel.addClass('timeline-label--third-weeks'); $timeLineBar.addClass('timeline-bar--third-weeks'); $timeLineDesc.addClass('timeline-desc--third-weeks'); } else if (thisDate <= (value * 4 + 1)) { $timeLineLabel.addClass('timeline-label--fourth-weeks'); $timeLineBar.addClass('timeline-bar--fourth-weeks'); $timeLineDesc.addClass('timeline-desc--fourth-weeks'); } else if (thisDate >= (firstMonthLastDay - 3)) { $timeLineLabel.addClass('timeline-label--3-days-ago'); $timeLineBar.addClass('timeline-bar--3-days-ago'); $timeLineDesc.addClass('timeline-desc--3-days-ago'); } else if (thisDate <= (value * 5 + 1)) { $timeLineLabel.addClass('timeline-label--fifth-weeks'); $timeLineBar.addClass('timeline-bar--fifth-weeks'); $timeLineDesc.addClass('timeline-desc--fifth-weeks'); } // slider $('#js-slider').slick({ centerPadding: '0', cssEase: 'ease-out', slidesToShow: 3, autoplaySpeed: 3000, infinite: false, prevArrow: '<button class="slick-prev slick-arrow" aria-label="前へ"></button>', nextArrow: '<button class="slick-next slick-arrow" aria-label="次へ"></button>', variableWidth: true, responsive: [ { breakpoint: 599, settings: { slidesToShow: 1, } }, { breakpoint: 767, settings: { slidesToShow: 2, } } ] }); }); </script> <script type="text/javascript">if (typeof _satellite !== 'undefined') _satellite.pageBottom();</script> </body> </html>

CINXE.COM

NIKKEI GX ｜脱炭素時代の変革のヒントを