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

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

@media screen and (min-width: 768px) {
  div.breadcrumbs {
    margin-bottom: 0;
    padding: 85px 30px 40px;
  }
}
@media screen and (max-width: 767px) {
  div.breadcrumbs {
    margin-top: 20vw;
  }
}
div.breadcrumbs ul li {
  color: #212020;
}
div.breadcrumbs ul li a {
  color: #212020;
}

@media screen and (min-width: 768px) {
  div.content {
    margin: 0 0 60px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  div.content {
    margin: 0vw 0 8vw;
  }
}
@media screen and (min-width: 768px) {
  div.content div.inner {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    gap: 0 20px;
  }
}
@media screen and (min-width: 768px) {
  div.content div.inner main {
    max-width: 850px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article {
    width: 92vw;
    margin: 0 auto 4vw;
  }
}
div.content div.inner main article img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  div.content div.inner main article h1, div.content div.inner main article h2, div.content div.inner main article h3, div.content div.inner main article h4, div.content div.inner main article h5, div.content div.inner main article h6, div.content div.inner main article p, div.content div.inner main article ul, div.content div.inner main article ol, div.content div.inner main article img {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article h1, div.content div.inner main article h2, div.content div.inner main article h3, div.content div.inner main article h4, div.content div.inner main article h5, div.content div.inner main article h6, div.content div.inner main article p, div.content div.inner main article ul, div.content div.inner main article ol, div.content div.inner main article img {
    margin-bottom: 4vw;
  }
}
div.content div.inner main article h1 a, div.content div.inner main article h2 a, div.content div.inner main article h3 a, div.content div.inner main article h4 a, div.content div.inner main article h5 a, div.content div.inner main article h6 a, div.content div.inner main article p a, div.content div.inner main article ul a, div.content div.inner main article ol a, div.content div.inner main article img a {
  text-decoration: underline;
  color: #D80000;
}
@media screen and (min-width: 768px) {
  div.content div.inner main article div.title + div.image {
    margin-bottom: 10px;
  }
}
div.content div.inner main article div.title h1 {
  line-height: 1.35;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  div.content div.inner main article div.title h1 {
    margin-bottom: 10px;
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article div.title h1 {
    margin-bottom: 2.6666666667vw;
    font-size: 5.0666666667vw;
  }
}
div.content div.inner main article div.title p {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  div.content div.inner main article div.title p {
    gap: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article div.title p {
    gap: 0 1.3333333333vw;
  }
}
div.content div.inner main article div.title p span.cate {
  color: #fff;
  background-color: #D80000;
  letter-spacing: 0.1em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  div.content div.inner main article div.title p span.cate {
    padding: 0 7px 3px;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article div.title p span.cate {
    padding: 0 1.8666666667vw;
    font-size: 3.2vw;
  }
}
div.content div.inner main article div.title p span.date {
  color: #555;
}
@media screen and (min-width: 768px) {
  div.content div.inner main article div.title p span.date {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article div.title p span.date {
    font-size: 3.3333333333vw;
  }
}
div.content div.inner main article h2 {
  line-height: 1.35;
  color: #fff;
  background-color: #212020;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  div.content div.inner main article h2 {
    margin-top: 40px;
    padding: 10px 15px;
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article h2 {
    margin-top: 8vw;
    padding: 2vw 2.6666666667vw;
    font-size: 4.8vw;
  }
}
@media screen and (min-width: 768px) {
  div.content div.inner main article h2 + h3 {
    margin-top: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article h2 + h3 {
    margin-top: 6.6666666667vw !important;
  }
}
div.content div.inner main article h3 {
  border-bottom: 3px solid #D80000;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  div.content div.inner main article h3 {
    margin-top: 40px;
    padding: 0 0 5px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article h3 {
    margin-top: 8vw;
    padding: 0 0 1.3333333333vw;
    font-size: 4.5333333333vw;
  }
}
div.content div.inner main article h4 {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  div.content div.inner main article h4 {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article h4 {
    margin-bottom: 2.6666666667vw;
    font-size: 4vw;
  }
}
@media screen and (min-width: 768px) {
  div.content div.inner main article h5 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article h5 {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px) {
  div.content div.inner main article h6 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article h6 {
    font-size: 2.6666666667vw;
  }
}
div.content div.inner main article p {
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  div.content div.inner main article p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article p {
    font-size: 4.2666666667vw;
  }
}
div.content div.inner main article li {
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  div.content div.inner main article li {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article li {
    font-size: 4.2666666667vw;
  }
}
div.content div.inner main article ul li {
  list-style: disc;
}
@media screen and (min-width: 768px) {
  div.content div.inner main article ul li {
    margin-left: 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article ul li {
    margin-left: 6vw;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  div.content div.inner main article ul li + li {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article ul li + li {
    margin-top: 2.6666666667vw;
  }
}
div.content div.inner main article ul ul li {
  list-style: none;
}
div.content div.inner main article ol {
  list-style-type: decimal;
}
@media screen and (min-width: 768px) {
  div.content div.inner main article ol li {
    margin-left: 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article ol li {
    margin-left: 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  div.content div.inner main article ol li + li {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article ol li + li {
    margin-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  div.content div.inner main article ol ul {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main article ol ul {
    margin-top: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main .wp-block-table {
    overflow-x: scroll;
  }
}
div.content div.inner main table {
  display: block;
  border: 1px solid #000;
}
@media screen and (min-width: 768px) {
  div.content div.inner main table {
    margin: 30px 0 30px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main table {
    margin: 5.3333333333vw 0 5.3333333333vw;
    overflow-x: scroll;
    white-space: nowrap;
  }
}
div.content div.inner main table tbody tr {
  border-top: 1px solid #000;
}
@media screen and (min-width: 768px) {
  div.content div.inner main table tr {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main table tr {
    padding: 2.6666666667vw;
  }
}
div.content div.inner main table tr th, div.content div.inner main table tr td {
  text-align: left;
}
@media screen and (min-width: 768px) {
  div.content div.inner main table tr th, div.content div.inner main table tr td {
    padding: 15px;
    font-size: 16px;
    min-width: 120px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner main table tr th, div.content div.inner main table tr td {
    padding: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
div.content div.inner main table tr th:not(:first-of-type), div.content div.inner main table tr td:not(:first-of-type) {
  border-left: 1px solid #000;
}
@media screen and (min-width: 768px) {
  div.content div.inner main table tr th:nth-of-type(2), div.content div.inner main table tr td:nth-of-type(2) {
    max-width: 670px;
  }
}
@media screen and (min-width: 768px) {
  div.content div.inner aside {
    max-width: 300px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner aside {
    width: 89.3333333333vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  div.content div.inner aside:not(.square) img {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner aside:not(.square) img {
    margin-bottom: 0.6666666667vw;
  }
}
div.content div.inner aside img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  div.content div.inner aside > div {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner aside > div {
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  div.content div.inner aside > div + div {
    margin-top: 40px;
  }
}
div.content div.inner aside > div a {
  color: #000;
}
div.content div.inner aside > div h2 {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  div.content div.inner aside > div h2 {
    margin-bottom: 10px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner aside > div h2 {
    margin-bottom: 2.6666666667vw;
    font-size: 4.5333333333vw;
  }
}
div.content div.inner aside > div h3 {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  div.content div.inner aside > div h3 {
    line-height: 1.35;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner aside > div h3 {
    line-height: 1.4;
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  div.content div.inner aside > div ul li + li {
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner aside div.column ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner aside div.column ul li {
    width: 43.3333333333vw;
  }
}
div.content div.inner aside div.category h2 {
  margin: 0;
}
@media screen and (max-width: 767px) {
  div.content div.inner aside div.category h2 {
    font-size: 14px;
  }
}
div.content div.inner aside div.category ul li {
  margin: 0;
}
@media screen and (min-width: 768px) {
  div.content div.inner aside div.category ul li {
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner aside div.category ul li {
    line-height: 1;
  }
}
div.content div.inner aside div.category ul li a {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  div.content div.inner aside div.category ul li a {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  div.content div.inner aside div.category ul li a {
    font-size: 12px;
  }
}