@charset "UTF-8";
/*----------------------------
  /assets/css/addstyle.css
----------------------------*/
#gdpr-box {
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  padding: 30px;
  color: #FFF;
  bottom: 0px;
  left: 0px;
  z-index: 999; }
  #gdpr-box a {
    color: #FFF;
    text-decoration: underline; }
  #gdpr-box span {
    cursor: pointer;
    margin-top: 5px;
    display: inline-block;
    position: relative;
    font-weight: bold; }
    #gdpr-box span:hover {
      opacity: 0.8; }
    #gdpr-box span:after {
      content: "";
      display: inline-block;
      margin-left: 5px;
      border-top: 2px solid #438bc5;
      border-right: 2px solid #438bc5;
      width: 10px;
      height: 10px;
      transform: rotate(45deg);
      vertical-align: middle; }

#del-btn {
  position: fixed;
  left: 0;
  bottom: 115px;
  background: tomato;
  cursor: pointer; }

.l-header .gnav > ul > li .megamenu__inner .l-grid-wrap a.icon-new {
  position: relative;
  display: block; }
  .l-header .gnav > ul > li .megamenu__inner .l-grid-wrap a.icon-new:after {
    content: "NEW";
    display: inline-block;
    padding: 0.3em 0;
    background: #4065a2;
    color: #FFF;
    font-size: 1rem;
    position: absolute;
    left: 0px;
    width: 37px;
    line-height: 1;
    height: 1.6em;
    text-align: center;
    top: 0px;
    margin: 0px;
    z-index: 999; }
.l-header .gnav > ul > li .megamenu__inner .linklist li a.icon-new:after {
  position: relative;
  content: "NEW";
  display: inline-block;
  padding: 0.3em 0;
  background: #4065a2;
  color: #FFF;
  font-size: 1rem;
  width: 30px;
  text-indent: 0;
  height: 1.5em;
  margin-left: 0.3em;
  top: 0px;
  text-align: center; }
.l-header .gnav > ul > li > a {
  word-break: keep-all;
  padding: 0 16px; }

.spicon {
  display: inline-block;
  text-indent: 0px; }
  .spicon.icon-new:after {
    content: "NEW";
    display: inline-block;
    font-size: 0.6rem;
    background: #4065a2;
    color: #FFF;
    line-height: 1;
    padding: 0.1em;
    font-weight: normal;
    margin-left: 0.3em; }

.btn-kanseikensa p .pc {
  display: inline; }
  @media screen and (max-width: 767px) {
    .btn-kanseikensa p .pc {
      display: none; } }
.btn-kanseikensa p .sp {
  display: none; }
  @media screen and (max-width: 767px) {
    .btn-kanseikensa p .sp {
      display: inline; } }
.btn-kanseikensa p span.txt2 {
  padding-left: 18.8rem; }
  @media screen and (max-width: 767px) {
    .btn-kanseikensa p span.txt2 {
      padding-left: 0px; } }
.btn-kanseikensa p .adj-pad {
  padding-left: 14.7rem !important; }
  @media screen and (max-width: 767px) {
    .btn-kanseikensa p .adj-pad {
      padding-left: 0px; } }

.linklist.is-3col {
  position: relative; }
  .linklist.is-3col .ul_titl {
    position: absolute;
    font-weight: bold;
    font-size: 1.4rem !important;
    top: -2.5rem;
    left: 0; }
  .linklist.is-3col .adj-titl {
    top: -3.4rem; }
  .linklist.is-3col.csrLinks {
    margin-top: 3rem;
    padding-bottom: 1.5rem; }
    .linklist.is-3col.csrLinks.csr-L-first {
      padding-bottom: 27px !important;
      margin-top: 3.5rem; }

.component-indexNewsList {
  border-top: 1px solid #EEE; }

.component-indexNewsList__column {
  display: block;
  width: 100%; }
  .component-indexNewsList__column:nth-child(3) {
    background: #FFF; }
  @media screen and (max-width: 767px) {
    .component-indexNewsList__column {
      width: 100%; } }
  .component-indexNewsList__column .news-box {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 30px auto;
    height: auto;
    overflow: visible; }
    .component-indexNewsList__column .news-box p {
      text-align: left; }
      .component-indexNewsList__column .news-box p a {
        word-break: normal;
        white-space: normal; }
    .component-indexNewsList__column .news-box li {
      border-bottom: 1px solid #CCC;
      padding: 0.7em 0;
      display: flex;
      text-align: left; }
      @media screen and (max-width: 767px) {
        .component-indexNewsList__column .news-box li {
          display: block; } }
      .component-indexNewsList__column .news-box li span, .component-indexNewsList__column .news-box li time {
        width: 120px;
        flex: 0 0 auto; }
    .component-indexNewsList__column .news-box.news li:nth-child(n + 8), .component-indexNewsList__column .news-box.news2 li:nth-child(n + 4) {
      display: none; }
    @media screen and (max-width: 767px) {
      .component-indexNewsList__column .news-box {
        height: auto;
        margin: 0 auto 20px auto; } }

.kansei-banner-area {
  padding: 25px 0 10px; }
  @media screen and (max-width: 767px) {
    .kansei-banner-area {
      padding: 10px 0; } }
  .kansei-banner-area picture {
    text-align: center;
    height: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    min-height: 90px; }
    @media screen and (max-width: 767px) {
      .kansei-banner-area picture {
        height: 24vw;
        min-height: inherit; } }
  .kansei-banner-area img {
    width: 100%;
    transition: .5s; }
    .kansei-banner-area img:hover {
      transform: scale(1.1); }
      @media screen and (max-width: 767px) {
        .kansei-banner-area img:hover {
          transform: scale(1.03); } }

.component-socialmedia ul li.icon-instagram a:before {
  background: url(/assets/img/common/icon-socialmedia-instagram.svg) no-repeat;
}
@media screen and (max-width: 46em) {
  .component-socialmedia ul li.icon-instagram a:before {
    background-size: 30px 30px;
  }
}

.component-socialmedia ul li {
  width: 20%; }
  @media screen and (max-width: 46em) {
    .component-socialmedia ul li {
      width: 100%; } }

.kansei-banner-area2 {
  background: url("../img/bn_quality_bg.png") no-repeat center;
  background-size: 115%;
  margin-bottom: 10px;
  transition: .3s; }
  .kansei-banner-area2:hover {
    background-size: 120%; }
  @media screen and (max-width: 46em) {
    .kansei-banner-area2 {
      background-size: 110% 40vw; }
      .kansei-banner-area2:hover {
        background-size: 110% 40vw; } }
  .kansei-banner-area2 a {
    padding: 2em;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 3.5rem;
    font-weight: bold; }
    @media screen and (max-width: 46em) {
      .kansei-banner-area2 a {
        flex-direction: column;
        font-size: 2rem;
        padding: 1em; } }
    .kansei-banner-area2 a span {
      margin-left: 1.5em; }
      @media screen and (max-width: 46em) {
        .kansei-banner-area2 a span {
          margin: 1em 0 0 0; } }
    .kansei-banner-area2 a:hover {
      text-decoration: none; }
      .kansei-banner-area2 a:hover .btn-white.more {
        background: #FFF;
        color: #7dc5de; }

/* add 2020/06/10: change layout at news release in front page. */
.component-indexNewsList__column .news-box ul li [class*=category] {
  min-width: 160px;
  display: inline-block;
  letter-spacing: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
  line-height: 1.2rem;
  background: #4065a2;
  color: #fff;
  text-align: center;
  padding: 4px 14px;
  margin-top: 3px;
  border-radius: 20px;
  align-self: flex-start; }
  .component-indexNewsList__column .news-box ul li [class*=category] + p {
    padding-left: 30px; }
.component-indexNewsList__column .news-box ul li .category--subaru {
  background: #647da8; }
.component-indexNewsList__column .news-box ul li .category--industrial {
  background: #beb144; }
.component-indexNewsList__column .news-box ul li .category--eco {
  background: #88b062; }
.component-indexNewsList__column .news-box ul li .category--finance {
  background: #b65865; }
.component-indexNewsList__column .news-box ul li .category--csr {
  background: #cda84b; }
.component-indexNewsList__column .news-box ul li .category--car {
  background: #647da8; }
.component-indexNewsList__column .news-box ul li .category--production {
  background: #a2b556; }
.component-indexNewsList__column .news-box ul li .category--motorshow {
  background: #3d916b; }
.component-indexNewsList__column .news-box ul li .category--motorsports {
  background: #3f8ca1; }
.component-indexNewsList__column .news-box ul li .category--aerospace {
  background: #4086aa; }
.component-indexNewsList__column .news-box ul li .category--other {
  background: #955683; }

/**2022カテゴリTOP画像の縦幅調整**/
body.visual-ir-202102 .ir2022 #js-breadcrumb li span, body.visual-ir-202102 .ir2022 #js-breadcrumb li a {
  color: #333; }
body.visual-ir-202102 .ir2022 .component-breadcrumb {
  position: static; }
body.visual-ir-202102 .ir2022 .ctop-img {
  margin-bottom: 10px;
  position: relative; }
  @media screen and (max-width: 46em) {
    body.visual-ir-202102 .ir2022 .ctop-img {
      margin-bottom: 0px; } }
body.visual-ir-202102 .ir2022 .component-breadcrumb ul li:not(:first-child)::before {
  border-color: #333; }
body.visual-ir-202102 .ir2022 .visual-ir {
  background-image: none !important;
  padding-top: 0px; }
  body.visual-ir-202102 .ir2022 .visual-ir .kansei-banner-area {
    padding-top: 0px; }
body.visual-ir-202102 .ir2022 .main-slide-show.is-outline .mod-asof {
  position: absolute;
  right: 10px;
  bottom: 10px; }

.main-slide-show.ctop-img img {
  width: 100%; }

.csr2022 .component-breadcrumb {
  position: static; }
  .csr2022 .component-breadcrumb ul,
  .csr2022 .component-breadcrumb ul li,
  .csr2022 .component-breadcrumb ul li a {
    color: #333; }
  .csr2022 .component-breadcrumb.is-white ul li:not(:first-child):before {
    border-color: #333; }

.difference-page .component-breadcrumb ul,
.difference-page .component-breadcrumb ul li,
.difference-page .component-breadcrumb ul li a {
  color: #333; }
.difference-page .component-breadcrumb {
  position: static; }
.difference-page .component-breadcrumb.is-white ul li:not(:first-child):before {
  border-color: #333; }
.difference-page .visual-subaruness img {
  height: 21.4vw;
  min-height: 300px; }
.difference-page .visual-subaruness .text {
  padding-top: 70px; }
@media screen and (max-width: 46em) {
  .difference-page .visual-subaruness {
    height: 200px;
    padding-top: 40px; }
    .difference-page .visual-subaruness .text {
      padding-top: 0; } }
.difference-page .component-breadcrumb {
  position: static;
  box-shadow: 0px; }
.difference-page #js-breadcrumb li span, .difference-page #js-breadcrumb li a {
  color: #333; }
.difference-page .component-breadcrumb ul li:not(:first-child)::before {
  border-color: #333; }

.component-newsList ul li [class*=category] {
  padding: 4px 8px; }

/**20220615 各役員の写真追加**/
.component-listTable .hasPht {
  border-bottom: 1px solid #d6d6d6;
  position: relative; }
  .component-listTable .hasPht .mainRow {
    display: flex;
    align-items: center; }
    .component-listTable .hasPht .mainRow figure {
      flex-shrink: 0;
      width: 100px;
      margin-right: 15px; }
      .component-listTable .hasPht .mainRow figure img {
        width: 100%; }
    .component-listTable .hasPht .mainRow > dl {
      display: flex;
      align-items: center;
      width: 100%;
      padding-right: 140px;
      border-bottom: none; }
      @media screen and (max-width: 46em) {
        .component-listTable .hasPht .mainRow > dl {
          display: block;
          padding-right: 0; } }
      .component-listTable .hasPht .mainRow > dl > dt {
        flex-shrink: 0;
        float: none; }
        @media screen and (max-width: 46em) {
          .component-listTable .hasPht .mainRow > dl > dt {
            padding-top: 0; } }
      .component-listTable .hasPht .mainRow > dl > dd {
        width: 100%;
        margin: 0;
        padding-left: 20px;
        float: none; }
        @media screen and (max-width: 46em) {
          .component-listTable .hasPht .mainRow > dl > dd {
            width: auto;
            padding: 0; } }
  .component-listTable .hasPht .links {
    padding-top: 2px;
    padding-right: 0;
    padding-left: 30px;
    font-size: 1.2rem;
    line-height: 2.1rem;
    text-align: right;
    position: absolute;
    top: 15px;
    right: 0; }
    @media screen and (max-width: 46em) {
      .component-listTable .hasPht .links {
        top: 70px; }
        .component-listTable .hasPht .links.spTop2 {
          top: 72px; }
        .component-listTable .hasPht .links.spTop3 {
          top: 90px; } }
    .component-listTable .hasPht .links::before {
      right: auto;
      left: 16px; }
    .component-listTable .hasPht .links::after {
      right: auto;
      left: 22px; }
  .component-listTable .hasPht .mod-accordion-contents {
    padding: 25px 0 30px; }
    @media screen and (max-width: 46em) {
      .component-listTable .hasPht .mod-accordion-contents {
        padding-bottom: 25px; } }
    .component-listTable .hasPht .mod-accordion-contents .birthGender {
      font-size: 1.2rem; }

/**20220830 コーポレートガバナンスの情報を会社概要・役員一覧に写し**/
.component-listTable.csr-officer dl dd ruby {
  float: left; }
  @media screen and (max-width: 46em) {
    .component-listTable.csr-officer dl dd ruby {
      float: none; } }
  .component-listTable.csr-officer dl dd ruby + span {
    width: 100%;
    display: block;
    padding-left: 340px; }
    @media screen and (max-width: 46em) {
      .component-listTable.csr-officer dl dd ruby + span {
        padding-left: 0;
        padding-top: 3px; } }

/**20230316 会社案内 > 会社案内のpdfへのリンクをサムネとテキストごとリンクにする**/
.linkPdfBox1 {
  display: flex;
  align-items: flex-start;
  color: inherit; }
  .linkPdfBox1 .image {
    flex-shrink: 0;
    width: 300px;
    margin-right: 30px; }
    @media screen and (max-width: 46em) {
      .linkPdfBox1 .image {
        margin-right: 20px; } }
    .linkPdfBox1 .image.w140 {
      width: 140px; }
    .linkPdfBox1 .image img {
      width: 100%; }
  .linkPdfBox1 .text {
    width: 100%; }
  .linkPdfBox1 .link-arrow {
    color: #438bc5; }
  .linkPdfBox1:hover {
    text-decoration: none; }
    .linkPdfBox1:hover .link-arrow {
      text-decoration: underline; }

#ot-sdk-btn-floating.ot-floating-button {
  display: none; }

/**20230515 アクセシビリティ対応**/
.l-header .header__tools ul:not(.lang-switch) li a {
  color: #555; }
.l-header .header__tools .lang-switch li .active,
.l-header .header__tools .lang-switch li a {
  font-style: normal; }
.l-header .header__tools .lang-switch li a {
  color: #444; }

.l-footer__upper nav > ul > li > a {
  color: #00266e !important; }
  .l-footer__upper nav > ul > li > a:hover {
    opacity: 0.7; }

/**20230602
メンテナンス文言のスタイルを「/faq/css/style.css」から移植**/
.aka {
  padding: 15px;
  color: #f00;
  border: 3px solid #f00; }

/**20230626
ハートコア対応リンクの背景に色を設定**/
main #text p a,
main .inner .inner__block p a,
section .inner .inner__block p a {
  background-color: white; }

main #text p a.btn-color
main .inner .inner__block p a.btn-color,
section .inner .inner__block p a.btn-color {
  background: #4065a2; }

/**20230901
ユーザビリティ「リンクテキストの文字色変更」**/
a {
  color: #0049d6; }


/**20240507**/
.mod-card-type2{
    display: inline-block;
}

.more_pd-ud{
    margin: 2em 0  !important;
}
.more_pd-ud2{
    margin-top: 2em  !important;
}