@charset "UTF-8";

/* 共通 */
body {
  line-height: 1;
  background-color: #000;
  color: #fff;
  font-size: 1.6rem;
}
/*body.noScroll {
overflow: hidden;
}*/
.wrap {
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  overflow: hidden;
}
.showBox {
  max-width: 1280px;
  padding: 0 30px;
  margin: 0 auto;
}
.showBox.max-width-none {
  max-width: none;
}
.miniBox {
  max-width: 900px;
  margin: 0 auto;
  font-size: 1.8rem;
  line-height: 1.222222;
}
.miniBox p + p {
  margin-top: 1.222222em;
}
sup {
  font-size: 60%;
  vertical-align: top;
}

/* パーツ（カラー） */
.color-727171 {
  color: #727171;
}
.color-ddd {
  color: #ddd;
}

/* パーツ（見出し） */
.caption01 {
  font-size: 6rem;
  letter-spacing: 0.05em;
  line-height: 1;
  padding-right: 60px;
}
.caption01 .read {
  max-width: 397px;
  letter-spacing: normal;
  /*font-size: 3rem;
  margin: -0.4333335em 0;
  line-height: 1.866667;*/
  padding-top: 1.433333em;
  font-size: 2.2rem;
  line-height: 1.5;
  margin: -0.25em 0;
}
.caption01 .read + .read {
  font-size: 2.2rem;
}
.caption01 .read.small {
  font-size: 1.6rem;
}
#keyvisual .caption02 {
  padding-top: 1px;
}
#keyvisual .caption02 .caption,
.caption02 .caption {
  font-size: 7.5rem;
  letter-spacing: 0.05em;
  line-height: 1.333333;
  margin: -0.1666665em 0;
  padding-top: 0.773333em;
}
.caption02 .read {
  font-size: 3.6rem;
  letter-spacing: 0.05em;
  padding-top: 1.333333em;
}

/* video */
.videoBox {
  position: relative;
}
.videoBox .video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.videoBox .video:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.video {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.video .background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
.video:after {
  content: "";
  position: absolute;
  width: 61px;
  height: 62px;
  background-image: url("/hino_common/images/common/icon-youtube.png");
  background-size: cover;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* colorbox */
#cboxOverlay {
  background: #000;
  opacity: 0.6 !important;
  filter: alpha(opacity = 60) !important;
}
#cboxClose {
  background: none;
}
#cboxClose:after,
#cboxClose:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  width: 100%;
  background-color: #000;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
#cboxClose:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

/* inline */
.colorboxInline #cboxContent,
.colorboxInline #cboxLoadedContent,
.colorboxInline #cboxLoadingOverlay {
  background-color: #fff;
  color: #000;
}
.colorboxInline #cboxLoadedContent {
  padding: 0;
}
.colorboxInline #cboxClose {
  display: inline-block;
  background: none;
  text-indent: 0;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  bottom: 25px;
  top: auto;
  left: 50%;
  width: auto;
  height: auto;
  padding-bottom: 35px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.colorboxInline #cboxClose:after,
.colorboxInline #cboxClose:before {
  content: "";
  position: absolute;
  top: 35px;
  left: 50%;
  height: 1px;
  width: 28px;
  background-color: #000;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.colorboxInline #cboxClose:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

/* パーツ（リンク） */
a {
  color: #fff;
}
a > * {
  position: relative;
  display: inline-block;
  padding: 2px 0;
}
a > *:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 3px;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
a .imageBox {
  width: 100%;
  background-size: cover;
  background-position: center;
}
a .imageBox:after {
  display: none;
}
.ua-pc a:hover > * {
  opacity: 1;
}
.ua-pc a:hover > *:after {
  opacity: 1;
  /*! bottom: 0; */
}
a.button {
  position: relative;
  display: block;
  overflow: hidden;
  box-shadow: #000 0 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
a.button > img {
  padding: 0;
}
a.button:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent #fb0000 transparent;
}
a.button .background,
a.button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  box-shadow: #000 0 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ua-pc a.button:hover .background,
.ua-pc a.button:hover:before {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.ua-pc a.button:hover > img {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
a.borderlink {
  position: relative;
  /*overflow: hidden;*/
  display: inline-block;
  vertical-align: top;
  font-size: 1.7rem;
  letter-spacing: 0.05em;
  border: 2px solid #fff;
  padding: 0.441176em 1em;
  min-width: 297px;
  text-align: center;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  box-shadow: #000 0 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
a.borderlink span {
  position: relative;
  z-index: 1;
}
a.borderlink:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: 100%;
  right: -webkit-calc(100% + 1px);
  right: calc(100% + 1px);
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /*-webkit-transform: translateX(-100%);
  transform        : translateX(-100%);*/
  box-shadow: #000 0 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
a.borderlink:hover span {
  color: #000;
}
a.borderlink:hover:after {
  /*-webkit-transform: translateX(0);
  transform        : translateX(0);*/
  right: -1px;
}
a.borderlink > *:after,
.ua-pc a.button > *:after {
  display: none;
}
a.moreLink {
  display: inline-block;
}
a.moreLink:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 8px;
  border-color: transparent transparent transparent #e60013;
}
a.underline > span {
  display: inline-block;
  line-height: 1;
}
a.underline > span:after {
  opacity: 1;
  bottom: 0;
}

/* borderBox */
.underline {
  text-decoration: underline;
}
.borderBox {
  border: 1px solid #fff;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1.866667;
  padding: 1.333333em;
}
.borderBox p {
  margin: -0.4333335em 0;
}
.borderBox p + p {
  padding-top: 1.4333335em;
}
.slidelink + .borderBox {
  margin-top: 60px;
}

/* ヘッダー */
#mainHeader,
#mainHeader .absolute {
  height: 78px;
  background-color: #fff;
  width: 100%;
  -webkit-transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
}
#mainHeader .absolute {
  position: absolute;
  z-index: 99;
}
#mainHeader .absolute.on {
  position: fixed;
  -webkit-transform: translateY(-80px);
  transform: translateY(-80px);
}
.scroll-event-upward #mainHeader .absolute {
  position: fixed;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#mainHeader a span {
  font-weight: 600;
  font-size: 1.2rem;
  color: #000;
  letter-spacing: 0.1em;
}
img[src="/hino_common/images/common/gnavicon02.jpg"] {
  max-width: 21px;
  width: 21px;
  display: inline-block;
  vertical-align: middle;
}
#mainHeader a span:after {
  background-color: #000;
}
#mainHeader .mainTable > .table-cell.col03 a > span:after {
  display: none;
}
#mainHeader .mainTable > .table-cell.col03 a:hover > span {
  text-decoration: underline;
}
#mainHeader .table,
#mainHeader .table-cell {
  height: 100%;
  vertical-align: middle;
}
#mainHeader .mainTable > .table-cell > .col {
  vertical-align: middle;
}
#mainHeader .mainTable > .table-cell.col01 {
  background-color: #fb0000;
  width: 300px;
  padding-left: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mainHeader .mainTable > .table-cell.col01 {
    width: 233px;
    padding-right: 14px;
  }
}
#mainHeader .mainTable > .table-cell.col02 > .col {
  margin-left: 3.75em;
}
#mainHeader .mainTable > .table-cell.col03 {
  padding: 0 30px 0 15px;
}
#mainHeader .mainTable > .table-cell.col03 > .col {
  white-space: nowrap;
}
#mainHeader .mainTable > .table-cell.col03 > .col span {
  white-space: normal;
  display: inline-block;
}
#mainHeader .mainTable > .table-cell.col03 > .col + .col {
  margin-left: 2em;
}
#mainHeader .mainTable > .table-cell.col03 > a.col + a.col {
  margin-left: 1em;
  padding-left: 1em;
  border-left: 1px solid #000;
}
#btn-search {
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-color: transparent;
}
/*#gnav,
#gnav > ul,
#gnav > ul > li,
#gnav > ul > li > a {
  height: 100%;
}*/
#gnav {
}
#gnav > ul {
  width: auto;
  table-layout: unset;
  text-align: center;
}
#gnav > ul > li.active > a > span {
  background-color: #000;
  color: #fff;
}
#gnav > ul > li.active > a > span span {
  color: #fff;
}
#gnav > ul > li > a:after {
  display: none;
}
#gnav > ul > li > a > span {
  padding: 0 12.5px;
  text-align: left;
}
#gnav > ul > li > a .table {
  width: auto;
}
#mainHeader .mainTable > .col03 {
  width: 31.89227498228207%;
}
#mainHeader .table.subTable {
  width: 100%;
  margin-left: auto;
  table-layout: auto;
}
#mainHeader .table.subTable .table-cell {
  padding: 0 1em;
  vertical-align: middle;
  text-align: left;
}
#mainHeader .table.subTable .table-cell.col001 a {
  position: relative;
  padding: 5px 0 5px 30px;
  background-image: url(/hino_common/images/common/gnavicon01.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  min-width: 130px;
}
#mainHeader .table.subTable .table-cell + .table-cell > * {
  position: relative;
}
#mainHeader .table.subTable .table-cell + .table-cell > *:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  height: 23px;
  width: 1px;
  background-color: #b7b7b7;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* 検索ボックス */
#search-content {
  z-index: 1000;
  max-width: 763px;
  width: 84.375%;
  background-color: #000;
  color: #fff;
  top: 150%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 3rem;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

@media print {
  #search-content {
    display: none;
  }
}

#search-content .innerBox {
  padding: 2em;
}
#search-content .row02 {
  width: 100%;
  display: block;
  margin-top: 0.8em;
  font-size: 3rem;
  padding: 0.283333em 2.2em 0.283333em 0.283333em;
  background-color: #fff;
}
#search-content input {
  width: 100%;
  border: none;
  font-size: 3rem;
  padding: 0;
}
#search-content .submit {
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  width: 1.24em;
  height: 1.24em;
  background-color: transparent;
  font-size: 3rem;
  right: 0.46em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.showSearchContent .wrap {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
  -webkit-transform-origin: center top;
  transform-origin: center 15%;
}
.showSearchContent #search-content {
  top: 50%;
  -webkit-transition: all 200ms linear 150ms;
  transition: all 200ms linear 150ms;
}
.showSearchContent:after {
  content: "";
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 150%;
  background-color: rgba(0, 0, 0, 0.6);
}

/* パンくず */
#breadcrumb {
  font-size: 1.2rem;
  padding: 1.25em 1.75em;
  color: #717171;
}
#breadcrumb a {
  color: #717171;
  letter-spacing: 0.1em;
}
#breadcrumb ul {
  overflow: hidden;
  white-space: nowrap;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
}
#breadcrumb li span,
#breadcrumb li a,
#breadcrumb li {
  display: inline;
}
#breadcrumb li + li:before {
  content: ">";
  display: inline-block;
  margin: 0 0.833333em 0 0;
  letter-spacing: -0.4em;
}
#breadcrumb li a {
  position: static;
}
#breadcrumb li {
  position: relative;
  padding: 3px 0;
}
#breadcrumb li:last-child a {
  color: #fff;
}
.ua-pc #breadcrumb a:hover span:after {
  background-color: #717171;
}
.ua-pc #breadcrumb li:last-child a:hover span:after {
  background-color: #fff;
}

/* メガナビ */
#gnav li.table-cell.active {
  border-top-color: transparent;
}
#gnav li.table-cell.active .contentBox {
  min-height: -webkit-calc(100vh - 75px);
  min-height: calc(100vh - 75px);
  opacity: 1;
  /*overflow-y: scroll;*/
}
.sticky-on #gnav li.table-cell.active .contentBox {
  height: -webkit-calc(100vh - 60px);
  height: calc(100vh - 60px);
  opacity: 1;
}
.sticky-on.scroll-event-upward #gnav li.table-cell.active .contentBox {
  height: -webkit-calc(100vh - 120px);
  height: calc(100vh - 120px);
  opacity: 1;
}
#gnav li.table-cell.active .contentBox .meganavCloseButton {
  position: fixed;
  z-index: 1;
  top: -webkit-calc(100vh - 50px);
  top: calc(100vh - 50px);
  right: 30px;
  width: 25px;
  height: 25px;
}
#gnav .meganavCloseButton:after,
#gnav .meganavCloseButton:before {
  content: "";
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
#gnav .meganavCloseButton:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.sticky-on #gnav li.table-cell.active {
  border-top-color: #4d4d4d;
  border-bottom-color: transparent;
}
.sticky-on #gnav li.table-cell.active .contentBox {
  display: block;
  bottom: auto;
  top: 100%;
}
#gnav li .contentBox {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: #000;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
  padding: 0 30px;
}
#gnav li .contentBox .showBox {
  padding: 0;
}
#navCorporate .row001 {
  margin-left: -20px;
  padding-top: 30px;
}
#navCorporate .row001 .col {
  width: -webkit-calc((100% - 61px) / 3);
  width: calc((100% - 61px) / 3);
  margin-left: 20px;
}
#navCorporate .row001 .col .imageBox {
  height: 140px;
}
#navCorporate .row001 .col img {
  width: 100%;
}
#navCorporate .row001 .col p {
  margin-top: 0.5em;
  letter-spacing: 0.1em;
}
#navCorporate .row002 {
  margin-top: 30px;
  margin: 30px -30px 0;
  padding: 30px;
}
#navCorporate .row002 .row002_01 {
  margin-left: -40px;
}
#navCorporate .row002 .col {
  width: -webkit-calc((100% - 201px) / 5);
  width: calc((100% - 201px) / 5);
  margin-left: 40px;
  text-align: left;
}
#navCorporate .row002 figcaption a span {
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  color: #fff;
}
#navCorporate .row002 ul {
  font-size: 1.2rem;
  line-height: 1.3;
  margin-top: 0.7em;
  letter-spacing: 0.1em;
}
#navCorporate .row002 ul a > span {
  color: #8a8886;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.ua-pc #navCorporate .row002 ul a:hover > span {
  color: #fff;
}
#navProducts .row001 ul {
  margin-left: -20px;
  padding-top: 30px;
}
#navProducts .row001 .col {
  width: -webkit-calc((100% - 61px) / 3);
  width: calc((100% - 61px) / 3);
  margin-left: 20px;
  text-align: center;
  letter-spacing: 0.1em;
}
#navProducts .row001 .col .tab {
  padding: 0.875em 0;
  background-color: #212121;
  cursor: pointer;
}
#navProducts .row001 .col .tab.active {
  background-color: #3c3c3c;
}
#navProducts .row002 {
  position: relative;
  background-color: #3c3c3c;
  margin: 0 -30px;
}
#navProducts .row002 .tabContent {
  position: relative;
  padding: 25px 0;
  z-index: -1;
}
#navProducts .row002 #tabContent01 {
  padding: 0 0 25px 0;
}
#navProducts .row002 .tabContent + .tabContent {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#navProducts .row002 .tabContent.active {
  z-index: 1;
}
#navProducts .row002 .carousel-cell {
  min-width: 210px;
  width: 25%;
  text-align: center;
}
#navProducts .row002 #tabContent03 {
  padding-left: 60px;
  padding-right: 60px;
}
#navProducts .row002 .flickity-prev-next-button.next {
  right: 0;
}
#navProducts .row002 .flickity-prev-next-button.previous {
  left: 0;
}
#navProducts .row002 #tabContent03 .flickity-prev-next-button.next {
  right: -35px;
}
#navProducts .row002 #tabContent03 .flickity-prev-next-button.previous {
  left: -35px;
}
#navProducts .row002 #tabContent03 .carousel-cell {
  min-width: 120px;
  width: -webkit-calc((100% - 1px) / 7);
  width: calc((100% - 1px) / 7);
  text-align: center;
  padding: 0 15px 2px;
}
#navProducts .row002 a > img {
  display: block;
  margin: 0 auto;
}
#navProducts .row002 .carousel-cell a > p {
  letter-spacing: 0.1em;
}
#navProducts .row002 #tabContent03 .col,
#navProducts .row002 #tabContent02 .col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 260px;
  width: 21.311475%;
}
#navProducts .row002 #tabContent03 .col + .col,
#navProducts .row002 #tabContent02 .col + .col {
  margin-left: 30px;
}
#navProducts .row002 #tabContent03 .col p,
#navProducts .row002 #tabContent02 .col p {
  margin-top: 0.8em;
}
#navProducts .flickity-button {
  background-color: transparent;
  -webkit-transition: opacity 400ms linear;
  transition: opacity 400ms linear;
}
#navProducts .flickity-button svg path {
  fill: #fff;
}
#navProducts .row003 ul {
  margin-left: -30px;
  margin-top: 30px;
}
#navProducts .row003 .col {
  width: -webkit-calc((100% - 91px) / 3);
  width: calc((100% - 91px) / 3);
  margin-left: 30px;
  text-align: center;
  letter-spacing: 0.1em;
}
#navProducts .row003 .col .imageBox {
  height: 140px;
}
#navProducts .row003 .col img {
  width: 100%;
}
#navProducts .row003 .col p {
  padding-top: 0.5em;
}
#navProducts .row004 {
  margin-top: 60px;
  padding-bottom: 30px;
  overflow: hidden;
}
#navProducts .row004 ul {
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  margin-left: -5em;
}
#navProducts .row004 li {
  margin-left: 2.5em;
  padding-left: 2.5em;
}
#navProducts .row004 a span {
  color: #fff;
}
#navProducts .row004 li + li {
  border-left: 1px solid #333;
}
#navTotalSupport .row001 {
  padding-top: 30px;
}
#navTotalSupport .row001 ul {
  margin-left: -20px;
  margin-top: -1em;
}
#navTotalSupport .row001 li {
  width: -webkit-calc((100% - 91px) / 3);
  width: calc((100% - 91px) / 3);
  margin-left: 30px;
  text-align: center;
  margin-top: 1em;
}
#navTotalSupport .row001 a img {
  display: block;
  width: 100%;
}
#navTotalSupport .row001 a p {
  letter-spacing: 0.1em;
  padding-top: 1em;
}
#navTotalSupport .row002 {
  margin-top: 40px;
  padding-bottom: 30px;
  overflow: hidden;
}
#navTotalSupport .row002 ul {
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  margin-left: -5em;
}
#navTotalSupport .row002 li {
  margin-left: 2.5em;
  padding-left: 2.5em;
  border-left: 1px solid #333;
}

/* フッター */
#mainFooter {
  margin-top: 80px;
}
#mainFooter .row02 {
  margin-top: 0;
  margin-left: -30px;
  text-align: left;
}
#mainFooter .row02 figure {
  margin-top: 55px;
  width: 25%;
  font-size: 1.3rem;
  min-width: 18.076923em;
  letter-spacing: 0.05em;
  padding-left: 30px;
}
#mainFooter .row02 figcaption {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  padding-bottom: 1.4em;
  border-bottom: 1px solid #333;
}
#mainFooter .row02 .menu > .menu-item {
  margin-top: 2em;
}
#mainFooter .row02 .menu > .menu-item > a {
  font-weight: bold;
}
#mainFooter .row02 .menu > .menu-item a > *:after {
  display: none;
}
.ua-pc #mainFooter .row02 .menu > .menu-item a:hover > * {
  text-decoration: underline;
}
#mainFooter .row02 .submenu > .menu-item {
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  margin-top: 0.4em;
}
#mainFooter .row02 .submenu > .menu-item a {
  color: #bbb;
}
#mainFooter .row02 .font-big {
  font-size: 2rem;
  letter-spacing: 0.1em;
}
#mainFooter .row03 {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  margin: 3.75em 0 4.166667em;
}
#mainFooter .row03 .table {
  direction: rtl;
}
#mainFooter .row03 .table-cell {
  vertical-align: middle;
  direction: ltr;
}
#mainFooter .row03 .table-cell.col02 {
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}
#mainFooter .row03 .table-cell.col02 li + li {
  margin-left: 2.642857em;
}
#mainFooter .row03 > ul {
  padding-bottom: 2em;
}
#mainFooter .row03 > ul li + li {
  margin-left: 1em;
}

/* キービジュアル */
.gradation {
  position: relative;
}
.gradation.videoBox .video:before,
.gradation:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url("/hino_common/images/common/kv-back.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
}
.gradation.videoBox:before {
  display: none;
}
.gradation.videoBox .caption01 {
  position: relative;
  z-index: 2;
}
#keyvisual {
  position: relative;
  background-image: url("/hino_common/images/keyvisual/keyvisual-bk.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#keyvisual .main-carousel.slick-slider {
  margin-bottom: 0;
}
#keyvisual .carousel-cell {
  position: relative;
}
#keyvisual .carousel-cell:before,
#keyvisual:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url("/hino_common/images/common/kv-back.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
}
#keyvisual .showBox,
#keyvisual .carousel-cell .showBox {
  position: relative;
}
#keyvisual .main-carousel > .carousel-cell + .carousel-cell {
  display: none;
}
#keyvisual .carousel-cell {
  width: 100%;
  padding: 70px 0;
  background-size: cover;
  background-position: center;
  border: none;
}
#keyvisual .caption {
  font-size: 4rem;
  margin-top: 1em;
}
#keyvisual .text {
  font-size: 1.8rme;
  padding-top: 1.666667em;
  line-height: 1.5;
  margin: -0.25em 0;
}
#keyvisual .slick-dots,
#keyvisual .flickity-page-dots {
  bottom: 30px;
}
#keyvisual .slick-dots li,
#keyvisual .slick-dots button,
#keyvisual .flickity-page-dots .dot {
  display: inline-block;
  max-width: 150px;
  width: 12.295082%;
  height: 6px;
  margin: 0 10px;
  background: #fff;
  border-radius: 0;
  opacity: 1;
  cursor: pointer;
  overflow: hidden;
}
#keyvisual .slick-dots button:before,
#keyvisual .slick-dots button {
  opacity: 0;
}
#keyvisual .slick-dots .slick-active,
#keyvisual .slick-dots .slick-active button,
#keyvisual .flickity-page-dots .dot.is-selected {
  background: #e60012;
}
#keyvisual.slide-no {
  min-height: 645px;
}

/* FIND YOUR COUNTRY */
#find_your_country {
  position: relative;
  margin-top: 100px;
  background-color: #727171;
  min-height: 810px;
  background-image: url("/hino_common/images/top/row06_02.png");
  background-size: auto 810px;
  background-repeat: no-repeat;
  background-position: center top;
}
#find_your_country .showBox {
  position: static;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 180px;
}
.find_your_country_row_01 {
  text-align: left;
}
.find_your_country_row_02 .links {
  text-align: left;
  max-width: 1280px;
  padding: 0 30px;
  margin: 0 auto;
}
.find_your_country_row_02 li {
  position: absolute;
}
.find_your_country_row_02 li.col01 {
  top: 38.888888%;
  left: 12.5%;
}
.find_your_country_row_02 li.col02 {
  top: 54.938272%;
  left: 18.125%;
}
.find_your_country_row_02 li.col03 {
  top: 71.604938%;
  left: 20.703125%;
}
.find_your_country_row_02 li.col04 {
  top: 32.469136%;
  left: 40.859375%;
}
.find_your_country_row_02 li.col05 {
  top: 42.592593%;
  left: 48.828125%;
}
.find_your_country_row_02 li.col06 {
  top: 58.024691%;
  left: 41.796875%;
}
.find_your_country_row_02 li.col07 {
  top: 39.135802%;
  left: 72%;
}
.find_your_country_row_02 li.col08 {
  top: 50.617284%;
  left: 72%;
}
.find_your_country_row_02 li.col09 {
  top: 61.728395%;
  left: 70%;
}
.find_your_country_row_02 li.col10 {
  top: 71.604938%;
  left: 73.046875%;
}
.find_your_country_row_02 li a .table,
.find_your_country_row_02 li a .table-cell {
  height: 100%;
  text-align: center;
  width: 100%;
  vertical-align: middle;
}
.find_your_country_row_02 li a {
  width: 14.117647em;
  height: 2.941176em;
  line-height: 1.058824;
  padding: 0;
  background-color: rgba(60, 57, 54, 0.8);
  min-width: 0;
}
.ua-pc .find_your_country_row_02 li a:hover > span:after {
  display: none;
}
.find_your_country_row_03 figure {
  display: none;
}
.onSelectArea .find_your_country_row_02 {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 20px;
}
.onSelectArea .find_your_country_row_02 {
  letter-spacing: -0.4em;
}
.onSelectArea .find_your_country_row_02 li {
  position: static;
  width: -webkit-calc((100% - 41px) / 5);
  width: calc((100% - 41px) / 5);
  margin-left: 10px;
}
.onSelectArea .find_your_country_row_02 li:nth-child(5n + 1) {
  margin-left: 0;
}
.onSelectArea .find_your_country_row_02 li:nth-child(n + 6) {
  margin-top: 10px;
}
.onSelectArea .find_your_country_row_02 li a {
  width: 100%;
  -webkit-transition: none;
  transition: none;
}
.onSelectArea .find_your_country_row_02 li a.onSelect:after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.onSelectArea .find_your_country_row_02 li a.onSelect span {
  color: #000;
}
.onSelectArea .find_your_country_row_02 li a > span {
  -webkit-transition: color 200ms linear;
  transition: color 200ms linear;
}
.onSelectArea .find_your_country_row_03 .onSelect {
  display: block;
  padding: 55px 20px 0;
}
.onSelectArea .find_your_country_row_03 .onSelect figcaption {
  font-size: 3rem;
  letter-spacing: 0.05em;
}
.onSelectArea .find_your_country_row_03 .onSelect .links {
  letter-spacing: -0.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.onSelectArea .find_your_country_row_03 .onSelect .links:after {
  content: "";
  width: 27%;
}
.onSelectArea .find_your_country_row_03 .onSelect .links li {
  width: 27%;
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  padding-top: 60px;
  line-height: 1.25;
  margin: -0.125em 0;
}
.onSelectArea .find_your_country_row_03 .onSelect .links li span span {
  font-size: 62.5%;
  display: block;
}
.onSelectArea .find_your_country_row_03 .onSelect .links li a {
  position: relative;
  width: 100%;
  display: block;
}
.onSelectArea .find_your_country_row_03 .onSelect .links li a:after {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.find_your_country_note {
  padding: 1rem;
  color: #fff;
  border: 2px solid #fff;
  background-color: rgba(0, 0, 0, 0.3);
}
.row06_popup_content {
  padding: 30px 30px 108px;
}
.row06_popup_content_row_01 {
  font-size: 3rem;
  letter-spacing: 0.05em;
}
.row06_popup_content_row_02,
.row06_popup_content_row_03 {
  font-size: 1.6rem;
  line-height: 1.666667;
  padding-top: 2em;
}
.row06_popup_content_row_02 {
  margin: -0.666667em 0;
  font-weight: bold;
}
.row06_popup_content_row_03 {
  margin: -0.3333335em 0;
}

/* 下層パーツ */
.buttonpart {
  position: relative;
  min-height: 600px;
  margin-top: 60px;
  background-size: cover;
  background-position: center;
}
.buttonpart.type-mini {
  min-height: 0;
}
.buttonpart .w50 {
  width: 50%;
}
.buttonpart .caption01 {
  position: relative;
  z-index: 1;
  /*padding-top: 40px;*/
  padding-top: 0;
  margin-top: -20px;
}
.buttonpart iframe.absolute {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.buttonpart01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.buttonpart01 * {
  height: 100%;
}
.buttonpart .caption01 {
  margin-bottom: 25px;
}
.view360 {
  background-image: url("/hino_common/images/common/360view-bk.png");
  background-size: cover;
  background-position: center;
}
.view360 .view360_01 {
  position: absolute;
  z-index: 9;
  text-align: left;
}
.view360 .view360_02 {
  padding-top: 60px;
}
.view360 .view360_03 .col {
  padding: 10px 15px 0;
}
.view360content,
#view360-reel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
}
#mainContent .view360content {
  /*position: relative;*/
}
.view360-multiple-item {
  /*position: relative;*/
  display: none;
}
.view360-multiple-item.show {
  display: block;
}
.view360content .reel,
#view360-reel .reel {
  position: absolute;
  max-width: none;
  height: 600px !important;
  width: auto !important;
  top: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.view360content:after,
#view360-reel:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 197px;
  height: 128px;
  background-image: url("/hino_common/images/common/icon-360.png");
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
.view360content.mousedown:after,
#view360-reel.mousedown:after {
  opacity: 0;
}
.lineup {
  background-color: #212121;
  margin-top: 0;
  padding-bottom: 45px;
}
.lineup_02 {
  margin: 0 -30px;
}
.lineup_02 .border-no {
  border-color: transparent;
}
.lineup_02 table {
  table-layout: fixed;
  width: 100%;
}
.lineup_02 table + table {
  margin-top: 60px;
}
.lineup_02 table tr th:first-child {
  padding: 0 0 0 30px;
  text-align: left;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-weight: normal;
  width: 8.5em;
}
.lineup_02 table thead th {
  font-size: 2rem;
  letter-spacing: 0.05em;
  font-weight: normal;
  padding-bottom: 20px;
}
.lineup_02 table thead th + th,
.lineup_02 table tbody td {
  border-left: 1px solid #fff;
}
.lineup_02 table tbody tr:nth-child(2) > *,
.lineup_02 table tbody tr:nth-child(4) > * {
  background-color: #3e3a39;
}
.lineup_02 table tbody tr:nth-child(2) > *,
.lineup_02 table tbody tr:nth-child(3) > *,
.lineup_02 table tbody tr:nth-child(4) > * {
  vertical-align: middle;
}
.lineup_02 table tbody tr:nth-child(1) td {
  padding: 23px;
}
.lineup_02 table tbody tr:nth-child(2) td {
  font-size: 2.5rem;
  letter-spacing: 0.05em;
  padding: 0.56em;
}
.lineup_02 table tbody tr:nth-child(3) td,
.lineup_02 table tbody tr:nth-child(4) td {
  font-size: 2rem;
  letter-spacing: 0.05em;
  padding: 0.56em;
}
.lineup_02 table tbody tr:nth-child(5) td {
  padding-top: 18px;
}
.slidelink {
  padding: 0 30px;
}
.slidelink .carousel-cell {
  padding: 0 3px;
  width: 33.333333%;
  width: -webkit-calc((100% - 1px) / 3);
  width: calc((100% - 1px) / 3);
  margin-left: 1px;
}
.slidelink .carousel-cell a {
  display: block;
}
.slidelink .flickity-prev-next-button {
  background-color: transparent;
  padding: 0;
}
.slidelink .flickity-prev-next-button.next {
  right: -44px;
}
.slidelink .flickity-prev-next-button.previous {
  left: -44px;
}
.slidelink .flickity-prev-next-button svg path {
  fill: #fff;
}
.slidelink .flickity-page-dots {
  display: none;
}
[data-target="#gallery"],
#gallery {
  margin: 0 30px;
}
[data-target="#gallery"] > .carousel-cell + .carousel-cell,
#gallery > .carousel-cell + .carousel-cell {
  display: none;
}
#gallery .carousel-cell {
  width: 100%;
}
#gallery .slick-slide img {
  display: inline-block;
}
[data-target="#gallery"] .carousel-cell {
  width: -webkit-calc((100% - 31px) / 7);
  width: calc((100% - 31px) / 7);
  margin: 5px 5px 0 0;
}
.slick-slider[data-target="#gallery"] .carousel-cell {
  position: relative;
}
[data-target="#gallery"] .carousel-cell:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
[data-target="#gallery"] .carousel-cell.slick-current:after,
[data-target="#gallery"] .carousel-cell.is-selected:after {
  background-color: transparent;
}
[data-target="#gallery"] .flickity-prev-next-button,
#gallery .flickity-prev-next-button {
  box-shadow: none;
  background-color: transparent;
  padding: 0;
  outline: none;
}
[data-target="#gallery"] .flickity-prev-next-button.next,
#gallery .flickity-prev-next-button.next {
  right: -44px;
}
[data-target="#gallery"] .flickity-prev-next-button.previous,
#gallery .flickity-prev-next-button.previous {
  left: -44px;
}
[data-target="#gallery"] .flickity-prev-next-button svg path,
#gallery .flickity-prev-next-button svg path {
  fill: #fff;
}

/* qa */
dl.qa {
  font-size: 2rem;
  line-height: 1.4;
  margin: -0.2em 0;
}
dl.qa dt {
  color: #e60012;
}
dl.qa dd {
  font-size: 1.6rem;
}

/* テキストコンテンツ */
.text-content-h1 {
  font-size: 7.5rem;
}
.text-content-h2 {
  font-size: 4rem;
}
.text-content-h3 {
  font-size: 3rem;
}

/* レスポンシブ */
@media only screen and (max-width: 1280px) {
  @-ms-viewport {
    width: 1280px;
  }
}
@media only screen and (max-width: 1100px) {
  #mainHeader .mainTable > .col03 {
    width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 3.75vmin;
    width: 100%;
  }
  .showBox {
    padding: 0 3.125vmin;
  }

  /* 見出し */
  .caption01 {
    font-size: 7.5vmin;
  }
  .caption01 .read {
    font-size: 2.75vmin;
    padding-top: 1em;
  }

  /* ボタン */
  a.button:after {
    border-width: 0 0 1.875vmin 1.875vmin;
  }
  a.borderlink {
    font-size: 3.4375vmin;
    min-width: 100%;
    border-width: 1px;
  }
  .ua-pc a.button:hover:before {
    -webkit-transform: none;
    transform: none;
  }

  /* ヘッダー */
  #mainHeader,
  #mainHeader .absolute {
    height: 14.0625vmin;
  }
  #mainHeader .absolute {
    /*margin-top: 14.0625vmin;*/
    margin-top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 9999;
  }
  #mainHeader .table-cell.col02 > *,
  #mainHeader .table-cell.col03 {
    display: none;
  }
  #mainHeader .mainTable > .table-cell.col01 {
    width: 85.15625vmin;
  }
  #headerLogo img {
    width: 31.25vmin;
  }
  .pageTop #mainHeader > .absolute,
  .spGnavShow #mainHeader > .absolute {
    position: fixed !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
  .sticky-on.scroll-event-upward #mainHeader > .absolute {
    height: 14.0625vmin;
    margin: 0 0 0 0 !important;
  }
  .spGnavShow #mainHeader > .absolute,
  .sticky-on #mainHeader > .absolute {
    height: 14.0625vmin;
  }
  #mainHeader .table-cell.col02 {
    width: auto;
  }

  /* グローバルナビ */
  #mainHeader > .absolute > .table > .table-cell {
    height: 14.0625vmin;
  }
  .sp-gnav.button {
    display: block !important;
    width: 100%;
    height: 100%;
    height: 14.0625vmin;
    padding: 5.46875vmin 3.90625vmin;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
    cursor: pointer;
  }
  .sp-gnav.button span {
    position: relative;
    display: block;
    height: 100%;
  }
  .sp-gnav.button span:after,
  .sp-gnav.button span:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #f00;
    top: 0;
    left: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
  }
  .sp-gnav.button span:after {
    top: auto;
    bottom: 0;
  }
  .slideToggleActionSP-on.sp-gnav.button {
    background-color: #000;
  }
  .slideToggleActionSP-on.sp-gnav.button span:before {
    background-color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
  }
  .slideToggleActionSP-on.sp-gnav.button span:after {
    background-color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
  }
  #sp-gnav-area {
    position: absolute;
    display: none;
    top: 14.0625vmin;
    left: 0;
    width: 100%;
    background-color: #000;
    color: #fff;
    padding: 0 3.125vmin;
  }
  .spGnavShow #sp-gnav-area {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 100vh;
    height: -webkit-calc(100vh - 14.0625vmin);
    height: calc(100vh - 14.0625vmin);
  }
  #sp-gnav {
    display: none;
  }
  #sp-gnav a {
    display: block;
    font-size: 4.0625vmin;
    padding: 3.515625vmin 0;
    line-height: 1;
  }
  #sp-gnav .submenu a span {
    font-weight: normal;
  }
  #sp-gnav a span {
    color: #fff;
  }
  #sp-gnav figure figcaption {
    border-bottom: 1px solid #727171;
  }
  #sp-gnav figure:nth-last-child(1) figcaption,
  #sp-gnav figure:nth-last-child(2) figcaption {
    border-top: none;
    border-bottom: none;
  }
  #sp-gnav figcaption {
    position: relative;
    letter-spacing: 0.05em;
    padding: 5.46875vmin 0;
    font-size: 4.375vmin;
  }
  #sp-gnav figcaption a {
    margin: -1.428571em 0;
    font-size: 4.375vmin;
    padding: 5.46875vmin 0;
  }
  #sp-gnav figcaption a span {
    font-size: 4.375vmin;
  }
  #sp-gnav .slideToggleActionSP {
    position: relative;
    cursor: pointer;
  }
  #sp-gnav li .slideToggleActionSP {
    margin-right: -3.125vmin;
  }
  #sp-gnav .slideToggleActionSP:before {
    position: absolute;
    right: 0;
    top: 50%;
    content: "";
    width: 3.90625vmin;
    height: 2.1875vmin;
    margin-top: -1.09375vmin;
    background-image: url("/hino_common/images/common/sp/arrow.svg");
    background-repeat: no-repeat;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
  }
  #sp-gnav .slideToggleActionSP-on:before {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
  }
  #sp-gnav ul.menu {
    display: none;
    padding: 0 3.125vmin;
  }
  #sp-gnav figure.row006 figcaption {
    padding-bottom: 3.125vmin;
    font-size: 4.0625vmin;
  }
  #sp-gnav form {
    position: relative;
    width: 100%;
    display: block;
    font-size: 4.375vmin;
    padding: 0.34em 2.2em 0.34em 0.34em;
    background-color: #fff;
  }
  #sp-gnav form input {
    width: 100%;
    border: none;
    font-size: 4.375vmin;
  }
  .sticky-on.scroll-event-upward #sp-gnav form .submit,
  .sticky-on #sp-gnav form .submit,
  #sp-gnav form .submit {
    position: absolute !important;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    width: 1.24em;
    height: 1.24em;
    background-color: transparent;
    font-size: 4.375vmin;
    right: 0.46em;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
  }
  .closeButton.slideToggleActionTargetSP {
    padding: 7.8125vmin 0 6.25vmin;
    padding-bottom: 40vmin;
  }
  .closeButton.slideToggleActionTargetSP:before {
    display: none;
  }
  .closeButton.slideToggleActionTargetSP > span {
    position: relative;
    padding-bottom: 8.90625vmin;
    display: inline-block;
  }
  .closeButton.slideToggleActionTargetSP > span:after,
  .closeButton.slideToggleActionTargetSP > span:before {
    content: "";
    position: absolute;
    height: 0.46875vmin;
    width: 80%;
    background-color: #fff;
    bottom: 25%;
    left: 10%;
    background-image: none;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
  }
  .closeButton.slideToggleActionTargetSP > span:after {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
  }
  #sp-gnav .submenu {
    letter-spacing: -0.4em;
    display: none;
  }
  #sp-gnav .submenu li {
    width: 100%;
    display: inline-block;
    text-align: left;
    padding: 0 3.125vmin;
    letter-spacing: normal;
  }
  #sp-gnav .submenu li a {
    padding: 2.34375vmin 0;
  }
  #sp-gnav .submenu li span {
    line-height: 1.3;
  }
  #sp-gnav .slideToggleActionSP a {
    display: inline-block;
  }

  /* スティッキー */
  #top .sticky {
    display: none;
  }
  #topSticky > .table {
    display: block;
    letter-spacing: -0.4em;
  }
  .sticky-on #topSticky li.table-cell,
  #topSticky li.table-cell {
    display: inline-block;
    height: 9.375vmin;
    width: 50%;
    letter-spacing: normal;
    border-bottom: none;
  }
  #topSticky li.table-cell:nth-child(n + 3) {
    border-bottom: 1px solid #4d4d4d;
  }
  #topSticky li.table-cell a {
    width: 100%;
    padding: 0;
    text-align: center;
    font-size: 3.125vmin;
  }
  .sticky-on.scroll-event-upward #topSticky {
    /*margin-top: 14.0625vmin;*/
    margin-top: 0;
    -webkit-transition: margin 200ms linear;
    transition: margin 200ms linear;
  }

  /* キービジュアル */
  #top .keyvisual {
    height: -webkit-calc(62.5vmin + 18.75vmin);
    height: calc(62.5vmin + 18.75vmin);
    padding-top: 62.5vmin;
  }

  /* フッター */
  #mainFooter {
    margin-top: 10.9375vmin;
  }
  #footerLogo img {
    width: 23.4375vmin;
  }
  #mainFooter .row02 {
    margin-top: 4.6875vmin;
    margin-left: 0;
    text-align: left;
  }
  #mainFooter .row02 figure {
    width: 100%;
    font-size: 3.75vmin;
    min-width: 0;
    padding-left: 0;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
  }
  #mainFooter .row02 figure {
    margin-top: 0;
  }
  #mainFooter .row02 figure + figure {
    border-top: none;
  }
  #mainFooter .row02 .sp.font-big,
  #mainFooter .row02 figcaption {
    position: relative;
    font-size: 3.75vmin;
    border: none;
    padding: 1em 0;
    display: block;
    width: 100%;
    cursor: pointer;
    font-weight: bold;
  }
  #mainFooter .row02 figcaption:before {
    position: absolute;
    right: 0;
    top: 50%;
    content: "";
    width: 3.90625vmin;
    height: 2.1875vmin;
    margin-top: -1.09375vmin;
    background-image: url("/hino_common/images/common/sp/arrow.svg");
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
  }
  #mainFooter .row02 .slideToggleActionSP-on:before {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
  }
  #mainFooter .row02 figcaption + ul {
    display: none;
  }
  #mainFooter .row02 .menu a {
    display: block;
  }
  #mainFooter .row02 .menu > .menu-item {
    margin-top: 0.8em;
  }
  #mainFooter .row02 .menu > .menu-item:nth-last-of-type(1) {
    padding-bottom: 3.75vmin;
  }
  #mainFooter .row03 {
    font-size: 3.125vmin;
    line-height: 1.5;
    margin: -0.25em 0;
    padding: 0 0 6.25vmin;
  }
  #mainFooter .row03 .table,
  #mainFooter .row03 .table-cell {
    display: block;
  }
  #mainFooter .row03 li {
    display: block;
    text-align: left;
    margin: 0 !important;
    border-bottom: 1px solid #333;
  }
  #mainFooter .row03 a {
    position: relative;
    font-size: 3.75vmin;
    border: none;
    padding: 1em 0;
    display: block;
    width: 100%;
    cursor: pointer;
    font-weight: bold;
  }
  #mainFooter .row03 a:hover > span:after {
    display: none;
  }
  #mainFooter .row03 .table-cell.col01 {
    text-align: center;
    padding-top: 9.375vmin;
  }

  /* 360view */
  .view360 .view360_01 {
    position: static;
    text-align: left;
  }
  .view360 .view360_02 {
    padding-top: 0;
  }
  #mainContent .view360content,
  #view360-reel {
    position: relative;
    margin: 0 -3.125vmin;
    width: auto;
    height: 56.25vmin;
    background-image: url("/hino_common/images/common/360view-bk.png");
    background-size: cover;
    background-position: center;
  }
  #mainContent .view360content {
    position: relative;
  }
  #mainContent .view360content .reel,
  #view360-reel .reel {
    height: 56.25vmin !important;
    width: auto !important;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #mainContent .view360content:after,
  #view360-reel:after {
    width: 23.90625vmin;
    height: 15.46875vmin;
    background-size: cover;
  }
  #mainContent .view360content.mousedown:after,
  #view360-reel.mousedown:after {
    opacity: 0;
  }

  /* line up */
  .lineup .caption {
    padding-top: 10.9375vmin;
  }
  .lineup_02 {
    padding-bottom: 9.375vmin;
    margin: 0 -3.125vmin;
    overflow-x: scroll;
  }
  .lineup_02::-webkit-scrollbar {
    /* ス‚¯ãƒ­ãƒ¼ãƒ«ãƒãƒ¼æœ¬ä½“ */
    background: #fff;
    height: 3px;
    width: 100%;
  }
  .lineup_02::-webkit-scrollbar-track {
    background: #fff;
    height: 3px;
    width: 100%;
  }
  .lineup_02::-webkit-scrollbar-track:horizontal {
    /* 横方向のスクロールバー本体 */
    background: #fff;
    height: 3px;
    width: 100%;
  }
  .lineup_02::-webkit-scrollbar-thumb {
    /* スクロールバーの動く部分 */
    background: #e60012;
  }
  .lineup_02::-webkit-scrollbar-thumb:horizontal {
    /* 横方向のスクロールバーの動く部分 */
    background: #e60012;
  }
  .lineup_02::-webkit-scrollbar-track-piece:start {
    /* スクロールバーの動く部分の前 */
    background: #fff;
  }
  .lineup_02::-webkit-scrollbar-track-piece:end {
    /* スクロールバーの動く部分の後ろ */
    background: #fff;
  }
  .lineup_02::-webkit-scrollbar-corner {
    /* スクロールƒãƒ¼è§’ */
    background: #fff;
  }
  .lineup_02 table {
    width: 200%;
    table-layout: fixed;
  }
  .lineup_02 table thead th {
    font-size: 3.125vmin;
    padding: 0;
  }
  .lineup_02 table tbody th {
    font-size: 2.8125vmin !important;
    padding-left: 3.125vmin !important;
    padding-right: 0.9375vmin !important;
    width: 16.25vmin !important;
  }
  .lineup_02 table tbody tr td {
    font-size: 3.125vmin !important;
  }
  .lineup_02 table tbody tr:nth-child(1) td {
    width: 37.34375vmin !important;
  }
  .lineup_02 table tbody tr:nth-child(1) td {
    padding: 3.59375vmin !important;
  }
  .lineup_02 table tbody tr:last-child td {
    padding-left: 5.625vmin;
    padding-right: 5.625vmin;
  }

  /* links */
  .slidelink {
    padding: 0;
    margin-bottom: 5.625vmin;
  }
  .slidelink .carousel-cell {
    padding: 0;
    width: 100%;
    margin: 0 3px;
  }
  .slidelink .carousel-cell img {
    width: 100%;
  }
  .slidelink .flickity-prev-next-button {
    display: none;
  }
  .slidelink .flickity-page-dots {
    display: block;
    bottom: -5.625vmin;
  }
  .slidelink .flickity-page-dots .dot {
    max-width: 150px;
    width: 12.295082%;
    height: 3px;
    margin: 0 0.78125vmin;
    background: #fff;
    border-radius: 0;
    opacity: 1;
    cursor: pointer;
  }
  .slidelink .flickity-page-dots .dot.is-selected {
    background: #e60012;
  }

  /* パーツ */
  .borderBox {
    font-size: 3.4375vmin;
    letter-spacing: 0.05em;
    line-height: 1.545454545454545;
    padding: 1.333333em;
    text-align: left;
  }

  #find_your_country.row {
    margin-top: 6.25vmin;
    min-height: 87.5vmin;
    background-image: url("/hino_common/images/top/sp/row06_02.jpg") !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-position: top !important;
  }
  #find_your_country.row .showBox {
    padding-top: 6.875vmin;
    padding-bottom: 20vmin;
  }
  #find_your_country.row .row06_02 {
    position: absolute;
    z-index: 1;
    right: 3.125vmin;
    left: 3.125vmin;
    top: 100%;
  }
  #find_your_country.row .row06_02 figcaption {
    position: relative;
    font-size: 3.4375vmin;
    letter-spacing: 0.05em;
    padding: 0.636364em;
    border: 2px solid #fff;
    margin-bottom: 2vmin;
    cursor: pointer;
    margin-top: -12.125vmin;
  }
  #find_your_country.row .row06_02 figcaption:before {
    position: absolute;
    right: 3.125vmin;
    top: 50%;
    content: "";
    width: 3.90625vmin;
    height: 2.1875vmin;
    background-image: url("/hino_common/images/common/sp/arrow.svg");
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    margin-top: -1.09375vmin;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
  }
  #find_your_country.row .row06_02 .slideToggleActionSP-on:before {
    transform: scale(1, -1);
    filter: FlipV;
    -ms-filter: "FlipV";
  }
  #find_your_country .slideToggleActionSP + #SelectArea {
    background-color: #fff;
    padding: 1.5vmin 4.6875vmin;
    display: none;
  }
  #find_your_country .slideToggleActionSP + #SelectArea li {
    position: static;
    width: 100%;
  }
  #find_your_country .slideToggleActionSP + #SelectArea li + li {
    border-top: 1px solid #000;
  }
  #find_your_country .slideToggleActionSP + #SelectArea li a {
    width: 100%;
    background-color: transparent;
    color: #000;
    font-size: 3.4375vmin;
    height: 2.15em;
  }
  #find_your_country .slideToggleActionSP + #SelectArea li a .table,
  #find_your_country .slideToggleActionSP + #SelectArea li a .table-cell {
    text-align: left;
  }
  #top .row04:before,
  #top .row03:before,
  #top .row02:before {
    background-size: cover;
  }

  .onSelectArea .find_your_country_row_03 .onSelect figcaption {
    font-size: 5vmin;
  }
  .onSelectArea .find_your_country_row_02 li {
    margin-left: 0;
  }
  .onSelectArea .find_your_country_row_02 li:nth-child(n + 6) {
    margin-top: 0;
  }
  .onSelectArea .find_your_country_row_03 .onSelect .links li {
    width: 50%;
    font-size: 3.4375vmin;
    padding-top: 1.5em;
  }
  .onSelectArea .find_your_country_row_03 .onSelect .links li:nth-child(oven) {
    padding-right: 15px;
  }
  .onSelectArea .find_your_country_row_03 .onSelect .links li:nth-child(even) {
    padding-left: 15px;
  }

  #breadcrumb {
    display: none;
  }
  #keyvisual.slide-no:not(".owners_voice_detail") {
    min-height: 0;
    background-position: top;
    background-image: none !important;
  }
  #keyvisual .caption {
    font-size: 3.75vmin;
  }
  #keyvisual .caption02 .caption,
  .caption02 .caption {
    font-size: 7.5vmin;
  }
  #keyvisual .showBox {
    position: static;
  }
  #keyvisual .caption02 .caption {
    position: absolute;
    top: 0;
    left: 3.125vmin;
  }
  .caption02 .read {
    position: relative;
    font-size: 6.25vmin !important;
  }
  .caption02 .read.small,
  .caption02 .read + read {
    position: relative;
    font-size: 3.75vmin !important;
  }
  .buttonpart .caption01 {
    margin-bottom: 4.6875vmin;
    padding-right: 0;
  }

  #keyvisual {
    margin-bottom: 11.6vmin;
  }
  #keyvisual.slide-no {
    min-height: 0;
  }
  #keyvisual .carousel-cell {
    height: 62.5vmin;
    padding: 0;
  }
  #keyvisual .flickity-slider,
  #keyvisual .flickity-slider .carousel-cell,
  #keyvisual .flickity-slider .showBox,
  #keyvisual .flickity-slider .table,
  #keyvisual .flickity-slider .table-cell {
    height: 62.5vmin;
    vertical-align: middle;
  }
  #keyvisual .flickity-slider .table-cell {
    padding-left: 3.125vmin;
  }
  #keyvisual .flickity-slider .table-cell.col02 {
    width: 57.8125%;
  }
  #keyvisual .flickity-page-dots {
    bottom: -5.625vmin;
  }
  #keyvisual .flickity-page-dots .dot {
    height: 3px;
    margin: 0 0.78125vmin;
  }
  .videoBox .video {
    position: relative;
    display: block;
    width: 100vmin;
    height: 43.75vmin;
    margin-left: -3.125vmin;
  }
  .buttonpart:not(.owners_voice_detail) {
    min-height: 43.75vmin;
    margin-top: 10.9375vmin;
    margin-bottom: 10.9375vmin;
    background-image: none !important;
  }
  .buttonpart .caption01 {
    padding-top: 0;
    text-align: left;
  }
  #keyvisual .bkimage,
  .buttonpart .bkimage {
    height: 43.75vmin;
    background-size: cover;
    background-position: center;
    margin: 4.6875vmin -3.125vmin 0;
  }
  #keyvisual .bkimage {
    margin-top: -1px;
  }
  #keyvisual .bkimage.no-background {
    height: auto;
  }
  .buttonpart .bkimage + * {
    margin-top: 4.6875vmin;
    padding-top: 0;
  }
  .buttonpart .bkimage + .read {
    font-size: 5vmin;
  }
  .caption01 .read,
  .caption01 .read.small {
    font-size: 3.75vmin !important;
    letter-spacing: 0.05em;
  }

  /* テキストコンテンツ */
  .text-content-h1 {
    font-size: 7.5vmin;
  }
  .text-content-h2 {
    font-size: 6.25vmin;
  }
}

/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  z-index: 9;
  display: inline-block;
  user-select: none;
  text-align: center;
}
.custom-select-wrapper select {
  display: none;
}
.custom-select {
  position: relative;
  display: inline-block;
}
.custom-select-trigger {
  position: relative;
  display: block;
  width: 16.5em;
  padding: 0 3em;
  font-size: 1.8rem;
  color: #000000;
  line-height: 2.222222222222222;
  background: #fff;
  cursor: pointer;
}
.custom-select-trigger:after {
  position: absolute;
  display: block;
  content: "";
  width: 0.777777777777778em;
  height: 0.777777777777778em;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg) translateY(-50%);
  transition: all 0.4s ease-in-out;
  transform-origin: 50% 0;
}
.custom-select.opened .custom-select-trigger:after {
  margin-top: 3px;
  transform: rotate(-135deg) translateY(-50%);
}
.custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 100%;
  margin: 0;
  border: none;
  box-sizing: border-box;
  background: #a1a1a1;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0);
}
.custom-option {
  position: relative;
  display: block;
  padding: 0 3em;
  border-top: 1px solid #000;
  font-size: 1.8rem;
  color: #000;
  line-height: 2.222222222222222;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
/*.custom-option.selection ,*/
.custom-option:hover {
  background: #f9f9f9;
}
.custom-option.selection {
  display: none;
}