﻿@media only screen and (min-width: 769px) {
  .spshow {
    display: none !important
  }
}
@media only screen and (max-width: 768px) {
  .pcshow {
    display: none !important
  }
  img {
    width: 100%
  }
}
blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
fieldset, img {
  border: 0
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}
ol, ul {
  list-style: none
}
caption, th {
  text-align: left
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}
q:after, q:before {
  content: ""
}
abbr, acronym {
  border: 0;
  font-variant: normal
}
sup {
  vertical-align: text-top
}
sub {
  vertical-align: text-bottom
}
input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit
}
legend {
  color: #000
}
#yui3-css-stamp.cssreset {
  display: none
}
div#contents {
  width: 100% !important
}

/* ▼ フォント統一設定 ▼ */
body {
 -webkit-text-size-adjust: none;
 font-family: "HondaGlobalFontJP-Regular", sans-serif;
 font-feature-settings: "palt";
}

/* 見出し → Bold */
.maintenance_member h2,
.maintenance_member h3,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6 {
 font-family: "HondaGlobalFontJP-Bold", sans-serif;
}

/* パンくずリスト → Bold */
.maintenance-breadcrumb_item {
 font-family: "HondaGlobalFontJP-Regular", sans-serif;
}

/* 本文 → Regular */
.article-body p,
.leadTxt {
 font-family: "HondaGlobalFontJP-Regular", sans-serif;
}

/* 強調 → Bold */
.article-body p strong,
.article-body p em {
 font-family: "HondaGlobalFontJP-Regular", sans-serif;
}

/* 注釈や小さい文字 → Light */
small,
.note {
 font-family: "HondaGlobalFontJP-Light", sans-serif;
}
/* ▲ フォント統一設定ここまで ▲ */

#wrapper img {
  vertical-align: bottom
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
button, input, select, textarea {
  font: 99% arial, helvetica, clean, sans-serif
}
table {
  font-size: inherit;
  font: 100%
}
code, kbd, pre, samp, tt {
  font-family: monospace;
  line-height: 100%
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: 700
}
#motorcycle-a_wrapper {
  background-color: #fff;
  position: relative;
  letter-spacing: initial
}
#motorcycle-a_wrapper img {
  width: 100%;
  vertical-align: bottom
}
#motorcycle-a_wrapper .btn-type01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
#motorcycle-a_wrapper .btn-type01 a {
  text-decoration: none;
  color: #000;
  border: 1px solid #000;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  min-width: 280px;
  padding: 1em 2em;
  display: inline-block;
  position: relative;
  -webkit-transition: color .3s ease, background .3s ease;
  transition: color .3s ease, background .3s ease;
  vertical-align: baseline;
  background: 0 0
}
#motorcycle-a_wrapper .btn-type01 a:hover {
  background-color: #e9e9e9
}
#motorcycle-a_wrapper .btn-type01 a:before {
  content: "";
  display: inline-block;
  border-color: inherit;
  border-style: solid;
  border-width: 0 1px 1px 0;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
  -webkit-transition: border-color .3s ease;
  transition: border-color .3s ease
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .introduce-column {
    width: 79.06296vw;
    max-width: 1080px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .introduce-column {
    width: 100%
  }
}
#motorcycle-a_wrapper .introduce-column .half-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .introduce-column .half-size {
    width: 38.06735vw;
    max-width: 520px;
    margin-top: 60px
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .introduce-column .half-size {
    width: 100%;
    margin-top: 40px
  }
}
#motorcycle-a_wrapper .introduce-column .half-size_anchor {
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #000
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .introduce-column .half-size_anchor:hover .half-size_visual img {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
    transform: translate3d(-50%, -50%, 0) scale(1.05)
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .introduce-column .half-size_anchor:active .half-size_visual img {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
    transform: translate3d(-50%, -50%, 0) scale(1.05)
  }
}
#motorcycle-a_wrapper .introduce-column .half-size_visual {
  position: relative;
  width: 100%;
  padding-top: 56.3461%;
  overflow: hidden
}
#motorcycle-a_wrapper .introduce-column .half-size_visual img {
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
  transform: translate3d(-50%, -50%, 0) scale(1);
  -webkit-transition: -webkit-transform .8s ease;
  transition: -webkit-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease
}
#motorcycle-a_wrapper .introduce-column .half-size_txt h4 {
  text-align: center;
  font-family: "HondaGlobalFontJP-Bold", sans-serif;
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .introduce-column .half-size_txt h4 {
    font-size: 24px;
    line-height: 1.5;
    margin-top: 20px
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .introduce-column .half-size_txt h4 {
    font-size: 18px;
    line-height: 2;
    margin-top: 15px
  }
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .introduce-column .half-size_txt h4 span {
    font-size: 20px;
    line-height: 1.8;
    padding-left: 7px
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .introduce-column .half-size_txt h4 span {
    font-size: 14px;
    line-height: 2.5714;
    padding-left: 10px
  }
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .introduce-column .half-size_txt p {
    font-family: "HondaGlobalFontJP-Light", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
    letter-spacing: .02em
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .introduce-column .half-size_txt p {
    font-size: 14px;
    line-height: 1.4285;
    letter-spacing: .02em;
    margin-top: 9px
  }
}
#motorcycle-a_wrapper .maintenance_mv {
  padding: 52px 0 20px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_mv {
    padding: 9.06667vw 0 5vw
  }
}
#motorcycle-a_wrapper .maintenance_mv h2 {
  line-height: 1;
  margin-bottom: 52px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_mv h2 {
    margin-bottom: 8vw
  }
}
#motorcycle-a_wrapper .maintenance_mv .leadTxt {
  margin-top: 40px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_mv .leadTxt {
    margin-top: 8vw
  }
}

#motorcycle-a_wrapper .maintenance_mv2 {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_mv2 {
    width: 90%;
	margin: 0px auto;
  }
}

.pcv{display: block}
.spv{display: none}

@media only screen and (max-width: 768px) {
.pcv{display: none}
.spv{display: block}
}

#motorcycle-a_wrapper .maintenance_mv3 {
 width: 60%;
	margin: 10px auto 100px;
	text-align:center;
	font-size: 12px;
}

#motorcycle-a_wrapper .maintenance_mv3 p.fsize{

 margin-top: 10px;
 font-size: 15px;
 line-height: 1.375;
 font-weight: bold;

}

@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_mv3 {
  width: 100%;
  }
}

#motorcycle-a_wrapper .maintenance_member h2 {
  margin-bottom: -0.5em;
  font-size: 34px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member h2 {
    font-size: 6.4vw;
    line-height: 1.375
  }
}
#motorcycle-a_wrapper .maintenance_member h3 {
  font-family: "HondaGlobalFontJP-Bold", sans-serif;
  font-size: 24px;
  text-align: center
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member h3 {
    font-size: 4.8vw;
    line-height: 1.555
  }
}
#motorcycle-a_wrapper .maintenance_member .leadTxt {
  border-top: 1px solid #adadad;
  margin: 30px auto 0;
  max-width: 720px;
  padding-top: 30px;
  text-align: center
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member .leadTxt {
    margin: 8vw auto 8vw;
    width: 90%
  }
}
#motorcycle-a_wrapper .maintenance_member_num {
  padding: 70px 0 30px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_num {
    padding: 2vw 0 10vw
  }
}
#motorcycle-a_wrapper .maintenance_member_num .approximately-num {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_num .approximately-num {
    margin-top: 8vw
  }
}
#motorcycle-a_wrapper .maintenance_member_num .approximately-num img {
  height: 95.4px;
  margin-right: 12px;
  width: 63px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_num .approximately-num img {
    height: 24.26133vw;
    margin-right: 2.4vw;
    width: auto
  }
}
#motorcycle-a_wrapper .maintenance_member_num .approximately-num div p {
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_num .approximately-num div p {
    font-size: 4.26667vw
  }
}
#motorcycle-a_wrapper .maintenance_member_num .approximately-num div p.num {
  margin-top: 20px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_num .approximately-num div p.num {
    font-size: 3.73333vw;
    margin-top: 3.73333vw
  }
}
#motorcycle-a_wrapper .maintenance_member_num .approximately-num div p.num span {
  font-size: 51px;
  font-weight: 700;
  margin-right: 20px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_num .approximately-num div p.num span {
    font-size: 10.4vw;
    margin-right: 1.33333vw
  }
}
#motorcycle-a_wrapper .maintenance_member_num .approximately-num div p.note {
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  font-size: 14px;
  margin-top: 10px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_num .approximately-num div p.note {
    font-size: 3.2vw;
    margin-top: 2.66667vw
  }
}
#motorcycle-a_wrapper .maintenance_member_map {
  background-color: #f8f8f8;
  padding: 32px 58px 50px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map {
    margin-left: calc((100% - 100vw)/2);
    padding: 6.66667vw 0;
    width: 100vw
  }
}
#motorcycle-a_wrapper .maintenance_member_map_ttl {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 24px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_ttl {
    margin-bottom: 6.66667vw
  }
}
#motorcycle-a_wrapper .maintenance_member_map_ttl p {
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  font-size: 18px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_ttl p {
    font-size: 3.73333vw
  }
}
#motorcycle-a_wrapper .maintenance_member_map_ttl img {
  height: 37.87px;
  margin-right: 10px;
  width: 26.9px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_ttl img {
    height: 9.6vw;
    margin-right: 2.66667vw;
    width: 6.81867vw
  }
}
#motorcycle-a_wrapper .maintenance_member_map_img {
  position: relative
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .maintenance_member_map_img {
    max-width: 1080px
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img {
    overflow-x: auto
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img .map-img {
    height: 85vw;
    max-width: unset;
    width: auto
  }
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, .6);
  border: .58565vw solid #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 24px rgba(4, 29, 66, .6);
  box-shadow: 0 1px 24px rgba(4, 29, 66, .6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #041d42;
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  font-size: clamp(10px, 1.1347vw, 15px);
  height: 9.66325vw;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.3125;
  position: absolute;
  text-align: center;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  width: 9.66325vw
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li {
    max-height: 132px;
    max-width: 132px
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li {
    border: 1.73333vw solid #fff;
    border-radius: 50%;
    font-size: 3.2vw;
    height: 24vw;
    width: 24vw
  }
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li .area-name {
  opacity: 1;
  -webkit-transition: all .6s ease;
  transition: all .6s ease
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li:hover {
  background-color: rgba(255, 255, 255, .9);
  border-color: #041d42
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li:hover .area-name {
    opacity: .9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
  }
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li.jpn {
  left: 38.89%;
  top: 34%
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li.jpn {
    left: 65.33333vw;
    top: 28vw
  }
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li.asia {
  left: 20.5%;
  top: 36%
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li.asia {
    left: 37.33333vw;
    top: 30.66667vw
  }
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li.oceania {
  left: 37.35%;
  top: 68.54%
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li.oceania {
    left: 64vw;
    top: 56vw
  }
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li.euro {
  left: 3.3%;
  top: 20.11%
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li.euro {
    left: 12vw;
    top: 18.66667vw
  }
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li.africa {
  left: 5.16%;
  top: 49.99%;
  height: 10.10249vw;
  width: 10.10249vw
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li.africa {
    max-height: 138px;
    max-width: 138px
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li.africa {
    height: 25.33333vw;
    left: 13.2vw;
    padding-top: 1em;
    top: 44vw;
    width: 25.33333vw
  }
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li.africa .balloon {
    max-width: 240px;
    width: 16.10542vw
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li.africa .balloon {
    width: 44vw
  }
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li.na {
  left: 71.91%;
  top: 21.67%
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li.na {
    left: 117.33333vw;
    top: 18.66667vw
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li.na .balloon {
    left: -65%
  }
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li.sa {
  left: 82.5%;
  top: 62.87%
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li.sa {
    left: 133.33333vw;
    top: 54.66667vw
  }
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li.sa .balloon {
    max-width: 210px;
    width: 14.64129vw
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li.sa .balloon {
    bottom: 95%;
    left: -85%;
    width: 37.01333vw
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li.na .balloon::after, #motorcycle-a_wrapper .maintenance_member_map_img ul li.sa .balloon::after {
    left: unset;
    right: 3.73333vw;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
  }
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li.selected {
  border-color: #041d42;
  -webkit-transition: all .6s ease;
  transition: all .6s ease
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li.selected .balloon {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li.selected:hover .balloon {
  opacity: 1 !important
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li .balloon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
  bottom: 90%;
  -webkit-box-shadow: 0 1px 24px rgba(4, 29, 66, .6);
  box-shadow: 0 1px 24px rgba(4, 29, 66, .6);
  color: #041d42;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 7.17423vw;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 55%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  text-align: left;
  width: 13.83602vw;
  z-index: 2
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li .balloon {
    max-height: 98px;
    max-width: 189px;
    white-space: nowrap
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li .balloon {
    bottom: 80%;
    font-size: 2.93333vw;
    height: 18.16533vw;
    padding: 3.2vw 0;
    width: 29.54933vw
  }
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li .balloon img {
  height: 4.39239vw;
  margin-right: .73206vw;
  width: 2.92826vw
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li .balloon img {
    max-height: 60px;
    max-width: 40px
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li .balloon img {
    height: 10.39467vw;
    margin-right: 1.33333vw;
    width: 6.864vw
  }
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li .balloon .num {
  display: block;
  font-size: clamp(12px, 1.90337vw, 26px);
  font-weight: 600
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li .balloon .num {
    font-size: 4vw
  }
}
#motorcycle-a_wrapper .maintenance_member_map_img ul li .balloon::after {
  border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 13.77px 18.92px 0 0;
  bottom: -13.77px;
  content: "";
  height: 0;
  left: 14px;
  position: absolute;
  width: 0
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li .balloon::after {
    left: 14px
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member_map_img ul li .balloon::after {
    left: 3.73333vw
  }
}
#motorcycle-a_wrapper .large-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .large-size {
    width: 79.06296vw;
    max-width: 1080px
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .large-size {
    width: 100%
  }
}
#motorcycle-a_wrapper .large-size_anchor {
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #000
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .large-size_anchor:hover .large-size_visual img {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
    transform: translate3d(-50%, -50%, 0) scale(1.05)
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .large-size_anchor:active .large-size_visual img {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
    transform: translate3d(-50%, -50%, 0) scale(1.05)
  }
}
#motorcycle-a_wrapper .large-size_visual {
  position: relative;
  width: 100%;
  padding-top: 55.5555%;
  overflow: hidden
}
#motorcycle-a_wrapper .large-size_visual img {
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
  transform: translate3d(-50%, -50%, 0) scale(1);
  -webkit-transition: -webkit-transform .8s ease;
  transition: -webkit-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease
}
#motorcycle-a_wrapper .large-size_txt h4 {
  text-align: center;
  font-family: "HondaGlobalFontJP-Bold", sans-serif;
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .large-size_txt h4 {
    margin: 40px 0;
    padding-bottom: 40px;
    font-size: 18px
  }
  #motorcycle-a_wrapper .large-size_txt.inner_mv h4 {
    margin: 40px 0 0 0;
    padding-bottom: 0;
    font-size: 18px
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .large-size_txt h4 {
    margin: 5.33333vw 0;
    padding-bottom: 5.33333vw;
    font-size: 3.73333vw
  }
  #motorcycle-a_wrapper .large-size_txt.inner_mv h4 {
    margin: 5.33333vw 0 0 0;
    padding-bottom: 0;
    font-size: 3.73333vw
  }
}
#motorcycle-a_wrapper .large-size_txt.inner_mv .leadTxt {
  text-align: center
}
#motorcycle-a_wrapper .maintenance_member {
  margin-bottom: 150px
}
#motorcycle-a_wrapper .maintenance_member h2 {
  margin-bottom: 75px
}
#motorcycle-a_wrapper .maintenance_member ul {
  display: flex;
  gap: 8%;
flex-wrap: wrap;

}
#motorcycle-a_wrapper .maintenance_member ul li {
  list-style: none;
  text-align: center;
  width: calc(100% / 3.58);
	margin-bottom: 50px;
}
#motorcycle-a_wrapper .maintenance_member ul li h3 {
  font-size: 24px;
  margin-bottom: 10px
}
#motorcycle-a_wrapper .maintenance_member ul li p {
  line-height: 1.75
}
#motorcycle-a_wrapper .maintenance_member ul li img {
  margin-bottom: 35px;
  width: 85%
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance_member {
    margin-bottom: 75px
  }
  #motorcycle-a_wrapper .maintenance_member h2 {
    margin-bottom: 60px
  }
  #motorcycle-a_wrapper .maintenance_member ul {
    display: block
  }
  #motorcycle-a_wrapper .maintenance_member ul li {
    list-style: none;
    text-align: center;
    width: 80%;
    margin: 0 auto 55px
  }
}
#motorcycle-a_wrapper .introduce_nav {
  margin: 0 auto 100px;
  width: 650px
}
#motorcycle-a_wrapper .introduce_nav ul {
  border: 1px solid #999;
  display: flex
}
#motorcycle-a_wrapper .introduce_nav ul li {
  border-right: 1px solid #999;
  list-style: none;
  text-align: center;
  width: 135px;
  height: 60px;
  position: relative
}
#motorcycle-a_wrapper .introduce_nav ul li a {
  display: inline-block;
  font-size: 18px;
  padding-top: 16px;
  width: 100%;
  height: 100%
}
#motorcycle-a_wrapper .introduce_nav ul li:last-of-type {
  border: none
}
#motorcycle-a_wrapper .introduce_nav ul li .dli-chevron-down {
  display: inline-block;
  vertical-align: middle;
  color: #565656;
  line-height: 1;
  width: .6em;
  height: .6em;
  border: .1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  position: absolute;
  bottom: 8px;
  left: calc(50% - .3em)
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .introduce_nav {
    margin: 0 auto 50px;
    width: 100%
  }
  #motorcycle-a_wrapper .introduce_nav ul {
    flex-wrap: wrap;
    flex-basis: auto
  }
  #motorcycle-a_wrapper .introduce_nav ul li {
    border-bottom: 1px solid #999
  }
  #motorcycle-a_wrapper .introduce_nav ul li:nth-child(1), #motorcycle-a_wrapper .introduce_nav ul li:nth-child(2), #motorcycle-a_wrapper .introduce_nav ul li:nth-child(3) {
    width: 33.3333333333%
  }
  #motorcycle-a_wrapper .introduce_nav ul li:nth-child(3) {
    border-right: none
  }
  #motorcycle-a_wrapper .introduce_nav ul li:nth-child(4), #motorcycle-a_wrapper .introduce_nav ul li:nth-child(5) {
    width: 50%
  }
  #motorcycle-a_wrapper .introduce_nav ul li:nth-child(4) {
    border-bottom: none
  }
}
#motorcycle-a_wrapper .ex_wrapper {
  margin-bottom: 95px;
  /*padding-top: 120px*/
}
#motorcycle-a_wrapper .ex_wrapper .preparation {
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  color: #999
}
#motorcycle-a_wrapper .ex_wrapper h3 {
  font-size: 35px;
  font-family: "HondaGlobalFontJP-Bold", sans-serif;
  text-align: center
}
#motorcycle-a_wrapper .ex_wrapper .introduce-column .half-size_txt {
  width: 100%
}
#motorcycle-a_wrapper .ex_wrapper .introduce-column .half-size_txt h4 {
  margin-top: 0;
  text-align: left
}

#motorcycle-a_wrapper .ex_wrapper .introduce-column .half-size_txt h4.new::after  {
  content: 'New!';           /* 最後に入れたい任意の文字を入力 */
  font-size: 12px;           /* 文字サイズを指定 */
  line-height: 1.3;          /* 行間を指定 */
  display: inline-block;     /* line-heightの背景にも色を入れるため */
  color: #fff;               /* 文字色を白に指定 */
  background: #F00;          /* 背景色を赤に指定 */
  border-radius: 15px;       /* 楕円形にするため角丸 */
  padding: 0 5px;            /* 上下左右に少し余白 */
  margin-left: 10px;         /* これを指定すれば上寄せや下寄せが可能 */
  vertical-align: middle;  /* これを指定すれば上寄せや下寄せが可能 */
}

#motorcycle-a_wrapper .ex_wrapper .introduce-column .half-size_txt p span{
	color: #FFFFFF;
	text-align: center;
	width: 100px;
	padding: 4px;
	background-color: #999;
	border-radius: 4px;
	font-size: 10px;
}
#motorcycle-a_wrapper .ex_wrapper .introduce-column .half-size_txt p span.parts{
	color: #FFFFFF;
	text-align: center;
	width: 100px;
	padding: 4px;
	background-color:#0275C2;
	border-radius: 4px;
	font-size: 10px;
}
#motorcycle-a_wrapper .ex_wrapper .introduce-column .half-size_txt p span.consumables{
	color: #FFFFFF;
	text-align: center;
	width: 100px;
	padding: 4px;
	background-color:#FF9B00;
	border-radius: 4px;
	font-size: 10px;
}
#motorcycle-a_wrapper .ex_wrapper .introduce-column .half-size_txt p {
  margin-top: 0;
  margin-bottom: 40px;
  text-align: left
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .ex_wrapper {
    margin-bottom: 50px
  }
}
#motorcycle-a_wrapper .maintenance-breadcrumb {
  margin-top: -10px;
  padding-top: 38px;
	margin-bottom: 50px;
  display: block
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance-breadcrumb {
    margin-top: 2.65333vw;
    padding-top: 3.73333vw
  }
}
#motorcycle-a_wrapper .maintenance-breadcrumb.-bottom {
  display: none
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance-breadcrumb.-bottom {
    display: block;
    margin-top: 8.90667vw;
    padding-top: 2.4vw;
    position: relative
  }
  #motorcycle-a_wrapper .maintenance-breadcrumb.-bottom::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    left: -100%;
    height: 1px;
    background-color: #ebebeb
  }
}
#motorcycle-a_wrapper .maintenance-breadcrumb_item {
  position: relative;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
  font-size: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
#motorcycle-a_wrapper .maintenance-breadcrumb_item.-home {
  /*vertical-align: top*/
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance-breadcrumb_item {
    font-size: 13px
  }
}
#motorcycle-a_wrapper .maintenance-breadcrumb_item + .maintenance-breadcrumb_item {
  margin-left: .27818vw
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance-breadcrumb_item + .maintenance-breadcrumb_item {
    margin-left: 0
  }
}
#motorcycle-a_wrapper .maintenance-breadcrumb_item + .maintenance-breadcrumb_item::before {
  content: "";
  display: inline-block;
  background: #000;
  width: .52123vw;
  height: .96413vw;
  margin-right: .76135vw;
  background: url(../common/images/ico_arrow.svg) 50% 50% no-repeat;
  background-size: contain;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance-breadcrumb_item + .maintenance-breadcrumb_item::before {
    margin-right: 9.1px;
    width: 6.17px;
    height: 11.4px
  }
}
#motorcycle-a_wrapper .maintenance-article {
  margin-top: 30px
}
#motorcycle-a_wrapper .maintenance-article .article-body {
  max-width: 100%
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .maintenance-article {
    margin-top: 24.9px
  }
}
#motorcycle-a_wrapper .article-body {
  max-width: 800px;
  padding: 0;
  margin: 0 auto
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body {
    max-width: unset;
    padding: 0
  }
}
#motorcycle-a_wrapper .article-body h3 {
  font-family: "HondaGlobalFontJP-Bold", sans-serif;
  font-size: 24px;
  line-height: 1.3666666667
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body h3 {
    font-size: 16px
  }
}
#motorcycle-a_wrapper .article-body h4 {
  font-family: "HondaGlobalFontJP-Bold", sans-serif;
  font-size: 28px;
  line-height: 1;
  margin-bottom: 30px;
  text-indent: -1.25em;
  padding-left: 1.25em
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body h4 {
    font-size: 22px;
    margin-bottom: 4vw
  }
}
#motorcycle-a_wrapper .article-body h4 span {
  font-size: 24px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body h4 span {
    font-size: 20px
  }
}
#motorcycle-a_wrapper .article-body h5 {
  font-family: "HondaGlobalFontJP-Bold", sans-serif;
  font-size: 22px;
  line-height: 1;
  margin-bottom: 30px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body h5 {
    font-size: 16px;
    margin-bottom: 2.66667vw
  }
}
#motorcycle-a_wrapper .article-body h5 span {
  font-size: 20px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body h5 span {
    font-size: 16px
  }
}
#motorcycle-a_wrapper .article-body h6 {
  font-family: "HondaGlobalFontJP-Bold", sans-serif;
  font-size: 18px;
  line-height: 1;
  margin-top: 30px;
  margin-bottom: 30px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body h6 {
    font-size: 14px;
    margin-top: 5.33333vw;
    margin-bottom: 2.66667vw
  }
}
#motorcycle-a_wrapper .article-body h6 span {
  font-size: 18px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body h6 span {
    font-size: 14px
  }
}
#motorcycle-a_wrapper .article-body p {
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  font-size: 14px;
  line-height: 1.6428571429
}
#motorcycle-a_wrapper .article-body p em {
  background-color: #e5ea70;
  padding: 2px
}
#motorcycle-a_wrapper .article-body p b {
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
}
#motorcycle-a_wrapper .article-body p strong {
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  font-size: 14px;
  line-height: 1.4375;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(20%, #e5ea70), color-stop(80%, #e5ea70), color-stop(80%, transparent));
  background-image: linear-gradient(transparent 20%, #e5ea70 20%, #e5ea70 80%, transparent 80%)
}
#motorcycle-a_wrapper .article-body p small {
  font-size: 12px
}
#motorcycle-a_wrapper .article-body p.under-line {
  text-decoration: underline
}
#motorcycle-a_wrapper .article-body a.text-link {
  color: #06f;
  text-decoration: underline
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body h3 + * {
    margin-top: 4vw !important
  }
}
#motorcycle-a_wrapper .article-body * + h5, #motorcycle-a_wrapper .article-body :not(h4):not(h5) + figure, #motorcycle-a_wrapper .article-body :not(h4):not(h5) + p {
  margin-top: 20px;
  padding-top: 20px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body * + h5, #motorcycle-a_wrapper .article-body :not(h4):not(h5) + figure, #motorcycle-a_wrapper .article-body :not(h4):not(h5) + p {
    margin-top: 2.66667vw;
    padding-top: 2.66667vw
  }
}
#motorcycle-a_wrapper .article-body .figure_caption + figure {
  margin-top: 5px;
  padding-top: 5px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body .figure_caption + figure {
    margin-top: .66667vw;
    padding-top: .66667vw
  }
}
#motorcycle-a_wrapper .article-body * + h4 {
  margin-top: 50px;
  padding-top: 20px
}
#motorcycle-a_wrapper .article-body figure.under_caption-50 {
  --fig: 392px;
  --fig-sp: 392;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--fig) 1fr;
  grid-template-columns: var(--fig) 1fr;
  -ms-grid-rows: 1fr -webkit-min-content;
  -ms-grid-rows: 1fr min-content;
  grid-template-rows: 1fr -webkit-min-content;
  grid-template-rows: 1fr min-content;
  grid-column-gap: 60px;
  grid-row-gap: 10px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body figure.under_caption-50 {
    -ms-grid-columns: 45vw 1fr;
    grid-template-columns: 45vw 1fr;
    grid-column-gap: 6vw;
    grid-row-gap: 5px
  }
}
#motorcycle-a_wrapper .article-body figure.under_caption-50 img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 1/1/2/3
}
#motorcycle-a_wrapper .article-body figure.under_caption-50 figcaption {
  font-size: 14px
}
#motorcycle-a_wrapper .article-body figure.under_caption-50 figcaption:first-of-type {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2/1/3/2
}
#motorcycle-a_wrapper .article-body figure.under_caption-50 figcaption:last-of-type {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2/2/3/3
}
#motorcycle-a_wrapper .article-body figcaption {
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  font-size: 16px;
  line-height: 1.4
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body figcaption {
    margin-top: .5em;
    margin-bottom: .5em;
    font-size: 14px;
    line-height: 1.2
  }
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .article-body .clumn-2-all-alongside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body .clumn-2-all-alongside {
    margin-top: 5.33333vw;
    margin-bottom: 5.33333vw
  }
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .article-body .clumn-2-all-alongside figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .article-body .clumn-2-all-alongside figure + figure {
    margin-top: 0;
    padding-top: 0;
    margin-left: 10px
  }
}
#motorcycle-a_wrapper .article-body .clumn-2-all-alongside figure figcaption {
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  margin-right: .5em
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body .clumn-2-all-alongside figure figcaption {
    margin-bottom: .5em;
    font-size: 14px
  }
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .article-body .clumn-2-all-alongside figure img {
    width: 30.888030888vw;
    max-width: 320px
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body table {
    border: 1px solid #adadad
  }
}
#motorcycle-a_wrapper .article-body table caption {
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body table caption {
    margin-top: 2.66667vw;
    padding-top: 2.66667vw;
    padding-bottom: 2.66667vw
  }
}
#motorcycle-a_wrapper .article-body table th {
  border: 1px solid #adadad;
  padding: .75em;
  text-align: center;
  background: #e3e7ec
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body table th {
    display: none
  }
}
#motorcycle-a_wrapper .article-body table tr {
  padding-top: 20px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body table tr {
    width: 100%
  }
}
#motorcycle-a_wrapper .article-body table td {
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  font-size: 14px;
  border: 1px solid #adadad;
  text-align: center
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .article-body table td {
    padding: .75em
  }
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body table td {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    padding: 0;
    line-height: 2.5em
  }
}
#motorcycle-a_wrapper .article-body table td:first-child {
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  font-size: 14px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body table td:first-child {
    display: block;
    background: #041d41;
    color: #fff;
    text-align: left
  }
}
#motorcycle-a_wrapper .article-body table td:first-child:before {
  background: #041d41
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body table td:before {
    min-width: 60%;
    text-align: left;
    background: #e3e7ec;
    content: attr(data-label);
    display: inline;
    float: left;
    padding-left: 1em;
    margin-right: 1em
  }
}
@media only screen and (min-width: 769px) {
  #motorcycle-a_wrapper .lp_wrap {
    max-width: 1120px;
    padding: 52px 0 80px
  }
}
#motorcycle-a_wrapper .article_header_sub {
  margin: 90px 0 80px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article_header_sub {
    margin: 45px 0 45px
  }
}
#motorcycle-a_wrapper .article-body .article_set {
  margin-bottom: 25px
}
#motorcycle-a_wrapper .article-body .article_set.article_set_first {
  margin-top: 90px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body .article_set.article_set_first {
    margin-top: 45px
  }
}
#motorcycle-a_wrapper .article-body .balloon_set {
  display: flex;
  align-items: center;
  gap: 35px;
  margin-bottom: 30px
}
#motorcycle-a_wrapper .article-body .balloon_icon {
  width: 180px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body .balloon_icon {
    width: 100px
  }
}
#motorcycle-a_wrapper .article-body .balloon_icon img {
  width: auto;
  vertical-align: bottom
}
#motorcycle-a_wrapper .article-body .balloon2_left {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 7px 10px;
  background-color: #feebe8;
  border-radius: 15px;
  box-sizing: border-box;
  width: 100%
}
#motorcycle-a_wrapper .article-body .balloon2_left:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: -28px;
  border: 15px solid rgba(0, 0, 0, 0);
  border-right: 15px solid #feebe8;
  z-index: 2
}
#motorcycle-a_wrapper .article-body .balloon2 p {
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 1em 0
}
#motorcycle-a_wrapper .article-body .balloon2_right {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 7px 10px;
  background-color: #e8f9fe;
  border-radius: 15px;
  box-sizing: border-box;
  width: 100%
}
#motorcycle-a_wrapper .article-body .balloon2_right:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: -28px;
  border: 15px solid rgba(0, 0, 0, 0);
  border-left: 15px solid #e8f9fe;
  z-index: 2
}
#motorcycle-a_wrapper .article-body .balloon2_left.balloon2_left_cub {
  background-color: #e8feed
}
#motorcycle-a_wrapper .article-body .balloon2_left.balloon2_left_cub:before {
  border-right: 15px solid #e8feed
}
#motorcycle-a_wrapper .article-body .article_set_image {
  box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, .45);
  width: 50%;
  margin: 20px auto 0
}
#motorcycle-a_wrapper .article-body .article_set_image.article_set_image_insert {
  margin: 20px auto
}
#motorcycle-a_wrapper .article-body .large-size_txt.insert_para .leadTxt {
  font-size: 16px;
  font-weight: normal;
  margin-top: 80px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body .article_set_image {
    box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, .45);
    width: 98%;
    margin: 20px auto 0
  }
}
#motorcycle-a_wrapper .article-body .video_area_inner {
  margin: 245px auto 70px;
  display: flex;
  align-items: center
}
#motorcycle-a_wrapper .article-body .video_area_inner .benly_image {
  width: 243px;
  height: 218px;
  margin-right: 35px
}
#motorcycle-a_wrapper .article-body .video_area_inner .dream_image {
  width: 198px;
  height: 218px
}
@media only screen and (max-width: 768px) {
  #motorcycle-a_wrapper .article-body .video_area_inner {
    margin: 70px auto 70px
  }
  #motorcycle-a_wrapper .article-body .video_area_inner .benly_image {
    width: 122px;
    height: 109px;
    margin-right: 18px
  }
  #motorcycle-a_wrapper .article-body .video_area_inner .dream_image {
    width: 107px;
    height: 109px
  }
}
#motorcycle-a_wrapper .article-body .video_area_inner p {
  flex: 1;
  text-align: center;
  font-weight: normal;
  font-size: 16px
}
@media screen and (min-width: 768px) {
  #motorcycle-a_wrapper .article-body .video_area .item-iframe {
    display: block;
    margin: 0 auto;
    max-width: 100%
  }
}
@media screen and (max-width: 767px) {
  #motorcycle-a_wrapper .article-body .video_area .item-movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%
  }
  #motorcycle-a_wrapper .article-body .video_area .item-movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important
  }
}
#motorcycle-a_wrapper .article-body .maintenance_footer_nav {
  width: 80%;
  margin: 120px auto 160px
}
#motorcycle-a_wrapper .article-body .maintenance_footer_nav ul {
  display: flex;
  justify-content: space-between
}
#motorcycle-a_wrapper .article-body .maintenance_footer_nav ul li {
  display: inline-block;
  min-width: 100px;
  text-align: center
}
@media(max-width: 750px) {
  #motorcycle-a_wrapper .article-body .only-pc {
    display: none
  }
}
@media(min-width: 751px) {
  #motorcycle-a_wrapper .only-sp {
    display: none
  }
}
@media(max-width: 750px) {
  #motorcycle-a_wrapper .article-body .maintenance_footer_nav {
    width: 100%;
    margin: 30px auto 15px
  }
  #motorcycle-a_wrapper .article-body .maintenance_footer_nav ul {
    display: block;
    width: 100%
  }
  #motorcycle-a_wrapper .article-body .maintenance_footer_nav ul li {
    width: 100%;
    margin-top: 25px;
    text-align: left;
    padding-bottom: 15px
  }
  #motorcycle-a_wrapper .article-body .maintenance_footer_nav ul li.active {
    display: block;
    border-bottom: 1px solid #000
  }
}
.captionP {
  text-align: center;
  margin-top: 20px !important;
}

.captionP2 {
  text-align: center;
  margin-top: 5px !important;
  margin-bottom: 15px !important;
}

.m_ev {
  margin-bottom: 40px !important;
}
@media only screen and (max-width: 768px) {
  .captionP {
    text-align: center;
    margin-top: 20px !important;
  }
  .captionP2 {
    text-align: center;
    margin-top: 5px !important;
　　margin-bottom: 15px !important;
  }
  .m_ev {
    margin-bottom: 40px !important;
  }
}
a.txtlink {
  color: #0099CC!important;
}
.txtlink a:hover {
  color: #B30000!important;
} /* sourceMappingURL=maintenance.css.map */

.l-content202204 a {
  touch-action: manipulation;
}

.l-content202204 a {
  color: #000;
  text-decoration: none;
}

.l-content202204 {
  color: #000;
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  line-height: 1;
  letter-spacing: .03em;
  word-break: break-word;
  line-break: strict;
  overflow-wrap: break-word;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  background-color: #fff;
  cursor: default;
  text-rendering: optimizeLegibility;
  overflow: hidden;
}

.l-content202204 div, .l-content202204 span, .l-content202204 object, .l-content202204 iframe, .l-content202204 h1, .l-content202204 h2, .l-content202204 h3, .l-content202204 h4, .l-content202204 h5, .l-content202204 h6, .l-content202204 p, .l-content202204 blockquote, .l-content202204 pre, .l-content202204 abbr, .l-content202204 address, .l-content202204 cite, .l-content202204 code, .l-content202204 del, .l-content202204 dfn, .l-content202204 em, .l-content202204 img, .l-content202204 ins, .l-content202204 kbd, .l-content202204 q, .l-content202204 samp, .l-content202204 small, .l-content202204 strong, .l-content202204 sub, .l-content202204 sup, .l-content202204 var, .l-content202204 b, .l-content202204 i, .l-content202204 dl, .l-content202204 dt, .l-content202204 dd, .l-content202204 ol, .l-content202204 ul, .l-content202204 li, .l-content202204 fieldset, .l-content202204 form, .l-content202204 label, .l-content202204 legend, .l-content202204 table, .l-content202204 caption, .l-content202204 tbody, .l-content202204 tfoot, .l-content202204 thead, .l-content202204 tr, .l-content202204 th, .l-content202204 td, .l-content202204 article, .l-content202204 aside, .l-content202204 dialog, .l-content202204 figure, .l-content202204 footer, .l-content202204 header, .l-content202204 hgroup, .l-content202204 menu, .l-content202204 nav, .l-content202204 section, .l-content202204 menu, .l-content202204 time, .l-content202204 mark, .l-content202204 audio, .l-content202204 video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  background: transparent;
}

.l-content202204 section, .l-content202204 article, .l-content202204 aside, .l-content202204 main, .l-content202204 dialog, .l-content202204 figure, .l-content202204 footer, .l-content202204 header, .l-content202204 hgroup, .l-content202204 nav, .l-content202204 section {
  display: block;
}