@charset "UTF-8";
_::-webkit-full-page-media,
_:future,
:root * {
  image-rendering: auto !important;
}

/********************************************************************************************
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0

 YUI Reset
 @module reset
 @namespace
 @requires
********************************************************************************************/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit;
}

del,
ins {
  text-decoration: none;
}

li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
  color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
  *font-size: 100%;
}

a {
  outline: none;
}

img {
  border: 0px;
  background: transparent;
  color: #fff;
  /*vertical-align: bottom;*/
}

/********************************************************************************************
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0

 YUI Fonts
 @module fonts
 @namespace yui-
 @requires

 Percents could work for IE, but for backCompat purposes, we are using keywords.
 x-small is for IE6/7 quirks mode.


How to Adjust the Font Size

77%       10px
85%       11px
93%       12px
100%      13px
108%      14px
116%      15px
123.1%    16px
131%      17px
138.5%    18px
146.5%    19px
153.9%    20px
161.6%    21px
167%      22px
174%      23px
182%      24px
189%      25px
197%      26px
********************************************************************************************/
body {
  /*	font-size:13px;*/
  /* for IE6/7 */
  /*	*font-size:small; */
  /* for IE Quirks Mode */
  /*	*font:x-small; */
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  font-weight: normal;
  font-feature-settings: "palt";
}

select,
input,
button,
textarea,
button {
  font-size: 99%;
}

table {
  font-size: 100% !important;
}

pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  *font-size: 108%;
  line-height: 100%;
}

body {
  position: relative;
}

@media screen and (max-width: 736px) {
  body.hide {
    overflow: hidden;
  }
}

@media screen and (min-width: 737px), print {
  body .sp_show {
    display: none !important;
  }
}

@media screen and (max-width: 736px) {
  body .pc_show {
    display: none !important;
  }
}

.shuei_L {
  font-family: "FB Benton Sans Book", "秀英角ゴシック銀 L", "Shuei KakuGo Gin L",
    "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
}

.shuei_M,
#navHeader,
#navHeader .nav_list > li.link_aside > a strong,
#navFooter,
.hmj_footer,
.area_release_list dt,
.area_release_list dd {
  font-family: "FB Benton Sans Regular", "秀英角ゴシック銀 M",
    "Shuei KakuGo Gin M", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
}

.shuei_B,
#navHeader .nav_list > li > a strong,
#navFooter .nav_list > li > a[data-sec] strong,
.area_release h3 {
  font-family: "FB Benton Sans Medium", "秀英角ゴシック銀 B",
    "Shuei KakuGo Gin B", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  font-family: "HondaGlobalFontJP-Bold", sans-serif;
}

.berlin_sans {
  font-family: "FB Berlin Sans Roman", "ＭＳ Ｐゴシック", "MS PGothic", Osaka,
    sans-serif;
}

#menuBtn {
  display: none;
}

#menuBtn:checked + #navHeader {
  z-index: 2;
  height: 100%;
  overflow: hidden;
  background-color: #f2f3f5;
}

#menuBtn:checked + #navHeader .layout {
  position: relative;
  height: calc(100% - 1px);
  overflow-y: auto;
}

#menuBtn:checked + #navHeader .menu-trigger span:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-45deg);
  -ms-transform: translateY(9px) rotate(-45deg);
  transform: translateY(9px) rotate(-45deg);
}

#menuBtn:checked + #navHeader .menu-trigger span:nth-of-type(2) {
  opacity: 0;
}

#menuBtn:checked + #navHeader .menu-trigger span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
  -ms-transform: translateY(-9px) rotate(45deg);
  transform: translateY(-9px) rotate(45deg);
}

#menuBtn:checked + #navHeader .drower_menu {
  display: block;
  visibility: visible;
}

#navHeader {
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 -5px 8px 12px rgba(140, 140, 140, 0.2);
  box-shadow: 0 -5px 8px 12px rgba(140, 140, 140, 0.2);
}

@media screen and (min-width: 737px), print {
  #navHeader {
    position: relative;
  }
}

@media screen and (max-width: 736px) {
  #navHeader {
    z-index: 2;
    position: relative;
    top: 0;
  }
}

#navHeader .layout {
  position: relative;
  margin: 0 auto;
}

@media screen and (min-width: 737px), print {
  #navHeader .layout {
    width: 980px;
    padding-top: 22px;
  }
}

@media screen and (max-width: 736px) {
  #navHeader .layout {
    width: 100%;
  }
}

@media screen and (min-width: 737px), print {
  #navHeader .menu-trigger,
  #navHeader .menu-trigger span {
    display: none;
  }
}

@media screen and (max-width: 736px) {
  #navHeader .menu-trigger,
  #navHeader .menu-trigger span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  }
}

#navHeader .menu-trigger {
  z-index: 2;
  position: absolute;
  top: 22px;
  right: 12px;
  width: 30px;
  height: 20px;
}

#navHeader .menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 4px;
  background-color: #000;
}

#navHeader .menu-trigger span:nth-of-type(1) {
  top: 0;
}

#navHeader .menu-trigger span:nth-of-type(2) {
  top: 9px;
}

#navHeader .menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

#navHeader h1 > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 736px) {
  #navHeader h1 {
    z-index: 1;
    padding: 16px 45px 16px 16px;
    background: #fff;
  }
}

#navHeader h1 figure {
  margin: 0;
}

@media screen and (max-width: 736px) {
  #navHeader h1 figure {
    padding-right: 8px;
  }
}

@media screen and (min-width: 737px), print {
  #navHeader h1 span {
    margin-left: 18px;
  }
}

@media screen and (max-width: 736px) {
  #navHeader h1 span {
    width: calc(100% - 157px);
    height: 38px;
    background: url(../img/tit_company_name_sp.svg) no-repeat;
    background-position: top 50% left 0;
    background-size: contain;
  }
}

@media screen and (max-width: 736px) {
  #navHeader h1 span img {
    display: none;
  }
}

@media screen and (min-width: 737px), print {
  #navHeader li [data-pager] {
    display: none;
  }
}

@media screen and (max-width: 736px) {
  #navHeader li [data-pager] {
    display: none;
    padding-left: calc(40px + 18px);
    border-bottom: 1px solid #fff;
  }
}

@media screen and (max-width: 736px) {
  #navHeader li [data-pager] li a {
    display: block;
    padding: 15px 10px 15px 15px;
    border-top: 1px solid #fff;
    font-size: 14px;
  }
}

@media screen and (max-width: 736px) {
  #navHeader li [data-pager] li:first-of-type a {
    border-top: 0px none;
  }
}

@media screen and (max-width: 736px) {
  #navHeader .drower_menu {
    display: none;
    visibility: hidden;
    height: calc(100% - 70px);
    background-color: #f2f3f5;
  }
}

@media screen and (min-width: 737px), print {
  #navHeader .nav_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 26px 115px 0;
  }
}

@media screen and (min-width: 737px), print {
  #navHeader .nav_list > li.link_aside {
    display: none;
  }
}

@media screen and (min-width: 737px), print {
  #navHeader .nav_list > li:not(.link_aside) {
    width: 25%;
  }
}

#navHeader .nav_list > li > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 737px), print {
  #navHeader .nav_list > li > a {
    position: relative;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 13px;
    background-image: url(../img/nav_bk_dot_pc.png);
    background-position: top 0% right 0;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 736px) {
  #navHeader .nav_list > li > a {
    z-index: 1;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 40px;
    border-bottom: 1px solid #fff;
  }
}

@media screen and (max-width: 736px) {
  #navHeader .nav_list > li > a.unlink small {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    z-index: 2;
    position: absolute;
    right: 32px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    overflow: hidden;
    color: transparent;
  }
}

@media screen and (max-width: 736px) {
  #navHeader .nav_list > li > a.unlink small:before {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg) scale3d(1, 1, 1) translate(-2px, -2px);
    transform: rotate(45deg) scale3d(1, 1, 1) translate(-2px, -2px);
    border-right: 1px solid #c00;
    border-bottom: 1px solid #c00;
    content: "";
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
}

@media screen and (max-width: 736px) {
  #navHeader .nav_list > li > a.open small:before {
    -webkit-transform: rotate(45deg) scale3d(-1, -1, 1) translate(-2px, -2px);
    transform: rotate(45deg) scale3d(-1, -1, 1) translate(-2px, -2px);
  }
}

@media screen and (min-width: 737px), print {
  #navHeader .nav_list > li > a strong,
  #navHeader .nav_list > li > a span,
  #navHeader .nav_list > li > a small {
    display: block;
    width: 100%;
    text-align: center;
  }
}

#navHeader .nav_list > li > a strong {
  font-size: 16px;
}

@media screen and (max-width: 736px) {
  #navHeader .nav_list > li > a strong {
    display: inline-block;
    width: calc(100% - 80px);
  }
}

@media screen and (min-width: 737px), print {
  #navHeader .nav_list > li > a small {
    color: #8e8e8e;
    font-size: 10px;
    letter-spacing: 0.2em;
  }
}

@media screen and (max-width: 736px) {
  #navHeader .nav_list > li > a small {
    visibility: hidden;
  }
}

@media screen and (min-width: 737px), print {
  #navHeader .nav_list > li > a:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    height: 3px;
    background-color: #c00;
    content: "";
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}

#navHeader .nav_list > li > a.current,
#navHeader .nav_list > li > a:hover {
  text-decoration: none;
}

#navHeader .nav_list > li > a.current strong,
#navHeader .nav_list > li > a:hover strong {
  color: #000;
}

@media screen and (min-width: 737px), print {
  #navHeader .nav_list > li > a.current:after,
  #navHeader .nav_list > li > a:hover:after {
    left: 24%;
    width: 52%;
  }
}

@media screen and (min-width: 737px), print {
  #navHeader .nav_list > li:first-of-type {
    background-image: url(../img/nav_bk_dot_pc.png);
    background-position: top 0% left 0;
    background-repeat: no-repeat;
  }
}

#navHeader .link_motor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 737px), print {
  #navHeader .link_motor {
    position: absolute;
    top: 30px;
    right: 0;
  }
}

@media screen and (max-width: 736px) {
  #navHeader .link_motor {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 22px;
  }
}

#navHeader .link_motor:before {
  display: block;
  width: 16px;
  height: 16px;
  border-right: 1px dotted #c00;
  background: url(../img/icon_arrow_right.svg) no-repeat;
  background-position: top 50% left 0;
  background-size: 9px 9px;
  content: "";
}

@media screen and (min-width: 737px), print {
  #navHeader .link_motor a {
    padding-left: 14px;
    font-size: 14px;
  }
}

@media screen and (max-width: 736px) {
  #navHeader .link_motor a {
    padding-left: 14px;
    font-size: 15px;
  }
}

@media screen and (min-width: 737px), print {
  #navHeader .link_motor a:hover {
    opacity: 0.7;
  }
}

#navFooter {
  background-color: #f2f3f5;
}

#navFooter .nav_list {
  margin: 0 auto;
}

@media screen and (min-width: 737px), print {
  #navFooter .nav_list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 233px 252px 1fr 190px;
    grid-template-columns: 233px 252px 1fr 190px;
    -ms-grid-rows: (33px) [2] (1fr) [2];
    grid-template-rows: repeat(2, 33px) repeat(2, 1fr);
    width: 980px;
    padding-top: 36px;
    padding-bottom: 240px;
  }
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list {
    padding-bottom: 24px;
  }
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list:after {
    display: block;
    clear: both;
    content: "";
  }
}

@media screen and (min-width: 737px), print {
  #navFooter .nav_list .area_home {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (min-width: 737px), print {
  #navFooter .nav_list .area_company {
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2 / 1 / 5 / 2;
    padding-top: 6px;
  }
}

@media screen and (min-width: 737px), print {
  #navFooter .nav_list .area_business {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1 / 2 / 5 / 3;
  }
}

@media screen and (min-width: 737px), print {
  #navFooter .nav_list .area_recruit {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 1 / 3 / 5 / 4;
  }
}

@media screen and (min-width: 737px), print {
  #navFooter .nav_list .area_sitemap {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-area: 1 / 4 / 2 / 5;
  }
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list .area_sitemap {
    padding-top: 16px;
    float: left;
  }
}

@media screen and (min-width: 737px), print {
  #navFooter .nav_list .area_privacy {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-area: 2 / 4 / 3 / 5;
  }
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list .area_privacy {
    padding-top: 16px;
    padding-right: 20px;
    float: right;
  }
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list .area_privacy > a {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 737px), print {
  #navFooter .nav_list .area_shipments {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-area: 3 / 4 / 5 / 5;
  }
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list .area_shipments {
    padding-bottom: 12px;
    float: left;
  }
}

#navFooter .nav_list > li > a[data-sec] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list > li > a[data-sec] {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 17px 0;
  }
}

@media screen and (min-width: 737px), print {
  #navFooter .nav_list > li > a[data-sec]:before {
    display: block;
    width: 16px;
    height: 16px;
    border-right: 1px dotted #c00;
    background: url(../img/icon_arrow_right.svg) no-repeat;
    background-position: top 50% left 0;
    background-size: 9px 9px;
    content: "";
  }
}

@media screen and (min-width: 737px), print {
  #navFooter .nav_list > li > a[data-sec] strong {
    padding-left: 14px;
    font-size: 14px;
  }
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list > li > a[data-sec] strong {
    padding-right: 14px;
    font-size: 15px;
  }
}

@media screen and (min-width: 737px), print {
  #navFooter .nav_list > li > a[data-sec] strong:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list > li.link_aside > a {
    padding-bottom: 2px;
    padding-left: 34px;
  }
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list > li.link_aside > a:before {
    display: block;
    width: 16px;
    height: 16px;
    border-right: 1px dotted #c00;
    background: url(../img/icon_arrow_right.svg) no-repeat;
    background-position: top 50% left 0;
    background-size: 9px 9px;
    content: "";
  }
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list > li.link_aside > a strong {
    padding-left: 14px;
    font-size: 13px;
  }
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list > li:not(.link_aside) {
    display: none;
  }
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list > li:not(.link_aside) > a {
    border-bottom: 1px solid #fff;
  }
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list > li:not(.link_aside) > a:after {
    display: block;
    width: 64px;
    height: 20px;
    border-left: 1px dotted #c00;
    background: url(../img/icon_arrow_right.svg) no-repeat;
    background-position: top 50% left 8px;
    background-size: 9px 9px;
    content: "";
  }
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list > li:not(.link_aside) > a strong {
    padding-left: 40px;
  }
}

#navFooter .nav_list > li [data-pager] {
  padding-left: 25px;
}

@media screen and (max-width: 736px) {
  #navFooter .nav_list > li [data-pager] {
    display: none;
    visibility: hidden;
  }
}

#navFooter .nav_list > li [data-pager] li {
  padding-top: 14px;
}

#navFooter .nav_list > li [data-pager] li a {
  color: #666;
  font-size: 13px;
}

#navFooter .aside_pc {
  margin: 0 auto;
}

@media screen and (min-width: 737px), print {
  #navFooter .aside_pc {
    width: 980px;
  }
}

@media screen and (max-width: 736px) {
  #navFooter .aside_pc {
    display: none;
  }
}

#navFooter .aside_pc ul {
  margin-top: calc(-6em - 240px);
  float: right;
}

#navFooter .aside_pc li {
  padding-top: 15px;
  line-height: 0;
  vertical-align: bottom;
}

#navFooter .aside_pc li:first-child {
  position: relative;
  padding-top: 0;
}

#navFooter .aside_pc li a {
  display: block;
}

#navFooter .aside_pc li a.fb,
#navFooter .aside_pc li a.tw,
#navFooter .aside_pc li a.ig {
  position: absolute;
  width: 38px;
  height: 38px;
  border-radius: 18px;
  background-color: #fff;
  color: transparent;
  font-size: 0;
  opacity: 0;
}

#navFooter .aside_pc li a.fb:hover,
#navFooter .aside_pc li a.tw:hover,
#navFooter .aside_pc li a.ig:hover {
  opacity: 0.3;
}

#navFooter .aside_pc li a.fb {
  top: 12px;
  right: 60px;
}

#navFooter .aside_pc li a.tw {
  top: 12px;
  right: 16px;
}

#navFooter .aside_pc li a.ig {
  top: 57px;
  right: 38px;
  width: 36px;
  height: 36px;
  border-radius: 11px;
}

#navFooter .aside_pc li a:hover {
  opacity: 0.7;
}

.hmj_footer {
  padding-top: 20px;
  padding-bottom: 15px;
  background-color: #8a8c8e;
  text-align: center;
}

.hmj_footer h2 img {
  width: 310px;
}

.hmj_footer p {
  padding-top: 5px;
}

.hmj_footer p small {
  color: #fff;
  font-size: 12px;
}

/* TOP *******************************************************************************************/
@media screen and (min-width: 737px), print {
  .area_release {
    padding-top: calc(50px - 38px);
    padding-bottom: calc(55px - 30px);
  }
}

@media screen and (max-width: 736px) {
  .area_release {
    padding-top: 50px;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
  }
}

.area_release h3 {
  font-weight: 700;
  font-weight: bold;
}

@media screen and (min-width: 737px), print {
  .area_release h3 {
    font-size: 140.625%;
  }
}

@media screen and (max-width: 736px) {
  .area_release h3 {
    font-size: 120%;
  }
}

@media screen and (min-width: 737px), print {
  .area_release_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
  }
}

@media screen and (max-width: 736px) {
  .area_release_list {
    padding-top: 0.35em;
  }
}

.area_release_list dt,
.area_release_list dd {
  color: #666666;
}

@media screen and (min-width: 737px), print {
  .area_release_list dt,
  .area_release_list dd {
    font-size: 117.1875%;
  }
}

@media screen and (max-width: 736px) {
  .area_release_list dt,
  .area_release_list dd {
    font-size: 100%;
  }
}

.area_release_list dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 1em;
}

.area_release_list dt:before {
  display: block;
  width: 15px;
  height: 22.5px;
  margin-right: 0.3em;
  background: url(../img/icon_arrow_right_gray.svg) no-repeat;
  background-position: top 0.34em left 0;
  background-size: 9px 9px;
  content: "";
}

.area_release_list a {
  color: #666666;
}

@media screen and (max-width: 736px) {
  .area_release_list a {
    text-decoration: underline !important;
  }
}

.area_release_list a:visited {
  color: #666666;
}

@media screen and (max-width: 736px) {
  .area_release_list a:visited {
    text-decoration: underline;
  }
}

/********************************************************************************************
STRUCTURE
********************************************************************************************/
@media screen and (min-width: 737px), print {
  html {
    height: 100%;
    /* for Modern Browsers */
    overflow-y: scroll;
  }
  body {
    height: 100%;
    /* for Modern Browsers */
    min-height: 100%;
    /* for Modern Browsers */
    margin: 0 auto;
    color: #3f3f3f;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3",
      "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka,
      sans-serif;
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
    font-size: 80%;
    line-height: 1.5;
  }
  object {
    outline: none;
  }
  img,
  img a {
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
  }
  a {
    overflow: hidden;
    outline: none;
  }
  a:link {
    color: #3f3f3f;
    text-decoration: none;
  }
  a:visited {
    color: #3f3f3f;
    text-decoration: none;
  }
  a:hover {
    color: #c00 !important;
    text-decoration: underline;
  }
  /* 枠 */
  #wrap {
    width: 100%;
    padding-top: 42px;
    padding-bottom: 30px;
    background: #ffffff;
  }
  #core {
    width: 900px;
    margin: 0 auto;
  }
  #contents {
    width: 100% !important;
    margin: 0;
    line-height: inherit !important;
  }
  /* ヘッダ領域 *******************************************************************************************/
  #logoBlock {
    width: 900px;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    text-align: left;
  }
  #globalMenuBlock {
    width: 100%;
    margin-bottom: 25px;
    padding-top: 1px;
    border-top: 1px solid #bfbfbf;
    text-align: center;
  }
  #globalMenuBlock ul {
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
  }
  #globalMenuBlock ul li {
    width: 225px;
    float: left;
  }
  #globalMenuBlockTop {
    width: 100%;
    padding-top: 1px;
    border-top: 1px solid #bfbfbf;
    text-align: center;
  }
  #globalMenuBlockTop ul {
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
  }
  #globalMenuBlockTop ul li {
    width: 225px;
    float: left;
  }
  /* ローカルメニュー領域 *******************************************************************************************/
  #localMenuBlock {
    width: 195px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    float: left;
    background: #f4f4f4 url(../company/img/bg001.gif) left bottom no-repeat;
  }
  #localMenuBlock dl dt {
    width: 175px;
    height: 39px;
    padding: 30px 0 2px 20px;
    background: url(../company/img/bg006.gif) left top no-repeat;
  }
  #localMenuBlock dl dd {
    width: 185px;
    margin-left: 10px;
    padding: 10px 0 10px 0;
    background: url(../company/img/bg002.gif) left bottom repeat-x;
    color: #c00;
    font-weight: bold;
  }
  #localMenuBlock dl dd p {
    padding-left: 10px;
    background: url(../company/img/bg003a.gif) left 0.4em no-repeat;
  }
  #localMenuBlock dl dd a:link {
    color: #3f3f3f;
    font-weight: normal;
    text-decoration: none;
  }
  #localMenuBlock dl dd a:hover {
    color: #c00;
    font-weight: normal;
    text-decoration: none;
  }
  #localMenuBlock dl dd a:visited {
    font-weight: normal;
    text-decoration: none;
  }
  /* 本文領域 *******************************************************************************************/
  #mainContentBlock {
    width: 675px;
    margin-bottom: 30px;
    float: right;
  }
  #pageTitleBlock {
    position: relative;
    height: 40px;
    margin-bottom: 15px;
    background: url(../company/img/bg004.gif) left 34px repeat-x;
  }
  #tit {
    display: inline;
    position: absolute;
    bottom: 0;
    padding-bottom: 6px;
    background: url(../company/img/bg005a.gif) left bottom repeat-x;
    font-size: 138.5%;
    font-weight: bold;
    line-height: 1.8;
  }
  #tit sup {
    vertical-align: super;
  }
  .subTitleBlock {
    position: relative;
    width: 665px;
    height: 32px;
    margin: 30px 0 15px 0;
    padding-left: 10px;
    background: url(../company/img/bg008.gif) left bottom repeat-x;
  }
  .subTit {
    display: inline;
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    background: url(../company/img/bg005b.gif) left bottom repeat-x;
    font-size: 108%;
    font-weight: bold;
  }
  p.subsubTitle {
    margin-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    font-weight: bold;
  }
  p.leadText {
    margin: 0 10px 10px;
    color: #ff1f1f;
    font-size: 123.1%;
    font-weight: bold;
  }
  p.text {
    margin: 0 10px 10px;
  }
  a.linkText {
    padding-left: 10px;
    background: url(../company/img/bg003a.gif) left 0.5em no-repeat;
  }
  p.nolink {
    color: #999;
    font-weight: normal;
  }
  /* フッタ領域 *******************************************************************************************/
  #footerAreaBlock {
    width: 900px;
    margin: 0 auto;
    padding-top: 5px;
    clear: both;
    font-size: 86%;
  }
  #footerAreaBlock p {
    width: 108px;
    padding: 3px 0;
  }
  #footerLinkBox {
    width: 108px;
    border-top: 2px solid #313131;
  }
  #toTopBox {
    border-bottom: 1px solid #313131;
    text-align: right;
  }
  #toTopBox img {
    padding-bottom: 3px;
    border-bottom: 2px solid #313131;
  }
  /********************************************************************************************

	COMMON

	********************************************************************************************/
  /* 汎用クリア */
  .clear01 {
    wifth: 0;
    line-heught: 0;
    height: 0;
    clear: both;
    font-size: 0;
  }
  .clear02 {
    clear: both;
  }
  .clearfix:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: ".";
  }
  .clearfix {
    display: inline-block;
  }
  /* Hides from IE-mac \*/
  * html .clearfix {
    height: 1%;
  }
  .clearfix {
    display: block;
  }
  /* End hide from IE-mac */
  .floatLeft {
    float: left;
  }
  .floatRight {
    float: right;
  }
  .line2 {
    line-height: 2;
  }
  .line3 {
    line-height: 3;
  }
  .inLine {
    display: inline;
  }
  .l {
    font-size: 123.1%;
  }
  .ml {
    font-size: 116.6%;
  }
  .m {
    font-size: 100%;
  }
  .s {
    font-size: 86%;
  }
  .bld {
    font-weight: bold;
  }
  .ctr {
    text-align: center;
  }
  .rg {
    text-align: right;
  }
  .lf {
    text-align: left;
  }
  .b1 {
    color: #55c8ff;
  }
  /* 汎用余白 */
  .Ptop3 {
    padding-top: 3px;
  }
  .Ptop5 {
    padding-top: 5px;
  }
  .Ptop10 {
    padding-top: 10px;
  }
  .Ptop15 {
    padding-top: 15px;
  }
  .Ptop20 {
    padding-top: 20px;
  }
  .Ptop30 {
    padding-top: 30px;
  }
  .Ptop50 {
    padding-top: 50px;
  }
  .Ptop100 {
    padding-top: 100px;
  }
  .Prg3 {
    padding-right: 3px;
  }
  .Prg5 {
    padding-right: 5px;
  }
  .Prg10 {
    padding-right: 10px;
  }
  .Prg15 {
    padding-right: 15px;
  }
  .Prg20 {
    padding-right: 20px;
  }
  .Prg30 {
    padding-right: 30px;
  }
  .Prg50 {
    padding-right: 50px;
  }
  .Prg100 {
    padding-right: 100px;
  }
  .Pbt3 {
    padding-bottom: 3px;
  }
  .Pbt5 {
    padding-bottom: 5px;
  }
  .Pbt10 {
    padding-bottom: 10px;
  }
  .Pbt15 {
    padding-bottom: 15px;
  }
  .Pbt20 {
    padding-bottom: 20px;
  }
  .Pbt30 {
    padding-bottom: 30px;
  }
  .Pbt50 {
    padding-bottom: 50px;
  }
  .Pbt100 {
    padding-bottom: 100px;
  }
  .Plf0 {
    padding-left: 0 !important;
  }
  .Plf3 {
    padding-left: 3px;
  }
  .Plf5 {
    padding-left: 5px;
  }
  .Plf10 {
    padding-left: 10px;
  }
  .Plf15 {
    padding-left: 15px;
  }
  .Plf20 {
    padding-left: 20px;
  }
  .Plf30 {
    padding-left: 30px;
  }
  .Plf50 {
    padding-left: 50px;
  }
  .Plf100 {
    padding-left: 100px;
  }
  .Mtop3 {
    margin-top: 3px;
  }
  .Mtop5 {
    margin-top: 5px;
  }
  .Mtop10 {
    margin-top: 10px;
  }
  .Mtop15 {
    margin-top: 15px;
  }
  .Mtop20 {
    margin-top: 20px;
  }
  .Mtop30 {
    margin-top: 30px;
  }
  .Mtop50 {
    margin-top: 50px;
  }
  .Mtop100 {
    margin-top: 100px;
  }
  .Mrg3 {
    margin-right: 3px;
  }
  .Mrg5 {
    margin-right: 5px;
  }
  .Mrg10 {
    margin-right: 10px;
  }
  .Mrg15 {
    margin-right: 15px;
  }
  .Mrg20 {
    margin-right: 20px;
  }
  .Mrg30 {
    margin-right: 30px;
  }
  .Mrg50 {
    margin-right: 50px;
  }
  .Mrg100 {
    margin-right: 100px;
  }
  .Mbt3 {
    margin-bottom: 3px;
  }
  .Mbt5 {
    margin-bottom: 5px;
  }
  .Mbt10 {
    margin-bottom: 10px;
  }
  .Mbt15 {
    margin-bottom: 15px;
  }
  .Mbt20 {
    margin-bottom: 20px;
  }
  .Mbt30 {
    margin-bottom: 30px;
  }
  .Mbt50 {
    margin-bottom: 50px;
  }
  .Mbt100 {
    margin-bottom: 100px;
  }
  .Mlf3 {
    margin-left: 3px;
  }
  .Mlf5 {
    margin-left: 5px;
  }
  .Mlf10 {
    margin-left: 10px;
  }
  .Mlf15 {
    margin-left: 15px;
  }
  .Mlf20 {
    margin-left: 20px;
  }
  .Mlf30 {
    margin-left: 30px;
  }
  .Mlf50 {
    margin-left: 50px;
  }
  .Mlf100 {
    margin-left: 100px;
  }
}

/*****
_style_individual_pc.scss
**/
@media screen and (min-width: 737px), print {
  /* TOP *******************************************************************************************/
  #topimageBlock {
    width: 900px;
    height: 450px;
    padding-bottom: calc(68px - 30px);
  }
  #footerAreaBlock.top {
    position: relative;
  }
  #footerAreaBlock #facebook {
    position: absolute;
    top: 5px;
    right: 0;
    width: 360px;
    padding: 0;
    overflow: hidden;
  }
  #footerAreaBlock #facebook span {
    display: block;
    float: left;
    font-weight: bold;
    line-height: 43px;
  }
  #footerAreaBlock #facebook img {
    display: block;
    float: right;
  }
  /* BUSINESS *******************************************************************************************/
  /* Honda製品の販売 */
  .onlineCatalogList {
    width: 675px;
    overflow: hidden;
  }
  .onlineCatalogList li {
    width: 162px;
    margin: 0 0 10px 6px;
    float: left;
  }
  .onlineCatalogList span {
    display: block;
    text-align: center;
    text-decoration: underline;
  }
  .onlineCatalogList p {
    font-size: 77%;
    text-align: center;
  }
  .onlineCatalogList li.irregularBanner {
    width: 199px;
    padding-left: 199px;
  }
  .onlineCatalogList li.irregularBanner img {
    border: none;
  }
  .onlineCatalogList02 li {
    width: 105.8px;
    margin: 20px 0 16px 5.5px;
    float: left;
  }
  .onlineCatalogList02 li:first-child {
    margin: 20px 0 20px 12.5px;
  }
  /*　販売網　*/
  dl.networkBox {
    width: 675px;
    margin: 0 auto;
    padding-top: 25px;
    overflow: hidden;
  }
  .networkBox dt {
    width: 380px;
    float: left;
  }
  .networkBox dd {
    width: 260px;
    float: right;
    line-height: 1.75;
  }
  /* SERVICE *******************************************************************************************/
  .subTit sup {
    font-size: 85%;
    vertical-align: super;
  }
  .serviceBox {
    width: 655px;
    margin: 0 auto;
    padding: 0 10px;
    overflow: hidden;
  }
  .serviceBox ul {
    width: 450px;
    float: left;
  }
  .serviceBox ul li a.linkText {
    display: block;
    margin-top: 15px;
  }
  .serviceBox ul li img {
    display: block;
    margin-top: 10px;
  }
  .serviceBox ul li span {
    display: block;
    color: #c00;
  }
  .serviceBox ul li span span {
    display: inline;
    text-decoration: underline;
  }
  .serviceBox p {
    width: 180px;
    float: right;
  }
  /* CORPORATION *******************************************************************************************/
  #localMenuBlock .subMenu {
    background: none;
    font-size: 84%;
  }
  #localMenuBlock .subMenu li {
    padding: 10px 0 10px 10px;
    background: url(../company/img/bg002.gif) left bottom repeat-x;
  }
  #localMenuBlock .subMenu li:last-child {
    padding-bottom: 0;
    background: none;
  }
  #localMenuBlock .subMenu li a:link,
  #localMenuBlock .subMenu li a:visited {
    text-decoration: underline;
  }
  .corpWrap .corpBox {
    margin-bottom: 45px;
  }
  .corpWrap dl {
    margin-bottom: 30px;
  }
  .corpWrap dt {
    font-weight: bold;
  }
  .corpWrap dd {
    margin-bottom: 10px;
  }
  .corpWrap .attn {
    color: #666;
    font-size: 85%;
  }
  .corpWrap .tableTitle {
    font-size: 93%;
    font-weight: bold;
  }
  .corpWrap table {
    width: 98%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .corpWrap table th,
  .corpWrap table td {
    padding: 5px 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 93% !important;
    text-align: center;
  }
  .corpWrap th {
    background: #fff7cc;
  }
  .corpWrap table tr:nth-child(1) th {
    background: #366774;
    color: #fff;
  }
  .corpWrap td {
    background: #fcf7f3;
  }
  .corpWrap td ul {
    padding-left: 15px;
    text-align: left;
  }
  .corpWrap td ul li {
    list-style-position: outside;
    list-style-type: disc;
  }
  .corpWrap .exTable {
    margin-bottom: 30px;
    color: #666;
  }
  /* 二輪車導入のメリット */
  table#comparison tr:nth-child(1) th:nth-child(4) {
    background: #69949f;
  }
  table#comparison tr td:last-child {
    color: #707070;
  }
  /*リースの特徴とメリット*/
  .corpWrap .titleSec {
    width: 665px;
    margin: 15px 0 8px;
    overflow: hidden;
  }
  .corpWrap .titleSec img {
    display: block;
    float: left;
  }
  .corpWrap .titleSec span {
    display: block;
    width: 430px;
    padding: 20px 0 0 10px;
    float: right;
    font-size: 93%;
  }
  table#merit tr:last-child td:last-child {
    vertical-align: top;
  }
  table#merit td {
    width: 240px;
  }
  .corpWrap .meritListTitle {
    width: 160px;
    margin-bottom: 10px;
    padding: 5px 10px;
    background: #cc0000;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .corpWrap .meritList dt {
    padding: 2px 0 0 3px;
    background: url(../company/img/bg_meritList.gif) 0 0 no-repeat;
  }
  .corpWrap .meritList dt span {
    color: #fff;
  }
  .corpWrap .meritList dd {
    margin-bottom: 20px;
  }
  .corpWrap .meritList dd:last-child {
    margin-bottom: 0;
  }
  .corpWrap .corpBox div {
    margin-bottom: 25px;
  }
  .corpWrap .corpBox.col2 div {
    width: 320px;
    margin-bottom: 25px;
    float: left;
  }
  .corpWrap .corpBox.col2 div:last-child {
    width: 665px;
    float: none;
    clear: both;
  }
  .corpWrap .corpBox p.subsubTitle {
    margin-bottom: 25px;
  }
  .corpWrap .corpBox div dt {
    width: 160px;
    margin-bottom: 10px;
    padding: 5px 10px;
    background: #cc0000;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .corpWrap p.contactBanner {
    overflow: hidden;
    text-align: center;
  }
  /* EVENT *******************************************************************************************/
  /* イベント・レース */
  .eventImg3pics {
    width: 655px;
    margin: 0 10px 25px;
    overflow: hidden;
  }
  .eventImg3pics li {
    width: 215px;
    margin: 0 5px 0 0;
    float: left;
  }
  .eventImg3pics li:last-child {
    margin-right: 0;
  }
  /* 安全運転普及活動 */
  .eventImg2pics {
    width: 530px;
    margin: 0 auto;
    overflow: hidden;
  }
  .eventImg2pics li {
    width: 250px;
    float: left;
    text-align: center;
  }
  .eventImg2pics li:last-child {
    float: right;
  }
  .eventImg2pics li img {
    margin-top: 6px;
  }
  .eventImg2pics li:last-child img {
    margin-top: 0;
  }
  /* SPREADING *******************************************************************************************/
  .spreadingOther {
    margin-bottom: 30px;
  }
  #bannerWrap {
    width: 675px;
    margin: 0 auto 15px;
    padding: 0 0 45px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
  }
  #bannerWrap div {
    width: 225px;
    float: left;
  }
  .listTitle {
    width: 200px;
    margin: 0 25px 10px 0;
    border-bottom: 1px dashed #ccc;
    font-weight: bold;
  }
  .linkList {
    width: 200px;
    margin-right: 25px;
    overflow: hidden;
  }
  .linkList li {
    width: 200px;
    margin: 0 0 10px 0;
    font-size: 0;
    line-height: 0;
  }
  .linkList li img {
    width: 200px !important;
  }
  /* POLICY *******************************************************************************************/
  p.policy {
    margin-bottom: 25px;
  }
  .policyTextBox {
    width: 675px;
    padding-bottom: 30px;
  }
  .policyTextBox p {
    margin-bottom: 10px;
  }
  /* COMPANY *******************************************************************************************/
  .companyProfile {
    width: 665px;
    margin: auto 5px;
    padding: 10px 0 5px;
    overflow: hidden;
    font-size: 90%;
  }
  .companyProfile dt {
    width: 115px;
    padding: 0px 0 5px 15px;
    float: left;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #ddd;
  }
  .companyProfile dd {
    width: 515px;
    padding: 0px 0 5px 15px;
    float: right;
    border-bottom: 1px solid #ddd;
  }
  .office {
    width: 100%;
    margin-left: 2px;
    overflow: hidden;
  }
  .office .row {
    display: table;
    width: 100%;
    margin-left: -10px;
    border-spacing: 10px 3px;
  }
  .office .td {
    display: table-cell;
    vertical-align: bottom;
  }
  .office dl {
    width: 305px;
    margin: 0 10px 15px 0;
    padding: 10px 10px 15px;
    border: 1px solid #ccc;
  }
  .office dt {
    margin-bottom: 15px;
    padding-left: 10px;
    background: url(../company/img/bg003a.gif) left 0.4em no-repeat;
    font-weight: bold;
  }
  .office dd span {
    display: block;
    margin-top: 15px;
    padding-top: 5px;
    border-top: 1px dotted #ccc;
    font-size: 90%;
  }
  /* VISION *******************************************************************************************/
  .visionMainImg {
    margin-bottom: 25px;
  }
  .visionText {
    margin-bottom: 10px;
  }
  .visionBox {
    width: 655px;
    margin: 0 auto;
    padding: 0 10px;
    overflow: hidden;
  }
  .visionBox ul {
    width: 450px;
    float: left;
  }
  .visionBox p {
    width: 180px;
    float: right;
  }
  /* RENTAL ******************************************************************************************/
  .rentalFlowImg .figure {
    width: 100px;
    padding: 0 2em 1em;
    float: right;
  }
  .rentalFlowImg .figure img {
    width: 100%;
  }
  .rentalFlowImg .leadText {
    margin-bottom: 1em;
  }
  .rentalFlowImg .text {
    padding-bottom: 1em;
  }
  .rentalBanner {
    margin-top: 4em;
  }
  .rentalBanner a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 30px;
    border: 1px solid #555;
  }
  .rentalBanner a span {
    line-height: 0;
  }
  .rentalBanner a strong {
    padding-left: 1em;
    font-size: 14px;
    font-weight: bold;
  }
  .rentalBanner a:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.7;
  }
  .rentalBanner a:hover strong {
    color: #000;
  }
  /* RECRUIT *******************************************************************************************/
  .recruitList {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  .recruitList li {
    width: 220px;
    margin-right: 5px;
    float: left;
  }
  .recruitList li span {
    display: block;
    margin-top: 5px;
    font-size: 84%;
    text-align: center;
  }
  .recruitList li span.open {
    letter-spacing: -0.1em;
  }
  .recruitList li span.close {
    color: #999;
  }
  .recruitList li span a {
    display: block;
    margin-top: 5px;
    font-size: 115%;
    text-decoration: underline;
  }
  .recruitList li span a img {
    padding-right: 7px;
  }
  /* RECRUIT career *******************************************************************************************/
  .career {
    padding-top: 15px;
  }
  .career section {
    margin-bottom: 11px;
    padding-left: 15px;
  }
  .career #degitalcontent,
  .career #comprehensive,
  .career #system {
    margin-top: 60px;
  }
  .career__head {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 30px;
    margin-bottom: 25px;
    padding-left: 16px;
    background-color: #f4f4f3;
  }
  .career__head span {
    position: relative;
    color: #3f3f3f;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
  }
  .career__head span::after {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #cf4546;
    content: "";
  }
  .career__title {
    font-size: 13px;
    font-weight: bold;
    line-height: 2.1;
  }
  .career__text {
    font-size: 13px;
  }
  .career__list li {
    font-size: 13px;
  }
  .career__list li.bold {
    font-weight: bold;
  }
  .career__link li {
    text-indent: 0.5em;
  }
  .career__link li::before {
    display: inline-block;
    position: relative;
    top: -2px;
    left: -1px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #000;
    content: "";
  }
  .career__link li a {
    color: blue;
    font-size: 13px;
  }
  .career__border-title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 30px;
    margin-top: 120px;
    padding-left: 10px;
    border-left: 5px solid #cc0000;
  }
  .career__border-title span {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
  }
  .career__border-box {
    margin-top: 20px;
    border: 1px solid #d2d2d2;
  }
  .career__border-box__head {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 40px;
    padding-left: 16px;
    border-bottom: 1px dotted #e8e8e8;
  }
  .career__border-box__head span {
    color: #3f3f3f;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
  }
  .career__border-box__body {
    padding: 20px 30px 30px;
    color: #3f3f3f;
    font-size: 13px;
  }
  .career__border-box__body .l-block {
    margin-top: 25px;
  }
  .career__border-box__body .l-block:first-child {
    margin-top: 0;
  }
  .career__border-box__body h4 {
    font-weight: bold;
  }
  .career__border-box__body .u-mt20 {
    margin-top: 20px;
  }
  /* SITEMAP *******************************************************************************************/
  .sitemap001box1 {
    height: 22px;
    padding: 0 0 0 95px;
    background: url(../company/img/bg007a.gif) left top no-repeat;
  }
  .sitemap001box2 {
    height: 32px;
    padding: 0 0 0 95px;
    background: url(../company/img/bg007b.gif) left top no-repeat;
  }
  .sitemap001box2b {
    height: 22px;
    padding: 0 0 0 95px;
    background: url(../company/img/bg007b.gif) left top no-repeat;
  }
  .sitemap001box2c {
    padding: 0 0 0 95px;
    background: url(../company/img/bg007e.gif) left top repeat-y;
  }
  .sitemap001box3 {
    padding: 0 0 0 92px;
    background: url(../company/img/bg007d.gif) left top repeat-y;
  }
  .sitemap001box4 {
    padding: 0 0 0 92px;
    background: url(../company/img/bg007c.gif) left top repeat-y;
  }
  .sitemap001box5 {
    padding: 0 0 0 92px;
    background: url(../company/img/bg007e.gif) left top repeat-y;
  }
  .sitemap001box1 span,
  .sitemap001box2b span {
    color: #999;
    font-size: 93%;
  }
  /* SHIPMENTS *******************************************************************************************/
  .shipmentsTable table {
    width: 100%;
    margin-bottom: 8px;
    border-collapse: separate;
    border-spacing: 1px;
    background: #999;
  }
  .shipmentsTable table tbody td {
    width: 26%;
    text-align: right;
  }
  .shipmentsTable table tbody tr:not(:last-child) td:first-of-type {
    width: auto;
    padding: 8px 18px 8px 0;
  }
  .shipmentsTable th {
    padding: 8px 12px;
    background: #f1f1f1;
    text-align: center;
  }
  .shipmentsTable td {
    padding: 8px 12px;
    background: #fff;
  }
  .shipmentsTable caption {
    margin-bottom: 5px;
    font-size: 12px;
    text-align: right;
  }
  .shipmentsTable p {
    font-size: 12px;
  }
  /********************************************************************************************

	jump

	********************************************************************************************/
  #jump {
    width: 900px;
    margin: 60px auto;
    text-align: center;
  }
  #jump span {
    font-weight: bold;
  }
  #jump span.clickJump {
    display: block;
    margin: 15px 0;
    font-weight: normal;
  }
  #jump a {
    color: #c00;
    text-decoration: underline;
  }
  /********************************************************************************************

	irregular16

	********************************************************************************************/
  .irregular16 {
    position: relative;
    margin: 10px 0 20px 35px;
  }
  .button {
    position: absolute;
    top: 14px;
    right: 20px;
  }
  .button > a {
    display: inline-block;
    width: 160px;
    padding: 10px 20px;
    border: 3px solid #c00;
    background: transparent;
    color: #c00;
    font-size: 13pt;
    font-weight: bolder;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
  }
  .button > a:hover {
    text-decoration: underline;
  }
}

/********************************************************************************************
STRUCTURE
********************************************************************************************/
@media screen and (max-width: 736px) {
  html {
    height: 100%;
    /* for Modern Browsers */
    overflow-y: scroll;
  }
  body {
    height: 100%;
    /* for Modern Browsers */
    min-height: 100%;
    /* for Modern Browsers */
    margin: 0 auto;
    color: #3f3f3f;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3",
      "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka,
      sans-serif;
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
    font-size: 100%;
    line-height: 1.5;
  }
  object {
    outline: none;
  }
  img,
  img a {
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
  }
  a {
    overflow: hidden;
    outline: none;
  }
  a:link {
    color: #3f3f3f;
    text-decoration: none;
  }
  a:visited {
    color: #3f3f3f;
    text-decoration: none;
  }
  a:hover {
    color: #c00 !important;
    text-decoration: underline;
  }
  /* 枠 */
  #wrap {
    width: 100%;
    padding-bottom: 20vw;
    background: #ffffff;
  }
  #core {
    width: 100%;
    margin: 0 auto;
  }
  #contents {
    width: 100% !important;
    margin: 0;
    line-height: inherit !important;
  }
  * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* ヘッダ領域 *******************************************************************************************/
  #logoBlock {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 10px 10px;
    text-align: left;
  }
  #logoBlock > img {
    width: 56px;
  }
  #logoBlock img.top_logo,
  #logoBlock a img {
    width: 236px;
  }
  #globalMenuBlock {
    width: 100%;
    margin-bottom: 25px;
    padding-top: 1px;
    border-top: 1px solid #bfbfbf;
    text-align: center;
  }
  #globalMenuBlock ul {
    display: block;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  #globalMenuBlock ul li img {
    width: 100%;
  }
  #globalMenuBlockTop {
    width: 100%;
    padding-top: 1px;
    border-top: 1px solid #bfbfbf;
    text-align: center;
  }
  #globalMenuBlockTop ul {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  #globalMenuBlockTop ul li {
    width: 100%;
  }
  /* ローカルメニュー領域 *******************************************************************************************/
  #localMenuBlock {
    display: none;
  }
  #localMenuBlock dl dt {
    width: 175px;
    padding: 30px 0 2px 20px;
    background: url(../company/img/bg006.gif) left top no-repeat;
  }
  #localMenuBlock dl dd {
    width: 185px;
    margin-left: 10px;
    padding: 10px 0 10px 0;
    background: url(../company/img/bg002.gif) left bottom repeat-x;
    color: #c00;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
  }
  #localMenuBlock dl dd p {
    padding-left: 10px;
    background: url(../company/img/bg003a.gif) left 0.4em no-repeat;
  }
  #localMenuBlock dl dd a:link {
    color: #3f3f3f;
    font-weight: normal;
    text-decoration: none;
  }
  #localMenuBlock dl dd a:hover {
    color: #c00;
    font-weight: normal;
    text-decoration: none;
  }
  #localMenuBlock dl dd a:visited {
    font-weight: normal;
    text-decoration: none;
  }
  /* 本文領域 *******************************************************************************************/
  #mainContentBlock {
    width: 100%;
    margin-bottom: 30px;
    padding-top: calc(30px + 1em);
    padding-right: 10px;
    padding-left: 10px;
  }
  #mainContentBlock img {
    width: 100%;
    height: auto;
  }
  #mainContentBlock img.fixed {
    width: inherit;
  }
  #pageTitleBlock {
    position: relative;
    height: 40px;
    margin-bottom: 15px;
    background: url(../company/img/bg004.gif) left 34px repeat-x;
  }
  #tit {
    display: inline;
    position: absolute;
    bottom: 0;
    padding-bottom: 6px;
    background: url(../company/img/bg005a.gif) left bottom repeat-x;
    font-size: 138.5%;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
    line-height: 1.8;
  }
  #tit sup {
    vertical-align: super;
  }
  .subTitleBlock {
    position: relative;
    width: 100%;
    margin: 30px 0 15px;
    padding-top: 6px;
    padding-right: 10px;
    padding-left: 10px;
    background: url(../company/img/bg008.gif) left bottom;
  }
  .subTit {
    display: inline-block;
    position: relative;
    font-size: 108%;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
  }
  .subTit:after {
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #cc0000;
    content: "";
  }
  p.subsubTitle {
    margin-bottom: 10px;
    border-bottom: 1px dashed #ccc;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
  }
  p.leadText {
    margin: 0 10px 10px;
    color: #ff1f1f;
    font-size: 123.1%;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
  }
  p.text {
    margin: 0 10px 10px;
  }
  a.linkText {
    padding-left: 10px;
    background: url(../company/img/bg003a.gif) left 0.5em no-repeat;
  }
  p.nolink {
    color: #999;
    font-weight: normal;
  }
  /* フッタ領域 *******************************************************************************************/
  #footerAreaBlock {
    width: 100%;
    margin: 0 auto;
    padding-top: 5px;
    clear: both;
    font-size: 86%;
  }
  #footerAreaBlock p {
    width: 108px;
    padding: 3px 0;
  }
  #footerLinkBox {
    width: 108px;
    border-top: 2px solid #313131;
  }
  #toTopBox {
    border-bottom: 1px solid #313131;
    text-align: right;
  }
  #toTopBox a {
    display: inline-block;
    padding-right: 12px;
    padding-bottom: 3px;
    border-bottom: 2px solid #313131;
  }
  /********************************************************************************************

	COMMON

	********************************************************************************************/
  /* 汎用クリア */
  .clear01 {
    wifth: 0;
    line-heught: 0;
    height: 0;
    clear: both;
    font-size: 0;
  }
  .clear02 {
    clear: both;
  }
  .clearfix:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: ".";
  }
  .clearfix {
    display: inline-block;
  }
  /* Hides from IE-mac \*/
  * html .clearfix {
    height: 1%;
  }
  .clearfix {
    display: block;
  }
  /* End hide from IE-mac */
  .floatLeft {
    float: left;
  }
  .floatRight {
    float: right;
  }
  .line2 {
    line-height: 2;
  }
  .line3 {
    line-height: 3;
  }
  .inLine {
    display: inline;
  }
  .l {
    font-size: 123.1%;
  }
  .ml {
    font-size: 116.6%;
  }
  .m {
    font-size: 100%;
  }
  .s {
    font-size: 86%;
  }
  .bld {
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
  }
  .ctr {
    text-align: center;
  }
  .rg {
    text-align: right;
  }
  .lf {
    text-align: left;
  }
  .b1 {
    color: #55c8ff;
  }
  /* 汎用余白 */
  .Ptop3 {
    padding-top: 3px;
  }
  .Ptop5 {
    padding-top: 5px;
  }
  .Ptop10 {
    padding-top: 10px;
  }
  .Ptop15 {
    padding-top: 15px;
  }
  .Ptop20 {
    padding-top: 20px;
  }
  .Ptop30 {
    padding-top: 30px;
  }
  .Ptop50 {
    padding-top: 50px;
  }
  .Ptop100 {
    padding-top: 100px;
  }
  .Prg3 {
    padding-right: 3px;
  }
  .Prg5 {
    padding-right: 5px;
  }
  .Prg10 {
    padding-right: 10px;
  }
  .Prg15 {
    padding-right: 15px;
  }
  .Prg20 {
    padding-right: 20px;
  }
  .Prg30 {
    padding-right: 30px;
  }
  .Prg50 {
    padding-right: 50px;
  }
  .Prg100 {
    padding-right: 100px;
  }
  .Pbt3 {
    padding-bottom: 3px;
  }
  .Pbt5 {
    padding-bottom: 5px;
  }
  .Pbt10 {
    padding-bottom: 10px;
  }
  .Pbt15 {
    padding-bottom: 15px;
  }
  .Pbt20 {
    padding-bottom: 20px;
  }
  .Pbt30 {
    padding-bottom: 30px;
  }
  .Pbt50 {
    padding-bottom: 50px;
  }
  .Pbt100 {
    padding-bottom: 100px;
  }
  .Plf0 {
    padding-left: 0 !important;
  }
  .Plf3 {
    padding-left: 3px;
  }
  .Plf5 {
    padding-left: 5px;
  }
  .Plf10 {
    padding-left: 10px;
  }
  .Plf15 {
    padding-left: 15px;
  }
  .Plf20 {
    padding-left: 20px;
  }
  .Plf30 {
    padding-left: 30px;
  }
  .Plf50 {
    padding-left: 50px;
  }
  .Plf100 {
    padding-left: 100px;
  }
  .Mtop3 {
    margin-top: 3px;
  }
  .Mtop5 {
    margin-top: 5px;
  }
  .Mtop10 {
    margin-top: 10px;
  }
  .Mtop15 {
    margin-top: 15px;
  }
  .Mtop20 {
    margin-top: 20px;
  }
  .Mtop30 {
    margin-top: 30px;
  }
  .Mtop50 {
    margin-top: 50px;
  }
  .Mtop100 {
    margin-top: 100px;
  }
  .Mrg3 {
    margin-right: 3px;
  }
  .Mrg5 {
    margin-right: 5px;
  }
  .Mrg10 {
    margin-right: 10px;
  }
  .Mrg15 {
    margin-right: 15px;
  }
  .Mrg20 {
    margin-right: 20px;
  }
  .Mrg30 {
    margin-right: 30px;
  }
  .Mrg50 {
    margin-right: 50px;
  }
  .Mrg100 {
    margin-right: 100px;
  }
  .Mbt3 {
    margin-bottom: 3px;
  }
  .Mbt5 {
    margin-bottom: 5px;
  }
  .Mbt10 {
    margin-bottom: 10px;
  }
  .Mbt15 {
    margin-bottom: 15px;
  }
  .Mbt20 {
    margin-bottom: 20px;
  }
  .Mbt30 {
    margin-bottom: 30px;
  }
  .Mbt50 {
    margin-bottom: 50px;
  }
  .Mbt100 {
    margin-bottom: 100px;
  }
  .Mlf3 {
    margin-left: 3px;
  }
  .Mlf5 {
    margin-left: 5px;
  }
  .Mlf10 {
    margin-left: 10px;
  }
  .Mlf15 {
    margin-left: 15px;
  }
  .Mlf20 {
    margin-left: 20px;
  }
  .Mlf30 {
    margin-left: 30px;
  }
  .Mlf50 {
    margin-left: 50px;
  }
  .Mlf100 {
    margin-left: 100px;
  }
}

/*****
_style_individual_pc.scss
**/
@media screen and (max-width: 736px) {
  /* TOP *******************************************************************************************/
  #topimageBlock {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 1px;
  }
  #topimageBlock img {
    width: 100%;
    height: auto;
  }
  #footerAreaBlock.top {
    position: relative;
  }
  #footerAreaBlock #facebook {
    top: 5px;
    right: 0;
    width: 100%;
    padding: 0;
    overflow: hidden;
  }
  #footerAreaBlock #facebook span {
    display: block;
    float: left;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
    line-height: 43px;
  }
  #footerAreaBlock #facebook img {
    display: block;
    float: right;
  }
  /* BUSINESS *******************************************************************************************/
  /* Honda製品の販売 */
  .onlineCatalogList {
    width: 100%;
    overflow: hidden;
  }
  .onlineCatalogList li {
    margin: 0 0 10px 0px;
  }
  .onlineCatalogList span {
    display: block;
    text-align: center;
    text-decoration: underline;
  }
  .onlineCatalogList p {
    font-size: 77%;
    text-align: center;
  }
  .onlineCatalogList li.irregularBanner {
    width: 199px;
    padding-left: 199px;
  }
  .onlineCatalogList li.irregularBanner img {
    border: none;
  }
  .onlineCatalogList02 {
    padding-right: 4.5px;
    text-align: center;
  }
  .onlineCatalogList02 li {
    display: inline-block;
    width: 100%;
  }
  .onlineCatalogList02 li:first-child {
    margin: 20px 0 20px 0;
  }
  /*　販売網　*/
  dl.networkBox {
    width: 100%;
    margin: 0 auto;
    padding-top: 25px;
    overflow: hidden;
  }
  .networkBox dd {
    width: 260px;
    line-height: 1.75;
  }
  /* SERVICE *******************************************************************************************/
  .subTit sup {
    font-size: 85%;
    vertical-align: super;
  }
  .serviceBox {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    overflow: hidden;
  }
  .serviceBox ul {
    width: 100%;
  }
  .serviceBox ul li a.linkText {
    display: block;
    margin-top: 15px;
  }
  .serviceBox ul li img {
    display: block;
    margin-top: 10px;
  }
  .serviceBox ul li span {
    display: block;
    color: #c00;
  }
  .serviceBox ul li span span {
    display: inline;
    text-decoration: underline;
  }
  .serviceBox p {
    width: 180px;
    padding-top: 0.3em;
  }
  /* CORPORATION *******************************************************************************************/
  #localMenuBlock .subMenu {
    background: none;
    font-size: 84%;
  }
  #localMenuBlock .subMenu li {
    padding: 10px 0 10px 10px;
    background: url(../company/img/bg002.gif) left bottom repeat-x;
  }
  #localMenuBlock .subMenu li:last-child {
    padding-bottom: 0;
    background: none;
  }
  #localMenuBlock .subMenu li a:link,
  #localMenuBlock .subMenu li a:visited {
    text-decoration: underline;
  }
  .corpWrap .corpBox {
    margin-bottom: 45px;
  }
  .corpWrap dl {
    margin-bottom: 30px;
  }
  .corpWrap dt {
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
  }
  .corpWrap dd {
    margin-bottom: 10px;
  }
  .corpWrap .attn {
    color: #666;
    font-size: 85%;
  }
  .corpWrap .tableTitle {
    font-size: 93%;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
  }
  .corpWrap table {
    width: 98%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .corpWrap table th,
  .corpWrap table td {
    padding: 5px 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 93% !important;
    text-align: center;
  }
  .corpWrap th {
    background: #fff7cc;
  }
  .corpWrap table tr:nth-child(1) th {
    background: #366774;
    color: #fff;
  }
  .corpWrap td {
    background: #fcf7f3;
  }
  .corpWrap td ul {
    padding-left: 15px;
    text-align: left;
  }
  .corpWrap td ul li {
    list-style-position: outside;
    list-style-type: disc;
  }
  .corpWrap .exTable {
    margin-bottom: 30px;
    color: #666;
  }
  /* 二輪車導入のメリット */
  table#comparison tr:nth-child(1) th:nth-child(4) {
    background: #69949f;
  }
  table#comparison tr td:last-child {
    color: #707070;
  }
  .scroll_horizon_sp {
    width: 100% !important;
    padding-bottom: 1em;
    overflow-y: auto;
  }
  .scroll_horizon_sp table {
    width: 900px !important;
  }
  /*リースの特徴とメリット*/
  .corpWrap .titleSec {
    width: 100%;
    margin: 15px 0 8px;
    overflow: hidden;
  }
  .corpWrap .titleSec img {
    display: block;
  }
  .corpWrap .titleSec span {
    display: block;
    width: 100%;
    padding: 20px 0 0 10px;
    font-size: 93%;
  }
  table#merit tr:last-child td:last-child {
    vertical-align: top;
  }
  table#merit td {
    width: 320px;
  }
  .corpWrap .meritListTitle {
    margin-bottom: 10px;
    padding: 5px 10px;
    background: #cc0000;
    color: #fff;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
    text-align: center;
  }
  .corpWrap .meritList dt {
    padding: 0px 0 0 3px;
    background: url(../company/img/bg_meritList.gif) 0 0 no-repeat;
  }
  .corpWrap .meritList dt span {
    color: #fff;
  }
  .corpWrap .meritList dd {
    margin-bottom: 20px;
  }
  .corpWrap .meritList dd:last-child {
    margin-bottom: 0;
  }
  .corpWrap .corpBox div {
    margin-bottom: 25px;
  }
  .corpWrap .corpBox div:last-child {
    clear: both;
  }
  .corpWrap .corpBox p.subsubTitle {
    margin-bottom: 25px;
  }
  .corpWrap .corpBox div dt {
    margin-bottom: 10px;
    padding: 5px 10px;
    background: #cc0000;
    color: #fff;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
    text-align: center;
  }
  .corpWrap p.contactBanner {
    overflow: hidden;
    text-align: center;
  }
  .corpWrap p.contactBanner a:nth-of-type(even) {
    margin-right: 0;
  }
  /* EVENT *******************************************************************************************/
  /* イベント・レース */
  .eventImg3pics {
    width: 100%;
    margin: 0 0 25px;
    overflow: hidden;
  }
  .eventImg3pics li {
    margin: 0 5px 0 0;
  }
  .eventImg3pics li:last-child {
    margin-right: 0;
  }
  /* 安全運転普及活動 */
  .eventImg2pics {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  .eventImg2pics li {
    text-align: center;
  }
  .eventImg2pics li img {
    margin-top: 6px;
  }
  .eventImg2pics li:last-child img {
    margin-top: 0;
  }
  /* SPREADING *******************************************************************************************/
  .spreadingOther {
    margin-bottom: 30px;
  }
  #bannerWrap {
    width: 100%;
    margin: 0 auto 15px;
    padding: 0 0 45px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
  }
  #bannerWrap div {
    width: 100%;
  }
  .listTitle {
    width: 100%;
    margin: 0 25px 10px 0;
    border-bottom: 1px dashed #ccc;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
  }
  .linkList {
    width: 100%;
    margin-right: 25px;
    overflow: hidden;
  }
  .linkList li {
    display: inline-block;
    width: 200px;
    margin: 0 0 10px 0;
    font-size: 0;
    line-height: 0;
  }
  .linkList li img {
    width: 200px !important;
  }
  /* POLICY *******************************************************************************************/
  p.policy {
    margin-bottom: 25px;
  }
  .policyTextBox {
    width: 100%;
    padding-bottom: 30px;
  }
  .policyTextBox p {
    margin-bottom: 10px;
  }
  .policyBox p {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .policyBox p img {
    visibility: hidden;
  }
  .policyBox p.policy1 {
    height: 32vw;
    background-image: url(../company/img/policy01_sp.gif);
  }
  .policyBox p.policy2 {
    height: 32vw;
    background-image: url(../company/img/policy02_sp.gif);
  }
  .policyBox p.policy3 {
    height: 46vw;
    background-image: url(../company/img/policy03_sp.gif);
  }
  /* COMPANY *******************************************************************************************/
  .companyProfile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px 0 5px;
    font-size: 90%;
  }
  .companyProfile dt {
    width: 115px;
    padding: 0px 0 5px 15px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #ddd;
  }
  .companyProfile dd {
    width: calc(100% - 125px);
    padding: 0px 0 5px 15px;
    border-bottom: 1px solid #ddd;
  }
  .policyBox p img {
    -o-object-fit: none;
    object-fit: none;
  }
  .office {
    width: 100%;
    margin-left: 2px;
    overflow: hidden;
  }
  .office .row {
    width: 100%;
    padding: 0 15px 0;
  }
  .office .td {
    vertical-align: bottom;
  }
  .office dl {
    width: 100%;
    margin: 0 10px 15px 0;
    padding: 10px 10px 15px;
    border: 1px solid #ccc;
  }
  .office dt {
    margin-bottom: 15px;
    padding-left: 10px;
    background: url(../company/img/bg003a.gif) left 0.4em no-repeat;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
  }
  .office dd span {
    display: block;
    margin-top: 15px;
    padding-top: 5px;
    border-top: 1px dotted #ccc;
    font-size: 90%;
  }
  /* VISION *******************************************************************************************/
  .visionMainImg {
    margin-bottom: 25px;
  }
  .visionText {
    margin-bottom: 10px;
  }
  .visionBox {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    overflow: hidden;
  }
  .visionBox ul {
    width: 100%;
  }
  .visionBox p {
    width: 180px;
  }
  /* RENTAL ******************************************************************************************/
  .rentalFlowImg .figure {
    padding-top: 1em;
    padding-bottom: 1.8em;
    text-align: center;
  }
  .rentalFlowImg .figure img {
    width: 28% !important;
  }
  .rentalFlowImg .leadText {
    margin-bottom: 1em;
  }
  .rentalFlowImg .text {
    padding-bottom: 1em;
  }
  .rentalBanner {
    margin-top: 4em;
  }
  .rentalBanner a {
    display: block;
    padding: 18px 24px 14px;
    border: 1px solid #555;
    text-align: center;
  }
  .rentalBanner a span {
    line-height: 0;
  }
  .rentalBanner a strong {
    display: block;
    padding-top: 1em;
    font-size: 12px;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
  }
  .rentalBanner a:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.7;
  }
  .rentalBanner a:hover strong {
    color: #000;
  }
  /* RECRUIT *******************************************************************************************/
  .recruitList {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  .recruitList li {
    margin-right: 5px;
    text-align: center;
  }
  .recruitList li span {
    display: block;
    margin-top: 5px;
    font-size: 84%;
    text-align: center;
  }
  .recruitList li span.open {
    letter-spacing: -0.1em;
  }
  .recruitList li span.close {
    color: #999;
  }
  .recruitList li span a {
    display: block;
    margin-top: 5px;
    font-size: 115%;
    text-decoration: underline;
  }
  .recruitList li span a img {
    padding-right: 7px;
  }
  .modal {
    height: calc(100vh - 60px);
    padding: 15px !important;
  }
  .scroll_v {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 10vh;
    overflow: auto;
  }
  /* RECRUIT career *******************************************************************************************/
  .career section {
    margin-bottom: 17px;
    padding: 0 10px;
  }
  .career #degitalcontent,
  .career #comprehensive,
  .career #system {
    margin-top: 40px;
  }
  .career__head {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 30px;
    margin-bottom: 25px;
    padding-left: 16px;
    background-color: #f4f4f3;
  }
  .career__head span {
    position: relative;
    color: #3f3f3f;
    font-size: 13px;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
    line-height: 1;
  }
  .career__head span::after {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #cf4546;
    content: "";
  }
  .career__title {
    font-size: 13px;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
    line-height: 2.3;
  }
  .career__text {
    font-size: 13px;
  }
  .career__list li {
    font-size: 13px;
  }
  .career__list li.bold {
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
  }
  .career__link li {
    text-indent: 0.5em;
  }
  .career__link li::before {
    display: inline-block;
    position: relative;
    top: -2px;
    left: -3px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #000;
    content: "";
  }
  .career__link li a {
    color: blue;
    font-size: 13px;
  }
  .career__border-title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 30px;
    margin-top: 40px;
    padding-left: 10px;
    border-left: 5px solid #cc0000;
  }
  .career__border-title span {
    color: #000000;
    font-size: 13px;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
    line-height: 1;
  }
  .career__border-box {
    margin-top: 20px;
    border: 1px solid #d2d2d2;
  }
  .career__border-box__head {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 40px;
    padding-left: 16px;
    border-bottom: 1px dotted #e8e8e8;
  }
  .career__border-box__head span {
    color: #3f3f3f;
    font-size: 13px;
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
    line-height: 1;
  }
  .career__border-box__body {
    padding: 20px 15px;
    color: #3f3f3f;
    font-size: 13px;
  }
  .career__border-box__body .l-block {
    margin-top: 25px;
  }
  .career__border-box__body .l-block:first-child {
    margin-top: 0;
  }
  .career__border-box__body h4 {
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
  }
  .career__border-box__body .u-mt20 {
    margin-top: 10px;
  }
  /* SITEMAP *******************************************************************************************/
  .sitemap001box1 {
    height: 22px;
    padding: 0 0 0 95px;
    background: url(../company/img/bg007a.gif) left top no-repeat;
  }
  .sitemap001box1.row2 {
    height: 50px;
    background: url(../company/img/bg007a.gif) left top repeat-y;
  }
  .sitemap001box2 {
    height: 32px;
    padding: 0 0 0 95px;
    background: url(../company/img/bg007b.gif) left top no-repeat;
  }
  .sitemap001box2b {
    height: 22px;
    padding: 0 0 0 95px;
    background: url(../company/img/bg007b.gif) left top no-repeat;
  }
  .sitemap001box2c {
    padding: 0 0 0 95px;
    background: url(../company/img/bg007e.gif) left top repeat-y;
  }
  .sitemap001box3 {
    padding: 0 0 0 92px;
    background: url(../company/img/bg007d.gif) left top repeat-y;
  }
  .sitemap001box4 {
    padding: 0 0 0 92px;
    background: url(../company/img/bg007c.gif) left top repeat-y;
  }
  .sitemap001box5 {
    padding: 0 0 0 92px;
    background: url(../company/img/bg007e.gif) left top repeat-y;
  }
  .sitemap001box1 span,
  .sitemap001box2b span {
    color: #999;
    font-size: 93%;
  }
  /* SHIPMENTS *******************************************************************************************/
  .shipmentsTable table {
    width: 100%;
    margin-bottom: 8px;
    border-collapse: separate;
    border-spacing: 1px;
    background: #999;
  }
  .shipmentsTable table tbody td {
    width: 26%;
    text-align: right;
  }
  .shipmentsTable table tbody tr:not(:last-child) td:first-of-type {
    width: auto;
    padding: 8px 18px 8px 0;
  }
  .shipmentsTable th {
    padding: 8px 12px;
    background: #f1f1f1;
    text-align: center;
  }
  .shipmentsTable td {
    padding: 8px 12px;
    background: #fff;
  }
  .shipmentsTable caption {
    margin-bottom: 5px;
    font-size: 12px;
    text-align: right;
  }
  .shipmentsTable p {
    font-size: 12px;
  }
  /********************************************************************************************

	jump

	********************************************************************************************/
  #jump {
    width: 100%;
    margin: 60px auto;
    text-align: center;
  }
  #jump span {
  font-family: "HondaGlobalFontJP-Bold","Noto Sans JP", sans-serif;
    font-weight: bold;
  }
  #jump span.clickJump {
    display: block;
    margin: 15px 0;
    font-weight: normal;
  }
  #jump a {
    color: #c00;
    text-decoration: underline;
  }
  /********************************************************************************************

	irregular16

	********************************************************************************************/
  .irregular16 {
    position: relative;
    margin: 10px 0 20px 35px;
  }
  .button {
    position: absolute;
    top: 14px;
    right: 20px;
  }
  .button > a {
    display: inline-block;
    width: 160px;
    padding: 10px 20px;
    border: 3px solid #c00;
    background: transparent;
    color: #c00;
    font-size: 13pt;
  font-family: "HondaGlobalFontENJP-ExBold", "Noto Sans JP", sans-serif;
    font-weight: bolder;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
  }
  .button > a:hover {
    text-decoration: underline;
  }
}