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

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ul {
  list-style: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

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

.sl1 {
  font-family: noto-sans-cjk-jp, sans-serif;
  background-color: #ebebeb;
  color: #343434; }

.sl1 img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

.sl1 .video > div {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  margin-bottom: 10px; }

.sl1 .video > div > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.sl1 .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }

.sl1 .pc {
  display: none; }

@media screen and (min-width: 768px) {
  .sl1 .pc {
    display: block; }

  .sl1 .sp {
    display: none; } }

.sl1 header .aw_logo {
  background-color: #40393a;
  padding: 5px;
  text-align: right; }

.sl1 header .aw_logo a {
  display: inline-block; }

@media screen and (min-width: 768px) {
  .sl1 header .aw_logo {
    padding: 10px; } }

@media screen and (min-width: 1366px) {
  .sl1 header .aw_logo a {
    margin-right: calc(50vw - 683px); } }

.sl1 .fv {
  background: url("/autoway/dp/brand/nankang/img/bg_sl1_hd_sp.jpg") center bottom / cover no-repeat;
  padding: 35vw 5% 4vw;
  max-width: 1366px;
  box-sizing: border-box;
  margin: 0 auto; }

.sl1 .fv h1 {
  width: 60%; }

.sl1 .fv h1 img:nth-of-type(2) {
  margin: 2vw 0; }

@media screen and (min-width: 768px) {
  .sl1 .fv {
    background: url("/autoway/dp/brand/nankang/img/bg_sl1_hd_pc.jpg") center / cover no-repeat;
    padding: 14vw 13% 13vw; }

  .sl1 .fv h1 {
    width: 40%;
    margin-left: auto; } }

@media screen and (min-width: 1366px) {
  .sl1 .fv {
    padding: 190px 177px 177px; }

  .sl1 .fv h1 img:nth-of-type(2) {
    margin: 27px 0; } }

.sl1 header {
  position: relative;
  margin-bottom: 3vw; }

.sl1 header nav {
  position: absolute;
  bottom: 4vw;
  right: 5%; }

.sl1 header nav .menu_btn {
  width: 65px;
  height: 65px;
  background-color: #a00;
  border: 1px solid #fff;
  border-radius: 7px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 16px;
  padding: 10px 0;
  box-sizing: border-box;
  position: relative;
  z-index: 200;
  transition: 0.3s; }

.sl1 header nav .menu_btn.open {
  border-left: none;
  border-bottom: none;
  border-radius: 0 7px 0 0; }

.sl1 header nav .menu_btn.fixed {
  position: fixed;
  top: 10px;
  right: 5%;
  transform: translateY(10px);
  animation: fadein 0.3s ease-in-out forwards; }

.sl1 header nav .menu_btn .bar {
  width: 45px;
  height: 1px;
  background-color: #fff;
  display: block;
  margin: 10px auto;
  position: relative;
  transition: 0.5s;
  top: 0; }

.sl1 header nav .menu_btn .bar::before, .sl1 header nav .menu_btn .bar::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  transition: 0.5s; }

.sl1 header nav .menu_btn .bar::before {
  top: 7px; }

.sl1 header nav .menu_btn .bar::after {
  top: 14px; }

.sl1 header nav .menu_btn.open .bar {
  transform: rotate(45deg);
  width: 35px;
  height: 3px;
  top: 7px; }

.sl1 header nav .menu_btn.open .bar::before {
  top: 0;
  height: 3px;
  transform: rotate(90deg); }

.sl1 header nav .menu_btn.open .bar::after {
  top: 0;
  opacity: 0;
  transform: rotate(180deg); }

.sl1 header nav .menu_hum {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 0;
  height: 0;
  overflow: hidden;
  background-color: #a00;
  border-radius: 7px;
  transition: 0.3s;
  z-index: 100;
  box-sizing: border-box; }

.sl1 header nav .menu_hum.open {
  top: 0;
  right: 0;
  width: 200px;
  height: 365px;
  padding: 15px 0;
  border: 1px solid #fff; }

.sl1 header nav .menu_hum.fixed {
  position: fixed;
  top: 10px;
  right: 5%; }

.sl1 header nav .menu_hum li a {
  color: #fff;
  display: block;
  text-align: center;
  padding: 15px 0;
  position: relative;
  opacity: 0; }

.sl1 header nav .menu_hum.open li:nth-of-type(1) a {
  animation: fadein 0.3s ease-in-out 0.3s forwards;
  border-bottom: none;
  width: 115px;
  margin-left: 15px; }

.sl1 header nav .menu_hum.open li:nth-of-type(2) a {
  animation: fadein 0.3s ease-in-out 0.4s forwards; }

.sl1 header nav .menu_hum.open li:nth-of-type(3) a {
  animation: fadein 0.3s ease-in-out 0.5s forwards; }

.sl1 header nav .menu_hum.open li:nth-of-type(4) a {
  animation: fadein 0.3s ease-in-out 0.6s forwards; }

.sl1 header nav .menu_hum.open li:nth-of-type(5) a {
  animation: fadein 0.3s ease-in-out 0.7s forwards; }

@keyframes fadein {
  0% {
    opacity: 0;
    top: -10px; }

  100% {
    opacity: 1;
    top: 0px; } }

.sl1 header nav .menu_hum li:nth-of-type(n+2) a::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 20px solid #f4e829;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%); }

.sl1 header nav .menu_hum li a::after {
  content: '';
  width: 90%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 5%; }

.sl1 header nav .menu_hum li:first-of-type a::after {
  width: 178px;
  left: -5%; }

.sl1 header nav .menu_hum li a img {
  width: 100px;
  margin: 0 auto 10px; }

.sl1 header nav .menu_hum li a span {
  font-weight: 700;
  font-size: 16px;
  display: block;
  line-height: 1.2; }

.sl1 header nav .menu_hum li a small {
  font-size: 12px; }

@media screen and (min-width: 768px) {
  .sl1 header {
    margin-bottom: 2vw; }

  .sl1 header nav {
    bottom: 2vw;
    right: 0; }

  .sl1 header nav .menu_btn {
    opacity: 0;
    margin-left: auto;
    pointer-events: none; }

  .sl1 header nav .menu_btn.fixed {
    opacity: 1;
    pointer-events: auto;
    right: 10px; }

  .sl1 header nav .menu_btn.fixed:hover {
    cursor: pointer; }

  .sl1 header nav .menu_hum.fixed {
    right: 10px; }

  .sl1 header nav .menu_hum li a {
    transition: 0.3s; }

  .sl1 header nav .menu_hum li:nth-of-type(n+2) a:hover {
    background-color: rgba(255, 255, 255, 0.5); } }

@media screen and (min-width: 1366px) {
  .sl1 header {
    margin-bottom: 20px; }

  .sl1 header nav {
    bottom: 27px; } }

@media screen and (min-width: 1800px) {
  .sl1 header nav .menu_btn.fixed {
    right: calc(50vw - 758px); }

  .sl1 header nav .menu_btn.open {
    right: calc(50vw - 893px); }

  .sl1 header nav .menu_hum.fixed {
    right: calc(50vw - 758px); }

  .sl1 header nav .menu_hum.open {
    right: calc(50vw - 893px); } }

@keyframes hoveranime {
  0% {
    opacity: 1; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1; } }

.sl1 header .menu_pc {
  display: none; }

@keyframes hovernav {
  0% {
    background-color: #a00; }

  50% {
    background-color: #ecc; }

  100% {
    background-color: #a00; } }

@media screen and (min-width: 768px) {
  .sl1 header .menu_pc {
    display: flex;
    margin-right: 13vw; }

  .sl1 header .menu_pc li a {
    color: #fff;
    background-color: #a00;
    display: block;
    width: 17vw;
    text-align: center;
    padding: 1.5vw 0;
    position: relative;
    margin-left: 1.5vw;
    border-radius: 15px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    box-sizing: border-box; }

  .sl1 header .menu_pc li a:hover {
    animation: hovernav 1s ease-in-out infinite; }

  .sl1 header .menu_pc li a::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 2vw solid #f4e829;
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
    position: absolute;
    left: 1.5vw;
    top: 50%;
    transform: translateY(-50%); }

  .sl1 header .menu_pc li a span {
    font-weight: 700;
    font-size: 1.6vw;
    display: block;
    line-height: 1.5; }

  .sl1 header .menu_pc li a small {
    font-size: 1.2vw; } }

@media screen and (min-width: 1024px) {
  .sl1 header .menu_pc li a {
    width: 180px;
    padding: 15px 0;
    margin-left: 15px; }

  .sl1 header .menu_pc li a::before {
    border-left: 20px solid #f4e829;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: 15px; }

  .sl1 header .menu_pc li a span {
    font-size: 16px; }

  .sl1 header .menu_pc li a small {
    font-size: 12px; } }

@media screen and (min-width: 1366px) {
  .sl1 header .menu_pc {
    margin-right: calc(50vw - 506px); } }

.sl1 .catch {
  background: url("/autoway/dp/brand/nankang/img/bg_sl1_catch_tire.png") right 5% top 5% / 45% no-repeat, url("/autoway/dp/brand/nankang/img/bg_sl1_catch_sp.jpg") center / cover no-repeat;
  color: #fff;
  padding: 5%;
  max-width: 1366px;
  box-sizing: border-box;
  margin: 0 auto 9vw; }

.sl1 .catch h2 {
  font-weight: 700; }

.sl1 .catch h2 span {
  font-size: 4.2vw;
  line-height: 1.8; }

.sl1 .catch h2 strong {
  display: block;
  font-size: 9.4vw;
  line-height: 1.2;
  text-indent: -0.5em;
  margin-bottom: 3em; }

.sl1 .catch h2 strong span {
  font-size: 8vw;
  font-weight: 400; }

.sl1 .catch h2 ruby {
  ruby-position: under;
  -webkit-ruby-position: after; }

.sl1 .catch h2 ruby rt {
  font-size: 3.2vw;
  font-weight: 500; }

.sl1 .catch div h3 {
  font-size: 4.2vw;
  text-align: center;
  margin-bottom: 1em; }

.sl1 .catch div p {
  font-size: 3.74vw;
  line-height: 1.8; }

@media screen and (min-width: 768px) {
  .sl1 .catch {
    background: url("/autoway/dp/brand/nankang/img/bg_sl1_catch_tire.png") right 15% top 18% / 30% no-repeat, url("/autoway/dp/brand/nankang/img/bg_sl1_catch_pc.jpg") center / cover no-repeat;
    padding: 13% 0% 8%;
    margin: 0 auto 10vw; }

  .sl1 .catch h2 {
    text-align: center;
    width: 55vw;
    margin-right: auto;
    margin-left: 2%; }

  .sl1 .catch h2 span {
    font-size: 3vw;
    line-height: 1.2; }

  .sl1 .catch h2 strong {
    font-size: 8vw;
    margin-bottom: 1.5em;
    text-indent: 0;
    line-height: 1.5; }

  .sl1 .catch h2 strong span {
    font-size: 6vw; }

  .sl1 .catch h2 ruby rt {
    font-size: 1.6vw;
    text-align: center; }

  .sl1 .catch div h3 {
    font-size: 2.3vw;
    margin-bottom: 1.5em; }

  .sl1 .catch div p {
    font-size: 1.6vw;
    text-align: center; } }

@media screen and (min-width: 1024px) {
  .sl1 .catch {
    margin: 0 auto 100px; }

  .sl1 .catch h2 {
    width: 550px;
    margin-left: calc(50vw - 492px); }

  .sl1 .catch h2 span {
    font-size: 30px; }

  .sl1 .catch h2 strong {
    font-size: 80px; }

  .sl1 .catch h2 strong span {
    font-size: 60px; }

  .sl1 .catch h2 ruby rt {
    font-size: 16px; }

  .sl1 .catch div h3 {
    font-size: 23px; }

  .sl1 .catch div p {
    font-size: 16px; } }

@media screen and (min-width: 1366px) {
  .sl1 .catch {
    background: url("/autoway/dp/brand/nankang/img/bg_sl1_catch_tire.png") right 15% top 18% / 30% no-repeat, url("/autoway/dp/brand/nankang/img/bg_sl1_catch_pc.jpg") center / cover no-repeat;
    padding: 177px 0 110px; }

  .sl1 .catch h2 {
    margin-left: 190px; } }

.sl1 #report {
  margin-bottom: 40vw; }

.sl1 .bg_h2 {
  padding: 17% 0 17% 5%;
  margin-bottom: 18vw;
  box-sizing: border-box; }

.sl1 #report .bg_h2 {
  background: url("/autoway/dp/brand/nankang/img/bg_sl1_h2_report_sp.jpg") center / cover no-repeat; }

.sl1 .bg_h2 h2 {
  color: #fff;
  border-left: 2.7vw solid #a00;
  padding: 1vw 0 1vw 2.7vw; }

.sl1 .bg_h2 h2 span {
  display: block;
  font-size: 5.6vw;
  font-weight: 700;
  line-height: 1.2; }

.sl1 .bg_h2 h2 small {
  font-size: 4vw;
  font-weight: 400; }

.sl1 #report .menu_report {
  width: 60%;
  margin: 0 auto 18vw; }

.sl1 #report .menu_report li {
  width: 100%;
  margin-bottom: 5vw; }

.sl1 #report .menu_report li a {
  color: #fff;
  background-color: #a00;
  font-weight: 700;
  font-size: 5.6vw;
  line-height: 1.5;
  display: block;
  text-align: center;
  padding: 0.3em 0;
  border-radius: 2em;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }

.sl1 #report .menu_report .small {
  font-size: 0.7em;
  margin-right: 0.3em; }

.sl1 #report .menu_report .title {
  display: block; }

.sl1 #report h3 {
  text-align: center;
  line-height: 1.3;
  margin-bottom: 3vw; }

.sl1 #report h3 span {
  font-size: 8vw;
  font-weight: 700;
  display: block;
  text-indent: -0.5em; }

.sl1 #report .sodegaura h3 span {
  text-indent: -1em; }

.sl1 #report h3 span::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6vw solid #a00;
  border-top: 3.5vw solid transparent;
  border-bottom: 3.5vw solid transparent;
  margin-right: 0.2em; }

.sl1 #report h3 small {
  font-size: 4vw;
  font-weight: 700; }

.sl1 .sec_report {
  padding: 0 5%;
  box-sizing: border-box;
  max-width: 1024px;
  margin: 0 auto 15vw; }

.sl1 .sec_report h4 {
  font-size: 4vw;
  text-align: center;
  width: 6em;
  margin: 0 auto 2em;
  padding: 0.3em 0;
  border: 2px solid #343434;
  justify-content: center;
  align-items: center; }

.sl1 .sec_report h4 span {
  font-size: 1.2em;
  margin-left: 0.2em; }

.sl1 .sec_report figure {
  margin-bottom: 9vw; }

.sl1 .sec_report figure img {
  margin-bottom: 1vw; }

.sl1 .sec_report figure figcaption {
  line-height: 1.5;
  font-size: 3.2vw; }

.sl1 .sec_report table {
  margin-bottom: 9vw;
  width: 100%; }

.sl1 .sec_report table caption {
  text-align: left;
  line-height: 1.5; }

.sl1 .sec_report table caption span {
  font-size: 4.8vw; }

.sl1 .sec_report table caption p {
  font-size: 3.2vw;
  margin-bottom: 0.5em; }

.sl1 .sec_report table caption p span {
  font-size: 1em; }

.sl1 .sec_report table caption p .time {
  margin-left: 1em; }

.sl1 .sec_report tbody th, .sl1 .sec_report tbody td {
  font-size: 4vw;
  font-weight: 400;
  border: 1px solid #cdcdcd; }

.sl1 .sec_report tbody th {
  background-color: #cdcdcd;
  padding: 1em 0; }

.sl1 .sec_report tbody td {
  background-color: #fff;
  padding: 1em 0 1em 1em; }

.sl1 .sec_report tbody .lap_time th {
  background-color: #e40404;
  color: #fff;
  border: 1px solid #e40404; }

.sl1 .sec_report tbody .lap_time td {
  color: #e40404; }

.sl1 .heading {
  font-size: 4.2vw;
  color: #fff;
  background-color: #a00;
  text-align: center;
  padding: 0.5em 0;
  margin-bottom: 5vw;
  line-height: 1.5; }

.sl1 .sec_report .heading + div {
  margin-bottom: 5vw; }

.sl1 .sec_report .heading + div p {
  font-size: 4vw;
  line-height: 1.5; }

.sl1 .sec_report .comment {
  background-color: #fff;
  padding: 5%;
  border-radius: 15px;
  max-width: 840px;
  margin: 0 auto;
  box-sizing: border-box; }

.sl1 .sec_report .comment img {
  width: 23%; }

.sl1 .sec_report .comment .name {
  width: 70%;
  line-height: 1.3; }

.sl1 .sec_report .comment .name span:first-of-type {
  font-size: 3.7vw;
  display: block; }

.sl1 .sec_report .comment .name span:last-of-type {
  font-size: 4vw; }

.sl1 .sec_report .comment p {
  margin-top: 5%;
  line-height: 1.5;
  font-size: 3.5vw;
  text-indent: 1em;
  transition: 0.3s;
  overflow: hidden;
  position: relative; }

.sl1 .sec_report .comment p.hide {
  height: 4.5em; }

.sl1 .sec_report .comment p .open {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 0 0 3em;
  border: 0;
  background: linear-gradient(to right, transparent 0%, #fff 30%);
  color: #d9a70e;
  font-size: 1em; }

.sl1 .sec_report .comment p .line {
  background: linear-gradient(to top, #d9a70e 10%, transparent 10%); }

@media screen and (min-width: 768px) {
  .sl1 #report {
    margin-bottom: 20vw; }

  .sl1 .bg_h2 {
    padding: 9% 0 9% 5%;
    margin-bottom: 15vw; }

  .sl1 #report .bg_h2 {
    background: url("/autoway/dp/brand/nankang/img/bg_sl1_h2_report_pc.jpg") center / cover no-repeat; }

  .sl1 .bg_h2 h2 {
    border-left: 2vw solid #a00;
    padding: 1vw 0 1vw 2vw; }

  .sl1 .bg_h2 h2 span {
    font-size: 3.6vw; }

  .sl1 .bg_h2 h2 small {
    font-size: 1.6vw; }

  .sl1 #report .menu_report {
    width: 90%;
    max-width: 920px;
    margin: 0 auto 15vw; }

  .sl1 #report .menu_report li {
    width: 30%;
    margin-bottom: 0; }

  .sl1 #report .menu_report li a {
    font-size: 3vw; }

  .sl1 #report .menu_report li a:hover {
    animation: hoveranime 1s ease-in-out infinite; }

  .sl1 #report h3 {
    line-height: 1.5; }

  .sl1 #report h3 span {
    font-size: 5vw; }

  .sl1 #report .sodegaura h3 span {
    text-indent: -0.5em; }

  .sl1 #report h3 span::before {
    border-left: 4vw solid #a00;
    border-top: 2vw solid transparent;
    border-bottom: 2vw solid transparent; }

  .sl1 #report h3 small {
    font-size: 3vw; }

  .sl1 .sec_report h4 {
    font-size: 3vw;
    margin-bottom: 1em; }

  .sl1 .sec_report > div.flex {
    align-items: flex-end;
    margin-bottom: 5vw; }

  .sl1 .sec_report figure {
    width: 55%;
    margin-bottom: 0; }

  .sl1 .sec_report figure img {
    margin-bottom: 0.5vw; }

  .sl1 .sec_report figure figcaption {
    font-size: 1.4vw; }

  .sl1 .sec_report table {
    width: 40%;
    margin-bottom: 0; }

  .sl1 .sec_report table caption {
    line-height: 1.2; }

  .sl1 .sec_report table caption span {
    font-size: 2.4vw; }

  .sl1 .sec_report table caption p {
    font-size: 1.4vw;
    margin-bottom: 0.3em; }

  .sl1 .sec_report tbody th, .sl1 .sec_report tbody td {
    font-size: 1.6vw; }

  .sl1 .sec_report tbody th {
    padding: 0.8em; }

  .sl1 .sec_report tbody td {
    padding: 0.8em 0 0.8em 1em; }

  .sl1 .heading {
    width: 70%;
    font-size: 2.4vw;
    margin: 0 auto 5vw; }

  .sl1 .sec_report .heading + div p {
    font-size: 1.4vw;
    text-align: center;
    line-height: 1.8; }

  .sl1 .sec_report > div.comment {
    align-items: flex-start;
    position: relative;
    padding: 3%; }

  .sl1 .sec_report .comment img {
    width: 12%;
    margin-left: 0; }

  .sl1 .sec_report .comment .name {
    position: absolute;
    top: 2vw;
    left: 15.5vw; }

  .sl1 .sec_report .comment .name span:first-of-type {
    font-size: 1.2vw;
    display: inline-block; }

  .sl1 .sec_report .comment .name span:last-of-type {
    font-size: 1.4vw; }

  .sl1 .sec_report .comment p {
    font-size: 1.4vw;
    line-height: 1.8;
    width: 85%;
    margin-top: 3%; }

  .sl1 .sec_report .comment p.hide {
    height: auto; }

  .sl1 .sec_report .comment p .open {
    display: none; } }

@media screen and (min-width: 1024px) {
  .sl1 #report {
    margin-bottom: 200px; }

  .sl1 .bg_h2 {
    padding: 9% 0 9% 5%;
    margin-bottom: 150px; }

  .sl1 .bg_h2 h2 {
    border-left: 20px solid #a00;
    padding: 10px 0 10px 20px; }

  .sl1 .bg_h2 h2 span {
    font-size: 36px; }

  .sl1 .bg_h2 h2 small {
    font-size: 16px; }

  .sl1 #report .menu_report {
    margin: 0 auto 150px; }

  .sl1 #report .menu_report li a {
    font-size: 30px; }

  .sl1 #report h3 {
    margin-bottom: 30px; }

  .sl1 #report h3 span {
    font-size: 50px; }

  .sl1 #report h3 span::before {
    border-left: 40px solid #a00;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent; }

  .sl1 #report h3 small {
    font-size: 30px; }

  .sl1 .sec_report {
    padding: 0 50px;
    margin-bottom: 150px; }

  .sl1 .sec_report h4 {
    font-size: 30px; }

  .sl1 .sec_report > div.flex {
    margin-bottom: 50px; }

  .sl1 .sec_report figure img {
    margin-bottom: 5px; }

  .sl1 .sec_report figure figcaption {
    font-size: 14px; }

  .sl1 .sec_report table caption span {
    font-size: 24px; }

  .sl1 .sec_report table caption p {
    font-size: 14px; }

  .sl1 .sec_report tbody th, .sl1 .sec_report tbody td {
    font-size: 16px; }

  .sl1 .heading {
    font-size: 24px;
    margin: 0 auto 50px; }

  .sl1 .sec_report .heading + div {
    margin-bottom: 50px; }

  .sl1 .sec_report .heading + div p {
    font-size: 14px; }

  .sl1 .sec_report > div.comment {
    padding: 3%; }

  .sl1 .sec_report .comment img {
    width: 100px; }

  .sl1 .sec_report .comment .name {
    top: 20px;
    left: 145px; }

  .sl1 .sec_report .comment .name span:first-of-type {
    font-size: 12px; }

  .sl1 .sec_report .comment .name span:last-of-type {
    font-size: 14px; }

  .sl1 .sec_report .comment p {
    font-size: 14px;
    margin-top: 3%; } }

@media screen and (min-width: 1100px) {
  .sl1 .bg_h2 {
    padding-left: calc(50% - 500px); } }

@media screen and (min-width: 1366px) {
  .sl1 .bg_h2 {
    width: 1366px;
    margin: 0 auto 150px;
    padding: 120px 0 120px 180px; } }

.sl1 #features {
  margin-bottom: 40vw; }

.sl1 #features .bg_h2 {
  background: url("/autoway/dp/brand/nankang/img/bg_sl1_h2_features_sp.jpg") center / cover no-repeat; }

.sl1 #features .heading {
  width: 90%;
  margin: 0 auto 10vw; }

.sl1 #features .imgs {
  width: 95%;
  max-width: 500px;
  margin: 0 auto 10vw; }

.sl1 #features .imgs .main {
  border: 2px solid #a00;
  box-sizing: border-box;
  margin-bottom: 10vw; }

.sl1 #features .imgs .sub {
  width: 33.3%; }

.sl1 #features .text {
  width: 90%;
  margin: 0 auto 10vw; }

.sl1 #features .text li {
  font-size: 3.74vw;
  line-height: 1.5;
  margin-bottom: 10vw;
  text-indent: -1em;
  padding-left: 1em; }

.sl1 #features .text li::before {
  content: '\25A0';
  color: #a00;
  font-size: 0.8em;
  margin-right: 0.2em; }

.sl1 #features figure {
  width: 90%;
  margin: 0 auto; }

.sl1 #features figure img {
  margin-bottom: 10vw; }

.sl1 #features figure figcaption {
  font-size: 12px;
  display: block;
  text-align: center; }

@media screen and (min-width: 768px) {
  .sl1 #features {
    margin-bottom: 20vw; }

  .sl1 #features .bg_h2 {
    background: url("/autoway/dp/brand/nankang/img/bg_sl1_h2_features_pc.jpg") center / cover no-repeat; }

  .sl1 #features .heading {
    width: 63%;
    max-width: 646.8px; }

  .sl1 #features .imgs_text {
    position: relative;
    width: 90%;
    max-width: 924px;
    margin: 0 auto 10vw; }

  .sl1 #features .imgs {
    width: 100%;
    max-width: none;
    align-items: flex-start;
    margin-bottom: 0; }

  .sl1 #features .imgs .main {
    width: 40%;
    margin-bottom: 0; }

  .sl1 #features .imgs .sub {
    width: 16.6%;
    cursor: pointer; }

  .sl1 #features .imgs .sub:hover {
    animation: hoveranime 1s ease-in-out infinite; }

  .sl1 #features .text {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 56%;
    margin-bottom: 0; }

  .sl1 #features .text li {
    font-size: 1.4vw;
    margin-bottom: 3vw; }

  .sl1 #features .text li:last-of-type {
    margin-bottom: 0; }

  .sl1 #features figure {
    width: 70%; } }

@media screen and (min-width: 1024px) {
  .sl1 #features {
    margin-bottom: 200px; }

  .sl1 #features .heading {
    margin-bottom: 100px; }

  .sl1 #features .imgs_text {
    margin: 0 auto 100px; }

  .sl1 #features .text li {
    font-size: 14px;
    margin-bottom: 30px; }

  .sl1 #features figure img {
    max-width: 700px;
    margin-bottom: 100px; } }

.sl1 #purchase {
  width: 95%;
  max-width: 1366px;
  margin: 0 auto 40vw;
  background-color: #fff;
  padding: 15vw 2.5%;
  box-sizing: border-box;
  font-weight: 700; }

.sl1 #purchase h2 {
  color: #a00;
  font-size: 5.34vw;
  text-align: center;
  margin-bottom: 2em; }

.sl1 #purchase .red {
  color: #a00;
  text-align: center;
  line-height: 1.8;
  font-size: 4.5vw;
  margin-bottom: 2.5em; }

.sl1 #purchase h3 {
  font-size: 4.5vw;
  margin-bottom: 1.5em; }

.sl1 #purchase h3::before {
  content: '\25A0'; }

.sl1 #purchase ul {
  margin-bottom: 10vw; }

.sl1 #purchase ul li {
  font-size: 4vw;
  line-height: 1.2;
  margin-bottom: 1.5em;
  text-indent: -1em;
  padding-left: 1em; }

.sl1 #purchase ul li::before {
  content: '\30FB'; }

.sl1 #purchase p:last-of-type {
  font-size: 4vw;
  line-height: 1.2; }

.sl1 #purchase p:last-of-type a {
  color: #a00; }

@media screen and (min-width: 768px) {
  .sl1 #purchase {
    margin: 0 auto 20vw;
    padding: 13vw 2.5%; }

  .sl1 #purchase h2 {
    font-size: 3.6vw;
    margin-bottom: 3em; }

  .sl1 #purchase .red {
    font-size: 2.4vw;
    font-weight: 500;
    margin-bottom: 5em;
    line-height: 2; }

  .sl1 #purchase h3 {
    font-size: 3vw;
    max-width: 1000px;
    margin: 0 auto 2em; }

  .sl1 #purchase ul li {
    font-size: 2vw;
    margin-bottom: 3em;
    line-height: 1.5; }

  .sl1 #purchase p:last-of-type {
    font-size: 2vw;
    line-height: 1.8;
    max-width: 1000px;
    margin: 0 auto; } }

@media screen and (min-width: 1024px) {
  .sl1 #purchase {
    margin: 0 auto 200px;
    padding: 130px 2.5%; }

  .sl1 #purchase h2 {
    font-size: 36px; }

  .sl1 #purchase .red {
    font-size: 24px; }

  .sl1 #purchase h3 {
    font-size: 30px; }

  .sl1 #purchase ul {
    max-width: 1000px;
    margin: 0 auto 100px; }

  .sl1 #purchase ul li {
    font-size: 20px; }

  .sl1 #purchase p:last-of-type {
    font-size: 20px; } }

@media screen and (min-width: 1366px) {
  .sl1 #purchase h3, .sl1 #purchase ul, .sl1 #purchase p:last-of-type {
    margin-left: 200px; } }

.sl1 #size .bg_h2 {
  background: url("/autoway/dp/brand/nankang/img/bg_sl1_h2_size_sp.jpg") center / cover no-repeat; }

.sl1 #size table {
  width: 95%;
  margin: 0 auto 40vw;
  font-size: 3.5vw;
  text-align: center;
  font-weight: 500;
  color: #000; }

.sl1 #size table th, .sl1 #size table td {
  padding: 0.7em 0;
  border: 1px solid #808080;
  box-sizing: border-box; }

.sl1 #size table thead th {
  background-color: #343434;
  color: #fff;
  font-weight: 400;
  line-height: 1.2;
  vertical-align: middle;
  border: 1px solid #343434;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-top: 0.5em solid #343434;
  border-bottom: 0.5em solid #343434;
  padding: 0.2em 0; }

.sl1 #size table thead th:last-of-type {
  border-right: 1px solid #343434; }

.sl1 #size table tbody tr td.inch, .sl1 #size table tbody tr td.size {
  background-color: #c9caca; }

.sl1 #size table tbody tr:nth-of-type(even) td.width, .sl1 #size table tbody tr:nth-of-type(even) td.diameter, .sl1 #size table tbody tr:nth-of-type(even) td.rim, .sl1 #size table tbody tr:nth-of-type(even) td.price_column {
  background-color: #efefef; }

.sl1 #size table tbody td.size a {
  color: #000; }

.sl1 #size table tbody td.price_column {
  padding: 0.2em 0.5em;
  vertical-align: middle; }

.sl1 #size table tbody td.price_column a {
  color: #fff;
  background-color: #e40404;
  display: block;
  border-radius: 0.3em;
  padding: 0.3em 0.5em;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.sl1 #size table tbody td.price_column .com_sn {
  font-size: 0.8em; }

.sl1 #size table .inch, .sl1 #size table .width, .sl1 #size table .diameter, .sl1 #size table .rim {
  width: 3.5em; }

.sl1 #size table .price_column {
  width: 5em; }

.sl1 #size table tbody td.size a {
  position: relative; }

.sl1 #size table tbody td.size a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #a00;
  bottom: 0;
  left: 0;
  transition: transform 0.3s;
  transform-origin: left center; }

@media screen and (min-width: 768px) {
  .sl1 #size .bg_h2 {
    background: url("/autoway/dp/brand/nankang/img/bg_sl1_h2_size_pc.jpg") center / cover no-repeat; }

  .sl1 #size table {
    width: 90%;
    max-width: 920px;
    margin: 0 auto 20vw;
    font-size: 2.3vw; }

  .sl1 #size table .inch {
    width: 5em; }

  .sl1 #size table .width, .sl1 #size table .diameter, .sl1 #size table .rim {
    width: 6em; }

  .sl1 #size table .price_column {
    width: 7em; }

  .sl1 #size table tbody td.price_column {
    padding: 0.3em 1em; }

  .sl1 #size table tbody td.price_column a {
    border-radius: 0.5em;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }

  .sl1 #size table tbody td.price_column a:hover {
    animation: hoveranime 1s ease-in-out infinite; }

  .sl1 #size table tbody td.size a::before {
    transform: scaleX(0); }

  .sl1 #size table tbody td.size a:hover::before {
    transform: scaleX(1); } }

@media screen and (min-width: 1024px) {
  .sl1 #size table {
    margin: 0 auto 200px;
    font-size: 24px; }

  .sl1 #size table thead th {
    font-size: 20px; } }

.sl1 .gallery {
  background-color: #343434;
  padding: 15vw 0 20vw; }

.sl1 .gallery_area {
  width: 95%;
  max-width: 900px;
  margin: 0 auto;
  position: relative; }

.sl1 .gallery_area .main {
  margin-bottom: 20vw; }

.sl1 .gallery_area .sub {
  width: 23%;
  margin-bottom: 2%; }

.sl1 .gallery_area .prev, .sl1 .gallery_area .next {
  position: absolute;
  top: 58%;
  width: 1em;
  height: 1em;
  color: #fff;
  font-weight: 900;
  font-size: 10vw; }

.sl1 .gallery_area .next {
  right: 5%; }

.sl1 .gallery_area .prev {
  right: 30%; }

.sl1 .gallery_area .next::before {
  content: '\FF1E'; }

.sl1 .gallery_area .prev::before {
  content: '\FF1C'; }

@media screen and (min-width: 768px) {
  .sl1 .gallery {
    padding: 15vw 0; }

  .sl1 .gallery_area {
    width: 90%; }

  .sl1 .gallery_area ul {
    justify-content: center; }

  .sl1 .gallery_area .main {
    margin-bottom: 10vw; }

  .sl1 .gallery_area .sub {
    width: 21%;
    margin: 0 1% 2.5%;
    cursor: pointer; }

  .sl1 .gallery_area .sub:hover {
    animation: hoveranime 1s ease-in-out infinite; }

  .sl1 .gallery_area .prev, .sl1 .gallery_area .next {
    top: 62%;
    font-size: 5vw;
    cursor: pointer; }

  .sl1 .gallery_area .prev:hover, .sl1 .gallery_area .next:hover {
    animation: hoveranime 1s ease-in-out infinite; }

  .sl1 .gallery_area .next {
    right: 0%; }

  .sl1 .gallery_area .prev {
    right: 10%; } }

@media screen and (min-width: 1024px) {
  .sl1 .gallery {
    padding: 150px 0; }

  .sl1 .gallery_area .main {
    margin-bottom: 80px; }

  .sl1 .gallery_area .prev, .sl1 .gallery_area .next {
    top: 62.5%;
    font-size: 50px; } }

.sl1 footer .nk_link {
  padding: 50px 0; }

.sl1 footer .link_top {
  justify-content: center;
  margin: 0 auto 50px; }

.sl1 footer .link_top li {
  width: 90%; }

.sl1 footer .link_top li a {
  display: block;
  background-color: #fff;
  color: #cd276a;
  font-weight: 700;
  text-align: center;
  padding: 1em 0;
  font-size: 16px;
  border-radius: 1.5em;
  margin-bottom: 1em; }

.sl1 footer .link_top li:last-of-type a {
  margin-bottom: 0; }

.sl1 footer .link_partner {
  justify-content: center;
  width: 260px;
  margin: 0 auto; }

.sl1 footer .link_partner li:nth-of-type(-n+2) {
  margin-bottom: 20px; }

.sl1 footer > nav:last-of-type {
  background-color: #555559;
  padding: 30px 0; }

.sl1 footer > nav:last-of-type ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }

.sl1 footer > nav:last-of-type ul li a {
  color: #fff;
  font-size: 14px;
  display: block;
  margin: 0.5em 1em; }

.sl1 footer small {
  display: block;
  background-color: #555559;
  color: #fff;
  padding: 0 0 30px;
  text-align: center;
  font-size: 12px; }

@media screen and (min-width: 768px) {
  .sl1 footer .link_top {
    justify-content: space-between;
    width: 90%;
    max-width: 920px; }

  .sl1 footer .link_top li {
    width: 32%; }

  .sl1 footer .link_top li a {
    margin-bottom: 0;
    font-size: 14px; }

  .sl1 footer .link_partner {
    justify-content: space-between;
    width: 670px; }

  .sl1 footer .link_partner li:nth-of-type(-n+2) {
    margin-bottom: 0; }

  .sl1 footer .link_partner li:nth-of-type(odd) {
    width: 260px; } }

@media screen and (min-width: 1024px) {
  .sl1 footer .nk_link {
    padding: 100px 0; }

  .sl1 footer .link_top {
    margin-bottom: 100px; }

  .sl1 footer .link_top li {
    width: 30%; }

  .sl1 footer .link_top li a {
    font-size: 16px; } }

.sl1 .page_top {
  position: fixed;
  bottom: 15px;
  right: 5%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #ebebeb;
  color: #b6031c;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s; }

.sl1 .page_top.fixed {
  opacity: 0.5;
  pointer-events: all; }

.sl1 .page_top::before {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 18px solid #b6031c;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  margin-bottom: 5px; }

@media screen and (min-width: 768px) {
  .sl1 .page_top {
    right: 10px; }

  .sl1 .page_top.fixed:hover {
    animation: hoveranime 1s ease infinite; } }

@media screen and (min-width: 1520px) {
  .sl1 .page_top {
    right: calc(50% - 750px); } }