﻿@charset "utf-8";

/* ****************************************************
component_ir.css
Define ir layout.
***************************************************** */

@media print, screen and (min-width: 769px) {
.rNaviTitle {
  border-top: 3px solid #0189c3;
}
#rNavi > ul > li > a:hover > span, #rNavi > ul > li > a:active > span {
  background: #0189c3 url(/common/images/com_icn40.png) no-repeat 20px 1.3em;
}
#rNavi > ul > li.active > a > span {
  background: #0189c3 url(/common/images/com_icn76.png) no-repeat 20px 1.3em;
}
#rNavi > ul > li.is-current > a > span {
  background: #0189c3 url(/common/images/com_icn40.png) no-repeat 20px 1.3em;
}
#rNavi li li.is-current a, #rNavi li li a:hover {
  background: #0189c3 url(/common/images/com_icn112.png) no-repeat 30px 1.5em;
}
#rNavi li li.blank-link a:hover {
  background: #0189c3 url(/common/images/com_icn112.png) no-repeat 30px 1.5em;
}
#rNavi li li.blank-link a span:hover {
  background: #0189c3 url(/common/images/com_icn112.png) no-repeat 30px 1.5em;
}
#rNavi li li.active > a {
  background: #0189c3 url(/common/images/com_icn112.png) no-repeat 30px 1.5em;
}
#rNavi li.under-arrow a {
  background: #0189c3 url(/common/images/com_icn112.png) no-repeat 30px 1.5em;
}
.col-side:before {
  background-color: #0189c3;
}
.heading02 .title-wrapper:before {
  background-color: #0189c3;
}
.heading02-v2 .title-wrapper:before {
	background-color: #0189c3;
}
.heading03:before {
  background-color: #0189c3;
}
.heading04:before {
	background-color: #0189c3;
}
h2.ttl02::before {
	background-color: #0189c3;
}

.sustainabilityTop-card__detaillist > dt::before {
	background-color: #0189c3 !important;
}
.col01 .heading-box:before,
.col02 .heading-box:before {
	background-color: #0189c3;
}
.col-prof {
	border-top-color: #0189c3;
}
.prof-title:before {
	content: url(/common/images/com_icn115.png);
}
.page-navi li strong,  .page-navi li .fwb {
  border: 1px solid #0189c3;
  background-color: #0189c3;
}
.normal-list li {
  background: url(/common/images/com_icn113.png) no-repeat 0 0.55em;
}

.table01 .normal-list li {
  background: url(/common/images/com_icn113.png) no-repeat 0 0.55em;
}

.none-list li {
  padding: 0;
  background: none;
}
.local-navi li:hover {
  border: 1px solid #d7063b;
}
.child-list {
  margin: 5px 0 0 0;
}
.note-text01 .child-list {
  margin-left: 0;
}
.child-list li {
  margin: 0;
  padding: 0 0 0 12px;
  background: url(/common/images/com_icn08.png) no-repeat 0 0.75em;
}
.note-text01 .child-list li {
  margin: 0;
  padding: 0 0 0 27px;
  background: url(/common/images/com_icn08.png) no-repeat 0 0.75em;
}
.note-text04 .child-list li {
  margin: 0;
  padding: 0 0 0 27px;
  background: url(/common/images/com_icn08.png) no-repeat 0 0.75em;
}
.local-navi li a:hover {
  color: #d7063b;
}
.local-navi li.active {
  border: 1px solid #0189c3;
  background: #0189c3 url(/common/images/com_icn40.png) no-repeat 18px 50%;
}
.col01 .col-link:before, .col02 .col-link:before, .col02a .col-link:before, .col02b .col-link:before, .col02c .col:before, .col03 .col-link:before, .col-longlink:before {
  background-color: #0189c3;
}
.tabs .tabCtrl li.is-active > a, .tabs2 .tabCtrl li.is-active > a, .tabs .tabCtrl li.is-active > span, .tabs2 .tabCtrl li.is-active > span, .tabs .tabCtrl li> a:hover, .tabs2 .tabCtrl li> a:hover > a {
  background-color: #0189c3;
}
.tabs .tabCtrl ul > li.is-active > a:after, .tabs .tabCtrl ul > li.is-active > span:after {
  border-top: 6px solid #0189c3;
}
.tabs .tabCtrl.tab-lower li.is-active > a:after, .tabs .tabCtrl.tab-lower li.is-active > span:after {
  border-bottom: 6px solid #0189c3;
}
}

@media only screen and (max-width: 768px) {
.rNaviTitle {
  border-top: 3px solid #0189c3;
}
#rNavi > ul > li > a:hover > span, #rNavi > ul > li > a:active > span {
  background: #0189c3 url(/common/images/com_icn40.png) no-repeat 20px 1.3em;
}
#rNavi > ul > li.active > a > span {
  background: #0189c3 url(/common/images/com_icn40.png) no-repeat 20px 1.3em;
}
#rNavi li li.is-current a, #rNavi li li a:hover {
  background: #0189c3 url(/common/images/com_icn40.png) no-repeat 30px 1.3em;
}
#rNavi li li.blank-link a:hover {
  background: #0189c3 url(/common/images/com_icn40.png) no-repeat 30px 1.3em;
}
#rNavi li li.blank-link a span:hover {
  background: #0189c3 url(/common/images/com_icn40.png) no-repeat 30px 1.3em;
}
#rNavi li li.active > a {
  background: #0189c3 url(/common/images/com_icn76.png) no-repeat 30px 1.3em;
}
#rNavi li li.active ul a:hover, #rNavi li li.active ul li.is-current a {
  background: #0189c3 url(/common/images/com_icn112.png) no-repeat 8px 1.6em;
}
#rNavi li li.active li.active a {
  background: #0189c3 url(/common/images/com_icn112.png) no-repeat 8px 1.6em;
}
#rNavi li.under-arrow a {
  background: #0189c3 url(/common/images/com_icn112.png) no-repeat 30px 1.3em;
}
.col-side:before {
  background-color: #0189c3;
}
.heading02 .title-wrapper:before {
  background-color: #0189c3;
}
.heading02-v2 .title-wrapper:before {
	background-color: #0189c3;
}
.heading03:before {
  background-color: #0189c3;
}
.heading04:before {
	background-color: #0189c3;
}
h2.ttl02::before {
	background-color: #0189c3;
}
.col01 .heading-box:before,
.col02 .heading-box:before {
	background-color: #0189c3;
}

.sustainabilityTop-card__detaillist > dt::before {
	background-color: #0189c3 !important;
}
.col-prof {
	border-top-color: #0189c3;
}
.prof-title:before {
	content: url(/common/images/com_icn115.png);
}
.page-navi li strong, .page-navi li .fwb {
  border: 1px solid #0189c3;
  background-color: #0189c3;
}
.normal-list li {
  background: url(/common/images/com_icn113.png) no-repeat 0 0.55em;
}

.table01 .normal-list li {
  background: url(/common/images/com_icn113.png) no-repeat 0 0.55em;
}

.none-list li {
  padding: 0;
  background: none;
}
.child-list {
  margin: 5px 0 0 0;
}
.note-text01 .child-list {
  margin-left: 0;
}
.child-list li {
  margin: 0;
  padding: 0 0 0 12px;
  background: url(/common/images/com_icn08.png) no-repeat 0 0.75em;
}
.note-text01 .child-list li {
  margin: 0;
  padding: 0 0 0 27px;
  background: url(/common/images/com_icn08.png) no-repeat 0 0.75em;
}
.note-text04 .child-list li {
  margin: 0;
  padding: 0 0 0 27px;
  background: url(/common/images/com_icn08.png) no-repeat 0 0.75em;
}
.local-navi li:hover {
  border: 1px solid #d7063b;
}
.local-navi li a:hover {
  color: #d7063b;
}
.local-navi li.active {
  border: 1px solid #0189c3;
}
.local-navi li.active span {
  background: #0189c3 url(/common/images/com_icn40.png) no-repeat 18px 50%;
}
.tableWrap .table01 .align-center img {
  width: inherit;
}
.col01 .col-link:before, .col02 .col-link:before, .col02a .col-link:before, .col02b .col-link:before, .col02c .col:before, .col03 .col-link:before, .col-longlink:before {
  background-color: #0189c3;
}
.tabs .tabCtrl li.is-active > a, .tabs2 .tabCtrl li.is-active > a {
  background-color: #0189c3;
}
.tabs .tabCtrl li.is-active > a:after {
  border-top: 6px solid #0189c3;
}
.tabs .tabCtrl.tab-lower li.is-active > a:after {
  border-bottom: 6px solid #0189c3;
}
}
