.tp-bridge .header {
  padding: 0 20px 0; }
.tp-bridge .wm-h1::before,
.tp-bridge h2::before,
.tp-bridge h3::before {
  border-color: #00979c; }
.tp-bridge h5 {
  color: #00979c; }
@media only screen and (min-width: 801px) {
  .tp-bridge .breadcrumb {
    margin-top: 30px; } }
@media only screen and (max-width: 800px) {
  .tp-bridge .container {
    padding-inline: 20px; } }
.tp-bridge .topics_list_date {
  color: #555555;
  font-family: Roboto, sans-serif;
  font-size: 0.94rem;
  padding-top: 0; }
.tp-bridge .topics_list_link:not(:last-of-type) {
  padding-bottom: 32px; }
.tp-bridge .topics_list_link a {
  font-size: 0.94rem;
  color: #000;
  line-height: calc(22 / 15);
  transition: color .2s; }
  .tp-bridge .topics_list_link a:hover {
    color: #555; }
html[lang='ja'] .tp-bridge .topics_list_date + .topics_list_link {
  padding-left: initial; }
html[lang='en'] .tp-bridge .topics_list_link {
  clear: none; }

@media only screen and (min-width: 801px) {
  html[lang='ja'] .tp-bridge .topics_list_date + .topics_list_link {
    padding-left: 6.7rem; }
  html[lang='en'] .tp-bridge .topics_list_date + .topics_list_link {
    padding-left: 10rem; } }
.sub_header_nav {
  background-color: #00979c;
  padding-block: 17px 15px; }
  .sub_header_nav.js_float {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2000; }
  .sub_header_nav.js_fixed {
    position: fixed;
    top: 0; }
  .sub_header_nav ~ .container {
    margin-top: 32px; }
.sub_header_tpBridge {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 1180px;
  margin-inline: auto;
  padding-inline: 20px;
  position: relative; }
.sub_header_logo {
  flex: 0 1 auto;
  width: 121px; }
  .sub_header_logo img {
    display: block; }
.sub_header_body {
  flex: 1; }
  .sub_header_body .globalnavi_crosslink {
    background: transparent;
    height: 60px;
    margin-left: auto;
    position: absolute;
    top: 0;
    right: 20px; }
    .sub_header_body .globalnavi_crosslink::before {
      width: inherit; }
    .sub_header_body .globalnavi_crosslink a {
      background: url(/assets/img/btn_tpBridge_lang_jp_gray.svg) no-repeat center center/cover;
      color: #fff;
      text-decoration: none;
      transition: opacity 0.2s; }
      .sub_header_body .globalnavi_crosslink a:hover {
        opacity: .8; }
html[lang='en'] .sub_header_body .globalnavi_crosslink a {
  background-image: url(/assets/img/btn_tpBridge_lang_en_gray.svg); }
.sub_header_links {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 40px;
  margin-top: 10px; }
  .sub_header_links li a {
    font-size: 0.875rem;
    font-size: 1rem;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    color: #fff;
    position: relative;
    text-decoration: none;
    transition: color 0.3s ease; }
    .sub_header_links li a:hover {
      color: #ddd; }
    .sub_header_links li a::after {
      background-color: #51bec2;
      content: '';
      display: block;
      height: 20px;
      position: absolute;
      right: -20px;
      top: 50%;
      transform: translateY(-50%);
      width: 1px; }
@media only screen and (min-width: 801px) {
  .sub_header_nav {
    padding-block: 22px 18px; }
    .sub_header_nav.js_fixed {
      z-index: 2000; }
  .sub_header_logo {
    flex: 0 0 141px; }
  .sub_header_body .globalnavi_crosslink {
    background-color: #333;
    height: auto;
    position: static; }
    .sub_header_body .globalnavi_crosslink a {
      background: none; }
  html[lang='en'] .sub_header_body .globalnavi_crosslink a {
    background: none; }
  .sub_header_tpBridge {
    align-items: flex-end;
    gap: min(100px, calc(100 / 1180) * 100vw);
    flex-direction: row; }
  .sub_header_links {
    gap: 15px min(75px, calc( 75 / 1180) * 100vw);
    justify-content: flex-start; }
    .sub_header_links li a {
      font-size: 1rem;
      position: relative; }
      .sub_header_links li a:hover {
        color: #ddd; }
      .sub_header_links li a::after {
        display: none; } }
@media only screen and (min-width: 1101px) {
  .sub_header_links {
    gap: normal;
    justify-content: space-between; } }
@media only screen and (max-width: 1000px) {
  .sub_header_body .globalnavi_crosslink {
    margin-top: initial !important; } }
@media only screen and (max-width: 480px) {
  .sub_header_body .globalnavi_crosslink {
    height: 50px; }
  .sub_header_links {
    margin-top: initial; } }
@media only screen and (max-width: 380px) {
  .sub_header_body .globalnavi_crosslink {
    height: 40px; }
  .sub_header_links {
    margin-top: initial; } }

@media only screen and (min-width: 801px) {
  #js_dropdown_menu.js_open + .sub_header_nav.js_float {
    z-index: 800; } }
@media only screen and (max-width: 800px) {
  .js_navi_open .sub_header_nav.js_float {
    z-index: 900; } }