:root {
	--font-normal: 'HondaGlobalFontJP-Regular', sans-serif;
	--font-light: 'HondaGlobalFontJP-Light', sans-serif;
	--font-bold: 'HondaGlobalFontJP-Bold', sans-serif;
}

.hm-jp-font-regular,
body,
#footer_topic_path {
	font-family: var(--font-normal);
	font-weight: normal;
}

.hm-jp-font-light {
	font-family: var(--font-light);
	font-weight: normal;
}

.hm-jp-font-bold,
strong,
em,
h1, h2, h3, h4, h5, h6, th,
.bold,
#access_header h1,
#global_navigation a {
	font-family: var(--font-bold);
	font-weight: normal;
}

/*------------------------------------------------------------------------------------------
*
* common_header PC create:2020/2/15
*
*
------------------------------------------------------------------------------------------ */
@media screen and (min-width: 769px) {   /* ------------------------------------------------------------
* #section_header
*
------------------------------------------------------------ */
  .sp { display: none !important; }
  #sp_nav_area { display: none !important; }
  #section_header { width: 100%; overflow: hidden; margin: 0 auto; }
  #section_header .section_inner { text-align: left; overflow: hidden; border-bottom: solid 2px #f2f2f2; padding: 20px 20px 18px; width: 980px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #section_header .section_inner a { display: block; }
  #section_header .section_inner .col_left { float: left; }
  #section_header .section_inner .col_right { float: right; }
  #section_header .section_inner .col_right nav li { display: inline-block; }
  #section_header .section_inner .col_right nav li a { display: block; padding: 10px 15px; } }
/*------------------------------------------------------------------------------------------
*
* common_header SP create:2020/2/15
*
*
------------------------------------------------------------------------------------------ */
@media screen and (max-width: 768px) {   /* ------------------------------------------------------------
* #section_header
*
------------------------------------------------------------ */
  .pc { display: none !important; }
  #sp_nav_area { position: relative; z-index: 9; top: 0; }
  #sp_nav_area.sp_nav_area_top_fix { position: sticky; z-index: 9999; top: 0; }
  #section_header { width: 100%; overflow: hidden; margin: 0 auto; }
  #section_header .section_inner { text-align: left; overflow: hidden; border-bottom: solid 2px #f2f2f2; padding: 20px 0 0; }
  #section_header .section_inner a { display: inline-block; }
  #section_header .section_inner .col_left { display: block; text-align: center; }
  #section_header .section_inner .col_right { margin-top: 15px; }
  #section_header .section_inner .col_right nav ul { display: table; width: 100%; }
  #section_header .section_inner .col_right nav li { display: table-cell; padding: 7px 3px; text-align: center; }
  #section_header .section_inner .col_right nav li a { display: block; padding: 7px 0; }
  #section_header .section_inner .col_right nav li a img { width: auto; height: 7px; height: 2.1875vw; }
  /* ------------------------------------------------------------  #commonHeader  ------------------------------------------------------------ */
  #commonHeader { position: relative; top: 0; }
  #commonHeader { position: absolute; top: 46px; z-index: 10; width: 100%; display: table; height: 44px; padding: 0; margin: 0; text-align: left; }
  .sp_nav_area_top_fix #commonHeader { top: 0; }
  #commonHeader h1 { display: table-cell; float: none; vertical-align: middle; }
  #commonHeader h1 a { display: block; width: 250px; height: 40px; -webkit-background-size: contain; background-size: contain; }
  #commonHeader p { display: none; }
  .menu_btn { display: block; float: left; }
  .menu_btn img { height: 55px; vertical-align: bottom; }
  .sp_globalNavi { display: none; position: absolute; left: 0; top: 45px; width: 100%; z-index: 9; }
  .sp_globalNavi.nav-show { display: block; text-align: center; }
  .sp_globalNavi ul { width: 78%; padding: 46px 0; margin: 0 auto; }
  .sp_globalNavi ul li { display: inline-block; margin: 6px 0; }
  .sp_globalNavi ul li a { text-decoration: none; display: block; color: #ffffff; border: 1px solid #ffffff; padding: 4px 10px; overflow: hidden; width: 174px; }
  .sp_globalNavi img { vertical-align: bottom; width: 100%; }
  .is-spmenu_active { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 7; }
  #commonHeader p a img, #pagetop a img { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
  #commonHeader p a:hover img, #pagetop a:hover img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } }