@charset "UTF-8";
main { font-size: 14px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif; /* link_icon */ }

main *, main *:before, main *:after { box-sizing: border-box; }

main .main_contents a { color: #0f218b; }

main h2 { font-size: inherit; }

main .icon_link { line-height: 1.4em; }

main .icon_link span { display: inline; vertical-align: middle; }

main .icon_link:hover span { text-decoration: underline; }

main .icon_link:before, main .icon_link:after { content: ''; display: inline-block; margin-bottom: 2px; background-image: url(/common16/image/link_icon_sprite.png); background-size: 220px auto; background-repeat: no-repeat; vertical-align: middle; }

main .icon_link_basic:before { margin-bottom: 2px; margin-right: 4px; width: 7px; height: 8px; background-position: 0 0; }

main .icon_link_pdf:after, main .icon_link_xls:after, main .icon_link_doc:after { margin-left: 4px; width: 17px; height: 20px; background-size: 264px auto; }

main .icon_link_pdf:after { background-position: -48px 0; }

main .icon_link_xls:after { background-position: -72px 0; }

main .icon_link_doc:after { background-position: -96px 0; }

main .icon_link_mov:after, main .icon_link_voice:after, main .icon_link_blank:after, main .icon_link_rss:after { margin-left: 8px; }

main .icon_link_mov:after { width: 17px; height: 13px; background-position: -120px 0; background-size: 264px auto; }

main .icon_link_voice:after { width: 19px; height: 13px; background-position: -120px 0; }

main .icon_link_blank:after { width: 11px; height: 11px; background-position: -20px 0; }

main .icon_link_rss:after { width: 12px; height: 12px; background-position: -140px 0; }

main .icon_link_caution:before, main .icon_link_fb:before, main .icon_link_tw:before { margin-right: 8px; }

main .icon_link_caution:before { width: 16px; height: 16px; background-position: -160px 0; }

main .icon_link_fb:before, main .icon_link_tw:before { width: 20px; height: 20px; }

main .icon_link_fb:before { background-position: -200px 0; }

main .icon_link_tw:before { background-position: -180px 0; }

main .icon_link_anchor { position: relative; padding-right: 24px; }

main .icon_link_anchor:after { display: inline; width: 0; height: 0; border-top: 6px solid #023f98; border-right: 4px solid transparent; border-bottom: 6px solid transparent; border-left: 4px solid transparent; margin-top: -5px; position: absolute; right: 10px; top: 50%; background-image: none; }

.modaal-content { font-size: 14px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif; /* link_icon */ }

@media only screen and (max-width: 767px) { .modaal-content { font-size: 13px; } }

.modaal-content h1, .modaal-content h2, .modaal-content h3, .modaal-content h4, .modaal-content h5, .modaal-content h6 { font-size: 100%; font-weight: normal; }

.modaal-content .icon_link { line-height: 1.4em; }

.modaal-content .icon_link span { display: inline; vertical-align: middle; }

.modaal-content .icon_link:hover span { text-decoration: underline; }

.modaal-content .icon_link:before, .modaal-content .icon_link:after { content: ''; display: inline-block; margin-bottom: 2px; background-image: url(/common16/image/link_icon_sprite.png); background-size: 220px auto; background-repeat: no-repeat; vertical-align: middle; }

.modaal-content .icon_link_basic:before { margin-bottom: 2px; margin-right: 4px; width: 7px; height: 8px; background-position: 0 0; }

.modaal-content .icon_link_pdf:after, .modaal-content .icon_link_xls:after, .modaal-content .icon_link_doc:after { margin-left: 4px; width: 17px; height: 20px; background-size: 264px auto; }

.modaal-content .icon_link_pdf:after { background-position: -48px 0; }

.modaal-content .icon_link_xls:after { background-position: -72px 0; }

.modaal-content .icon_link_doc:after { background-position: -96px 0; }

.modaal-content .icon_link_mov:after, .modaal-content .icon_link_voice:after, .modaal-content .icon_link_blank:after, .modaal-content .icon_link_rss:after { margin-left: 8px; }

.modaal-content .icon_link_mov:after { width: 17px; height: 13px; background-position: -120px 0; background-size: 264px auto; }

.modaal-content .icon_link_voice:after { width: 19px; height: 13px; background-position: -120px 0; }

.modaal-content .icon_link_blank:after { width: 11px; height: 11px; background-position: -20px 0; }

.modaal-content .icon_link_rss:after { width: 12px; height: 12px; background-position: -140px 0; }

.modaal-content .icon_link_caution:before, .modaal-content .icon_link_fb:before, .modaal-content .icon_link_tw:before { margin-right: 8px; }

.modaal-content .icon_link_caution:before { width: 16px; height: 16px; background-position: -160px 0; }

.modaal-content .icon_link_fb:before, .modaal-content .icon_link_tw:before { width: 20px; height: 20px; }

.modaal-content .icon_link_fb:before { background-position: -200px 0; }

.modaal-content .icon_link_tw:before { background-position: -180px 0; }

.modaal-content .icon_link_anchor { position: relative; padding-right: 24px; }

.modaal-content .icon_link_anchor:after { display: inline; width: 0; height: 0; border-top: 6px solid #023f98; border-right: 4px solid transparent; border-bottom: 6px solid transparent; border-left: 4px solid transparent; margin-top: -5px; position: absolute; right: 10px; top: 50%; background-image: none; }

@media print, screen { main .icon_pdf, .modaal-content .icon_pdf { display: none; }
  main .icon_link_pdf:after, .modaal-content .icon_link_pdf:after { content: ''; display: inline-block; margin-bottom: 2px; background-image: url(/common16/image/link_icon_sprite.png); background-size: 220px auto; background-repeat: no-repeat; vertical-align: middle; background-position: -40px 2px; }
  /* =====================================================================
 common
===================================================================== */
  /* ---------------------------------
 animin
--------------------------------- */
  html.js_on .animin { visibility: hidden; opacity: 0; }
  html.js_on .animin.anim { visibility: visible; -webkit-animation: slidein_BtoT 900ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms 1 normal forwards; animation: slidein_BtoT 900ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms 1 normal forwards; }
  /* ---------------------------------
 ir_wrapper
--------------------------------- */
  /* ---------------------------------
 head_menu
--------------------------------- */
  #head_menu { font-size: 85%; }
  /* ---------------------------------
 contents
--------------------------------- */
  #contents { width: 100%; max-width: 100%; padding: 0; margin: 0; display: block; }
  /* ---------------------------------
 main_contents
--------------------------------- */
  .fontS.main_contents { font-size: 85%; }
  .fontM.main_contents { font-size: 100%; }
  .fontL.main_contents { font-size: 120%; }
  /* ---------------------------------
 contents_wrapper
--------------------------------- */
  .contents_wrapper { width: 100%; overflow: hidden; }
  .contents_wrapper_inner { width: 100%; }
  /* ---------------------------------
 contents
--------------------------------- */
  .contents { width: 950px; margin: 0 auto; }
  /* ---------------------------------
 figure
--------------------------------- */
  figure { padding: 0; margin: 0; }
  /* ---------------------------------
 picture
--------------------------------- */
  picture { display: block; }
  /* ---------------------------------
 sup,sub
--------------------------------- */
  sup, sub { height: 0; line-height: 1; position: relative; }
  sup { display: inline-block; bottom: 0.5ex; vertical-align: baseline; font-size: 70%; }
  sub { padding-right: 0.2em; display: inline-block; top: 0ex; vertical-align: baseline; font-size: 70%; }
  /* ---------------------------------
 br
--------------------------------- */
  .br_pc { display: block; }
  .br_sp { display: none; }
  /* ---------------------------------
 btbox
--------------------------------- */
  .btbox { text-align: center; }
  /* ---------------------------------
 bt_red
--------------------------------- */
  .bt_red { padding: 16px 74px 14px; margin: 0 auto; display: inline-block; position: relative; box-sizing: border-box; color: #ff0000; font-size: 114%; font-weight: bold; line-height: 1.5; letter-spacing: 0.025em; background-color: #fff; border: solid 1px #ff0000; border-radius: 28px / 28px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35); -webkit-transition: background 0.2s ease, border 0.2s ease; transition: background 0.2s ease, border 0.2s ease; }
  .bt_red:before { content: ""; width: 8px; height: 8px; margin: auto; display: block; position: absolute; left: 23px; top: 50%; border-right: solid 1px #ff0000; border-top: solid 1px #ff0000; -webkit-transform: translateY(-4px) rotate(45deg); transform: translateY(-4px) rotate(45deg); -webkit-transition: border 0.2s ease; transition: border 0.2s ease; }
  .bt_red:link, .bt_red:active, .bt_red:visited { color: #ff0000; text-decoration: none; }
  .bt_red:hover { color: #fff; background-color: #ff0000; border: solid 1px #fff; }
  .bt_red:hover:before { border-right: solid 1px #fff; border-top: solid 1px #fff; }
  /* .bt_red .icon_exlink */
  .bt_red .icon_exlink { width: 15px; height: 15px; margin-bottom: 0.1em; margin-left: 0.4em; display: inline-block; position: relative; vertical-align: middle; }
  .bt_red .icon_exlink:before, .bt_red .icon_exlink:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }
  .bt_red .icon_exlink:before { background-image: url(/IR/compass2030/image/index_bt_red_icon_exlink.png); opacity: 1; }
  .bt_red .icon_exlink:after { background-image: url(/IR/compass2030/image/index_bt_red_icon_exlink_on.png); opacity: 0; }
  .bt_red:hover .icon_exlink:before { opacity: 0; }
  .bt_red:hover .icon_exlink:after { opacity: 1; }
  /* ---------------------------------
 icon_pdf
--------------------------------- */
  .icon_pdf { width: 13px; height: auto; vertical-align: middle; }
  /* ---------------------------------
 notesList
--------------------------------- */
  .notesList li { margin-right: 20px; color: #fff; font-size: 92.86%; line-height: 1.7; }
  .notesList li:last-child { margin-right: 0; }
  /* ---------------------------------
 notes_bgblueList
--------------------------------- */
  .notes_bgblueList { padding: 21px 25px 19px; display: flex; flex-wrap: wrap; background-color: rgba(32, 173, 223, 0.8); }
  .notes_bgblueList li { margin-right: 25px; color: #fff; font-size: 92.86%; line-height: 1.7; }
  /* =====================================================================
 cover
===================================================================== */
  /* ---------------------------------------------------------------------
 wrap_cover
--------------------------------------------------------------------- */
  #wrap_cover { width: 100%; position: relative; background-color: #6dbcf1; overflow: hidden; }
  /* ---------------------------------
 cover_bg
--------------------------------- */
  #cover_bg_top { width: 100%; height: 1092px; position: absolute; left: 0; top: 0; background-image: url(/IR/compass2030/image/index_cover_bg_top.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
  #cover_bg_btm { width: 100%; height: 831px; position: absolute; left: 0; bottom: 0; background-image: url(/IR/compass2030/image/index_cover_bg_btm.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
  /* ---------------------------------
 cover
--------------------------------- */
  #cover { padding-top: 75px; margin-bottom: 20px; position: relative; box-sizing: border-box; }
  /* ---------------------------------
 cover_logo
--------------------------------- */
  #cover_logo { width: 844px; height: 452px; margin: 0 auto; position: relative; box-sizing: border-box; border: solid 1px rgba(255, 255, 255, 0.8); }
  #cover_logo:after { content: ""; width: 297px; height: 398px; display: block; position: absolute; right: -199px; top: -62px; background-image: url(/IR/compass2030/image/index_cover_logo_compass.png); background-repeat: no-repeat; }
  #cover_logo_inner { width: 790px; height: 400px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url(/IR/compass2030/image/index_cover_logo_bg.png); background-repeat: no-repeat; background-position: center center; background-size: cover; }
  #cover_logo_inner h1 { margin-top: 70px; margin-bottom: 45px; }
  #cover_logo_inner h1 img { margin: 0 auto; display: block; }
  #cover_logo_lead { margin-top: -165px; margin-bottom: 155px; position: relative; color: #fff; font-size: 16px; font-weight: bold; line-height: 1.75; text-align: center; }
  /* ---------------------------------
 cover_internalLinks
--------------------------------- */
  #cover_internalLinks { width: 950px; padding: 45px 65px; margin: 0 auto; margin-bottom: 40px; box-sizing: border-box; background-color: #fff; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35); }
  .fontL.main_contents #cover_internalLinks { padding: 45px 60px; }
  #cover_internalLinksList { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
  #cover_internalLinksList li:nth-of-type(1), #cover_internalLinksList li:nth-of-type(5) { width: 24.75609756%; }
  #cover_internalLinksList li:nth-of-type(2), #cover_internalLinksList li:nth-of-type(6) { width: 22.68292683%; }
  #cover_internalLinksList li:nth-of-type(3), #cover_internalLinksList li:nth-of-type(7) { width: 22.68292683%; }
  #cover_internalLinksList li:nth-of-type(4), #cover_internalLinksList li:nth-of-type(8) { width: 29.87804878%; }
  #cover_internalLinksList li:nth-of-type(1), #cover_internalLinksList li:nth-of-type(2), #cover_internalLinksList li:nth-of-type(3), #cover_internalLinksList li:nth-of-type(4) { margin-bottom: 20px; }
  #cover_internalLinksList li a { display: inline-block; color: #0d4da1; font-size: 100%; font-weight: bold; line-height: 1.5; }
  /* ---------------------------------
 icon_link / icon_internal
--------------------------------- */
  .contents_wrapper .icon_link, .icon_internal { padding-left: 26px; position: relative; box-sizing: border-box; }
  .contents_wrapper .icon_link:before, .icon_internal:before { content: ""; width: 18px; height: 18px; display: block; position: absolute; left: 0; top: 1px; box-sizing: border-box; background-color: #0d4da1; border: solid 1px #0d4da1; border-radius: 50%; background-image: none; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; }
  .contents_wrapper .icon_link:after, .icon_internal:after { content: ""; width: 6px; height: 6px; display: block; position: absolute; -webkit-transition: border 0.2s ease; transition: border 0.2s ease; }
  .contents_wrapper .icon_link:after { left: 5px; top: 7px; border-right: solid 1px #fff; border-bottom: solid 1px #fff; background-image: none; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .icon_internal:after { left: 6px; top: 6px; border-left: solid 1px #fff; border-bottom: solid 1px #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .icon_link:link, .icon_link:active, .icon_link:visited, .icon_internal:link, .icon_internal:active, .icon_internal:visited { text-decoration: none; }
  .icon_link:hover, .icon_internal:hover { text-decoration: none; }
  .icon_link:hover:before, .icon_internal:hover:before { background-color: #fff; }
  .icon_link:hover:after, .icon_internal:hover:after { border-color: #0d4da1; }
  /* ---------------------------------------------------------------------
 targetAim
--------------------------------------------------------------------- */
  #targetAim { padding-top: 40px; padding-bottom: 120px; position: relative; box-sizing: border-box; }
  #targetAim h2 { height: 80px; padding-top: 25px; margin-bottom: 28px; box-sizing: border-box; color: #fff; font-size: 142.86%; font-weight: bold; line-height: 1.5; text-align: center; background-image: url(/IR/compass2030/image/index_Q_blue.png); background-repeat: no-repeat; background-position: center center; background-size: contain; }
  #targetAim .lead { margin-bottom: 34px; color: #fff; font-size: 200%; font-weight: bold; line-height: 1.857142857142857; text-align: center; }
  #targetAim .desc { margin-bottom: 48px; color: #fff; font-size: 114.29%; font-weight: bold; line-height: 2; }
  /* ---------------------------------
 targetAim_figures
--------------------------------- */
  #targetAim_figures { margin-bottom: 50px; display: flex; justify-content: space-between; }
  #targetAim_figures figure:nth-of-type(2) { -webkit-animation-delay: 300ms; animation-delay: 300ms; }
  #targetAim_figures figcaption { margin-bottom: 18px; display: block; color: #fff; font-size: 107.14%; font-weight: bold; line-height: 1; letter-spacing: 0.05em; text-align: center; }
  #targetAim_figures img { display: block; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35); }
  #targetAim .notes_bgblueList { margin-bottom: 30px; }
  /* =====================================================================
 whyWeAim
===================================================================== */
  #whyWeAim { padding-top: 75px; padding-bottom: 95px; background-image: url(/IR/compass2030/image/index_whyWeAim_bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
  #whyWeAim h2 { height: 80px; padding-top: 25px; margin-bottom: 28px; box-sizing: border-box; color: #fff; font-size: 142.86%; font-weight: bold; line-height: 1.5; text-align: center; background-image: url(/IR/compass2030/image/index_Q_blue.png); background-repeat: no-repeat; background-position: center center; background-size: contain; }
  #whyWeAim .lead { margin-bottom: 34px; color: #fff; font-size: 200%; font-weight: bold; line-height: 1.857142857142857; text-align: center; }
  #whyWeAim .desc { margin-bottom: 15px; color: #fff; font-size: 114.29%; font-weight: bold; line-height: 2; }
  #whyWeAim .notesList { margin-bottom: 75px; }
  /* ---------------------------------
 marketEnv
--------------------------------- */
  #marketEnv h3 { margin-bottom: 20px; color: #fff; font-size: 128.57%; font-weight: bold; line-height: 1.5; text-align: center; }
  #marketEnvList { margin-bottom: 25px; display: flex; justify-content: space-between; }
  #marketEnvList > li { width: 230px; padding: 30px 16px; background-color: #fff; }
  #marketEnvList > li:nth-of-type(2) { -webkit-animation-delay: 200ms; animation-delay: 200ms; }
  #marketEnvList > li:nth-of-type(3) { -webkit-animation-delay: 400ms; animation-delay: 400ms; }
  #marketEnvList > li:nth-of-type(4) { -webkit-animation-delay: 600ms; animation-delay: 600ms; }
  #marketEnvList > li span { min-height: 3em; margin-bottom: 5px; display: block; color: #333; font-size: 128.57%; font-weight: bold; line-height: 1.5; text-align: center; }
  #marketEnvList > li img { width: 98px; margin: 0 auto; margin-bottom: 30px; display: block; }
  #marketEnvList > li ul { display: block; box-sizing: border-box; }
  #marketEnvList > li ul > li { padding-left: 14px; display: block; position: relative; color: #333; font-size: 100%; line-height: 1.7; }
  #marketEnvList > li ul > li:before { content: ""; width: 8px; height: 8px; display: block; position: absolute; left: 0; top: 0.5em; background-color: #20addf; border-radius: 50%; }
  /* =====================================================================
 whyWeCan
===================================================================== */
  #whyWeCan { padding-top: 85px; padding-bottom: 225px; background-image: url(/IR/compass2030/image/index_whyWeCan_bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
  #whyWeCan h2 { height: 80px; padding-top: 25px; margin-bottom: 28px; box-sizing: border-box; color: #fff; font-size: 142.86%; font-weight: bold; line-height: 1.5; text-align: center; background-image: url(/IR/compass2030/image/index_Q_white.png); background-repeat: no-repeat; background-position: center center; background-size: contain; }
  #whyWeCan .lead { margin-bottom: 34px; color: #fff; font-size: 200%; font-weight: bold; line-height: 1.857142857142857; text-align: center; }
  #whyWeCan .desc { margin-bottom: 40px; color: #fff; font-size: 114.29%; font-weight: bold; line-height: 2; }
  #whyWeCan_illust { width: 512px; margin: 0 auto; margin-bottom: 50px; display: block; }
  /* =====================================================================
 howWeDo
===================================================================== */
  #howWeDo { padding-top: 75px; padding-bottom: 95px; background-color: #0e3f81; }
  #howWeDo h2 { height: 80px; padding-top: 25px; margin-bottom: 28px; box-sizing: border-box; color: #fff; font-size: 142.86%; font-weight: bold; line-height: 1.5; text-align: center; background-image: url(/IR/compass2030/image/index_Q_white.png); background-repeat: no-repeat; background-position: center center; background-size: contain; }
  #howWeDo .lead { margin-bottom: 40px; color: #fff; font-size: 200%; font-weight: bold; line-height: 1.857142857142857; text-align: center; }
  #targetVision { padding: 20px 30px 30px; border: solid 1px rgba(255, 255, 255, 0.75); }
  #targetVision h3 { margin-bottom: 15px; color: #fff; font-size: 114.29%; font-weight: bold; line-height: 1.5; text-align: center; }
  #targetVision p { color: #fff; font-size: 128.57%; line-height: 1.7; text-align: center; }
  /* =====================================================================
 threeChallenges
===================================================================== */
  #threeChallenges { padding-bottom: 95px; background-color: #f2f2f2; }
  #threeChallenges h2 { padding: 34px 0 32px; margin-bottom: 60px; color: #fff; font-size: 171.43%; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; text-align: center; background-color: #0070b8; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35); }
  #threeChallengesSliderBox { margin-bottom: 40px; display: flex; justify-content: space-between; }
  #threeChallengesSlider { width: 384px; position: relative; }
  .threeChallengesSlide { -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; }
  #threeChallengesSlide0 { display: block; opacity: 1; }
  #threeChallengesSlide1, #threeChallengesSlide2, #threeChallengesSlide3 { position: absolute; left: 0; top: 0; z-index: 100; opacity: 0; }
  #threeChallengesSlider.show1 #threeChallengesSlide1 { opacity: 1; }
  #threeChallengesSlider.show2 #threeChallengesSlide2 { opacity: 1; }
  #threeChallengesSlider.show3 #threeChallengesSlide3 { opacity: 1; }
  .threeChallengesSlide img { display: block; }
  #challengeBaloonsList { width: 500px; display: block; }
  .challengeBaloon { width: 100%; padding: 30px 25px; margin-bottom: 20px; position: relative; background-color: #fff; cursor: default; -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35); }
  html.js_on .challengeBaloon:nth-of-type(1) { -webkit-animation-delay: 200ms; animation-delay: 200ms; }
  html.js_on .challengeBaloon:nth-of-type(2) { -webkit-animation-delay: 400ms; animation-delay: 400ms; }
  html.js_on .challengeBaloon:nth-of-type(3) { -webkit-animation-delay: 600ms; animation-delay: 600ms; }
  .challengeBaloon:last-child { margin-bottom: 0; }
  .challengeBaloon:before { content: ''; width: 28px; /* 吹き出しサイズ */ height: 28px; position: absolute; background-color: #fff; z-index: 11; left: -10px; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg) skew(-25deg, -25deg); transform: translateY(-50%) rotate(45deg) skew(-25deg, -25deg); -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35); -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; }
  .challengeBaloon:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #fff; z-index: 12; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; }
  .challengeBaloon .baloon_inner { position: relative; top: 0; left: 0; z-index: 13; }
  .challengeBaloon h3 { margin-bottom: 15px; font-size: 157.14%; font-weight: bold; line-height: 1.5; -webkit-transition: color 200ms ease; transition: color 200ms ease; }
  .challengeBaloon:nth-of-type(1) h3 { color: #40ae7b; }
  .challengeBaloon:nth-of-type(2) h3 { color: #8ec100; }
  .challengeBaloon:nth-of-type(3) h3 { color: #20addf; }
  .challengeBaloon h3 span { padding: 8px 10px 6px; margin-right: 12px; margin-bottom: 2px; display: inline-block; color: #fff; font-size: 92.86%; font-weight: bold; line-height: 1; vertical-align: middle; -webkit-transition: background-color 200ms ease,color 200ms ease; transition: background-color 200ms ease,color 200ms ease; }
  .challengeBaloon:nth-of-type(1) h3 span { background-color: #40ae7b; }
  .challengeBaloon:nth-of-type(2) h3 span { background-color: #8ec100; }
  .challengeBaloon:nth-of-type(3) h3 span { background-color: #20addf; }
  .challengeBaloon p { margin-bottom: 20px; color: #333; font-size: 100%; line-height: 2; -webkit-transition: color 200ms ease; transition: color 200ms ease; }
  /* ---------------------------------
 challengeBaloon1:hover
--------------------------------- */
  html.notTouch #challengeBaloon1:hover:before, html.notTouch #challengeBaloon1:hover:after { background-color: #40ae7b; }
  html.notTouch #challengeBaloon1:hover h3 { color: #fff; }
  html.notTouch #challengeBaloon1:hover h3 span { color: #40ae7b; background-color: #fff; }
  html.notTouch #challengeBaloon1:hover p { color: #fff; }
  /* ---------------------------------
 challengeBaloon2:hover
--------------------------------- */
  html.notTouch #challengeBaloon2:hover:before, html.notTouch #challengeBaloon2:hover:after { background-color: #8ec100; }
  html.notTouch #challengeBaloon2:hover h3 { color: #fff; }
  html.notTouch #challengeBaloon2:hover h3 span { color: #8ec100; background-color: #fff; }
  html.notTouch #challengeBaloon2:hover p { color: #fff; }
  /* ---------------------------------
 challengeBaloon3:hover
--------------------------------- */
  html.notTouch #challengeBaloon3:hover:before, html.notTouch #challengeBaloon3:hover:after { background-color: #20addf; }
  html.notTouch #challengeBaloon3:hover h3 { color: #fff; }
  html.notTouch #challengeBaloon3:hover h3 span { color: #20addf; background-color: #fff; }
  html.notTouch #challengeBaloon3:hover p { color: #fff; }
  /* ---------------------------------
 targetAim_figures
--------------------------------- */
  .bt_detail { display: inline-block; color: #333; font-size: 100%; font-weight: bold; line-height: 1.5; }
  #threeChallenges .notesList > li { color: #333; }
  /* =====================================================================
 fiveActions
===================================================================== */
  #fiveActions { padding-bottom: 95px; background-color: #f2f2f2; }
  #fiveActions h2 { padding: 34px 0 32px; margin-bottom: 60px; color: #fff; font-size: 171.43%; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; text-align: center; background-color: #0070b8; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35); }
  #fiveActions h3 { margin-bottom: 30px; font-size: 114.29%; line-height: 1.5; text-align: center; }
  #fiveActionsList { display: flex; justify-content: space-between; }
  #fiveActionsList > li { width: 182px; padding: 40px 0 30px; background-color: #fff; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35); }
  #fiveActionsList > li:nth-of-type(2) { -webkit-animation-delay: 200ms; animation-delay: 200ms; }
  #fiveActionsList > li:nth-of-type(3) { -webkit-animation-delay: 400ms; animation-delay: 400ms; }
  #fiveActionsList > li:nth-of-type(4) { -webkit-animation-delay: 600ms; animation-delay: 600ms; }
  #fiveActionsList > li:nth-of-type(5) { -webkit-animation-delay: 800ms; animation-delay: 800ms; }
  #fiveActionsList > li .txt_action { margin-bottom: 15px; display: block; color: #0d4da1; font-size: 100%; font-weight: bold; line-height: 1; text-align: center; }
  #fiveActionsList > li .txt_action .num { padding-top: 5px; display: block; font-size: 171.43%; font-weight: bold; line-height: 1; }
  #fiveActionsList > li .txt_title { height: 3em; margin-bottom: 15px; display: block; color: #333; font-size: 107.14%; font-weight: bold; line-height: 1.5; text-align: center; }
  #fiveActionsList > li img.illust { width: 104px; margin: 0 auto; margin-bottom: 30px; display: block; }
  /* ---------------------------------
 bt_brief
--------------------------------- */
  .bt_brief { display: inline-block; font-size: 100%; font-weight: bold; line-height: 1.5; }
  #fiveActionsList > li .bt_brief { width: calc(100% - 30px); margin: 0 auto; display: block; }
  /* =====================================================================
 challenge01
===================================================================== */
  /* ---------------------------------------------------------------------
 challenge01_1
--------------------------------------------------------------------- */
  #challenge01_1 { padding: 75px 0; background-image: url(/IR/compass2030/image/index_challenge01_head_bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
  #challenge01_1 h2 .challengeDeco { margin-bottom: 40px; display: block; color: #fff; font-size: 200%; font-weight: bold; line-height: 1; letter-spacing: 0.05em; text-align: center; }
  #challenge01_1 h2 .challengeDeco:before { content: ""; width: 56px; height: 70px; margin: 0 auto; margin-bottom: 12px; display: block; background-image: url(/IR/compass2030/image/index_challenge01_h2_deco.png); background-repeat: no-repeat; background-position: center center; background-size: contain; }
  #challenge01_1 h2 .txt_title { margin-bottom: 30px; display: block; color: #fff; font-size: 242.86%; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; text-align: center; -webkit-animation-delay: 200ms; animation-delay: 200ms; }
  #challenge01_1 .lead { color: #fff; font-size: 114.29%; font-weight: bold; line-height: 2; text-align: center; -webkit-animation-delay: 400ms; animation-delay: 400ms; }
  /* ---------------------------------------------------------------------
 challenge01_2
--------------------------------------------------------------------- */
  #challenge01_2 { padding: 50px 0 60px; }
  /* ---------------------------------------------------------------------
 challengeDescList
--------------------------------------------------------------------- */
  .challengeDescList { display: block; box-sizing: border-box; }
  .challengeDescList > li { padding-left: 16px; display: block; position: relative; color: #333; font-size: 107.14%; line-height: 2; }
  .challengeDescList > li:before { content: ""; width: 10px; height: 10px; display: block; position: absolute; left: 0; top: 0.3em; background-color: #666; border-radius: 50%; }
  /* ---------------------------------
 challengeDescList
--------------------------------- */
  #challenge01_2 .challengeDescList { margin-bottom: 10px; }
  #challenge01_2 .challengeDescList > li sup { color: #40ae7b; }
  #challenge01_2 .challengeDescList > li:before { background-color: #40ae7b; }
  /* ---------------------------------
 notesList
--------------------------------- */
  #challenge01_2 .notesList { margin-bottom: 50px; }
  #challenge01_2 .notesList > li { color: #333; }
  #challenge01_2 .notesList > li .green { color: #40ae7b; }
  /* ---------------------------------
 challenge_numInfo
--------------------------------- */
  #challenge01_2 .challenge_numInfo { width: 850px; padding: 20px 0 25px; margin: 0 auto; margin-bottom: 55px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2); }
  #challenge01_2 .challenge_numInfo h3 { margin-bottom: 20px; color: #40ae7b; font-size: 114.29%; font-weight: bold; line-height: 1.5; text-align: center; }
  #challenge01_2 .challenge_numInfo picture { margin-bottom: 25px; display: block; }
  #challenge01_2 .challenge_numInfo img { margin: 0 auto; display: block; }
  #challenge01_2 .challenge_numInfo span { padding-left: 275px; display: block; box-sizing: border-box; color: #333; font-size: 92.86%; line-height: 1.5; text-align: center; }
  #challenge01_2 .desc { color: #333; font-size: 114.29%; font-weight: bold; line-height: 1.5; text-align: center; }
  #challenge01_2 .desc .blue { color: #0d4da1; }
  /* ---------------------------------------------------------------------
 challenge01_3
--------------------------------------------------------------------- */
  #challenge01_3 { padding: 55px 0 75px; background-color: #f2f2f2; }
  #challenge01_3 h3 { margin-bottom: 35px; font-size: 128.57%; font-weight: bold; line-height: 1.5; text-align: center; }
  /* ---------------------------------------------------------------------
 figureSliderBox
--------------------------------------------------------------------- */
  .figureSliderBox { position: relative; box-sizing: border-box; border: solid 2px #b3b3b3; border-radius: 10px; /*overflow:hidden;*/ box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25); }
  .figureSliderBox .bts { width: 100%; position: absolute; left: 0; top: 0; }
  /* ---------------------------------
 challenge01_figureSliderBox
--------------------------------- */
  #challenge01_figureSliderBox { margin-bottom: 45px; }
  /* ---------------------------------
 figureSlider
--------------------------------- */
  .figureSlider { position: relative; left: 0; top: 0; box-sizing: content-box; border-radius: 10px; }
  .figureSlider picture, .figureSlider picture img { width: 100%; display: block; }
  /* ---------------------------------
 for JS off
--------------------------------- */
  #challenge01_figureSlider .swiper-wrapper { transform: translate3d(-300%, 0, 0); }
  html.js_on #challenge01_figureSlider .swiper-wrapper { transform: translate3d(0, 0, 0); }
  /* ---------------------------------------------------------------------
 bt_action
--------------------------------------------------------------------- */
  .bt_actions { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; }
  .bt_action { width: 117px; height: 58px; display: block; position: absolute; outline: none; -webkit-transition: transform 600ms cubic-bezier(0.175, 0.885, 0.5, 1.48), opacity 600ms ease; transition: transform 600ms cubic-bezier(0.175, 0.885, 0.5, 1.48), opacity 600ms ease; }
  html.js_on .bt_action { visibility: hidden; -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
  .bt_action picture { display: block; opacity: 1; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }
  .bt_action img { width: 100%; display: block; }
  .bt_action:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background-image: url(/IR/compass2030/image/index_bt_action1_on.png); background-repeat: no-repeat; background-position: left top; background-size: 100% 100%; opacity: 0; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }
  .bt_action1:after { background-image: url(/IR/compass2030/image/index_bt_action1_on.png); }
  .bt_action2:after { background-image: url(/IR/compass2030/image/index_bt_action2_on.png); }
  .bt_action3:after { background-image: url(/IR/compass2030/image/index_bt_action3_on.png); }
  .bt_action4:after { background-image: url(/IR/compass2030/image/index_bt_action4_on.png); }
  .bt_action5:after { background-image: url(/IR/compass2030/image/index_bt_action5_on.png); }
  html.notTouch .bt_action:hover { z-index: 20; -webkit-animation: pop 400ms ease 0ms 1 normal forwards; animation: pop 400ms ease 0ms 1 normal forwards; }
  /* pop */
  @-webkit-keyframes pop { 0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.2); }
    100% { -webkit-transform: scale(1); } }
  @keyframes pop { 0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); } }
  .bt_action:hover picture { opacity: 0; }
  .bt_action:hover:after { opacity: 1; }
  /* ---------------------------------
 bt_action
--------------------------------- */
  #bt_action1_1 { left: 298px; top: 151px; }
  #bt_action1_2 { left: 414px; top: 151px; }
  #bt_action1_3 { left: 530px; top: 151px; }
  #bt_action1_4 { left: 310px; top: 316px; }
  #bt_action1_5 { left: 410px; top: 463px; }
  #bt_action1_6 { left: 815px; top: 438px; }
  #challenge01_figureSliderBox.reachEnd .bt_action { visibility: visible; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  #challenge01_figureSliderBox #bt_action1_1 { -webkit-transition-delay: 0ms; transition-delay: 0ms; }
  #challenge01_figureSliderBox #bt_action1_2 { -webkit-transition-delay: 200ms; transition-delay: 200ms; }
  #challenge01_figureSliderBox #bt_action1_3 { -webkit-transition-delay: 400ms; transition-delay: 400ms; }
  #challenge01_figureSliderBox #bt_action1_4 { -webkit-transition-delay: 600ms; transition-delay: 600ms; }
  #challenge01_figureSliderBox #bt_action1_5 { -webkit-transition-delay: 800ms; transition-delay: 800ms; }
  #challenge01_figureSliderBox #bt_action1_6 { -webkit-transition-delay: 1000ms; transition-delay: 1000ms; }
  /* ---------------------------------------------------------------------
 challenge01_4
--------------------------------------------------------------------- */
  #challenge01_4 { padding: 60px 0 105px; }
  #challenge01_4 .notesList { margin-bottom: 40px; }
  #challenge01_4 .notesList li { color: #333; }
  #challenge01_4 .btbox { padding: 45px 0; background-color: #d9efe5; }
  #challenge01_4 .btbox p { margin-bottom: 30px; font-size: 128.57%; font-weight: bold; line-height: 1.5; }
  /* =====================================================================
 challenge02
===================================================================== */
  /* ---------------------------------------------------------------------
 challenge02_1
--------------------------------------------------------------------- */
  #challenge02_1 { padding: 75px 0; background-image: url(/IR/compass2030/image/index_challenge02_head_bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
  #challenge02_1 h2 .challengeDeco { margin-bottom: 40px; display: block; color: #fff; font-size: 200%; font-weight: bold; line-height: 1; letter-spacing: 0.05em; text-align: center; }
  #challenge02_1 h2 .challengeDeco:before { content: ""; width: 56px; height: 70px; margin: 0 auto; margin-bottom: 12px; display: block; background-image: url(/IR/compass2030/image/index_challenge02_h2_deco.png); background-repeat: no-repeat; background-position: center center; background-size: contain; }
  #challenge02_1 h2 .txt_title { margin-bottom: 30px; display: block; color: #fff; font-size: 242.86%; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; text-align: center; -webkit-animation-delay: 200ms; animation-delay: 200ms; }
  #challenge02_1 .lead { color: #fff; font-size: 114.29%; font-weight: bold; line-height: 2; text-align: center; -webkit-animation-delay: 400ms; animation-delay: 400ms; }
  /* ---------------------------------------------------------------------
 challenge02_2
--------------------------------------------------------------------- */
  #challenge02_2 { padding: 50px 0 60px; }
  /* ---------------------------------
 challengeDescList
--------------------------------- */
  #challenge02_2 .challengeDescList { margin-bottom: 40px; }
  #challenge02_2 .challengeDescList > li:before { background-color: #8ec100; }
  /* ---------------------------------
 challenge_numInfo
--------------------------------- */
  #challenge02_2 .challenge_numInfo { width: 850px; padding: 20px 0 25px; margin: 0 auto; margin-bottom: 55px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2); }
  #challenge02_2 .challenge_numInfo h3 { margin-bottom: 20px; color: #8ec100; font-size: 114.29%; font-weight: bold; line-height: 1.5; text-align: center; }
  #challenge02_2 .challenge_numInfo picture { display: block; }
  #challenge02_2 .challenge_numInfo img { margin: 0 auto; display: block; }
  #challenge02_2 .desc { color: #333; font-size: 114.29%; font-weight: bold; line-height: 1.5; text-align: center; }
  #challenge02_2 .desc .blue { color: #0d4da1; }
  /* ---------------------------------------------------------------------
 challenge02_3
--------------------------------------------------------------------- */
  #challenge02_3 { padding: 55px 0 75px; background-color: #f2f2f2; }
  #challenge02_3 h3 { margin-bottom: 35px; font-size: 128.57%; font-weight: bold; line-height: 1.5; text-align: center; }
  /* ---------------------------------
 for JS off
--------------------------------- */
  #challenge02_figureSlider .swiper-wrapper { transform: translate3d(-400%, 0, 0); }
  html.js_on #challenge02_figureSlider .swiper-wrapper { transform: translate3d(0, 0, 0); }
  #bt_action2_1 { left: 361px; top: 186px; }
  #bt_action2_2 { left: 469px; top: 186px; }
  #bt_action2_3 { left: 415px; top: 284px; }
  #bt_action2_4 { left: 521px; top: 284px; }
  #challenge02_figureSliderBox.reachEnd .bt_action { visibility: visible; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  #challenge02_figureSliderBox #bt_action2_1 { -webkit-transition-delay: 0ms; transition-delay: 0ms; }
  #challenge02_figureSliderBox #bt_action2_2 { -webkit-transition-delay: 200ms; transition-delay: 200ms; }
  #challenge02_figureSliderBox #bt_action2_3 { -webkit-transition-delay: 400ms; transition-delay: 400ms; }
  #challenge02_figureSliderBox #bt_action2_4 { -webkit-transition-delay: 600ms; transition-delay: 600ms; }
  /* ---------------------------------------------------------------------
 challenge02_4
--------------------------------------------------------------------- */
  #challenge02_4 { padding: 75px 0 110px; }
  /* =====================================================================
 challenge03
===================================================================== */
  /* ---------------------------------------------------------------------
 challenge03_1
--------------------------------------------------------------------- */
  #challenge03_1 { padding: 75px 0; background-image: url(/IR/compass2030/image/index_challenge03_head_bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
  #challenge03_1 h2 .challengeDeco { margin-bottom: 40px; display: block; color: #fff; font-size: 200%; font-weight: bold; line-height: 1; letter-spacing: 0.05em; text-align: center; }
  #challenge03_1 h2 .challengeDeco:before { content: ""; width: 56px; height: 70px; margin: 0 auto; margin-bottom: 12px; display: block; background-image: url(/IR/compass2030/image/index_challenge03_h2_deco.png); background-repeat: no-repeat; background-position: center center; background-size: contain; }
  #challenge03_1 h2 .txt_title { margin-bottom: 30px; display: block; color: #fff; font-size: 242.86%; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; text-align: center; -webkit-animation-delay: 200ms; animation-delay: 200ms; }
  #challenge03_1 .lead { color: #fff; font-size: 114.29%; font-weight: bold; line-height: 2; text-align: center; -webkit-animation-delay: 400ms; animation-delay: 400ms; }
  /* ---------------------------------------------------------------------
 challenge03_2
--------------------------------------------------------------------- */
  #challenge03_2 { padding: 50px 0 60px; }
  /* ---------------------------------
 challengeDescList
--------------------------------- */
  #challenge03_2 .challengeDescList { margin-bottom: 40px; }
  #challenge03_2 .challengeDescList > li:before { background-color: #20addf; }
  /* ---------------------------------
 challenge_numInfo
--------------------------------- */
  #challenge03_2 .challenge_numInfo { width: 850px; padding: 20px 0 25px; margin: 0 auto; margin-bottom: 55px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2); }
  #challenge03_2 .challenge_numInfo h3 { margin-bottom: 20px; color: #20addf; font-size: 114.29%; font-weight: bold; line-height: 1.5; text-align: center; }
  #challenge03_2 .challenge_numInfo picture { margin-bottom: 25px; display: block; }
  #challenge03_2 .challenge_numInfo img { margin: 0 auto; display: block; }
  #challenge03_2 .challenge_numInfo span { display: block; color: #333; font-size: 92.86%; line-height: 1.5; text-align: center; }
  #challenge03_2 .desc { color: #333; font-size: 114.29%; font-weight: bold; line-height: 1.5; text-align: center; }
  #challenge03_2 .desc .blue { color: #0d4da1; }
  /* ---------------------------------------------------------------------
 challenge03_3
--------------------------------------------------------------------- */
  #challenge03_3 { padding: 55px 0 75px; background-color: #f2f2f2; }
  #challenge03_3 h3 { margin-bottom: 35px; font-size: 128.57%; font-weight: bold; line-height: 1.5; text-align: center; }
  /* ---------------------------------
 for JS off
--------------------------------- */
  #challenge03_figureSlider .swiper-wrapper { transform: translate3d(-300%, 0, 0); }
  html.js_on #challenge03_figureSlider .swiper-wrapper { transform: translate3d(0, 0, 0); }
  #bt_action3_1 { left: 789px; top: 127px; }
  #bt_action3_2 { left: 89px; top: 373px; }
  #bt_action3_3 { left: 273px; top: 373px; }
  #bt_action3_4 { left: 742px; top: 373px; }
  #challenge03_figureSliderBox.reachEnd .bt_action { visibility: visible; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  #challenge03_figureSliderBox #bt_action3_1 { -webkit-transition-delay: 0ms; transition-delay: 0ms; }
  #challenge03_figureSliderBox #bt_action3_2 { -webkit-transition-delay: 200ms; transition-delay: 200ms; }
  #challenge03_figureSliderBox #bt_action3_3 { -webkit-transition-delay: 400ms; transition-delay: 400ms; }
  #challenge03_figureSliderBox #bt_action3_4 { -webkit-transition-delay: 600ms; transition-delay: 600ms; }
  /* ---------------------------------------------------------------------
 challenge03_4
--------------------------------------------------------------------- */
  #challenge03_4 { padding: 60px 0 110px; }
  #challenge03_4 .notesList { margin-bottom: 50px; }
  #challenge03_4 .notesList > li { color: #333; }
  /* =====================================================================
 threePromises
===================================================================== */
  #threePromises { padding-top: 100px; padding-bottom: 125px; background-image: url(/IR/compass2030/image/index_threePromises_bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
  #threePromises h2 { margin-bottom: 10px; box-sizing: border-box; color: #fff; font-size: 142.86%; font-weight: bold; line-height: 1.5; text-align: center; }
  #threePromises .lead { margin-bottom: 34px; color: #fff; font-size: 200%; font-weight: bold; line-height: 1.857142857142857; text-align: center; }
  #threePromises .desc { margin-bottom: 30px; color: #fff; font-size: 107.14%; font-weight: bold; line-height: 2; }
  /* ---------------------------------
 threePromisesList
--------------------------------- */
  #threePromisesList { display: flex; justify-content: space-between; }
  #threePromisesList > li { width: 304px; padding: 30px 20px 40px; background-color: #fff; }
  #threePromisesList > li:nth-of-type(2) { -webkit-animation-delay: 200ms; animation-delay: 200ms; }
  #threePromisesList > li:nth-of-type(3) { -webkit-animation-delay: 400ms; animation-delay: 400ms; }
  #threePromisesList > li .title { margin-bottom: 15px; display: block; color: #0d4da1; font-size: 128.57%; font-weight: bold; line-height: 1.7; text-align: center; }
  #threePromisesList > li p { color: #333; font-size: 100%; font-weight: bold; line-height: 1.7; }
  /* =====================================================================
 modaal-content
===================================================================== */
  .modaal-container { max-width: 700px; -webkit-animation: zoominModal 600ms ease 0ms 1 normal forwards; animation: zoominModal 600ms ease 0ms 1 normal forwards; }
  /* ---------------------------------
 zoominModal
--------------------------------- */
  @-webkit-keyframes zoominModal { 0% { -webkit-transform: scale(0); }
    100% { -webkit-transform: scale(1); } }
  @keyframes zoominModal { 0% { transform: scale(0); }
    100% { transform: scale(1); } }
  .modaal-content-container { padding: 50px 10% 60px; }
  .modaal-content .action_txt { margin-bottom: 15px; color: #0d4da1; font-size: 100%; font-weight: bold; line-height: 1; text-align: center; }
  .modaal-content .action_txt .num { padding-left: 4px; display: inline-block; color: #0d4da1; font-size: 157.14%; line-height: 1; }
  .modaal-content h3 { margin-bottom: 20px; color: #333; font-size: 142.86%; line-height: 1.5; text-align: center; }
  .modaal-content h3:after { content: ""; width: 40px; height: 0; margin: 0 auto; margin-top: 15px; display: block; border-top: solid 3px #0d4da1; }
  .modaal-content p { color: #333; font-size: 114.29%; line-height: 1.75; }
  .modaal-content span { color: #333; font-size: 85.71%; line-height: 1.7; }
  .modaal-content .btbox { padding-top: 30px; }
  .modaal-content .notesList > li { display: block; color: #333; font-size: 85.71%; line-height: 1.5; text-align: center; }
  /* ---------------------------------
 modalContent_C_figure
--------------------------------- */
  #modalContent_C_figure { padding-top: 30px; }
  #modalContent_C_figure figcaption { margin-bottom: 15px; display: block; font-size: 100%; font-weight: bold; line-height: 1.5; text-align: center; }
  #modalContent_C_figure img { margin: 0 auto; display: block; }
  #modalContent_C_figure .notesList { padding-top: 15px; margin-bottom: 10px; display: block; }
  #modalContent_H p { margin-bottom: 15px; } }

/* =====================================================================
 ANIMATIONS
===================================================================== */
/* ---------------------------------
 fadein
--------------------------------- */
@-webkit-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

/* ---------------------------------
 fadeout
--------------------------------- */
@-webkit-keyframes fadeout { from { opacity: 1; }
  to { opacity: 0; } }

@keyframes fadeout { from { opacity: 1; }
  to { opacity: 0; } }

/* ---------------------------------
 slidein_BtoT
--------------------------------- */
@-webkit-keyframes slidein_BtoT { from { -webkit-transform: translateY(80px);
    opacity: 0; }
  to { -webkit-transform: translateY(0);
    opacity: 1; } }

@keyframes slidein_BtoT { from { transform: translateY(80px);
    opacity: 0; }
  to { transform: translateY(0);
    opacity: 1; } }

/* ---------------------------------
 zoomin
--------------------------------- */
@-webkit-keyframes zoomin { from { -webkit-transform: scale(0);
    opacity: 0.25; }
  to { -webkit-transform: scale(1);
    opacity: 1; } }

@keyframes zoomin { from { transform: scale(0);
    opacity: 0.25; }
  to { transform: scale(1);
    opacity: 1; } }

/* =====================================================================
 RESPONSIVE
===================================================================== */
/* ---------------------------------------------------------------------
 SmartPhone
--------------------------------------------------------------------- */
@media only screen and (max-width: 767px) { /* --------------------------------- contents --------------------------------- */
  #contents { width: 100%; padding: 0; padding-bottom: 90px; margin: 0; font-size: 14px; }
  #contents img { width: 100%; }
  #contents h1 { margin: 0; padding: 0; border-left: none; }
  #contents h3 { margin: 0; padding: 0; }
  #contents h4 { margin: 0; }
  /* --------------------------------- main_contents --------------------------------- */
  .fontS.main_contents, .fontM.main_contents, .fontL.main_contents { font-size: 14px; }
  /* --------------------------------- ir_wrapper --------------------------------- */
  #ir_wrapper { min-width: 0; }
  /* --------------------------------- contents --------------------------------- */
  .contents { width: 90%; }
  /* --------------------------------- br --------------------------------- */
  .br_pc { display: none; }
  .br_sp { display: block; }
  /* --------------------------------- bt_red --------------------------------- */
  .bt_red { padding: 16px 50px 15px; font-size: 14px; border-radius: 27px / 27px; }
  .bt_red:before { width: 8px; height: 8px; left: 23px; top: 50%; -webkit-transform: translateY(-4px) rotate(45deg); transform: translateY(-4px) rotate(45deg); }
  /* .bt_red .icon_exlink */
  .bt_red .icon_exlink { width: 14px; height: 14px; }
  /* --------------------------------- icon_pdf --------------------------------- */
  #contents .icon_pdf { width: 13px; height: auto; }
  /* --------------------------------- notesList --------------------------------- */
  .notesList li { margin-right: 20px; font-size: 12px; }
  /* --------------------------------- notes_bgblueList --------------------------------- */
  .notes_bgblueList { padding: 20px 20px 20px; }
  .notes_bgblueList li { margin-right: 20px; font-size: 12px; }
  /* ===================================================================== cover ===================================================================== */
  /* --------------------------------------------------------------------- wrap_cover --------------------------------------------------------------------- */
  /* --------------------------------- cover_bg --------------------------------- */
  #cover_bg_top { height: auto; padding-top: 76.66666666666667%; background-image: url(/IR/compass2030/image/index_cover_bg_top_sp.jpg); }
  #cover_bg_btm { height: auto; padding-top: 46.93333333333333%; background-image: url(/IR/compass2030/image/index_cover_bg_btm_sp.jpg); }
  /* --------------------------------- cover --------------------------------- */
  #cover { padding-top: 25px; margin-bottom: 20px; }
  /* --------------------------------- cover_logo --------------------------------- */
  #cover_logo { width: 100%; height: auto; padding: 8px; margin-bottom: 25px; }
  #cover_logo:after { content: ""; width: 38.80597014925373%; height: auto; padding-top: 52.23880597014925%; right: -6.5%; top: -50%; background-size: contain; }
  #cover_logo_inner { width: 100%; height: auto; padding-top: 50%; position: relative; left: auto; right: auto; top: auto; bottom: auto; }
  #cover_logo_inner h1 { width: 85%; margin: auto; position: absolute; left: 0; right: 0; top: 30%; }
  #cover_logo_inner h1 img { width: 100%; }
  #cover_logo_lead { margin-top: 0; margin-bottom: 30px; font-size: 14px; text-align: left; }
  /* --------------------------------- cover_internalLinks --------------------------------- */
  .fontL.main_contents #cover_internalLinks, #cover_internalLinks { width: 100%; padding: 25px 25px; margin-bottom: 40px; }
  #cover_internalLinksList { width: 100%; display: flex; flex-wrap: wrap; justify-content: left; }
  #cover_internalLinksList li { margin-right: 20px; }
  #cover_internalLinksList li:nth-of-type(1), #cover_internalLinksList li:nth-of-type(2), #cover_internalLinksList li:nth-of-type(3), #cover_internalLinksList li:nth-of-type(4), #cover_internalLinksList li:nth-of-type(8) { width: 100%; }
  #cover_internalLinksList li:nth-of-type(5), #cover_internalLinksList li:nth-of-type(6), #cover_internalLinksList li:nth-of-type(7) { width: auto; }
  #cover_internalLinksList li:nth-of-type(1), #cover_internalLinksList li:nth-of-type(2), #cover_internalLinksList li:nth-of-type(3), #cover_internalLinksList li:nth-of-type(4), #cover_internalLinksList li:nth-of-type(5), #cover_internalLinksList li:nth-of-type(6), #cover_internalLinksList li:nth-of-type(7) { margin-bottom: 15px; }
  #cover_internalLinksList li:nth-of-type(8) { margin-bottom: 0; }
  /* --------------------------------------------------------------------- targetAim --------------------------------------------------------------------- */
  #targetAim { padding-top: 30px; padding-bottom: 55px; }
  #targetAim h2 { height: 65px; padding-top: 21px; margin-bottom: 28px; font-size: 14px; }
  #targetAim .lead { margin-bottom: 30px; color: #fff; font-size: 16px; }
  #targetAim .desc { margin-bottom: 40px; font-size: 14px; }
  /* --------------------------------- targetAim_figures --------------------------------- */
  #targetAim_figures { margin-bottom: 40px; flex-wrap: wrap; }
  #targetAim_figures figure { width: 100%; margin-bottom: 40px; }
  #targetAim_figures figure:nth-of-type(2) { -webkit-animation-delay: 0ms; animation-delay: 0ms; }
  #targetAim_figures figure:last-child { margin-bottom: 0; }
  #targetAim_figures figcaption { margin-bottom: 15px; font-size: 14px; }
  #targetAim .notes_bgblueList { margin-bottom: 40px; }
  /* ===================================================================== whyWeAim ===================================================================== */
  #whyWeAim { padding-top: 45px; padding-bottom: 55px; background-image: url(/IR/compass2030/image/index_whyWeAim_bg_sp.jpg); background-position: center bottom; }
  #whyWeAim h2 { height: 65px; padding-top: 21px; margin-bottom: 28px; font-size: 14px; }
  #whyWeAim .lead { margin-bottom: 30px; color: #fff; font-size: 16px; }
  #whyWeAim .desc { margin-bottom: 20px; font-size: 14px; }
  #whyWeAim .notesList { margin-bottom: 30px; }
  /* --------------------------------- marketEnv --------------------------------- */
  #marketEnv h3 { margin-bottom: 15px; font-size: 14px; }
  #marketEnvList { margin-bottom: 30px; flex-wrap: wrap; }
  #marketEnvList > li { width: 48.2%; padding: 20px 15px; margin-bottom: 3.6%; background-color: rgba(255, 255, 255, 0.9); }
  #marketEnvList > li:nth-of-type(2) { -webkit-animation-delay: 200ms; animation-delay: 200ms; }
  #marketEnvList > li:nth-of-type(3) { -webkit-animation-delay: 0ms; animation-delay: 0ms; }
  #marketEnvList > li:nth-of-type(4) { -webkit-animation-delay: 200ms; animation-delay: 200ms; }
  #marketEnvList > li span { min-height: 3em; margin-bottom: 8px; display: block; color: #333; font-size: 14px; }
  #marketEnvList > li img { width: 98px; margin-bottom: 25px; }
  #marketEnvList > li ul > li { padding-left: 14px; font-size: 12px; }
  #marketEnvList > li ul > li:before { left: 0; top: 0.5em; }
  /* ===================================================================== whyWeCan ===================================================================== */
  #whyWeCan { padding-top: 55px; padding-bottom: 65px; background-image: url(/IR/compass2030/image/index_whyWeCan_bg_sp.jpg); background-position: center bottom; }
  #whyWeCan h2 { height: 65px; padding-top: 21px; margin-bottom: 28px; font-size: 14px; }
  #whyWeCan .lead { margin-bottom: 30px; color: #fff; font-size: 16px; }
  #whyWeCan .desc { margin-bottom: 20px; font-size: 14px; }
  #whyWeCan_illust { width: 100%; margin-bottom: 40px; }
  /* ===================================================================== howWeDo ===================================================================== */
  #howWeDo { padding-top: 22px; padding-bottom: 55px; }
  #howWeDo h2 { height: 65px; padding-top: 21px; margin-bottom: 28px; font-size: 14px; }
  #howWeDo .lead { margin-bottom: 45px; color: #fff; font-size: 16px; }
  #targetVision { padding: 25px 20px 30px; border: solid 1px rgba(255, 255, 255, 0.75); }
  #targetVision h3 { margin-bottom: 15px; font-size: 14px; }
  #targetVision p { font-size: 14px; }
  /* ===================================================================== threeChallenges ===================================================================== */
  #threeChallenges { padding-bottom: 60px; }
  #threeChallenges h2 { padding: 25px 0 23px; margin-bottom: 45px; font-size: 18px; }
  #threeChallengesSliderBox { width: 100%; margin-bottom: 30px; flex-wrap: wrap; }
  #threeChallengesSlider { width: 100%; margin-bottom: 45px; }
  #threeChallengesSlide1, #threeChallengesSlide2, #threeChallengesSlide3 { display: none; }
  #challengeBaloonsList { width: 100%; }
  .challengeBaloon { width: 100%; padding: 25px 15px 30px; margin-bottom: 40px; }
  html.js_on .challengeBaloon:nth-of-type(1), html.js_on .challengeBaloon:nth-of-type(2), html.js_on .challengeBaloon:nth-of-type(3) { -webkit-animation-delay: 0ms; animation-delay: 0ms; }
  .challengeBaloon:last-child { margin-bottom: 0; }
  .challengeBaloon:before { content: ''; width: 28px; /* 吹き出しサイズ */ height: 28px; position: absolute; background-color: #fff; z-index: 1; left: 50%; top: -14px; -webkit-transform: translateX(-50%) rotate(45deg) skew(25deg, 25deg); transform: translateX(-50%) rotate(45deg) skew(25deg, 25deg); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35); }
  #contents .challengeBaloon h3 { margin-bottom: 15px; font-size: 16px; text-align: center; }
  #contents .challengeBaloon h3 span { width: 68px; margin: 0 auto; margin-bottom: 15px; display: block; font-size: 14px; vertical-align: baseline; text-align: center; }
  .challengeBaloon p { margin-bottom: 30px; }
  /* ===================================================================== fiveActions ===================================================================== */
  #fiveActions { padding-bottom: 60px; }
  #fiveActions h2 { padding: 25px 0 23px; margin-bottom: 40px; font-size: 18px; }
  #fiveActions h3 { margin-bottom: 40px; font-size: 14px; }
  #fiveActionsList { flex-wrap: wrap; }
  #fiveActionsList > li { width: 100%; padding: 20px 30px; margin-bottom: 10px; position: relative; }
  #fiveActionsList > li:nth-of-type(2), #fiveActionsList > li:nth-of-type(3), #fiveActionsList > li:nth-of-type(4), #fiveActionsList > li:nth-of-type(5) { -webkit-animation-delay: 0ms; animation-delay: 0ms; }
  #fiveActionsList > li:last-child { margin-bottom: 0; }
  #fiveActionsList > li .txt_action { margin-bottom: 15px; text-align: left; }
  #fiveActionsList > li .txt_action .num { padding-top: 0; padding-left: 4px; display: inline-block; font-size: 22px; }
  #fiveActionsList > li .txt_title { height: 3em; margin-bottom: 15px; font-size: 14px; text-align: left; }
  #fiveActionsList > li img.illust { width: 28%; margin-bottom: 0; position: absolute; right: 7%; top: 25px; }
  #fiveActionsList > li .bt_brief { width: auto; display: inline-block; }
  /* ===================================================================== challenge01 ===================================================================== */
  /* --------------------------------------------------------------------- challenge01_1 --------------------------------------------------------------------- */
  #challenge01_1 { padding: 35px 0; background-image: url(/IR/compass2030/image/index_challenge01_head_bg_sp.jpg); }
  #challenge01_1 h2 .challengeDeco { margin-bottom: 25px; font-size: 21px; }
  #challenge01_1 h2 .challengeDeco:before { content: ""; width: 40px; height: 50px; margin-bottom: 10px; }
  #challenge01_1 h2 .txt_title { margin-bottom: 25px; font-size: 22px; }
  #challenge01_1 .lead { font-size: 14px; text-align: left; }
  /* --------------------------------------------------------------------- challenge01_2 --------------------------------------------------------------------- */
  #challenge01_2 { padding: 40px 0 50px; }
  /* --------------------------------- challengeDescList --------------------------------- */
  #challenge01_2 .challengeDescList { margin-bottom: 10px; }
  /* --------------------------------- notesList --------------------------------- */
  #challenge01_2 .notesList { margin-bottom: 40px; }
  /* --------------------------------- challenge_numInfo --------------------------------- */
  #challenge01_2 .challenge_numInfo { width: 100%; padding: 30px 0 30px; margin-bottom: 50px; }
  #challenge01_2 .challenge_numInfo h3 { margin-bottom: 25px; font-size: 16px; }
  #challenge01_2 .challenge_numInfo picture { width: 83.28358208955224%; margin: 0 auto; margin-bottom: 25px; }
  #challenge01_2 .challenge_numInfo img { width: 100%; }
  #challenge01_2 .challenge_numInfo span { padding-left: 0; font-size: 12px; }
  #challenge01_2 .desc { font-size: 14px; }
  /* --------------------------------------------------------------------- challenge01_3 --------------------------------------------------------------------- */
  #challenge01_3 { padding: 30px 0 40px; }
  #challenge01_3 h3 { margin-bottom: 25px; font-size: 14px; }
  /* --------------------------------------------------------------------- figureSliderBox --------------------------------------------------------------------- */
  .figureSliderBox { border-radius: 10px; }
  #challenge01_3 .figureSliderBox { margin-bottom: 35px; }
  /* --------------------------------- bt_action --------------------------------- */
  .bt_action1:after { background-image: url(/IR/compass2030/image/index_bt_action1_sp_on.png); }
  .bt_action2:after { background-image: url(/IR/compass2030/image/index_bt_action2_sp_on.png); }
  .bt_action3:after { background-image: url(/IR/compass2030/image/index_bt_action3_sp_on.png); }
  .bt_action4:after { background-image: url(/IR/compass2030/image/index_bt_action4_sp_on.png); }
  .bt_action5:after { background-image: url(/IR/compass2030/image/index_bt_action5_sp_on.png); }
  /* --------------------------------- bt_action --------------------------------- */
  #challenge01_bt_actions { padding-top: 161.9335347%; }
  #bt_action1_1 { width: 25.98187311%; height: 8.768656716%; left: 18.73111782%; top: 25.18656716%; }
  #bt_action1_2 { width: 25.98187311%; height: 8.768656716%; left: 45.92145015%; top: 25.18656716%; }
  #bt_action1_3 { width: 25.98187311%; height: 8.768656716%; left: 18.73111782%; top: 33.02238806%; }
  #bt_action1_4 { width: 25.98187311%; height: 8.768656716%; left: 51.66163142%; top: 59.8880597%; }
  #bt_action1_5 { width: 25.98187311%; height: 8.768656716%; left: 51.66163142%; top: 87.5%; }
  #bt_action1_6 { width: 25.98187311%; height: 8.768656716%; left: 74.01812689%; top: 66.79104478%; }
  /* --------------------------------------------------------------------- challenge01_4 --------------------------------------------------------------------- */
  #challenge01_4 { padding: 40px 0 70px; }
  #challenge01_4 .notesList { margin-bottom: 15px; }
  #challenge01_4 .notesList li { color: #333; font-size: 13px; }
  #challenge01_4 .btbox { padding: 25px 0 30px; background-color: #d9efe5; }
  #challenge01_4 .btbox p { margin-bottom: 25px; font-size: 14px; }
  /* ===================================================================== challenge02 ===================================================================== */
  /* --------------------------------------------------------------------- challenge02_1 --------------------------------------------------------------------- */
  #challenge02_1 { padding: 35px 0; background-image: url(/IR/compass2030/image/index_challenge02_head_bg_sp.jpg); }
  #challenge02_1 h2 .challengeDeco { margin-bottom: 25px; font-size: 22px; }
  #challenge02_1 h2 .challengeDeco:before { content: ""; width: 40px; height: 50px; margin-bottom: 10px; }
  #challenge02_1 h2 .txt_title { margin-bottom: 25px; font-size: 21px; }
  #challenge02_1 .lead { font-size: 14px; text-align: left; }
  /* --------------------------------------------------------------------- challenge02_2 --------------------------------------------------------------------- */
  #challenge02_2 { padding: 40px 0 50px; }
  /* --------------------------------- challengeDescList --------------------------------- */
  #challenge02_2 .challengeDescList { margin-bottom: 40px; }
  /* --------------------------------- challenge_numInfo --------------------------------- */
  #challenge02_2 .challenge_numInfo { width: 100%; padding: 30px 0 30px; margin-bottom: 50px; }
  #challenge02_2 .challenge_numInfo h3 { margin-bottom: 25px; font-size: 16px; }
  #challenge02_2 .challenge_numInfo picture { width: 58.2089552238806%; margin: 0 auto; }
  #challenge02_2 .challenge_numInfo img { width: 100%; }
  #challenge02_2 .desc { font-size: 14px; }
  /* --------------------------------------------------------------------- challenge02_3 --------------------------------------------------------------------- */
  #challenge02_3 { padding: 30px 0 40px; }
  #challenge02_3 h3 { margin-bottom: 25px; font-size: 14px; }
  #challenge02_bt_actions { padding-top: 155.8912387%; }
  #bt_action2_1 { width: 25.98187311%; height: 9.108527132%; left: 23.86706949%; top: 16.27906977%; }
  #bt_action2_2 { width: 25.98187311%; height: 9.108527132%; left: 49.8489426%; top: 16.27906977%; }
  #bt_action2_3 { width: 25.98187311%; height: 9.108527132%; left: 36.85800604%; top: 31.00775194%; }
  #bt_action2_4 { width: 25.98187311%; height: 9.108527132%; left: 61.32930514%; top: 31.00775194%; }
  /* --------------------------------------------------------------------- challenge02_4 --------------------------------------------------------------------- */
  #challenge02_4 { padding: 30px 0 60px; }
  /* ===================================================================== challenge03 ===================================================================== */
  /* --------------------------------------------------------------------- challenge03_1 --------------------------------------------------------------------- */
  #challenge03_1 { padding: 35px 0; background-image: url(/IR/compass2030/image/index_challenge03_head_bg_sp.jpg); }
  #challenge03_1 h2 .challengeDeco { margin-bottom: 25px; font-size: 22px; }
  #challenge03_1 h2 .challengeDeco:before { content: ""; width: 40px; height: 50px; margin-bottom: 10px; }
  #challenge03_1 h2 .txt_title { margin-bottom: 25px; font-size: 21px; }
  #challenge03_1 .lead { font-size: 14px; text-align: left; }
  /* --------------------------------------------------------------------- challenge03_2 --------------------------------------------------------------------- */
  #challenge03_2 { padding: 40px 0 50px; }
  /* --------------------------------- challengeDescList --------------------------------- */
  #challenge03_2 .challengeDescList { margin-bottom: 40px; }
  /* --------------------------------- challenge_numInfo --------------------------------- */
  #challenge03_2 .challenge_numInfo { width: 100%; padding: 30px 0 30px; margin-bottom: 50px; }
  #challenge03_2 .challenge_numInfo h3 { margin-bottom: 25px; font-size: 16px; }
  #challenge03_2 .challenge_numInfo picture { width: 80.8955223880597%; margin: 0 auto; margin-bottom: 25px; }
  #challenge03_2 .challenge_numInfo img { width: 100%; }
  #challenge03_2 .challenge_numInfo span { font-size: 12px; }
  #challenge03_2 .desc { font-size: 14px; }
  /* --------------------------------------------------------------------- challenge03_3 --------------------------------------------------------------------- */
  #challenge03_3 { padding: 30px 0 40px; }
  #challenge03_3 h3 { margin-bottom: 25px; font-size: 14px; }
  #challenge03_bt_actions { padding-top: 212.9909366%; }
  #bt_action3_1 { width: 25.98187311%; height: 6.666666667%; left: 37.76435045%; top: 24.25531915%; }
  #bt_action3_2 { width: 25.98187311%; height: 6.666666667%; left: 4.229607251%; top: 59.29078014%; }
  #bt_action3_3 { width: 25.98187311%; height: 6.666666667%; left: 26.88821752%; top: 59.29078014%; }
  #bt_action3_4 { width: 25.98187311%; height: 6.666666667%; left: 69.78851964%; top: 59.29078014%; }
  /* --------------------------------------------------------------------- challenge03_4 --------------------------------------------------------------------- */
  #challenge03_4 { padding: 30px 0 60px; }
  #challenge03_4 .notesList { margin-bottom: 40px; }
  /* ===================================================================== threePromises ===================================================================== */
  #threePromises { padding-top: 55px; padding-bottom: 75px; background-image: url(/IR/compass2030/image/index_threePromises_bg_sp.jpg); background-position: center bottom; }
  #threePromises h2 { margin-bottom: 13px; font-size: 18px; }
  #threePromises .lead { margin-bottom: 25px; color: #fff; font-size: 22px; line-height: 1.5; }
  #threePromises .desc { margin-bottom: 40px; font-size: 14px; font-weight: bold; line-height: 1.857142857142857; }
  /* --------------------------------- threePromisesList --------------------------------- */
  #threePromisesList { flex-wrap: wrap; }
  #threePromisesList > li { width: 100%; padding: 25px 20px 30px; margin-bottom: 10px; }
  #threePromisesList > li:nth-of-type(2), #threePromisesList > li:nth-of-type(3) { -webkit-animation-delay: 0ms; animation-delay: 0ms; }
  #threePromisesList > li:last-child { margin-bottom: 0; }
  #threePromisesList > li .title { margin-bottom: 20px; font-size: 16px; }
  #threePromisesList > li p { font-size: 12px; line-height: 1.666666666666667; }
  /* ===================================================================== modaal-content ===================================================================== */
  .modaal-content-container { padding: 50px 20px 60px; }
  /* --------------------------------- modalContent_C_figure --------------------------------- */
  #modalContent_C_figure img { width: 82%; } }

/* =====================================================================
 For PRINT
===================================================================== */
@media print { html, body { width: 1280px; }
  body { -webkit-print-color-adjust: exact; }
  /* --------------------------------- animin --------------------------------- */
  .animin { visibility: visible !important; opacity: 1 !important; }
  .animin.anim { visibility: visible !important; -webkit-animation: none !important; animation: none !important; }
  #ir_wrapper { width: 100% !important; min-width: 0 !important; }
  .contents { width: 950px !important; }
  .bt_action { visibility: visible !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; opacity: 1 !important; }
  /* --------------------------------- figureSliderBox --------------------------------- */
  .figureSliderBox { page-break-inside: avoid; /* 要素内での改ページを避ける */ } }

@page { margin: 10mm; }