@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;
}
.showBox {
  max-width: 1280px;
  padding: 0 30px;
  margin: 0 auto;
}
.showBox.max-width-none {
  max-width: none;
}
.miniBox {
  max-width: 900px;
  margin: 0 auto;
}

/* colorbox */
#cboxOverlay {
  background: #000;
  opacity: 0.6 !important;
  filter: alpha(opacity = 60) !important;
}
.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);
}

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

/* パーツ（見出し） */
.caption01 {
  font-size: 6rem;
  letter-spacing: 0.05em;
  line-height: 1em;
  padding-right: 60px;
}
.caption01 .read {
  font-size: 2.2rem;
  letter-spacing: 0.05em;
  margin: 0 0 -0.863636em;
  line-height: 1.3;
  padding-top: 0.6454545454545455em;
  max-width: 397px;
}

/* パーツ（リンク） */
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: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: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:before {
  -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: 0;
  left: 0;
  width: 101%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
  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.5%);
  transform: translateX(-0.5%);
}
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;
}

/* ヘッダー */
#mainHeader,
#mainHeader .absolute {
  height: 78px;
  background-color: #fff;
  width: 100%;
  -webkit-transition: margin 200ms linear;
  transition: margin 200ms linear;
}
#mainHeader .absolute {
  margin-top: 78px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
img[src="/hino_common/images/common/gnavicon02.jpg"] {
  max-width: 21px;
  width: 21px;
  display: inline-block;
  vertical-align: middle;
}
#mainHeader a span {
  font-weight: 600;
  font-size: 1.2rem;
  color: #000;
  letter-spacing: 0.1em;
}
#mainHeader a span:after {
  display: none;
}
#mainHeader a:hover span {
  text-decoration: underline;
}
#mainHeader .table,
#mainHeader .table-cell {
  height: 100%;
  vertical-align: middle;
}
#mainHeader .table-cell .col {
  vertical-align: middle;
}
#mainHeader .table-cell.col01 {
  background-color: #fb0000;
  width: 300px;
  padding-left: 14px;
}
#sp-gnav01 li span {
  font-size: 4.375vmin;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mainHeader .table-cell.col01 {
    width: 233px;
    padding-right: 14px;
  }
}
#mainHeader .table-cell.col02 {
  /*width: 360px;
  width: 435px;*/
  width: 100%;
}
#gnav a span {
  /*font-size: 1.6rem;*/
  font-size: 1.2rem;
}
#mainHeader .table-cell .table-cell {
  padding-left: 1.75em;
}
#mainHeader .table-cell.col02 .col {
  margin-left: 1.75em;
}
#mainHeader .table-cell.col03 {
  padding-right: 30px;
}
#mainHeader .table-cell.col03 > .col + .col {
  margin-left: 2em;
}
#mainHeader .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;
}
.sticky-on #mainHeader .absolute {
  position: fixed;
  top: 0;
  z-index: 9999;
  height: 78px;
  margin: 0 0 0 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
#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;
}
#mainHeader .table.subTable .table-cell + .table-cell > * {
  position: relative;
}
#mainHeader .table.subTable .table-cell + .table-cell > *:before {
  content: "";
  position: absolute;
  left: -1em;
  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);
}
#mainHeader .table.subTable {
  width: auto;
  margin-left: auto;
  table-layout: auto;
}
#mainHeader .table.subTable .table-cell {
  padding: 0 1em;
  vertical-align: middle;
  text-align: left;
}

/* スティッキーアニメーション */
#topSticky {
  color: #fff;
  width: 100%;
  z-index: 999;
}
body.meganavShow #topSticky {
  background-color: #000;
}
#topSticky.absolute {
  z-index: 9999;
}
.sticky.on #topSticky.absolute {
  position: fixed;
  top: 0;
  -webkit-transition: margin 200ms linear;
  transition: margin 200ms linear;
}
#topSticky li.table-cell {
  /*border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #4d4d4d;*/
  height: 60px;
}
#topSticky li.table-cell + .table-cell {
  border-left: 1px solid #80cce1;
}
#topSticky li.table-cell > a:after {
  display: none;
}
#topSticky li.table-cell.col01 {
  width: 233px;
}
#topSticky li.table-cell.col01.active > a,
#topSticky li.table-cell.col01 > a {
  background-image: none;
  background-color: #fff;
  color: #000;
  padding-left: 0;
  text-align: center;
}
#topSticky li.table-cell > a {
  display: block;
  height: 100%;
  letter-spacing: 0.05em;
  color: #fff;
  font-size: 2rem;
  display: block;
  padding: 0;
  text-align: center;
  background-image: url(../images/top/top_stiky_bk01.jpg);
  background-size: cover;
}
#topSticky li.table-cell.active > a {
  background-image: none;
  background-color: #006480;
}
#topSticky li.table-cell > a .table,
#topSticky li.table-cell > a .table-cell {
  height: 100%;
  vertical-align: middle;
}
#topSticky li.table-cell > a > *:after {
  display: none;
}
.sticky-on #topSticky a span {
  -webkit-transition: padding 100ms linear;
  transition: padding 100ms linear;
}
.sticky-on.scroll-event-upward #mainHeader .absolute {
  position: fixed;
  top: 0;
  height: 78px;
  margin: 78px 0 0 0;
}
.sticky-on.scroll-event-upward #topSticky {
  margin-top: 78px;
  -webkit-transition: margin 200ms linear;
  transition: margin 200ms linear;
}
.sticky-on #topSticky li.table-cell {
  height: 78px;
}

/* メガナビ */
#topSticky li.table-cell.active {
  border-top-color: transparent;
}
#topSticky li.table-cell.active .contentBox {
  height: -webkit-calc(100vh - 54px);
  height: calc(100vh - 54px);
  opacity: 1;
  /*! overflow-y: scroll; */
}
.sticky-on #topSticky li.table-cell.active .contentBox {
  height: -webkit-calc(100vh - 54px);
  height: calc(100vh - 54px);
  opacity: 1;
}
.sticky-on.scroll-event-upward #topSticky li.table-cell.active .contentBox {
  height: -webkit-calc(100vh - 120px);
  height: calc(100vh - 120px);
  opacity: 1;
}
#topSticky li.table-cell.active .contentBox .meganavCloseButton {
  position: absolute;
  z-index: 1;
  bottom: 30px;
  right: 30px;
  width: 25px;
  height: 25px;
}
#topSticky .meganavCloseButton:after,
#topSticky .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);
}
#topSticky .meganavCloseButton:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.sticky-on #topSticky li.table-cell.active {
  border-top-color: #4d4d4d;
  border-bottom-color: transparent;
}
.sticky-on #topSticky li.table-cell.active .contentBox {
  display: block;
  bottom: auto;
  top: 100%;
}
#topSticky li .contentBox {
  position: absolute;
  left: 0;
  bottom: 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;
  margin-bottom: -6px;
}
.sticky-on #topSticky li .contentBox {
  margin-top: -6px;
  margin-bottom: 0;
}
#topSticky 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 {
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: 0.1em;
}
#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;
  padding-top: 10px;
}
#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 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;
}
#topSticky > ul {
  border-top: 6px solid transparent;
}
.sticky-on #topSticky > ul {
  border-top: 0 solid transparent;
  border-bottom: 6px solid transparent;
}
body.meganavShow #topSticky > ul {
  border-top: 6px solid #006480;
}
body.meganavShow[data-meganav="col01"] #topSticky > ul {
  border-top: 6px solid #fff;
}
body.sticky-on.meganavShow #topSticky > ul {
  border-top: 0 solid transparent;
  border-bottom: 6px solid #006480;
}
body.sticky-on.meganavShow[data-meganav="col01"] #topSticky > ul {
  border-top: 0 solid transparent;
  border-bottom: 6px solid #fff;
}

/* フッター */
#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;
}

/* トップ */
#top .keyvisual {
  position: relative;
  height: -webkit-calc(100vh - 78px);
  height: calc(100vh - 78px);
  padding-top: -webkit-calc(100vh - 78px - 60px);
  padding-top: calc(100vh - 78px - 60px);
  /*
  background-image: url("../images/top/top_11.png");
  background-position: top center;
  background-size: cover;
  */
}
#top .keyvisual:after {
  /* content: ""; */
  position: absolute;
  width: 100%;
  height: -webkit-calc(100vh - 78px - 60px);
  height: calc(100vh - 78px - 60px);
  top: 0;
  left: 0;
}
#top .row01_01 {
  font-size: 6rem;
  letter-spacing: 0.05em;
  padding: 0.833333em 0;
}
#top .row01_02 li {
  width: -webkit-calc((100% - 21px) / 3);
  width: calc((100% - 21px) / 3);
}
#top .row01_02 li + li {
  margin-left: 10px;
}
#top .row01_02 li a {
  height: 400px;
}
#top .row01_02 li.col01 a:before {
  background-image: url("../images/top/top_15.png");
}
#top .row01_02 li.col02 a:before {
  background-image: url("../images/top/top_17.png");
}
#top .row01_02 li.col03 a:before {
  background-image: url("../images/top/top_19.png");
}
#top .row01_02 li a span {
  position: absolute;
  font-size: 3rem;
  letter-spacing: 0.05em;
  left: 0.666667em;
  top: 0.833333em;
  text-align: left;
}
#top .row02,
#top .row03,
#top .row04 {
  background-size: cover;
  background-position: center;
  height: 500px;
}
#top .row02 {
  margin-top: 50px;
  background-image: url("../images/top/top_24.png");
}
#top .row03 {
  background-image: url("../images/top/top_25.png");
}
#top .row04 {
  background-image: url("../images/top/top_26.png");
}
#top .row02_01,
#top .row03_01,
#top .row04_01 {
  padding-top: 1.333333em;
}
#top .row02_02,
#top .row03_02,
#top .row04_02 {
  padding-top: 40px;
}
#top .row05 {
  margin-top: 50px;
}
#top .row05_01 {
  font-size: 6rem;
  letter-spacing: 0.05em;
}
#top .row05_02 {
  margin-top: 70px;
  width: 100%;
  table-layout: fixed;
}
#top .row05_02 td {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  vertical-align: top;
  letter-spacing: 0.05em;
  padding: 1.428571em 0;
}
#top .row05_02 .date {
  width: 8.571429em;
}
#top .row05_02 .categories {
  letter-spacing: normal;
  font-size: 1.3rem;
  margin-top: -0.307692em;
}
#top .row05_02 .category {
  min-width: 9.384615em;
  border: 1px solid #fff;
  padding: 0.307692em 0.5em;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: bold;
}
#top .row05_02 .category + .category {
  margin-left: 1.307692em;
}
#top .row05_02 .title {
  margin-top: 0.5em;
}
#top .row05_02 .moreLink {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 16px;
}
#top .row05_02 .title a p {
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 1.6rem;
}
#top .row05_02 .moreLink:after {
  position: absolute;
  right: 0;
  top: -0.5em;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
#top .row05_03 {
  margin-top: 1.357143em;
}
#top .row06 {
  margin-top: 100px;
  background-color: #727171;
  height: 810px;
  background-image: url("../images/top/row06_02.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}
#top .row06 .showBox {
  padding-top: 55px;
  height: 100%;
}
/* 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 100%;
  background-repeat: no-repeat;
  background-position: center;
}
#find_your_country .showBox {
  position: static;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 150px;
}
.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%);
}
.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;
}
#top .row04,
#top .row03,
#top .row02 {
  position: relative;
}
#top .row04 > *,
#top .row03 > *,
#top .row02 > * {
  position: relative;
}
#top .row04:before,
#top .row03:before,
#top .row02:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url("/hino_common/images/common/kv-back.png");
}

#top .row00 a {
  position: relative;
  display: inline-block;
  width: 730px;
  height: 170px;
  margin: 45px 0 35px;
}
#top .row00 a:before {
  content: "";
  position: relative;
  display: block;
  padding-top: 23.287671232876712%;
  background-image: url("../images/top/banner001.jpg");
}
#top .row00 + .row01 .row01_01 {
  padding-top: 0;
}

/* レスポンシブ */
@media only screen and (max-width: 1280px) {
  @-ms-viewport {
    width: 1280px;
  }
}

/* スマホ */
@media only screen and (max-width: 767px) {
  body {
    font-size: 3.4375vmin;
    width: 100%;
  }
  .showBox {
    padding: 0 3.125vmin;
  }

  /* 見出し */
  .caption01 {
    font-size: 7.5vmin;
  }
  .caption01 .read {
    font-size: 3.75vmin;
    padding-bottom: 3.125vmin;
  }

  /* ボタン */
  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 .table-cell.col01 {
    width: 85.15625vmin;
  }
  #headerLogo img {
    width: 31.25vmin;
  }
  .spGnavShow #mainHeader > .absolute,
  .sticky-on.scroll-event-upward #mainHeader > .absolute {
    height: 14.0625vmin;
    margin: 14.0625vmin 0 0 0 !important;
    /*margin: 0 0 0 0 !important;*/
  }
  .sticky-on.scroll-event-upward.pageTop #mainHeader > .absolute {
    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-y: 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 .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.submenu {
    display: none;
  }
  #sp-gnav ul.menu {
    display: block;
    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%);
    transform: translateY(-50%);
  }
  .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;
  }
  #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 {
    /**
     * TODO: コメントアウト
    height: -webkit-calc(62.5vmin + 18.75vmin);
    height:         calc(62.5vmin + 18.75vmin);
    padding-top: 62.5vmin;
     */
    height: -webkit-calc(58.203125vmin);
    height: calc(58.203125vmin);
    padding-top: 0;
  }

  /* フッター */
  #mainFooter {
    margin-top: 3.75vmin;
  }
  #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("../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;
  }

  /* トップ */
  #top .row01_01 {
    font-size: 7.5vmin;
    letter-spacing: 0.05em;
    text-align: left;
  }
  #top .row01_02 li {
    position: relative;
    width: 100%;
  }
  #top .row01_02 li a {
    padding-top: 32.5%;
    height: 0;
  }
  #top .row01_02 li.col01 a:before {
    background-image: url("../images/top/sp/top_15.png");
  }
  #top .row01_02 li.col02 a:before {
    background-image: url("../images/top/sp/top_17.png");
  }
  #top .row01_02 li.col03 a:before {
    background-image: url("../images/top/sp/top_19.png");
  }
  #top .row01_02 li + li {
    margin-left: 0;
    margin-top: 1.5625vmin;
  }
  #top .row01_02 li a span {
    font-size: 7.03125vmin;
    top: 50%;
    left: 0.5em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #top .row02 {
    margin-top: 6.25vmin;
  }
  #top .row02,
  #top .row03,
  #top .row04 {
    position: relative;
    padding-top: 0;
    height: auto;
    margin-bottom: 18.8125vmin;
    margin-top: 0;
    background-image: none;
  }
  #top .row04 .showBox:after,
  #top .row03 .showBox:after,
  #top .row02 .showBox:after {
    content: "";
    position: relative;
    display: block;
    background-image: url("../images/top/top_24.png");
    padding-top: 43.75%;
    background-size: cover;
    width: 100vw;
    margin: 3.125vmin 0 0 -3.125vmin;
  }
  #top .row03 .showBox:after {
    background-image: url("../images/top/top_25.png");
  }
  #top .row04 .showBox:after {
    background-image: url("../images/top/top_26.png");
  }
  #top .row04 .caption01,
  #top .row03 .caption01,
  #top .row02 .caption01 {
    text-align: left;
  }
  #top .row04 .caption01,
  #top .row03 .caption01 {
    padding-top: 0;
  }
  #top .row02_02,
  #top .row03_02,
  #top .row04_02 {
    position: absolute;
    max-width: 100%;
    left: 3.125%;
    width: 93.75%;
    top: 100%;
    padding-top: 4.375vmin;
  }
  #top .row05_01 {
    font-size: 7.5vmin;
  }
  #top .row05_02 {
    margin-top: 4.375vmin;
    width: 100%;
    table-layout: fixed;
  }
  #top .row05_02,
  #top .row05_02 tbody,
  #top .row05_02 tr,
  #top .row05_02 td.date,
  #top .row05_02 td.categories-title {
    display: block;
    width: 100%;
    border: none;
    padding: 0;
  }
  #top .row05_02 tr {
    position: relative;
    letter-spacing: -0.4em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 3.125vmin 0;
  }
  #top .row05_02 tr + tr {
    border-top: none;
  }
  #top .row05_02 tr td {
    letter-spacing: normal;
    font-weight: bold;
  }
  #top .row05_02 tr td.date {
    width: auto;
    display: inline-block;
    vertical-align: middle;
  }
  #top .row05_02 .categories {
    margin-top: 0.4em;
    font-size: 3.046875vmin;
  }
  #top .row05_02 .title {
    letter-spacing: 0.05em;
    font-size: 3.75vmin;
    padding-top: 0.5em;
    margin-top: 0;
  }
  #top .row05_02 td.title a {
    position: static;
  }
  #top .row05_03 {
    margin-top: 4.6875vmin;
  }
  #top .row00 a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 10.9375vmin 0;
  }
  #top .row00 a:before {
    content: "";
    position: relative;
    display: block;
    padding-top: 23.287671232876712%;
    background-image: url("../images/top/banner001.jpg");
  }
  #top .row00 a span {
    display: none;
  }

  #find_your_country.row {
    margin-top: 6.25vmin;
    min-height: 87.5vmin;
    background-image: url("../images/top/sp/row06_02.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
  }
  #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("../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;*/
    height: 1.95em; /*202312 find your countryのspで「Oceania ＆ Pacific」が表示されないに対応*/
  }
  #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;
  }
}

/* 2022-03-11 */
#top .row01-newarea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 78px - 50px);
}

@media only screen and (max-width: 767px) {
  #top .row01-newarea {
    height: 58.229166666666667vmin;
  }
}

#top .row01-newarea .carousel-cell .row {
  width: 100vw;
  height: calc(100vh - 78px - 50px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  #top .row01-newarea .carousel-cell .row {
    height: 58.229166666666667vmin;
  }
}

#top .row01-newarea .carousel-cell .row::before,
#top .row01-newarea .carousel-cell .row::after {
  display: none;
}

#top .row01-newarea .carousel-cell .row01 {
  background-position: top center;
}

#top .keyvisualCell[data-href] {
  cursor: pointer;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

.ua-pc #top .keyvisualCell[data-href]:hover {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

#top .main-carousel > .carousel-cell + .carousel-cell {
  display: none;
}

#top .row01-newarea .flickity-page-dots {
  position: absolute;
  z-index: 1;
  width: 100%;
  bottom: 25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  #top .row01-newarea .flickity-page-dots {
    bottom: -5.625vmin;
  }
}

#top .row01-newarea .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;
}

@media only screen and (max-width: 767px) {
  #top .row01-newarea .flickity-page-dots .dot {
    height: 3px;
    margin: 0 0.78125vmin;
  }
}

#top .row01-newarea .slick-dots button {
  opacity: 0;
}

#top .row01-newarea .flickity-page-dots .dot.is-selected {
  background: #e60012;
}

@media only screen and (max-width: 767px) {
  #top a.button::after {
    border-width: 0 0 3.2vmin 3.2vmin;
  }
}
/*top about*/
@media screen and (min-width: 768px) {
  .corp-image {
    position: relative;
    min-height: 600px;
  }

  .corp-image--who {
    background: url(/corp/images/bg_who.png) no-repeat center/cover;
  }
  .corp-image--vision {
    background: url(/corp/images/bg_vision.png) no-repeat center/cover;
  }
  .corp-image--csr {
    background: url(/corp/images/bg_csr.png) no-repeat center/cover;
  }
  .corp-image--dakar {
    background: url(/corp/images/bg_dakar.png) no-repeat center/cover;
  }
  .corp-image--cares {
    background: url(/corp/images/bg_cares.png) no-repeat center/cover;
  }
}