@charset "UTF-8";

.base-wrapper #main * {
  font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
}
.base-wrapper #main div,
.base-wrapper #main2 div,
.base-wrapper #contents div {
  max-height: 100%;
  -webkit-text-size-adjust: 100%;
}

/*  table
------------------------------------------------*/

.base-wrapper #main table,
.base-wrapper #main2 table,
.base-wrapper #contents table {
  max-height: 100%;
  -webkit-text-size-adjust: 100%;
}
.base-wrapper #main table {
  width: 100%;
  border: none;
}
.base-wrapper #main table th,
.base-wrapper #main table td {
  padding: 20px 30px!important;
  border: none;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  text-align: left;
  vertical-align: middle;
}
.base-wrapper #main th {
  width: 20%;
  background: #EBEDEF;
  font-weight: bold;
}

@media (max-width: 767px) {
  .base-wrapper #main table th,
  .base-wrapper #main table td {
    padding: 10px!important;
    font-size: 12px;
  }
}

/*  notes
------------------------------------------------*/

.base-wrapper #main ul.notes,
.base-wrapper #main2 ul.notes,
.base-wrapper #contents ul.notes {
  max-height: 100%;
  -webkit-text-size-adjust: 100%;
}
.base-wrapper #main ul.notes {
  margin-top: 10px;
  font-size: 12px;
}
.base-wrapper #main em.attention {
  color: #E91818;
}

/*  pager
------------------------------------------------*/

.base-wrapper #main ul.monthly_pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px -15px 0;
}
.base-wrapper #main ul.monthly_pager li {
  width: calc(33.33% - 30px);
  margin: 0 15px;
}
.base-wrapper #main ul.monthly_pager li a {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 13px 45px;
  background: #FFFFFF;
  color: #242424;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: 1px solid #D8D8D8;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .base-wrapper #main ul.monthly_pager li a:hover {
    opacity: .6;
  }
}
.base-wrapper #main ul.monthly_pager li img {
  display: none;
}
.base-wrapper #main ul.monthly_pager li.next a:before,
.base-wrapper #main ul.monthly_pager li.prev a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 25px;
  width: 1em;
  height: 1em;
  background: url(../img/icon_link.png) no-repeat center / contain;
}
.base-wrapper #main ul.monthly_pager li.prev a:before {
  right: auto;
  left: 25px;
  background-image: url(../img/icon_prev.png);
}

@media (max-width: 767px) {
  .base-wrapper #main ul.monthly_pager {
    margin-top: 0;
  }
  .base-wrapper #main ul.monthly_pager li {
    width: 100%;
    margin-top: 25px;
    text-align: center;
  }
  .base-wrapper #main ul.monthly_pager li:not(:first-child) {
    margin-top: 25px;
  }
  .base-wrapper #main ul.monthly_pager li a {
    max-width: 266px;
    padding: 7px 30px;
  }
  .base-wrapper #main ul.monthly_pager li.next a:before {
    right: 15px;
  }
  .base-wrapper #main ul.monthly_pager li.prev a:before {
    left: 15px;
  }
}

/*  date
------------------------------------------------*/

.base-wrapper #main .date {
  text-align: right;
}

/*  h1
------------------------------------------------*/

.base-wrapper #main h1,
.base-wrapper #main2 h1,
.base-wrapper #contents h1 {
  max-height: 100%;
  -webkit-text-size-adjust: 100%;
}

/*  h2
------------------------------------------------*/

.base-wrapper #main h2 {
  margin: 15px 0;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: .59px;
}
.base-wrapper #main h2,
.base-wrapper #main2 h2,
.base-wrapper #contents h2 {
  max-height: 100%;
  -webkit-text-size-adjust: 100%;
}

@media (max-width: 767px) {
  .base-wrapper #main h2 {
    font-size: 18px;
    letter-spacing: .48px;
  }
}

/*  h3
------------------------------------------------*/

.base-wrapper #main h3,
.base-wrapper #main2 h3,
.base-wrapper #contents h3 {
  max-height: 100%;
  -webkit-text-size-adjust: 100%;
}


/*  p
------------------------------------------------*/

.base-wrapper #main p,
.base-wrapper #main2 p,
.base-wrapper #contents p,
.base-wrapper #main span,
.base-wrapper #main2 span,
.base-wrapper #contents span {
  max-height: 100%;
  -webkit-text-size-adjust: 100%;
}
.base-wrapper #main p a:not(.no-icon) {
  padding-bottom: 3px;
  color: #83838C;
  border-bottom: 1px solid;
  text-decoration: none;
}
.base-wrapper #main p a:not(.no-icon)[target=_blank]:after {
  content: '';
  width: 1em;
  height: 1em;
  margin: 0 10px;
  display: inline-block;
  background: url(../img/icon_outbound_g.png) no-repeat center / contain;
  vertical-align: text-top;
}
@media (min-width: 768px) {
  .base-wrapper #main p a:hover {
    border-color: transparent;
  }
}

/*  link
------------------------------------------------*/

.base-wrapper #main a,
.base-wrapper #main2 a,
.base-wrapper #contents a {
  max-height: 100%;
  -webkit-text-size-adjust: 100%;
  color: #242424;
}
@media (min-width: 768px) {
  .base-wrapper #main a:hover,
  .base-wrapper #main2 a:hover,
  .base-wrapper #contents a {
    opacity: .6;
  }
}
.base-wrapper #main ul.link {
  margin-top: 20px;
  font-size: 12px;
  color: #919191;
}
.base-wrapper #main ul.link a {
  position: relative;
  font-size: 15px;
  color: #242424;
  text-decoration: none;
  max-height: 100%;
  -webkit-text-size-adjust: 100%;
}
@media (min-width: 768px) {
  .base-wrapper #main ul.link a:hover {
    opacity: .6;
  }
}
.base-wrapper #main ul.link a[href$=".pdf"]:after {
  content: '';
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-left: 5px;
  background: url(../img/icon_pdf.png) no-repeat center / contain;
  vertical-align: text-bottom;
}

/*  list
------------------------------------------------*/

.base-wrapper #main li,
.base-wrapper #main2 li,
.base-wrapper #contents li {
  max-height: 100%;
  -webkit-text-size-adjust: 100%;
}

/*  back_to_index
------------------------------------------------*/

.base-wrapper #main ul.back_to_index {
  margin-top: 30px;
}
.base-wrapper #main ul.back_to_index a {
  position: relative;
  color: #242424;
  font-weight: bold;
  text-decoration: none;
}
@media (min-width: 768px) {
  .base-wrapper #main ul.back_to_index a:hover {
    opacity: .6;
  }
}
.base-wrapper #main ul.back_to_index a img {
  display: none;
}
.base-wrapper #main ul.back_to_index a:before {
  content: '';
  width: 1em;
  height: 1em;
  margin-right: 13px;
  display: inline-block;
  background: url(../img/icon_prev.png) no-repeat center / contain;
  vertical-align: text-top;
}

@media (max-width: 767px) {
  .base-wrapper #main ul.monthly_pager {
    margin-top: 0;
  }
  .base-wrapper #main ul.back_to_index {
    width: 100%;
    margin-top: 25px;
  }
}

/*  contents
------------------------------------------------*/

.base-wrapper #contents {
  margin-top: 20px;
}
.base-wrapper #contents table {
  width: 100%;
}
.base-wrapper #contents table table {
  width: auto;
  margin: 0 auto;
}
.base-wrapper #contents table table td {
  padding: 2px;
  vertical-align: top;
}
.base-wrapper #contents table strong,
.base-wrapper #contents table b span,
.base-wrapper #contents table strong span,
.base-wrapper #contents table span strong {
  font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
  color: #242424;
}
.base-wrapper #contents table hr {
  margin-top: 20px;
  border: none;
  border-top: 1px solid #D8D8D8;
}
.base-wrapper #contents table a {
  word-break: break-all;
  padding-bottom: 3px;
  color: #83838C;
  border-bottom: 1px solid;
  text-decoration: none;
}
.base-wrapper #contents table a:after {
  content: '';
  width: 1em;
  height: 1em;
  margin: 0 10px;
  display: inline-block;
  background: url(../img/icon_outbound_g.png) no-repeat center / contain;
  vertical-align: text-top;
}
@media (min-width: 768px) {
  .base-wrapper #contents table a:hover {
    border-color: transparent;
  }
}

@media (max-width: 767px) {
  .base-wrapper #contents table img {
    max-width: 100%;
    height: auto!important;
  }
}

/*  Bunjou Global Nav
------------------------------------------------*/

.pb-globalNavi_link {
/*  width: 50% !important;*/
}
.b-o-bunjouMegadrop_search-other.line-3 {
    height: 213px;
}
.b-o-bunjouMegadrop_search-other.line-2 {
    height: 142px;
}
.base-mt-20 {
    margin-top: 20px;
}

@media (min-width: 768px) {
  .b-o-header .pb-searchNavi_form {
    left: -45px;
  }
}

@media (max-width: 767px) {
    .pb-searchNavi_form-content {
        width: calc(100% - 86px);
        margin-left: 15px;
    }
    .b-a-burgerButton:hover {
        opacity: 1;
    }
}

/*  Bunjou Footer 2026.06.03
------------------------------------------------*/

@media (min-width: 768px) {
  .b-m-bunjouFooterNavi .b-m-bunjouFooterNavi_inner-area:before,
  .b-m-bunjouFooterNavi .b-m-bunjouFooterNavi_inner-area .b-m-bunjouFooterNavi_item:before {
    font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
  }
}

/*  IR Global Nav 2025.07.04
------------------------------------------------*/
#page .b-is-accessibility .b-o-megadrop_inner[data-b-category="sustainable"] .b-o-megadrop_sub_wrap.b-o-megadrop_sub_wrap_short {
    width: 20%;
}
.b-o-megadrop_inner[data-b-category='sustainable'] .b-o-megadrop_sub_wrap.b-o-megadrop_sub_wrap_short .b-o-megadrop_sub .b-a-textLink {
    width: 100%;
}
.b-o-megadrop_inner[data-b-category='sustainable'] .b-o-megadrop_sub.b-o-megadrop_sub_short {
    width: 20%;
}
.b-o-megadrop_inner[data-b-category='sustainable'] .b-o-megadrop_sub.b-o-megadrop_sub_short .b-a-textLink {
    width: 100%;
}
html[lang="en"] #page .b-is-accessibility [data-b-category="sustainable"] .b-o-megadrop_sub.b-o-megadrop_sub_short {
    width: 20%;
}

/* 関連リンクバナー 2026.04.15
------------------------------------------------*/

@media (min-width: 768px) {
  #page .b-is-accessibility .b-o-moduleRowCards_list.pb-moduleRowCards_list {
    display: flex;
    justify-content: flex-start;
  }
  #page .b-is-accessibility .b-o-moduleRowCards_list.pb-moduleRowCards_list li {
    margin-right: 16px;
  }
  #page .b-is-accessibility .b-o-moduleRowCards_list.pb-moduleRowCards_list li:last-of-type {
    margin-right: 0;
  }
}