@charset "UTF-8";
.w100 {
  width: 100%; }

.w90 {
  width: 90%; }

.w80 {
  width: 80%; }

.w70 {
  width: 70%; }

.w60 {
  width: 60%; }

.w50 {
  width: 50%; }

.text-xxxl {
  font-size: 3em; }

.text-xxl {
  font-size: 2em; }

.text-xl {
  font-size: 1.8em; }

.text-lg {
  font-size: 1.4em; }

.text-md {
  font-size: 1em; }

.text-sm {
  font-size: 0.875em; }

.text-xs {
  font-size: 0.75em; }

.text-xxs {
  font-size: 0.625em; }

.text-red {
  color: #E50012 !important; }

.text-navyblue{
    color: #0055aa; }

.text-black{color: #000000;}

/* Scss Document */
.sp-nav ul.sp-gnav li a, .sp-nav ul.sp-snav, .sp-nav ul.sp-snav li, .middle_course .brand-index-wrapper .brand-index-box h4, .middle_course .brand-index-wrapper .brand-index-box .inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px; }

table.normal th, table.normal td, .color-box, .pdf-box .inner, .icon-index-wrapper .inner .icon-box a, .outline .xj-page table tbody > tr > td, .dividends .xj-page table tbody > tr > td, footer .footer-bottom .copyright {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px; }

.index-wrapper .index-box .text-box, footer .footer-sitemap, footer .footer-bottom .foot-uttil-nav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px; }

.newslist dl {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0; }

.sp-nav ul:nth-of-type(1) li a {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px; }

.m-auto, .sp-nav ul.sp-gnav li a i, .bn-swiper {
  margin: auto; }

.mt-xxxl {
  margin-top: 5em; }

.mt-xxl, .dividends .xj-page > table:nth-of-type(2) {
  margin-top: 3em; }

.mt-xl, #xj-select-category, .en #xj-select-category, .xj-page .ms_section h3 {
  margin-top: 2em; }

.mt-lg, .special p.title {
  margin-top: 1.5em; }

.mt-md, .pdf-box .inner p, .icon-index-wrapper .inner .icon-box a p, .xj-page .ms_section .ms_table, .dividends .inner:nth-of-type(3) table, .cal .xj-page #XJTxtDPLowerNote, .policy main .section .inner p + h4 , .esgpage main .section .inner p + h4  {
  margin-top: 1em; }

.mt-sm {
  margin-top: 0.75em; }

.mt-xs, .hero-wrapper .inner h2 span {
  margin-top: 0.5em; }

.mt-xxs {
  margin-top: 0.25em; }

.mb-xxxl {
  margin-bottom: 5em; }

.mb-xxl {
  margin-bottom: 3em; }

.mb-xl {
  margin-bottom: 2em; }

.mb-lg, .index-wrapper .index-box, .icon-index-wrapper .inner .icon-box, body:not(.top) .section-wrapper .section .graph-container div {
  margin-bottom: 1.5em; }

.mb-md, .section-wrapper .section h3, body:not(.top) .section-wrapper .section h3, .year-select, .index-wrapper .index-box .text-box h3, .index-wrapper .index-box .text-box h4, .xj-page .ms_head img, .faq .faq-box h5, footer .footer-sitemap nav h2, footer .footer-bottom .foot-uttil-nav li {
  margin-bottom: 1em; }

.mb-sm, .sp-nav ul:nth-of-type(1) li ol, .index-wrapper .index-box .text-box ul li {
  margin-bottom: 0.75em; }

.mb-xs, .sp-nav ul.sp-gnav li a i, .util-nav {
  margin-bottom: 0.5em; }

.mb-xxs {
  margin-bottom: 0.25em; }

.d-pc {
  display: none; }
  @media screen and (min-width: 1024px) {
    .d-pc {
      display: block; } }

.d-tab {
  display: none; }
  @media screen and (min-width: 768px) {
    .d-tab {
      display: block; } }

.d-toch {
  display: block; }
  @media screen and (min-width: 1024px) {
    .d-toch {
      display: none; } }

.d-sp {
  display: block; }
  @media screen and (min-width: 768px) {
    .d-sp {
      display: none; } }

.d-block, #nav_toggle div:after, #nav_toggle span, .sp-nav ul a, .sp-nav ul:nth-of-type(1) li a, .sp-nav ul.sp-gnav li a i, .global-nav ul li a, .ir-nav a, .local-nav a, .hero-wrapper .inner h2 span, .dividends .xj-page > table:nth-of-type(2) tbody > tr:nth-of-type(1), body:not(.top) .section-wrapper .section .graph-container img {
  display: block; }

.d-none, .sp-nav, .sp-nav ul:nth-of-type(1) li ol, .ir-nav ul li ol, .xj-page .ms_section h3:nth-of-type(3) br:nth-of-type(1) {
  display: none; }
.en.president .xj-page .ms_section h3:nth-of-type(3) br:nth-of-type(1){display: block;}

.d-flex, .util-nav ul, .global-nav ul, .index-wrapper .inner, body:not(.top) .section-wrapper .section .graph-container {
  display: block; }
.f-wrap-sp{flex-wrap: wrap;}
  @media screen and (min-width: 768px) {
    .d-flex, .util-nav ul, .global-nav ul, .index-wrapper .inner, body:not(.top) .section-wrapper .section .graph-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
		.f-wrap-sp{flex-wrap: nowrap;}
}

.d-inline {
  display: inline; }

.d-inline-block, .icon, .newslist dl dt .timely, .newslist dl dt .info, .newslist dl dt .results, .newslist dl dt .securitie, .newslist dl dt .other, .newslist dl dt .reports, .newslist dl dt .presen, .newslist dl dt .meeting, .btn, .btn span:before, .util-nav ul li, .icon-index-wrapper .inner .icon-box a p:before {
  display: inline-block; }

.j-sbetween, .header.inner, .sp-nav ul.sp-gnav, .sp-nav ul.sp-snav, #xj-select-category ul, .en #xj-select-category ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.j-center, .ir-nav ul, .local-nav ul, .pdf-box .inner, .icon-index-wrapper .inner .icon-box a, .btn_totop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.f-wrap, .sp-nav ul.sp-snav, .ir-nav ul, .local-nav ul, .index-wrapper .inner {
  -ms-flex-flow: wrap;
  flex-flow: wrap; }

.f-column, .pdf-box .inner, .icon-index-wrapper .inner, .icon-index-wrapper .inner .icon-box a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column; }

.p-relative, .header.inner .pageTitle, #nav_toggle div, .sp-nav ul:nth-of-type(1) li a, main, .main, .xj-page .ms_section h3, .special p.title, .vision .intro .inner .main-title {
  position: relative; }

.p-absolut, .header.inner .pageTitle a, #nav_toggle div:after, #nav_toggle span, .sp-nav ul:nth-of-type(1) li a.fa-plus:before, .xj-page .ms_section h3:before, .xj-page .ms_section h3:after, .special p.title:before, .special p.title:after, .vision .intro .inner .main-title span:nth-child(1), .en.vision .intro .inner .main-title span:nth-child(1) {
  position: absolute; }

.p-static {
  position: static; }

.p-fixed, header, .btn_totop {
  position: fixed; }

.text-center, #xj-select-category ul li a, .en #xj-select-category ul li a, body:not(.top) .section-wrapper .section .graph-container h3, body:not(.top) .section-wrapper .section .graph-container .xj_chart_table td.xj_chart_header, footer .footer-bottom .copyright {
  text-align: center; }

.text-left, .index-wrapper .index-box .text-box h3, .index-wrapper .index-box .text-box h4, body:not(.top) .section-wrapper .section .graph-container .unit-l {
  text-align: left; }

.text-right, body:not(.top) .section-wrapper .section .graph-container .xj_chart_table td {
  text-align: right; }

.v-middle, .icon-index-wrapper .inner .icon-box a p:before {
  vertical-align: middle; }

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

@media screen and (min-width: 768px) {
  .col-1 {
    width: 7.33333%;
    max-width: 7.33333%; }
  .col-2 {
    width: 15.66667%;
    max-width: 15.66667%; }
  .col-3 {
    width: 24%;
    max-width: 24%; }
  .col-4 {
    width: 32.33333%;
    max-width: 32.33333%; }
  .col-5 {
    width: 40.66667%;
    max-width: 40.66667%; }
  .col-6 {
    width: 49%;
    max-width: 49%; }
  .col-7 {
    width: 57.33333%;
    max-width: 57.33333%; }
  .col-8 {
    width: 65.66667%;
    max-width: 65.66667%; }
  .col-9 {
    width: 74%;
    max-width: 74%; }
  .col-10 {
    width: 82.33333%;
    max-width: 82.33333%; }
  .col-11 {
    width: 90.66667%;
    max-width: 90.66667%; } }

@media screen and (min-width: 1024px) {
  .col-lg-1 {
    width: 7.33333%;
    max-width: 7.33333%; }
  .col-lg-2 {
    width: 15.66667%;
    max-width: 15.66667%; }
  .col-lg-3 {
    width: 24%;
    max-width: 24%; }
  .col-lg-4 {
    width: 32.33333%;
    max-width: 32.33333%; }
  .col-lg-5 {
    width: 40.66667%;
    max-width: 40.66667%; }
  .col-lg-6 {
    width: 49%;
    max-width: 49%; }
  .col-lg-7 {
    width: 57.33333%;
    max-width: 57.33333%; }
  .col-lg-8 {
    width: 65.66667%;
    max-width: 65.66667%; }
  .col-lg-9 {
    width: 74%;
    max-width: 74%; }
  .col-lg-10 {
    width: 82.33333%;
    max-width: 82.33333%; }
  .col-lg-11 {
    width: 90.66667%;
    max-width: 90.66667%; } }

@media screen and (min-width: 1260px) {
  .col-xl-1 {
    width: 6.33333%;
    max-width: 6.33333%; }
  .col-xl-2 {
    width: 14.66667%;
    max-width: 14.66667%; }
  .col-xl-3 {
    width: 23%;
    max-width: 23%; }
  .col-xl-4 {
    width: 31.33333%;
    max-width: 31.33333%; }
  .col-xl-5 {
    width: 39.66667%;
    max-width: 39.66667%; }
  .col-xl-6 {
    width: 48%;
    max-width: 48%; }
  .col-xl-7 {
    width: 56.33333%;
    max-width: 56.33333%; }
  .col-xl-8 {
    width: 64.66667%;
    max-width: 64.66667%; }
  .col-xl-9 {
    width: 73%;
    max-width: 73%; }
  .col-xl-10 {
    width: 81.33333%;
    max-width: 81.33333%; }
  .col-xl-11 {
    width: 89.66667%;
    max-width: 89.66667%; } }

.w100 {
  width: 100%; }

.w90 {
  width: 90%; }

.w80 {
  width: 80%; }

.w70 {
  width: 70%; }

.w60 {
  width: 60%; }

.w50 {
  width: 50%; }

.text-xxxl {
  font-size: 3em; }

.text-xxl {
  font-size: 2em; }

.text-xl {
  font-size: 1.8em; }

.text-lg {
  font-size: 1.4em; }

.text-md {
  font-size: 1em; }

.text-sm {
  font-size: 0.875em; }

.text-xs {
  font-size: 0.75em; }

.text-xxs {
  font-size: 0.625em; }

.text-red {
  color: #E50012 !important; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #C3C3C3;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "sans-serif";
  font-size: 14px;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  color: #000000; }
  @media screen and (min-width: 768px) {
    body {
      font-size: 15px;
      line-height: 1.8; } }

a {
  text-decoration: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #000000; }
  a:hover {
    opacity: 0.6; }
  a.current {
    color: #0055aa; }
  a.text-link {
    border-bottom: 1px solid #000000; }

img {
  width: auto;
  height: auto;
  max-width: 100%; }

p {
  font-size: 0.875em; }

h5 {
  font-size: 0.875em;
  font-weight: bold; }

h4 {
  font-size: 1em;
  font-weight: bold;
  color: #0055aa; }

h3 {
  font-size: 1.4em;
  font-weight: bold; }

h2 {
  font-size: 2em;
  font-weight: bold; }

@media screen and (min-width: 768px) {
  p {
    font-size: 1em; }
  h5 {
    font-size: 1em;
    font-weight: bold; }
  h4 {
    font-size: 1.4em;
    font-weight: bold;
    color: #0055aa; }
  h3 {
    font-size: 1.8em;
    font-weight: bold; }
  h2 {
    font-size: 3em;
    font-weight: bold; } }

select {
  padding: 10px;
  width: 15em;
  font-size: 1em; }

table.normal {
  width: 100%;
  border: none; }
  table.normal th {
    background-color: #E5F3FD;
    white-space: nowrap;
    border-top: 1px solid #C3C3C3; }
  table.normal td {
    border-top: 1px solid #C3C3C3; }
  table.normal tr:last-child th, table.normal tr:last-child td {
    border-bottom: 1px solid #C3C3C3; }

.icon, .newslist dl dt .timely, .newslist dl dt .info, .newslist dl dt .results, .newslist dl dt .securitie, .newslist dl dt .other, .newslist dl dt .reports, .newslist dl dt .presen, .newslist dl dt .meeting {
  padding: 5px 10px;
  margin-left: 0.5em;
  font-size: 0.75em;
  color: white; }

.btn {
  padding: 15px 30px;
  text-align: center;
  background-color: #E5F3FD;
  border-radius: 30px;
  font-weight: 700; }
  .btn span:before {
    content: "";
    background: url("../images/circle-arrow.png") no-repeat;
    width: 20px;
    height: 20px;
    padding-right: 0.5em;
    vertical-align: middle; }
  .btn i {
    color: #0055aa; }

.caution {
  font-size: 0.875em;
  color: #707070; }

.color-box {
  background: #E7EDF2;
  font-size: 0.875em; }
  .color-box ul {
    margin-left: 1em; }

@media screen and (max-width: 769px) {
  .scroll-x {
    overflow: scroll;
  }
  .scroll-x [class^="scroll-"] {
    max-width: none;
  }
  .scroll-x .scroll-990 {
    width: 990px;
  }
  .scroll-x .scroll-600{
    width: 600px;
  }
}

/* layout */
.inner {
  padding: 50px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  margin: auto; }
  @media screen and (min-width: 768px) {
    .inner {
      max-width: 960px; } }
  @media screen and (min-width: 1260px) {
    .inner {
      max-width: 1200px; } }

header {
  width: 100%;
  background-color: white;
  z-index: 200;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); }
  header.open {
    height: 100%;
    overflow: hidden; }

.header.inner {
  width: 100%;
  padding: 12px 20px; }
  @media screen and (min-width: 1024px) {
    .header.inner {
      padding: 20px 0 0 0; } }
  .header.inner .pageTitle {
    width: 56px;
    height: 46px;
    background: url(../images/nextage_logo_pc.svg) 0px -6px no-repeat;
    background-size: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 100; }
    @media screen and (min-width: 1024px) {
      .header.inner .pageTitle {
        width: 366px;
        height: 70px;
        padding-left: 100px;
        background: url(../images/nextage_logo_pc.svg) 0px -7px no-repeat;
        background-size: 86px; } }
    .header.inner .pageTitle a {
      display: block;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      cursor: pointer; }
    .header.inner .pageTitle h1 {
      display: none;
      font-size: 1.4em;
      font-weight: 700;
      color: #0055aa; }
      @media screen and (min-width: 1024px) {
        .header.inner .pageTitle h1 {
          display: block; } }
      .header.inner .pageTitle h1 small {
        font-size: 0.625em;
        color: #C3C3C3;
        display: block; }

/*開閉ボタン*/
#nav_toggle {
  width: 36px;
  height: 36px;
  position: relative;
  z-index: 100; }
  #nav_toggle div {
    height: 32px; }
    #nav_toggle div:after {
      content: "MENU";
      width: 100%;
      text-align: center;
      color: #0055aa;
      font-size: 0.625em;
      top: 102%; }
  #nav_toggle span {
    height: 3px;
    background: #0055aa;
    width: 100%;
    left: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; }
    #nav_toggle span:nth-child(1) {
      top: 0px; }
    #nav_toggle span:nth-child(2) {
      top: 12px; }
    #nav_toggle span:nth-child(3) {
      top: 24px; }

/*開閉ボタンopen時*/
.open #nav_toggle span:nth-child(1) {
  top: 14px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg); }

.open #nav_toggle span:nth-child(2) {
  width: 0;
  left: 50%; }

.open #nav_toggle span:nth-child(3) {
  top: 14px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }

/*メニュー*/
.sp-nav {
  background-color: transparent;
  height: calc(100vh - 85px);
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  .sp-nav ul {
    background-color: #0055aa; }
    .sp-nav ul a {
      color: white; }
    .sp-nav ul:nth-of-type(1) li {
      width: 100%;
      border-bottom: 1px solid white; }
      .sp-nav ul:nth-of-type(1) li a {
        width: 100%;
        height: 56px;
        line-height: 56px; }
        .sp-nav ul:nth-of-type(1) li a.fa-plus:before {
          right: 20px; }
        .sp-nav ul:nth-of-type(1) li a i {
          padding-right: 0.5em; }
      .sp-nav ul:nth-of-type(1) li ol li {
        font-size: 0.875em;
        border-bottom: none; }
        .sp-nav ul:nth-of-type(1) li ol li a {
          height: 40px;
          line-height: 40px; }
          .sp-nav ul:nth-of-type(1) li ol li a:before {
            content: "- "; }
    .sp-nav ul.sp-gnav {
      border-bottom: 1px solid white; }
      .sp-nav ul.sp-gnav li a {
        text-align: center;
        font-size: 0.875em; }
        .sp-nav ul.sp-gnav li a i {
          font-size: 1.4em; }
    .sp-nav ul.sp-snav li a {
      padding-left: 1em;
      text-align: left;
      font-size: 0.875em; }
      .sp-nav ul.sp-snav li a:before {
        content: "- "; }

.util-nav ul {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .util-nav ul li {
    margin-left: 1em;
    font-size: 0.875em; }
    .util-nav ul li:before {
      padding-right: 0.5em;
      color: #888888; }
    .util-nav ul li a {
      color: #888888; }
    .util-nav ul li.change-contry {
      border: 1px solid #888888;
      padding: 0 10px; }

.global-nav ul {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .global-nav ul li a {
    padding: 10px 15px; }
    .global-nav ul li a.current, .global-nav ul li a:hover {
      color: white;
      background: #0055aa;
      opacity: 1; }

.ir-nav {
  display: none;
  background: #0055aa;
  max-height: 90px; }
  .ir-nav .inner {
    padding: 0; }
  .ir-nav ul li {
    font-size: 0.875em; }
  .ir-nav a {
    color: white;
    padding: 10px 15px; }
    .ir-nav a.current {
      background-color: #013468;
      color: white; }
  @media screen and (min-width: 1024px) {
    .ir-nav {
      display: block; } }

@media screen and (min-width: 1024px) {
  .outline .ir-nav .outline-par a, .highlight .ir-nav .highlight-par a, .library .ir-nav .library-par a, .dividends .dividends-par a {
    background-color: #013468;
    color: white; } }

.local-nav {
  display: none;
  background: #013468;
  padding-top: 193px; }
  .local-nav .inner {
    padding: 0; }
  .local-nav ul {
    display: none; }
    .local-nav ul li {
      font-size: 0.875em; }
  .local-nav a {
    padding: 10px 15px;
    color: white; }
    .local-nav a.current {
      background-color: white;
      color: #013468; }
  @media screen and (min-width: 1024px) {
    .local-nav {
      display: block; } }

@media screen and (min-width: 1024px) {
  .outline .local-nav {
    display: block; }
    .outline .local-nav .inner ul#manage-local {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      align-items: end;
      padding: 0; }
    .outline .local-nav .inner ul:not(#manage-local) {
      display: none; }
  .highlight .local-nav {
    display: block; }
    .highlight .local-nav .inner ul#highlight-local {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0; }
    .highlight .local-nav .inner ul:not(#highlight-local) {
      display: none; }
  .library .local-nav {
    display: block; }
    .library .local-nav .inner ul#library-local {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0; }
    .library .local-nav .inner ul:not(#library-local) {
      display: none; }
  .dividends .local-nav {
    display: block; }
    .dividends .local-nav .inner ul#stock-local {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0; }
    .dividends .local-nav .inner ul:not(#stock-local) {
      display: none; } 
  .esgpage .local-nav {
    display: block; }
    .esgpage .local-nav .inner ul#esg-local {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0; }
    .esgpage .local-nav .inner ul:not(#esg-local) {
      display: none; } }


main, .main {
  padding: 70px 0 40px; }
  @media screen and (min-width: 1024px) {
    main, .main {
      padding: 0 0 40px; } }

/*@include mq-up(lg) {
	.outline main, .special main, .vision main {
		padding: 0 0 40px;
	}
}*/
.hero-wrapper {
  width: 100%;
  height: 480px;
  background: url("../images/top/heroimg_top_sp.jpg") center bottom no-repeat;
  background-size: cover;
  position: relative; }
  .hero-wrapper .inner {
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column; }
    .hero-wrapper .inner h2 {
      color: white;
      text-align: center;
      line-height: 1; }
      .hero-wrapper .inner h2 span {
        font-size: 0.625em;
        font-weight: 400; }
  .hero-wrapper .breadcrumb ul {
    display: block; }
.en.vision .breadcrumb li:last-child {
  line-height: 1;
}
    @media screen and (min-width: 768px) {
      .hero-wrapper .breadcrumb ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .hero-wrapper .breadcrumb ul li {
      margin: 0 0.5em 0.5em 0;
      display: inline-block; }
      @media screen and (min-width: 768px) {
        .hero-wrapper .breadcrumb ul li {
          margin: 0 0.75em 0.75em 0; } }
    .hero-wrapper .breadcrumb ul a {
      color: #013468; }
  @media screen and (min-width: 1024px) {
    .hero-wrapper {
      background: url("../images/top/heroimg_top.jpg") right top no-repeat #9ec0e5;
      background-size: cover; }
      .hero-wrapper .inner {
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        .hero-wrapper .inner h2 {
          text-align: left;
          position: absolute;
          left: auto;
          right: 40px;
          top: 40px;
          bottom: auto;
          background-color: transparent;
          background-color: rgba(0, 90, 170, 0.9);
          padding: 20px; } }
  @media screen and (min-width: 1260px) {
    .hero-wrapper {
      background: url("../images/top/heroimg_top.jpg") right top no-repeat #9ec0e5;
      background-size: cover; }
      .hero-wrapper .inner {
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        .hero-wrapper .inner h2 {
          color: white;
          padding: 20px;
          text-align: left;
          position: absolute;
          left: 60px;
          right: auto;
          top: auto;
          bottom: auto;
          background-color: rgba(0, 90, 170, 0.9); } }

.breadcrumb ul > li:last-child {
  color: #0055aa; }

.section-wrapper .section h3 {
  text-align: center; }

body:not(.top) .hero-wrapper {
  width: 100%;
  height: 240px;
  background: url("../images/heroimg_notop.jpg") right center no-repeat;
  background-size: cover; }
  body:not(.top) .hero-wrapper .inner {
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column; }
    body:not(.top) .hero-wrapper .inner h2 {
      color: #013468;
      text-align: left;
      line-height: 1;
      padding: 0;
      background-color: transparent;
      position: static; }

body:not(.top) .section-wrapper .section h3 {
  text-align: left; }

.newslist dl {
  border-bottom: 1px dotted #707070; }
  .newslist dl dt span.icon, .newslist dl dt span.timely, .newslist dl dt span.info, .newslist dl dt span.results, .newslist dl dt span.securitie, .newslist dl dt span.other, .newslist dl dt span.reports, .newslist dl dt span.presen, .newslist dl dt span.meeting, .newslist dl dt .esg{
    width: 68px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center; }
  .newslist dl dt .timely {
    background-color: #D46612; }
  .newslist dl dt .info {
    background-color: #666666; }
  .newslist dl dt .results {
    background-color: #188EC2; }
  .newslist dl dt .securitie {
    background-color: #79D412; }
  .newslist dl dt .other {
    background-color: #E055AB; }
  .newslist dl dt .reports {
    background-color: #7723B7; }
  .newslist dl dt .presen {
    background-color: #B78B21; }
  .newslist dl dt .meeting {
    background-color: #22B77B; }
	.newslist dl dt .esg {
    background-color: #4964cf; }
	.newslist dl dt .tougou {
    background-color: #50c2dc; }
  .newslist dl dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .newslist dl dd .pdf:after {
      font-family: 'FontAwesome';
      content: "\f1c1";
      color: #FF5736;
      padding-left: 0.5em; }
  @media screen and (min-width: 768px) {
    .newslist dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .newslist dl dt {
        width: 210px; }
      .newslist dl dd {
        padding-left: 1em;
        width: calc(100% - 210px); } }

.en .newslist dl dt span.icon, .en .newslist dl dt span.timely, .en .newslist dl dt span.info, .en .newslist dl dt span.results, .en .newslist dl dt span.securitie, .en .newslist dl dt span.other, .en .newslist dl dt span.reports, .en .newslist dl dt span.presen, .en .newslist dl dt span.meeting {
  width: 158px; }

@media screen and (min-width: 768px) {
  .en .newslist dl dt {
    width: 270px; }
  .en .newslist dl dd {
    width: calc(100% - 270px); } }

.pdf-box {
  width: 100%; }
  .pdf-box .inner {
    background: #E7EDF2; }
    .pdf-box .inner p {
      font-size: 0.875em; }
    @media screen and (min-width: 768px) {
      .pdf-box .inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important; }
        .pdf-box .inner p {
          padding-left: 1em;
          margin-top: 0; } }

.year-select select {
  height: auto;
  font-size: 16px; }

#xj-select-category ul {
  -ms-flex-flow: wrap;
  flex-flow: wrap; }
  #xj-select-category ul li {
    list-style: none;
    width: calc(100% - 1px);
    margin: 0 1px 1px 0;
    font-size: 0.75em; }
    #xj-select-category ul li a {
      display: block;
      width: 100%;
      color: white;
      background: rgba(0, 85, 170, 0.6);
      padding: 10px 0; }
    #xj-select-category ul li.current a {
      background: #0055aa; }
    @media screen and (min-width: 400px) {
      #xj-select-category ul li {
        width: calc(50% - 1px);
        margin-right: 1px; } }
    @media screen and (min-width: 1024px) {
      #xj-select-category ul li {
        width: calc(10% - 1px);
        margin-right: 1px; } }

.en #xj-select-category ul {
  -ms-flex-flow: wrap;
  flex-flow: wrap; }
  .en #xj-select-category ul li {
    list-style: none;
    width: calc(100% - 1px);
    margin: 0 1px 1px 0;
    font-size: 0.75em; }
    .en #xj-select-category ul li a {
      display: block;
      width: 100%;
      color: white;
      background: rgba(0, 85, 170, 0.6);
      padding: 10px 0; }
    .en #xj-select-category ul li.current a {
      background: #0055aa; }
    @media screen and (min-width: 400px) {
      .en #xj-select-category ul li {
        width: calc(33.333% - 1px);
        margin-right: 1px; } }
    @media screen and (min-width: 1024px) {
      .en #xj-select-category ul li {
        width: calc(16.666% - 1px);
        margin-right: 1px; } }

.bn-box-wrapper {
  background-color: #E5F3FD; }

.bn-swiper {
  width: calc( 100% - 76px); }
  .bn-swiper .bn-box img {
    /*border:1px solid $border-gray;*/
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .bn-swiper .bn-box img {
        width: calc( 96%); } }

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 1; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'FontAwesome';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #598DC0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 10px; }

.slick-prev:before {
  content: "\f137"; }

.slick-next {
  right: 10px; }

.slick-next:before {
  content: "\f138"; }

/*index-wrapper*/
.index-wrapper {
  background-color: #E7EDF2; }
  .index-wrapper .inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .index-wrapper .index-box {
    background-color: white; }
    .index-wrapper .index-box:nth-of-type(1) .btn {
      width: 60%;
      display: block;
      margin: auto; }
    .index-wrapper .index-box .figure {
      width: 100%;
      height: auto;
      max-height: 250px;
      overflow-y: hidden; }
      .index-wrapper .index-box .figure img {
        width: 100%; }
    .index-wrapper .index-box .text-box h3, .index-wrapper .index-box .text-box h4 {
      font-size: 1.4em; }
    .index-wrapper .index-box .text-box ul li {
      font-size: 0.875em;
      list-style: none; }
      .index-wrapper .index-box .text-box ul li:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f0da";
        padding-right: 0.5em;
        color: #0055aa; }
    @media screen and (min-width: 768px) {
      .index-wrapper .index-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .index-wrapper .index-box .figure {
          width: 50%;
          height: 100%;
          min-height: 100%;
          overflow-y: hidden; }
          .index-wrapper .index-box .figure img {
            display: none; }
        .index-wrapper .index-box .text-box {
          width: 50%; }
        .index-wrapper .index-box:nth-of-type(1) .figure {
          width: 33%;
          height: auto;
          min-height: 300px;
          background: url("../images/top/index_img01.jpg") no-repeat center top;
          background-size: cover; }
        .index-wrapper .index-box:nth-of-type(1) .text-box {
          width: 67%;
          position: relative; }
          .index-wrapper .index-box:nth-of-type(1) .text-box .btn {
            width: 6em;
            position: absolute;
            right: 40px;
            bottom: 40px; }
        .index-wrapper .index-box:nth-of-type(2) .figure {
          background: url("../images/top/index_img02.jpg") no-repeat center center;
          background-size: cover; }
        .index-wrapper .index-box:nth-of-type(3) .figure {
          background: url("../images/top/index_img03.jpg") no-repeat center center;
          background-size: cover; }
        .index-wrapper .index-box:nth-of-type(4) .figure {
          background: url("../images/top/index_img04.jpg") no-repeat center center;
          background-size: cover; }
        .index-wrapper .index-box:nth-of-type(5) .figure {
          background: url("../images/top/index_img05.jpg") no-repeat center center;
          background-size: cover; } }

/*icon-index-wrapper*/
.icon-index-wrapper .inner .icon-box a {
  border: 3px solid rgba(0, 85, 170, 0.6);
  width: 100%;
  color: #0055aa; }
  .icon-index-wrapper .inner .icon-box a i {
    font-size: 3em; }
  .icon-index-wrapper .inner .icon-box a p {
    color: #000000; }
    .icon-index-wrapper .inner .icon-box a p:before {
      content: " ";
      background: url("../images/circle-arrow.png") no-repeat;
      width: 20px;
      height: 20px;
      padding-right: 0.5em; }

.icon-index-wrapper .inner:nth-of-type(2) {
  padding-top: 0; }

@media screen and (min-width: 768px) {
  .icon-index-wrapper .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

/**president**/
.xj-page h2.title {
  display: none; }

.xj-page .ms_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-x: hidden; }
  .xj-page .ms_head img {
    width: auto; }
    @media screen and (min-width: 768px) {
      .xj-page .ms_head img {
        padding-right: 1em; } }
  .xj-page .ms_head h3 {
    clear: right; }
  .xj-page .ms_head p {
    width: 100%; }
    .xj-page .ms_head p.mt40 {
      margin-top: 0; }
      .xj-page .ms_head p.mt40 br {
        display: none; }
      @media screen and (min-width: 768px) {
        .xj-page .ms_head p.mt40 {
          margin-top: -300px;
          text-align: left !important; } }
  .xj-page .ms_head div:last-child {
    width: 100%;
    text-align: right; }
  @media screen and (min-width: 768px) {
    .xj-page .ms_head {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse wrap;
      flex-flow: row-reverse wrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .xj-page .ms_head h3 {
        width: calc( 100% - 318px); } }

.xj-page .ms_section h3 {
  padding: 10px 20px; }
  .xj-page .ms_section h3:before {
    content: "";
    display: block;
    width: 30%;
    height: 1.5em;
    top: 0;
    left: 0;
    border: 1px solid #0055aa;
    border-right: none;
    border-bottom: none; }
  .xj-page .ms_section h3:after {
    content: "";
    display: block;
    width: 30%;
    height: 1.5em;
    bottom: 0;
    right: 0;
    border: 1px solid #0055aa;
    border-left: none;
    border-top: none; }
  .xj-page .ms_section h3 span {
    font-size: 0.75em;
    color: #013468; }

.xj-page .ms_section .ms_table {
  border: 1px solid #C3C3C3;
  width: 100%;
  font-size: xx-small; }
  .xj-page .ms_section .ms_table th {
    padding: 5px;
    background: #E7EDF2;
    border: 1px solid #C3C3C3; }
  .xj-page .ms_section .ms_table td {
    padding: 5px;
    border: 1px solid #C3C3C3;
    text-align: center; }
    .xj-page .ms_section .ms_table td span {
      display: block; }
  @media screen and (min-width: 768px) {
    .xj-page .ms_section .ms_table {
      font-size: 100%; }
      .xj-page .ms_section .ms_table th {
        padding: 10px; }
      .xj-page .ms_section .ms_table td {
        padding: 10px; } }

.xj-page .ms_section img {
  display: block;
  margin: auto; }

.en .xj-page .ms_head p {
  padding-top: 40px; }

/**outline**/
.outline .xj-page table {
  width: 100% !important; }
  .outline .xj-page table tbody > tr > td {
    display: block;
    width: 100%;
    width: auto;
    border: none;
    border-left: none;
    border-right: none; }
    .outline .xj-page table tbody > tr > td:nth-of-type(1) {
      white-space: nowrap;
      background: #E7EDF2;
      border-top: 1px solid #C3C3C3; }
  @media screen and (min-width: 1024px) {
    .outline .xj-page table tbody > tr > td {
      display: table-cell;
      padding: 20px;
      width: auto;
      border: 1px solid #C3C3C3;
      border-left: none;
      border-right: none; }
      .outline .xj-page table tbody > tr > td:nth-of-type(1) {
        white-space: nowrap;
        background: #E7EDF2; } }

/**special**/


/**middle_special**/
.middle_special .text-center.mt-xl > img, .middle_special .text-center#xj-select-category > img, .middle_special #xj-select-category ul li a#xj-select-category > img, #xj-select-category ul li .middle_special a#xj-select-category > img, .middle_special body:not(.top) .section-wrapper .section .graph-container h3#xj-select-category > img, body:not(.top) .section-wrapper .section .graph-container .middle_special h3#xj-select-category > img, .middle_special body:not(.top) .section-wrapper .section .graph-container .xj_chart_table td#xj-select-category.xj_chart_header > img, body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .middle_special td#xj-select-category.xj_chart_header > img, .middle_special footer .footer-bottom #xj-select-category.copyright > img, footer .footer-bottom .middle_special #xj-select-category.copyright > img, .middle_special #xj-select-category ul li a.mt-xl > img, #xj-select-category ul li .middle_special a.mt-xl > img, .middle_special .en .text-center#xj-select-category > img, .middle_special #xj-select-category ul li .en a#xj-select-category > img, .middle_special body:not(.top) .section-wrapper .section .graph-container .en h3#xj-select-category > img, .middle_special body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .en td#xj-select-category.xj_chart_header > img, .middle_special footer .footer-bottom .en #xj-select-category.copyright > img, .middle_special .xj-page .ms_section h3.text-center > img, .xj-page .ms_section .middle_special h3.text-center > img, .middle_special .xj-page .ms_section body:not(.top) .section-wrapper .section .graph-container h3 > img, .xj-page .ms_section body:not(.top) .section-wrapper .section .graph-container .middle_special h3 > img, .middle_special body:not(.top) .section-wrapper .section .graph-container .xj-page .ms_section h3 > img, body:not(.top) .section-wrapper .section .graph-container .xj-page .ms_section .middle_special h3 > img, .middle_special .xj-page .ms_section footer .footer-bottom h3.copyright > img, .xj-page .ms_section footer .footer-bottom .middle_special h3.copyright > img, .middle_special footer .footer-bottom .xj-page .ms_section h3.copyright > img, footer .footer-bottom .xj-page .ms_section .middle_special h3.copyright > img, .middle_special body:not(.top) .section-wrapper .section .graph-container h3.mt-xl > img, body:not(.top) .section-wrapper .section .graph-container .middle_special h3.mt-xl > img, .middle_special body:not(.top) .section-wrapper .section .graph-container .xj_chart_table td.mt-xl.xj_chart_header > img, body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .middle_special td.mt-xl.xj_chart_header > img, .middle_special footer .footer-bottom .mt-xl.copyright > img, footer .footer-bottom .middle_special .mt-xl.copyright > img {
  max-width: 100%;
  height: auto; }
  @media screen and (min-width: 1024px) {
    .middle_special .text-center.mt-xl > img, .middle_special .text-center#xj-select-category > img, .middle_special #xj-select-category ul li a#xj-select-category > img, #xj-select-category ul li .middle_special a#xj-select-category > img, .middle_special body:not(.top) .section-wrapper .section .graph-container h3#xj-select-category > img, body:not(.top) .section-wrapper .section .graph-container .middle_special h3#xj-select-category > img, .middle_special body:not(.top) .section-wrapper .section .graph-container .xj_chart_table td#xj-select-category.xj_chart_header > img, body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .middle_special td#xj-select-category.xj_chart_header > img, .middle_special footer .footer-bottom #xj-select-category.copyright > img, footer .footer-bottom .middle_special #xj-select-category.copyright > img, .middle_special #xj-select-category ul li a.mt-xl > img, #xj-select-category ul li .middle_special a.mt-xl > img, .middle_special .en .text-center#xj-select-category > img, .middle_special #xj-select-category ul li .en a#xj-select-category > img, .middle_special body:not(.top) .section-wrapper .section .graph-container .en h3#xj-select-category > img, .middle_special body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .en td#xj-select-category.xj_chart_header > img, .middle_special footer .footer-bottom .en #xj-select-category.copyright > img, .middle_special .xj-page .ms_section h3.text-center > img, .xj-page .ms_section .middle_special h3.text-center > img, .middle_special .xj-page .ms_section body:not(.top) .section-wrapper .section .graph-container h3 > img, .xj-page .ms_section body:not(.top) .section-wrapper .section .graph-container .middle_special h3 > img, .middle_special body:not(.top) .section-wrapper .section .graph-container .xj-page .ms_section h3 > img, body:not(.top) .section-wrapper .section .graph-container .xj-page .ms_section .middle_special h3 > img, .middle_special .xj-page .ms_section footer .footer-bottom h3.copyright > img, .xj-page .ms_section footer .footer-bottom .middle_special h3.copyright > img, .middle_special footer .footer-bottom .xj-page .ms_section h3.copyright > img, footer .footer-bottom .xj-page .ms_section .middle_special h3.copyright > img, .middle_special body:not(.top) .section-wrapper .section .graph-container h3.mt-xl > img, body:not(.top) .section-wrapper .section .graph-container .middle_special h3.mt-xl > img, .middle_special body:not(.top) .section-wrapper .section .graph-container .xj_chart_table td.mt-xl.xj_chart_header > img, body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .middle_special td.mt-xl.xj_chart_header > img, .middle_special footer .footer-bottom .mt-xl.copyright > img, footer .footer-bottom .middle_special .mt-xl.copyright > img {
      max-width: 800px; } }

/**dividends**/
.dividends.dividends .section > .inner:nth-of-type(3) > .text-center, .dividends.dividends #xj-select-category ul li .section > .inner:nth-of-type(3) > a, #xj-select-category ul li .dividends.dividends .section > .inner:nth-of-type(3) > a, .dividends.dividends body:not(.top) .section-wrapper .section .graph-container .section > .inner:nth-of-type(3) > h3, body:not(.top) .section-wrapper .section .graph-container .dividends.dividends .section > .inner:nth-of-type(3) > h3, .dividends.dividends body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .section > .inner:nth-of-type(3) > td.xj_chart_header, body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .dividends.dividends .section > .inner:nth-of-type(3) > td.xj_chart_header, .dividends.dividends footer .footer-bottom .section > .inner:nth-of-type(3) > .copyright, footer .footer-bottom .dividends.dividends .section > .inner:nth-of-type(3) > .copyright {
  overflow-x: auto; }
  .dividends.dividends .section > .inner:nth-of-type(3) > .text-center table, .dividends.dividends #xj-select-category ul li .section > .inner:nth-of-type(3) > a table, #xj-select-category ul li .dividends.dividends .section > .inner:nth-of-type(3) > a table, .dividends.dividends body:not(.top) .section-wrapper .section .graph-container .section > .inner:nth-of-type(3) > h3 table, body:not(.top) .section-wrapper .section .graph-container .dividends.dividends .section > .inner:nth-of-type(3) > h3 table, .dividends.dividends body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .section > .inner:nth-of-type(3) > td.xj_chart_header table, body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .dividends.dividends .section > .inner:nth-of-type(3) > td.xj_chart_header table, .dividends.dividends footer .footer-bottom .section > .inner:nth-of-type(3) > .copyright table, footer .footer-bottom .dividends.dividends .section > .inner:nth-of-type(3) > .copyright table {
    min-width: 728px;
    width: 100%;
    font-size: 12px; }
    .dividends.dividends .section > .inner:nth-of-type(3) > .text-center table tr > td, .dividends.dividends #xj-select-category ul li .section > .inner:nth-of-type(3) > a table tr > td, #xj-select-category ul li .dividends.dividends .section > .inner:nth-of-type(3) > a table tr > td, .dividends.dividends body:not(.top) .section-wrapper .section .graph-container .section > .inner:nth-of-type(3) > h3 table tr > td, body:not(.top) .section-wrapper .section .graph-container .dividends.dividends .section > .inner:nth-of-type(3) > h3 table tr > td, .dividends.dividends body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .section > .inner:nth-of-type(3) > td.xj_chart_header table tr > td, body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .dividends.dividends .section > .inner:nth-of-type(3) > td.xj_chart_header table tr > td, .dividends.dividends footer .footer-bottom .section > .inner:nth-of-type(3) > .copyright table tr > td, footer .footer-bottom .dividends.dividends .section > .inner:nth-of-type(3) > .copyright table tr > td {
      font-size: 12px !important; }
    .dividends.dividends .section > .inner:nth-of-type(3) > .text-center table tr > td.td-name, .dividends.dividends #xj-select-category ul li .section > .inner:nth-of-type(3) > a table tr > td.td-name, #xj-select-category ul li .dividends.dividends .section > .inner:nth-of-type(3) > a table tr > td.td-name, .dividends.dividends body:not(.top) .section-wrapper .section .graph-container .section > .inner:nth-of-type(3) > h3 table tr > td.td-name, body:not(.top) .section-wrapper .section .graph-container .dividends.dividends .section > .inner:nth-of-type(3) > h3 table tr > td.td-name, .dividends.dividends body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .section > .inner:nth-of-type(3) > td.xj_chart_header table tr > td.td-name, body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .dividends.dividends .section > .inner:nth-of-type(3) > td.xj_chart_header table tr > td.td-name, .dividends.dividends footer .footer-bottom .section > .inner:nth-of-type(3) > .copyright table tr > td.td-name, footer .footer-bottom .dividends.dividends .section > .inner:nth-of-type(3) > .copyright table tr > td.td-name {
      font-size: 12px !important; }
    @media screen and (min-width: 1024px) {
      .dividends.dividends .section > .inner:nth-of-type(3) > .text-center table, .dividends.dividends #xj-select-category ul li .section > .inner:nth-of-type(3) > a table, #xj-select-category ul li .dividends.dividends .section > .inner:nth-of-type(3) > a table, .dividends.dividends body:not(.top) .section-wrapper .section .graph-container .section > .inner:nth-of-type(3) > h3 table, body:not(.top) .section-wrapper .section .graph-container .dividends.dividends .section > .inner:nth-of-type(3) > h3 table, .dividends.dividends body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .section > .inner:nth-of-type(3) > td.xj_chart_header table, body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .dividends.dividends .section > .inner:nth-of-type(3) > td.xj_chart_header table, .dividends.dividends footer .footer-bottom .section > .inner:nth-of-type(3) > .copyright table, footer .footer-bottom .dividends.dividends .section > .inner:nth-of-type(3) > .copyright table {
        font-size: 100%; } }

@media screen and (min-width: 1024px) {
  .scroll {
    display: none; } }

.dividends .xj-page table {
  width: 100% !important; }
  .dividends .xj-page table tbody > tr > td {
    display: block;
    width: 100%;
    height: auto;
    width: auto;
    border: none;
    border-left: none;
    border-right: none; }
    .dividends .xj-page table tbody > tr > td:nth-of-type(1) {
      background: #E7EDF2;
      border-top: 1px solid #C3C3C3; }
  @media screen and (min-width: 1024px) {
    .dividends .xj-page table tbody > tr > td {
      display: table-cell;
      padding: 20px;
      width: auto;
      border: 1px solid #C3C3C3;
      border-left: none;
      border-right: none; }
      .dividends .xj-page table tbody > tr > td:nth-of-type(1) {
        white-space: nowrap;
        background: #E7EDF2; } }

.dividends .xj-page > table:nth-of-type(2) td {
  width: 100%;
  display: block; }

.dividends .xj-page > table:nth-of-type(2) td img {
  display: block;
  margin: 1em auto 0; }

.dividends .inner:nth-of-type(3) p {
  text-align: left; }

.dividends .inner:nth-of-type(3) table {
  width: 100%;
  border: #C3C3C3 1px solid; }
  .dividends .inner:nth-of-type(3) table td {
    padding: 10px;
    border: #C3C3C3 1px solid;
    text-align: right;
    vertical-align: middle; }
  .dividends .inner:nth-of-type(3) table thead td {
    background-color: #0055aa;
    color: white;
    text-align: center; }
  .dividends .inner:nth-of-type(3) table tbody > tr > td:first-child, .dividends .inner:nth-of-type(3) table thead > tr > td:first-child {
    text-align: left; }

@media screen and (min-width: 1024px) {
  .dividends .inner:nth-of-type(3) thead td {
    white-space: nowrap; } }

/*vision*/
.vision main {
  padding-bottom: 0; }

.vision h3 {
  position: relative;
  text-align: center !important;
  color: #0055aa;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 90%;
  background: white;
  border-radius: 10px;
  font-weight: bold;
  margin-bottom: 23px;
  font-size: 3em; }
  .vision h3:before {
    border: 2px solid;
    bottom: -11px;
    width: 8px;
    height: 8px; }
  .vision h3:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 12px;
    height: 12px;
    left: 50%;
    top: auto;
    bottom: -10px;
    background: #fff;
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    -webkit-transform: rotate(45deg) translateX(-50%); }

.vision .intro {
  background: url("../images/vision/vision_bg.jpg") center top no-repeat;
  background-size: cover;
  padding: 60px 0 80px; }
  .vision .intro .inner {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white; }
@media screen and (min-width: 1260px) {
      .vision .intro{
        background-position: center center;
      }
}
    @media screen and (min-width: 1024px) {
      .vision .intro .inner {
        padding: 0; } }
    .vision .intro .inner h2 {
      font-weight: 400;
      letter-spacing: 0.5px;
      text-align: center;
      font-size: 1.5em;
      letter-spacing: 0.2rem;
      border-bottom: 3px solid #E50012;
      padding: 0.5em 0.2em; }
    .vision .intro .inner .main-title {
      font-weight: 400;
      font-family: "Noto Serif", "Noto Serif JP", serif;
      font-size: 20vw;
      font-style: italic;
      letter-spacing: 0.2rem;
      line-height: 1.1;
      margin: 40px 0;
      text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3); }
.sales-box__wrap .sales-box:nth-of-type(2) .main-title,.sales-box__wrap .sales-box:nth-of-type(3) .main-title{
	font-size: 15vw;
}
      .vision .intro .inner .main-title span:nth-child(1) {
        font-size: 32px;
        font-style: normal;
        left: 0;
        top: 0; }
        @media screen and (min-width: 1024px) {
          .vision .intro .inner .main-title span:nth-child(1) {
            font-size: 36px; } }
      .vision .intro .inner .main-title span.text-xxxl {
        font-size: 160px; }
        @media screen and (min-width: 1024px) {
          .vision .intro .inner .main-title span.text-xxxl {
            font-size: 200px; } }
      @media screen and (min-width: 1024px) {
        .vision .intro .inner .main-title {
          font-size: 160px; } }
    .vision .intro .inner p {
      text-align: center;
      text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75); }
      .vision .intro .inner p.lead-text {
        padding: 10px;
        /*background-color: rgba(0, 85, 170, 0.6);*/
        font-weight: 700;
        font-size: 1rem;
        /*width: 90%;*/
        margin: auto;
        color: white; }
.vision .intro .inner p.text{
  color: #013468;
  text-shadow: none;
  font-weight: bold;
  line-height: 1.8;
}
.vision .intro .inner .sp_bg{
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  background: rgba(255,255,255,0.5);
}
.vision .intro .inner .note p {
  text-shadow: none;
  text-align: left;
  color: #000;
}
@media screen and (min-width: 1260px) {
  .vision .intro .inner .sp_bg{
    margin-bottom: 0;
  }
}
        @media screen and (min-width: 1024px) {
          .vision .intro .inner p.lead-text {
            font-size: 1.2rem; } 

          .vision .intro .inner p.text{
            line-height: 2;
          }
}
 @media screen and (min-width: 768px) {
   .vision .intro .inner .sp_bg{
      background: none;
     padding: 0;
    }
}

.en.vision .intro .inner .main-title span:nth-child(1) {
  font-size: 24px;
  font-style: normal;
  left: 0;
  top: 0.5em; }
  @media screen and (min-width: 1024px) {
    .en.vision .intro .inner .main-title span:nth-child(1),
		.en.vision .intro.goal .main-title span:nth-of-type(1){
      font-size: 28px; }
}

.vision .market {
  background: #4ae3ce;
  background: -moz-radial-gradient(circle, rgba(188, 243, 235, 0.884191) 0%, rgba(187, 221, 236, 0.9) 100%);
  background: -webkit-radial-gradient(circle, rgba(188, 243, 235, 0.884191) 0%, rgba(187, 221, 236, 0.9) 100%);
  background: -o-radial-gradient(circle, rgba(188, 243, 235, 0.884191) 0%, rgba(187, 221, 236, 0.9) 100%);
  background: radial-gradient(circle, rgba(188, 243, 235, 0.884191) 0%, rgba(187, 221, 236, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bcf3eb",endColorstr="#bbddec",GradientType=1);
  position: relative;
  z-index: -1; }
  .vision .market:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("../images/vision/vision_bg02.png");
    background-position: bottom center;
    background-size: cover;
    position: absolute;
    opacity: 0.7;
    z-index: 0; }
  .vision .market .word-break, .vision .market .word-break * {
    word-break: break-all !important;
    word-wrap: break-word;
    max-width: 100%; }
  .vision .market .inner {
    padding: 60px 20px 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 1024px) {
      .vision .market .inner {
        padding: 60px 0 80px; } }
    .vision .market .inner:nth-of-type(1) ul {
      margin-left: 2em;
      width: 90%; }
      .vision .market .inner:nth-of-type(1) ul li {
        text-align: left;
        list-style: none; }
        .vision .market .inner:nth-of-type(1) ul li:before {
          content: "◆ ";
          color: #0055aa; }
    .vision .market .inner h3 {
      font-size: 2em; }
    .vision .market .inner .grid-wrapper {
      width: 90%;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      -ms-grid-rows: 1fr 1fr;
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      -ms-grid-rows: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      font-size: 1.5em;
      font-weight: bold;
      text-align: center; }
      .vision .market .inner .grid-wrapper .box1 {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        background-color: #C3C3C3;
        color: #0055aa;
        padding: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .vision .market .inner .grid-wrapper .box2 {
        -ms-grid-column: 2;
        -ms-grid-column-span: 3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-column-start: 2;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 2;
        background-color: #0055aa;
        color: white;
        padding: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .vision .market .inner .grid-wrapper .box2 .strong {
          color: #FFDB35; }
      .vision .market .inner .grid-wrapper .box3 {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 2;
        grid-row-end: 2;
        background-color: #E5F3FD;
        color: #0055aa;
        padding: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
    .vision .market .inner .m-index-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media screen and (min-width: 1024px) {
        .vision .market .inner .m-index-wrapper {
          -ms-flex-flow: wrap;
          flex-flow: wrap; } }
      .vision .market .inner .m-index-wrapper .index-box {
        display: block;
        position: relative;
        width: 100%;
        margin: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #000000;
        overflow: hidden; }
        @media screen and (min-width: 1024px) {
          .vision .market .inner .m-index-wrapper .index-box {
            width: calc(50% - 20px); } }
        @media screen and (min-width: 1260px) {
          .vision .market .inner .m-index-wrapper .index-box {
            width: 250px; } }
        .vision .market .inner .m-index-wrapper .index-box h4 {
          text-align: center;
          background-color: #E5F3FD;
          color: #0055aa;
          padding: 20px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 1em;
          margin-bottom: 1em; }
/*20210616追記ここから*/
.vision .market .inner .round-box{
  font-weight: bold;
}
.vision .market .inner .m-index-wrapper .index-box h4 {
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
  font-size: 1.4em;
}
.matome.mt-xl .strong {
    color: #E50012;
    line-height: 1.3;
}
/*20210616追記ここまで*/
    .vision .market .inner h4.s-title:before {
      content: "〈 "; }
    .vision .market .inner h4.s-title:after {
      content: " 〉"; }
    .vision .market .inner .round-box {
      border-radius: 50%;
      background-color: #0055aa;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      color: white;
      padding: 20px;
      width: 300px;
      height: 300px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: auto; }
      @media screen and (min-width: 1260px) {
        .vision .market .inner .round-box {
          width: 250px;
          height: 250px; } }
    .vision .market .inner p.text-xxl {
      font-weight: 700;
      line-height: 1.2; }
/*20210616追記ここから*/
    .vision .market .inner p.text-md {
      line-height: 1.2;
      margin-top: 1em;}
/*20210616追記ここまで*/
    .vision .market .inner p.text-lg {
      margin-top: 0.25em; }
    .vision .market .inner .matome {
      font-weight: 700;
      width: 90%;
      background-color: rgba(255, 255, 255, 0.9);
      padding: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .vision .market .inner .matome.first span.text-xxxl {
        color: #0055aa;
        display: block; }
        @media screen and (min-width: 1024px) {
          .vision .market .inner .matome.first span.text-xxxl {
            display: inline-block; } }
      .vision .market .inner .matome p.text-xxxl {
        font-size: 3em;
        line-height: 1.4;
        color: #E50012; }
        .vision .market .inner .matome p.text-xxxl span {
          color: #0055aa;
          font-size: 0.75em; }
        @media screen and (min-width: 1024px) {
          .vision .market .inner .matome p.text-xxxl {
            font-size: 5em; } }
      .vision .market .inner .matome.box3 .strong {
        color: #0055aa; }

.vision .intro.goal {
  background: url("../images/vision/vision_bg03.png") center top no-repeat;
  background-size: cover; }
  .vision .intro.goal .main-title {
    text-align: center;
    padding: 20px 40px 20px 20px;
color: #E50012;}
    .vision .intro.goal .main-title span:nth-of-type(1) {
      position: static !important;
      font-size: 36px; 
color: #fff;}
      @media screen and (min-width: 1024px) {
        .vision .intro.goal .main-title span:nth-of-type(1) {
          font-size: 72px; }
			}
    .vision .intro.goal .main-title:before {
      position: absolute;
      content: "";
      display: block;
      width: 50px;
      height: 50px;
      top: 0;
      left: 0;
      border: 5px solid #FFFFFF;
      border-right: none;
      border-bottom: none; }
    .vision .intro.goal .main-title:after {
      content: "";
      position: absolute;
      display: block;
      width: 50px;
      height: 50px;
      bottom: 0;
      right: 0;
      border: 5px solid #FFFFFF;
      border-left: none;
      border-top: none; }
  .vision .intro.goal .matome {
    font-weight: 700;
    color: white;
    text-shadow: 1px 2px 3px rgba(0, 85, 170, 0.8); }
    .vision .intro.goal .matome p.text-xxxl {
      font-size: 2em;
      border-bottom: 20px solid #0055aa; }

.vision .intro.goal h3 span{
	display: block;
}
.vision .intro.goal h3 .text-lg{
	font-size: 1.25em;
	line-height: 1;
}
.sales-box__wrap .sales-box{
	position: relative;
	padding-bottom: 20px;
  padding-top: 20px;
}
.sales-box__wrap .sales-box::after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, #0055aa, #013468);
  background: linear-gradient(to right, #0055aa, #013468);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.sales-box__wrap .sales-box:last-of-type::after {
  content: none;
}
.sales-box__wrap .sales-box:first-of-type{
	padding-top: 0;
}
.vision .intro.goal .goal-wrapper h3{
	background-color: #0055aa;
	color: white;
	text-align: center;
	font-size: 1.8em;
	text-shadow: none;
	border-radius: 0;
	width: 100%;
	margin-bottom: 2rem;
}
.vision .intro.goal .goal-wrapper h3::after{
	display: none;
}
.vision .goal-wrapper {
  margin-top: 60px;
  width: 100%;
}
.vision  .goal .goal-wrapper .index-box{
	width: 250px;
	max-width: 100%;
	margin: 10px auto 30px;
}
.vision .goal .goal-wrapper .index-box p::after{
	display: none;
}
.vision  .goal .goal-wrapper .index-box p span{
	display: block;
	line-height: 1;
}
@media screen and (min-width: 768px) {
	.vision .intro.goal h3:first-of-type{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.vision .intro.goal h3 span{
		display: inline;
	}
	.vision .intro.goal h3 span.text-lg{
		line-height: 1.2;
		font-size: 1.6em;
	}
	.en.vision .intro.goal h3 span.text-sm{
		margin-left: 1rem;
	}
	.sales-box__wrap{
		width: 90%;
	}
	.sales-box__wrap .sales-box{
		display: flex;
		justify-content: flex-start;
		padding-bottom: 0;
    padding-top: 0;
	}
	.sales-box__wrap .sales-box:nth-of-type(2n){
		justify-content: flex-end;
	}
	.sales-box__wrap .sales-box p{
		margin: 40px 40px 40px 0;
	}
	.en .sales-box__wrap .sales-box p{
		max-width: 25%;
	}
	.vision .goal .goal-wrapper .d-flex{
		justify-content: space-between;
	}
	.vision .goal .goal-wrapper .index-box{
		width: calc((100% - 2em)/ 3);
	}
}

  @media screen and (min-width: 1024px) {
		.sales-box__wrap .sales-box:nth-of-type(2) .main-title,.sales-box__wrap .sales-box:nth-of-type(3) .main-title{
			font-size: 112px;
		}
		.en.sales-box__wrap .sales-box p{
			max-width: auto;
		}
		
    .vision .goal-wrapper {
      width: 90%; } }
  .vision .goal-wrapper .index-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    margin: 10px 0 30px;
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.8);
    color: #000000;
    -webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3); }
    .vision .goal-wrapper .index-box h4 {
      background-color: #0055aa;
      padding: 0 30px;
      border-radius: 30px;
      color: white;
      text-align: center;
      margin-top: -45px;
      margin-bottom: 2em; }
.en.vision .goal-wrapper .index-box h4{
	padding: 15px 30px;
	line-height: 1.2;
}
    .vision .goal-wrapper .index-box p {
      position: relative;
      font-weight: 700;
      text-shadow: none;
      max-width: 100%; }
      .vision .goal-wrapper .index-box p span.cap-l {
        font-size: 12px;
        line-height: 1.4;
        display: block; }
        @media screen and (min-width: 1024px) {
          .vision .goal-wrapper .index-box p span.cap-l {
            font-size: 14px;
            line-height: 1.4;
            position: absolute;
            left: 0;
            top: -2em; } }
      .vision .goal-wrapper .index-box p:after {
        font-size: 16px;
        line-height: 1.4;
        content: "（売上高）"; }
        @media screen and (min-width: 1024px) {
          .vision .goal-wrapper .index-box p:after {
            font-size: 18px;
            content: "売上高";
            right: 0;
            top: -1em;
            position: absolute; } }


.vision.en .goal-wrapper .index-box p {
  max-width: 100%; }
  .vision.en .goal-wrapper .index-box p:after {
    font-size: 16px;
    line-height: 1.4;
    content: "(Net sales of)"; }
    @media screen and (min-width: 1024px) {
      .vision.en .goal-wrapper .index-box p:after {
        font-size: 18px;
        content: "Net sales of";
        right: 0;
        top: -1em;
        position: absolute; } }

.vision .medterm {
  background: #4ae3ce;
  background: -moz-radial-gradient(circle, rgba(188, 243, 235, 0.884191) 0%, rgba(187, 221, 236, 0.9) 100%);
  background: -webkit-radial-gradient(circle, rgba(188, 243, 235, 0.884191) 0%, rgba(187, 221, 236, 0.9) 100%);
  background: -o-radial-gradient(circle, rgba(188, 243, 235, 0.884191) 0%, rgba(187, 221, 236, 0.9) 100%);
  background: radial-gradient(circle, rgba(188, 243, 235, 0.884191) 0%, rgba(187, 221, 236, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bcf3eb", endColorstr="#bbddec", GradientType=1);
  position: relative;
  z-index: -1;
}
.vision .medterm::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../images/vision/medterm_bg.jpg");
  background-position: bottom center;
  background-size: cover;
  position: absolute;
  opacity: 0.7;
  z-index: 0;
}
.vision .medterm .inner {
  padding: 60px 20px 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.vision .medterm h4 {
  background: #0055aa;
  color: #fff;
  padding: 20px;
  box-sizing: border-box;
}
.vision .medterm h5 {
  color: #0055aa;
}
.medterm-box__wrap {
  padding: 1rem;
  box-sizing: border-box;
  background: #eef4fa;
  background-image: radial-gradient(#e0effa 20%, transparent 20%), radial-gradient(#e0effa 20%, transparent 20%);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
}
.medterm-box {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3);
  padding: 1em 0;
}

.medterm-title, .medterm-box__wrap {
  width: 100%;
  max-width: 100%;
}
.medterm-title {
  align-items: center;
}
.medterm-box .main-title {
  font-weight: normal;
}
.medterm-box .main-title strong {
  color: #e50012;
  text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3);
  letter-spacing: .2rem;
  font-style: italic;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .medterm-box__wrap {
    padding: 1rem 15%;
  }
  .medterm-box__wrap--en {
  padding: 1rem 5%;
}
}
@media screen and (min-width: 1024px) {
  .vision .medterm {
  padding: 0 0 80px;
}
.vision .medterm .inner {
  padding: 60px 0 0 ;
}
.medterm-title {
  width: 25%;
  max-width: 25%;
}
  .medterm-box{
    flex-direction: row;
    padding: .5em 0;
line-height: 1.4;
  }
.medterm-box__wrap {
  width: 75%;
  max-width: 75%;
}
}
.vision .note{
  background:#d9edf5;
}
/*cal*/
.cal .xj-page #XJTxtDPTitle {
  display: none; }

.cal .xj-page #XJTxtDPDataTbl {
  width: 100%; }
  .cal .xj-page #XJTxtDPDataTbl td {
    padding: 10px;
    border: 1px solid #C3C3C3;
    border-left: none;
    border-right: none; }
    .cal .xj-page #XJTxtDPDataTbl td.XJTxtDPDataTblTdDate {
      white-space: nowrap; }

.cal .xj-page #XJTxtDPLowerNote {
  font-size: 0.875em; }

/*faq*/
.faq .faq-box {
  border-bottom: 1px solid #C3C3C3;
  padding: 40px 0; }
  .faq .faq-box h5 {
    font-weight: 400;
    margin-left: 1.5em;
    text-indent: -1.5em; }
    .faq .faq-box h5:before {
      content: "Q. ";
      color: #013468;
      font-weight: 700; }
  .faq .faq-box p {
    margin-left: 1.5em;
    text-indent: -1.5em; }
    .faq .faq-box p:before {
      content: "A. ";
      color: #013468;
      font-weight: 700; }
    .faq .faq-box p a {
      color: #0055aa; }

/*middle_course*/
.middle_course .section h2 {
  text-align: center;
  margin-bottom: 1em;
  color: #013468;
  border-bottom: 3px dotted #013468;
  width: 100%; }

.middle_course .title .strong {
  color: #0055aa;
  font-size: 1em;
  font-weight: 700; }
  @media screen and (min-width: 1024px) {
    .middle_course .title .strong {
      font-size: 1.5em; } }

.middle_course .arrow_box {
  position: relative; }
  .middle_course .arrow_box img {
    width: 100%; }
  .middle_course .arrow_box .arrow_text {
    position: absolute;
    width: 100%;
    margin: auto;
    color: #FFF;
    font-weight: 700;
    top: 0.5em;
    line-height: 1.2; }
    @media screen and (min-width: 1024px) {
      .middle_course .arrow_box .arrow_text {
        font-size: 1.5em; } }

.middle_course .brand-table {
  border: 1px solid #5BB9FB;
  width: 100%;
  margin-top: 1.5em; }
  .middle_course .brand-table thead th {
    background-color: #5BB9FB;
    text-align: center;
    color: white;
    padding: 0.5em 1.0em;
    font-size: 1.5em; }
  .middle_course .brand-table tbody td {
    text-align: center;
    padding: 1.0em; }
    .middle_course .brand-table tbody td img {
      width: 100%; }

.middle_course .brand-table + .arrow_box {
  margin-top: 0; }
  .middle_course .brand-table + .arrow_box .arrow_text {
    top: 1.25em; }
  @media screen and (min-width: 400px) {
    .middle_course .brand-table + .arrow_box {
      margin-top: -1.0em; }
      .middle_course .brand-table + .arrow_box .arrow_text {
        top: 2.0em; } }
  @media screen and (min-width: 768px) {
    .middle_course .brand-table + .arrow_box {
      margin-top: -1.0em; }
      .middle_course .brand-table + .arrow_box .arrow_text {
        top: 2.5em; } }

.middle_course .brand-index-wrapper {
  width: 100%; }
  .middle_course .brand-index-wrapper .brand-index-box {
    background-color: white;
    margin-bottom: 20px; }
    .middle_course .brand-index-wrapper .brand-index-box h4 {
      background-color: #0055aa;
      color: white;
      text-align: center;
      font-size: 1.0em; }
      @media screen and (min-width: 1024px) {
        .middle_course .brand-index-wrapper .brand-index-box h4 {
          font-size: 1.4em; } }
    .middle_course .brand-index-wrapper .brand-index-box:is(.suv,.jaguar) h4 {
      background-color: #1D6D25; }
    .middle_course .brand-index-wrapper .brand-index-box.audi h4 {
      background-color: #666666; }
    .middle_course .brand-index-wrapper .brand-index-box.wagen h4 {
      background-color: #215968; }
    .middle_course .brand-index-wrapper .brand-index-box.maserati h4 {
      background-color: #953735; }
    .middle_course .brand-index-wrapper .brand-index-box.byd h4 {
      background-color: #17375e; }
    .middle_course .brand-index-wrapper .brand-index-box.imported > h4 {
      background-color: #31719c; }
    .brand-index__inner-box:is(.box-col3,.box-col4){
      display: grid;
      grid-template-columns: repeat(2,1fr);
      grid-gap: 10px;
    }
    .brand-index__inner-box:is(.box-col3,.box-col4) .brand-index-box{
      margin-bottom: 0;
    }
		.middle_course .brand-index-wrapper .brand-index-box.alc{margin-top: 10px; margin-bottom: 0;}
		.brand-index-box.alc p{margin-top: 1em;}
    @media screen and (min-width: 1024px) {
      .middle_course .brand-index-wrapper .brand-index-box .inner {
        padding: 20px; } }
    .middle_course .brand-index-wrapper .brand-index-box img {
      width: 100%; }
		.middle_course .brand-index-wrapper .brand-index-box :is(.brand-index__inner-box,.brand-index-box.alc) img{display: block;}
  @media screen and (min-width: 768px) {
    .middle_course .brand-index-wrapper.small-box-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .brand-index__inner-box.box-col3{
      grid-template-columns: repeat(3,1fr);
      grid-gap: 20px;
    }
		.brand-index__inner-box.box-col4{
      grid-template-columns: repeat(4,1fr);
      grid-gap: 20px;
    }
		.middle_course .brand-index-wrapper .brand-index-box.alc{margin-top: 20px;}
  }
  .middle_course .brand-index-wrapper.small-box-wrapper .brand-index-box {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .middle_course .brand-index-wrapper.small-box-wrapper .brand-index-box {
        width: calc(20% - 15px); } 
      .middle_course .brand-index-wrapper.small-box-wrapper.box-col3 .brand-index-box{
        width: calc((100% - 40px)/3);
      }}
    .middle_course .brand-index-wrapper.small-box-wrapper .brand-index-box h4 {
      min-height: auto; }
      /*@media screen and (min-width: 768px) {
        .middle_course .brand-index-wrapper.small-box-wrapper .brand-index-box h4 {
          min-height: 80px; } }
      @media screen and (min-width: 1024px) {
        .middle_course .brand-index-wrapper.small-box-wrapper .brand-index-box h4 {
          min-height: 100px; } }*/
    .middle_course .brand-index-wrapper.small-box-wrapper .brand-index-box .inner {
      display: block; }

.middle_course .index-wrapper .btn {
  background-color: white;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }

.middle_course .point-wrapper h4 {
  text-align: center;
  font-size: 1.5em;
  color: #000;
  margin-bottom: 0.5em; }

.middle_course .point-wrapper h5 {
  text-align: center;
  color: #0055aa;
  font-size: 1em;
  margin-bottom: 1.5em; }

@media screen and (min-width: 1024px) {
  .middle_course .point-wrapper h4 {
    font-size: 3em; }
  .middle_course .point-wrapper h5 {
    font-size: 1.5em; } }

.middle_course .point-wrapper .square_tit_box {
  width: 120px;
  height: 100px;
  margin: 0 auto 40px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1f2fc+0,87e0fd+100&0.7+0,1+100 */
  background: -moz-linear-gradient(-45deg, rgba(209, 242, 252, 0.7) 0%, #87e0fd 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(209, 242, 252, 0.7) 0%, #87e0fd 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-linear-gradient(315deg, rgba(209, 242, 252, 0.7) 0%, #87e0fd 100%);
  background: -o-linear-gradient(315deg, rgba(209, 242, 252, 0.7) 0%, #87e0fd 100%);
  background: linear-gradient(135deg, rgba(209, 242, 252, 0.7) 0%, #87e0fd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d1f2fc', endColorstr='#87e0fd',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  text-align: center;
  line-height: 100px;
  font-size: 1em;
  color: #013468;
  font-weight: 700; }
  .middle_course .point-wrapper .square_tit_box span {
    font-size: 3em; }

.middle_course .point-wrapper .orange {
  color: #F7B52C;
  font-weight: 700; }

.middle_course .point-wrapper .green {
  color: #8DC21F;
  font-weight: 700; }

.middle_course .point-wrapper .mintblue {
  color: #18B7CD;
  font-weight: 700; }

.middle_course .point-wrapper .d-flex, .middle_course .point-wrapper .util-nav ul, .util-nav .middle_course .point-wrapper ul, .middle_course .point-wrapper .global-nav ul, .global-nav .middle_course .point-wrapper ul, .middle_course .point-wrapper .index-wrapper .inner, .index-wrapper .middle_course .point-wrapper .inner, .middle_course .point-wrapper body:not(.top) .section-wrapper .section .graph-container, body:not(.top) .section-wrapper .section .middle_course .point-wrapper .graph-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-flow: wrap;
  flex-flow: wrap; }

.middle_course .point-wrapper .d-flex > img, .middle_course .point-wrapper .util-nav ul > img, .util-nav .middle_course .point-wrapper ul > img, .middle_course .point-wrapper .global-nav ul > img, .global-nav .middle_course .point-wrapper ul > img, .middle_course .point-wrapper .index-wrapper .inner > img, .index-wrapper .middle_course .point-wrapper .inner > img, .middle_course .point-wrapper body:not(.top) .section-wrapper .section .graph-container > img, body:not(.top) .section-wrapper .section .middle_course .point-wrapper .graph-container > img {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .middle_course .point-wrapper .d-flex > img, .middle_course .point-wrapper .util-nav ul > img, .util-nav .middle_course .point-wrapper ul > img, .middle_course .point-wrapper .global-nav ul > img, .global-nav .middle_course .point-wrapper ul > img, .middle_course .point-wrapper .index-wrapper .inner > img, .index-wrapper .middle_course .point-wrapper .inner > img, .middle_course .point-wrapper body:not(.top) .section-wrapper .section .graph-container > img, body:not(.top) .section-wrapper .section .middle_course .point-wrapper .graph-container > img {
      width: 48%; } }

@media screen and (min-width: 768px) {
  .middle_course .point-wrapper .point3 .text-center img:nth-of-type(1), .middle_course .point-wrapper .point3 #xj-select-category ul li a img:nth-of-type(1), #xj-select-category ul li .middle_course .point-wrapper .point3 a img:nth-of-type(1), .middle_course .point-wrapper .point3 body:not(.top) .section-wrapper .section .graph-container h3 img:nth-of-type(1), body:not(.top) .section-wrapper .section .graph-container .middle_course .point-wrapper .point3 h3 img:nth-of-type(1), .middle_course .point-wrapper .point3 body:not(.top) .section-wrapper .section .graph-container .xj_chart_table td.xj_chart_header img:nth-of-type(1), body:not(.top) .section-wrapper .section .graph-container .xj_chart_table .middle_course .point-wrapper .point3 td.xj_chart_header img:nth-of-type(1), .middle_course .point-wrapper .point3 footer .footer-bottom .copyright img:nth-of-type(1), footer .footer-bottom .middle_course .point-wrapper .point3 .copyright img:nth-of-type(1) {
    margin-right: 10px; } }

/* history */
.history .section-wrapper .section > .inner:nth-of-type(1) {
  padding-bottom: 0; }

.history #XJTxtDPTitle {
  display: none; }

.history #XJTxtDPUpperNote {
  line-height: 1.8;
  font-size: 1em;
  margin-bottom: 2em; }

.history.outline .xj-page table tbody > tr > td:nth-of-type(1), .history.outline .xj-page table tbody > tr > td {
  background-color: transparent;
  width: 100%;
  border-top: none !important;
  border-bottom: 1px solid #C3C3C3; }

@media screen and (min-width: 1024px) {
  .history.outline .xj-page table tbody > tr > td:nth-of-type(1) {
    white-space: nowrap;
    background-color: transparent;
    width: 20%; } }

/*policy*/
.policy main .section .inner ul li {
  list-style: none;
  text-indent: -1.3em;
  margin-left: 1.3em; }
  .policy main .section .inner ul li:before {
    content: "◆ ";
    color: #0055aa; }

body:not(.top) .section-wrapper .section .graph-container {
  -ms-flex-flow: wrap;
  flex-flow: wrap; }
  body:not(.top) .section-wrapper .section .graph-container h3 {
    background: rgba(0, 85, 170, 0.6);
    color: white;
    font-size: 1em;
    font-weight: 400; }
  body:not(.top) .section-wrapper .section .graph-container .unit-l {
    font-size: 0.875em; }
  body:not(.top) .section-wrapper .section .graph-container img {
    width: auto;
    max-width: 100%;
    margin: 0 auto 10px; }
  body:not(.top) .section-wrapper .section .graph-container .xj_chart_table {
    width: 100%;
    border: 1px solid #C3C3C3;
    font-size: 0.875em; }
    body:not(.top) .section-wrapper .section .graph-container .xj_chart_table tr > td:nth-of-type(1) {
      display: none; }
    body:not(.top) .section-wrapper .section .graph-container .xj_chart_table td {
      padding: 5px 2px;
      border: 1px solid #C3C3C3; }
      body:not(.top) .section-wrapper .section .graph-container .xj_chart_table td.xj_chart_header {
        background: #E7EDF2; }
  body:not(.top) .section-wrapper .section .graph-container .q4 .xj_chart_table {
    border: 1px solid #C3C3C3; }
    body:not(.top) .section-wrapper .section .graph-container .q4 .xj_chart_table tr > td:nth-of-type(1) {
      display: table-cell; }
  @media screen and (min-width: 1024px) {
    body:not(.top) .section-wrapper .section .graph-container div {
      margin-right: 2%; }
      body:not(.top) .section-wrapper .section .graph-container div:nth-of-type(2n) {
        margin-right: 0; } }
  @media screen and (min-width: 1260px) {
    body:not(.top) .section-wrapper .section .graph-container div {
      margin-right: 2%; }
      body:not(.top) .section-wrapper .section .graph-container div:nth-of-type(2n) {
        margin-right: 2%; }
      body:not(.top) .section-wrapper .section .graph-container div:nth-of-type(3n) {
        margin-right: 0; } }

.btn_totop {
  right: 20px;
  bottom: 50px;
  background-color: #C3C3C3;
  width: 50px;
  height: 50px;
  border-radius: 50px; }
  .btn_totop i {
    color: white;
    font-size: 1.4em; }

footer {
  background: #0055aa; }
  footer .footer-sitemap {
    border-bottom: 1px solid white; }
    footer .footer-sitemap nav h2 {
      font-size: 1em; }
    footer .footer-sitemap nav ul {
      display: none; }
    footer .footer-sitemap nav a {
      color: white; }
    @media screen and (min-width: 1024px) {
      footer .footer-sitemap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 960px; }
        footer .footer-sitemap nav {
          margin: 0 15px;
          width: 32%; }
          footer .footer-sitemap nav h2 {
            font-size: 0.875em; }
          footer .footer-sitemap nav ul {
            display: block; }
            footer .footer-sitemap nav ul li {
              font-size: 0.75em;
              margin-bottom: 0.5em; }
            footer .footer-sitemap nav ul a {
              color: rgba(255, 255, 255, 0.9); } }
    @media screen and (min-width: 1024px) {
      footer .footer-sitemap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 100%; }
        footer .footer-sitemap nav {
          margin: 0 15px;
          width: auto; }
          footer .footer-sitemap nav ul {
            display: block; }
            footer .footer-sitemap nav ul li {
              font-size: 0.875em;
              margin-bottom: 0.5em; }
            footer .footer-sitemap nav ul a {
              color: rgba(255, 255, 255, 0.9); } }
  footer .footer-bottom .foot-uttil-nav {
    border-bottom: 1px solid white; }
    footer .footer-bottom .foot-uttil-nav li a {
      color: white;
      font-size: 0.875em; }
  footer .footer-bottom .copyright {
    color: white;
    font-size: 0.75em; }
    @media screen and (min-width: 1024px) {
      footer .footer-bottom .copyright {
        text-align: right; } }
  @media screen and (min-width: 1024px) {
    footer .footer-bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row;
      flex-flow: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      footer .footer-bottom .foot-uttil-nav {
        padding: 15px 40px;
        border-bottom: none; }
        footer .footer-bottom .foot-uttil-nav ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-flow: row;
          flex-flow: row;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
          footer .footer-bottom .foot-uttil-nav ul li {
            margin-right: 0.5em;
            margin-bottom: 0; }
            footer .footer-bottom .foot-uttil-nav ul li:after {
              content: "|";
              margin-left: 0.5em;
              color: white; } }