* {
  box-sizing: border-box;
}

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, 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;
  word-break: break-all;
}

html {
  font-size: 62.5%;
}

body {
  color: #333;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  body {
    min-width: 1140px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p, a, span, li, dt, dd, strong, label, caption {
  letter-spacing: 0.1rem;
  font-feature-settings: "palt";
}

table {
  border-spacing: 0px !important;
}

a {
  text-decoration: none;
  color: #333333;
}

p {
  font-size: 1.3rem;
  line-height: 1.9;
  color: #222;
}

ul {
  list-style: none;
}

input[type="text"]:focus {
  outline: 0;
}

input[type="checkbox"] {
  outline: none;
  cursor: pointer;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

::-ms-expand {
  /* select要素のデザインを無効にする（IE用） */
  display: none;
}

sub {
  vertical-align: baseline;
}

input[type="text"] {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
}

input[type="radio"] {
  display: none;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]:checked + label {
  background: #ff0000;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}

button {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button, select {
  font-family: 'Noto Sans JP', sans-serif;
  font-feature-settings: "palt";
}

@media screen and (min-width: 768px) {
  .spOnly {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .pcOnly {
    display: none !important;
  }
}

/* Swiperのprev/nextボタンデザインを無効化 */
.swiper-button-prev::after,
.swiper-button-next::after, 
.swiper-rtl .swiper-button-prev::after {
  content: none !important;
}
