@charset "UTF-8";
/*==========================================
  Common
==========================================*/
html {
    font-size: calc(100vw / 168);
}

/*================================
	img
=================================*/
img {
  width: 100%;
}

/*==========================================
  Common
==========================================*/
/* base
==================================*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
ul,
li,
ol,
dl,
dd,
tr {
  font-size: 1.6rem;
}


/* main
==================================*/

#AllBox {
  padding-top: 8.4rem;
}

.anchor_wrap .anchor {
  top: -8.4rem;
}

/*　Retina対応時のCSS↓　*/
/* header
==================================*/

header .header_inner {
  height: 8.4rem;
}

header .header_inner .logo {
  width: 10.5rem;
}

header .header_links {
  right: 4.2rem;
}

header .header_links ul {
  gap: 1.8rem;
}

header .header_links ul li {
  width: 2rem;
}

header .g-navi {
  left: 4.2rem;
}

header .g-navi ul {
  gap: 4rem;
}

header .g-navi ul li,
header .g-navi ul li a {
  font-size: 1.4rem;
}

/* footer
==================================*/
footer {
  padding: 6rem 0 2rem;
}

footer .footer_links {
  gap: 2rem;
  margin-bottom: 3.3rem;
}

footer .footer_links li {
  width: 2rem;
}

footer .footer_navi {
  padding: 3rem 0 10rem;
  gap: 4.7rem;
}

footer .footer_navi li,
footer .footer_navi li a {
  font-size: 1.4rem;
}

footer .copyright {
  font-size: 1.2rem;
}


/* MV
==================================*/

.main_visual .main_visual_catch {
  left: 4.2rem;
  bottom: 4.5rem;
}

.main_visual .main_visual_catch .title p {
  font-size: 3.6rem;
}

.main_visual .main_visual_catch .text {
  font-size: 1.6rem;
  margin-top: 1.9rem;
}


/* teaser
==================================*/
.teaser {
  height: 40rem;
}

.teaser .page_title {
  font-size: 4.2rem;
  max-width: 110rem;
  padding: 0 5rem;
}

.teaser .teaser_text {
  bottom: 5.2rem;
}

.teaser .teaser_text .teaser_text_box {
  padding: 1.3rem 2rem 1.6rem;
  font-size: 1.8rem;
}


/* heading
==================================*/
.heading_large {
  margin-bottom: 4rem;
  font-size: 2.5rem;
}

.heading_medium {
  font-size: 2.5rem;
  padding-bottom: .5rem;
  margin-bottom: 5rem;
}

/* links
==================================*/
.btn_links {
  gap: 1.5rem;
  font-size: 1.4rem;
}

.btn_links:after {
  width: 1.3rem;
  height: 1.3rem;
}

.btn_viewmore {
  gap: 1.5rem;
  font-size: 1.4rem;
}

.btn_viewmore:before {
  font-size: 1.4rem;
}

.btn_viewmore:after {
  width: 1.3rem;
  height: 1.3rem;
}

/*================================
  pageTop
=================================*/

/*================================
  .test-container
=================================*/
.test-container {
  padding: 20rem 0;
}
.test-container .box {
  width: 20rem;
  height: 20rem;
}
.test-container .box .text {
  font-size: 1.6rem;
}

/* loader
==================================*/

/* Animation
==================================*/
.c-anim-up {
  transform: translate(0, 3rem);
}

.c-anim-up.move {
  transform: translate(0, 0);
}

/*==================================
  Component
==================================*/
.container {
  max-width: 130rem;
  padding: 0 5rem;
}


/*==================================
  リスト系
==================================*/

.news_ul {
  gap: 9.5rem 2rem;
}

.news_ul .news_li > a .date {
  font-size: 1.4rem;
  margin-bottom: 1.1rem;
}

.news_ul .news_li > a .title {
  font-size: 1.4rem;
}

.news_ul .news_li > a .img_wrap {
  margin-bottom: 2.5rem;
}

/*==================================
  ページナビ
==================================*/
.page_navigation .wp-pagenavi .nav-links{
  margin: 7.4rem 0 0;
}
.page_navigation .wp-pagenavi .page-numbers {
  font-size: 1.6rem;
  margin: 0 .5rem;
  width: 2.2rem;
}

.page_navigation .wp-pagenavi .page-numbers.next ,
.page_navigation .wp-pagenavi .page-numbers.prev {
  font-size: 1.4rem;
}

.page_navigation .wp-pagenavi .page-numbers.current {
  font-size: 2.5rem;
  margin: 0 3.5rem;
}


.page_navigation .wp-pagenavi .page-numbers.dots{
  background-size: 1.1rem auto;
  text-indent: -999.9rem;
}

.page_navigation .wp-pagenavi .page-numbers.prev,
.page_navigation .wp-pagenavi .page-numbers.next {
  gap: .6rem;
}

.page_navigation .wp-pagenavi .page-numbers.prev {
  margin-right: 3.5rem;
}

.page_navigation .wp-pagenavi .page-numbers.next {
  margin-left: 3.5rem;
}

.page_navigation .wp-pagenavi .page-numbers.prev:before,
.page_navigation .wp-pagenavi .page-numbers.next:after {
  width: 1.3rem;
  height: 1.3rem;
}

.pager_wrap {
  width: 30rem;
  margin: 8rem auto 0;
}

.pager_wrap ul li,
.pager_wrap ul li a {
  font-size: 1.4rem;
}

.pager_wrap ul .prev, 
.pager_wrap ul .next {
  gap: .6rem;
}

.pager_wrap ul .prev:before,
.pager_wrap ul .next:after {
  width: 1.3rem;
  height: 1.3rem;
}


/*==================================
  HOME
==================================*/
.top_news {
  padding: 10rem 0 17.1rem;
}

.top_news .top_news_hd {
  margin-bottom: 6rem;
}

.top_news .top_news_hd .eng {
  font-size: 2.5rem;
  margin-bottom: 1.2rem;
}

.top_news .top_news_hd .jap {
  font-size: 1.6rem;
}

.top_news_button {
  margin-top: 8rem;
}

/*==================================
  News
==================================*/
.news_area {
  padding: 12rem 0 20rem;
}

.news_detail {
  padding: 10.8rem 0 20rem;
  max-width: 86rem;
}

.news_head {
  margin-bottom: 6rem;
}

.news_head .date {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

.news_head .title {
  font-size: 2.6rem;
}

.news_body p,
.news_body li {
  font-size: 1.4rem;
}

.news_body p {
  margin-bottom: 2.4rem;
}

.news_body figure,
.news_body picture {
  margin-bottom: 6rem;
}

/*==================================
  DEALER LIST
==================================*/
.dealerlist_area {
  padding: 11rem 0 20rem;
  max-width: 86rem;
}

.dealerlist_area .dealerlist_item {
  margin-bottom: 10rem;
}

.dealerlist_area .dealerlist_box {
  max-width: 72rem;
}

.dealerlist_area .dealerlist_box + .dealerlist_box {
  margin-top: 7rem;
}

.dealerlist_area .dealerlist_box .area_title {
  font-size: 1.6rem;
  margin-bottom: 2.8rem;
}

.dealerlist_ul .dealerlist_li {
  width: 27rem;
}

.dealerlist_ul .dealerlist_li,
.dealerlist_ul .dealerlist_li p {
  font-size: 1.4rem;
}

.dealerlist_ul .dealerlist_li .address {
  margin-top: 1.4rem;
}

.dealerlist_ul .dealerlist_li .tel {
  margin-top: .5rem;
}

.dealerlist_ul .dealerlist_li .url {
  margin-top: 1.2rem;
  font-size: 1.5rem;
}

.dealerlist_notes {
  font-size: 1.4rem;
}

/*==================================
  PRODUCTS
==================================*/

.products_area {
  padding: 11rem 0 20rem;
  max-width: 100rem;
}

.products_area_item {
  margin-bottom: 11rem;
}

.grid_block.col_5 {
  gap: 3.5rem 2.3rem;
}

.grid_block.col_6 {
  gap: 3.5rem 2rem;
}

.flex_block {
  gap: 3.5rem 3rem;
}

.products_item.is-wheels {
  max-width: 17.6rem;
}

.products_item  .title {
  margin-top: 1.5rem;
  font-size: 1.4rem;
}

.products_viewmore {
  margin-bottom: 6rem;
}

.products_viewmore .products_viewmore_body {
  margin-bottom: 3.8rem;
}

.products_viewmore .products_viewmore_item {
  margin-bottom: 2.4rem;
}

.products_viewmore .products_viewmore_body h3 {
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
}

.products_viewmore .products_viewmore_body p {
  font-size: 1.4rem;
}

.products_viewmore .products_viewmore_title {
  font-size: 1.6rem;
  margin: 3.4rem 0;
}

.products_viewmore .products_viewmore_right {
  font-size: 1.6rem;
  margin-top: 3.8rem;
}

.products_catalog {
  max-width: 82rem;
  margin-top: 12rem;
}

.products_catalog .products_catalog_link {
  gap: 4rem;
  height: 21.3rem;
}

.products_catalog .products_catalog_link .img_wrap {
  width: 16.4rem;
}

.products_catalog .products_catalog_link .box_wrap .title {
  margin-bottom: 3.3rem;
}

.products_catalog .products_catalog_link .box_wrap .title .eng {
  font-size: 2.5rem;
}

.products_catalog .products_catalog_link .box_wrap .title .jap {
  font-size: 1.4rem;
}

.products_catalog .products_catalog_link .box_wrap .links {
  gap: 1.1rem;
  font-size: 1.4rem;
} 

.products_catalog .products_catalog_link .box_wrap .links:after {
  width: 1.3rem;
  height: 1.3rem;
}

/*==================================
  PRODUCTS ECU
==================================*/
.ecu_detail {
  padding: 8rem 0 20rem;
  max-width: 100rem;
}

.products_head {
  margin-bottom: 8rem;
}

.products_head .main_title {
  font-size: 2.5rem;
  margin-bottom: .7rem;
}

.products_head .page_title {
  font-size: 4.2rem;
}


.ecu_mainimg {
  margin-bottom: 12rem;
}

.products_body .grid_block.col_5 {
  gap: 5.3rem 2rem;
}

.products_body .products_item .title {
  margin-top: 1.6rem;
}

/*==================================
  PRODUCTS WHEEL
==================================*/

.products_detail {
  padding: 8rem 0 20rem;
}

.wheels_gallery {
  margin-bottom: 10rem;
}

.wheels_gallery .swiper .swiper-slide img {
  height: 53rem;
}

.wheels_gallery .thumb-wrapper {
  gap: 2rem;
  padding: 0 2rem;
  margin-top: 2rem;
}

.wheels_gallery .thumb-wrapper img {
  height: 7.5rem;
}


.wheels_movie {
  max-width: 72rem;
  margin-bottom: 9rem;
}

.wheels_info {
  max-width: 100rem;
  margin-bottom: 10rem;
}

.wheels_info h3 {
  font-size: 2.5rem;
  margin-bottom: 3.6rem;
}

.wheels_info p {
  font-size: 1.4rem;
}

.wheels_image {
  max-width: 72rem;
  margin-bottom: 6rem;
}

.wheels_parameter table {
  min-width: 100rem;
}

.wheels_parameter table th,
.wheels_parameter table td {
  height: 6rem;
  font-size: 1.6rem;
  padding: .9rem 1rem;
}

.wheels_parameter table th + th {
  border-left: .2rem solid #F7F4F3;
}

.wheels_parameter table td {
  border-bottom: .2rem solid #E6E6E6;
}

.wheels_parameter table td + td {
  border-left: .2rem solid #E6E6E6;
}

.wheels_parameter .notes {
  margin-top: 2.5rem;
  font-size: 1.4rem;
}

/*==================================
  BRAND
==================================*/
.brand_message {
  padding: 11rem 0 12rem;
}

.brand_message .brand_message_inner {
  max-width: 100rem;
}

.brand_message .brand_message_inner .box_wrap p {
  font-size: 1.4rem;
}

.brand_history {
  padding: 11rem 0;
}

.brand_history .brand_history_inner {
  max-width: 100rem;
}

.brand_history .brand_history_inner .brand_history_item:nth-child(odd) .box_wrap {
  padding-right: 2.5rem;
}

.brand_history .brand_history_inner .brand_history_item:nth-child(even) .box_wrap {
  padding-left: 2.5rem;
}

.brand_history .brand_history_item .box_wrap .title {
  font-size: 1.6rem;
  margin-bottom: 3rem;
}

.brand_history .brand_history_item .box_wrap p {
  font-size: 1.4rem;
}


.teaser_philosophy {
  height: 51rem;
  padding-top: 3.6rem;
}

.brand_philosophy {
  padding: 11rem 0 20rem;
}

.brand_philosophy .brand_philosophy_inner {
  max-width: 68.4rem;
}

.brand_philosophy p,
.brand_philosophy li {
  font-size: 1.4rem;
}

.brand_philosophy .brand_philosophy_hd {
  margin-bottom: 2.7rem;
}

.brand_philosophy .brand_philosophy_hd .eng {
  font-size: 2.7rem;
  margin-bottom: .8rem;
}

.brand_philosophy .brand_philosophy_hd .jap {
  font-size: 1.4rem;
}

.brand_philosophy_ol {
  margin-top: 5.5rem;
  padding-left: 3rem;
}

.brand_philosophy_ol li::marker {
  font-size: 2.5rem;
}

.brand_philosophy_ol li + li {
  margin-top: 5rem;
}