@charset "UTF-8";
#single {
  background-color: #fff;
  color: #333333;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  line-height: 1.5;
}
#single img {
  height: auto;
  vertical-align: bottom;
  width: 100%;
}
#single a {
  color: inherit;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
#single a:hover {
  opacity: 0.7;
}
#single h5,
#single h6 {
  margin: 0;
}
#single .is-pc {
  display: block;
}
@media screen and (max-width: 767px) {
  #single .is-pc {
    display: none;
  }
}
#single .is-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  #single .is-sp {
    display: block;
  }
}

#single .l-single {
  padding-bottom: 100px;
  padding-top: 30px;
}
#single .l-single__content {
  padding-top: 60px;
}
@media screen and (max-width: 767px) {
  #single .l-single__content {
    padding-top: 40px;
  }
}
#single .l-single__summary {
  padding-top: 60px;
}
#single .l-single__related {
  padding: 60px 0;
}

#single .l-inner {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 15px;
  width: 1110px;
}

#single .c-cta-btn {
  margin: 40px auto 60px;
  max-width: 490px;
  width: 100%;
}
#single .c-cta-btn__link {
  background: linear-gradient(180deg, #FE3D3D 0%, #FE3D3D 50%, #FF0000 50%, #FF0000 100%);
  border-radius: 2px;
  box-shadow: 0 5px 0 #A50000;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  padding: 16px 18px;
  position: relative;
  text-align: center;
  transition: all 0.3s;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #single .c-cta-btn__link {
    font-size: 16px;
    padding: 16px 36px;
  }
}
#single .c-cta-btn__link::before {
  background: url(../img/icon_angle-right.svg) no-repeat center/contain;
  content: "";
  height: 14px;
  position: absolute;
  right: 18px;
  top: 54%;
  transform: translateY(-50%);
  width: 7px;
}
@media screen and (max-width: 767px) {
  #single .c-cta-btn__link::before {
    right: 10px;
  }
}
#single .c-cta-btn__link:hover {
  box-shadow: 0 0 0 #A50000;
  opacity: 1;
  transform: translate(0, 4px);
}
#single .c-cta-btn__link:hover::after {
  display: none;
}
#single .c-cta-btn__contents {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: -24px;
}
#single .c-cta-btn__text {
  color: #fff;
  display: inline-block;
  position: relative;
}
#single .c-cta-btn__text::before {
  background: url(../img/icon_window-white.svg) no-repeat center/contain;
  content: "";
  height: 16px;
  left: -24px;
  position: absolute;
  top: 58%;
  transform: translateY(-50%);
  width: 16px;
}
@media screen and (max-width: 767px) {
  #single .c-cta-btn .is-sp {
    display: inline-block;
  }
}

#single .c-primary-btn {
  margin: 40px auto 60px;
  max-width: 490px;
  width: 100%;
}
#single .c-primary-btn__link {
  background-color: #fff;
  border: 2px solid #FF0000;
  border-radius: 2px;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  padding: 14px 18px;
  position: relative;
  text-align: center;
  transition: all 0.3s;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #single .c-primary-btn__link {
    font-size: 16px;
    padding: 14px 36px;
  }
}
#single .c-primary-btn__link::before {
  -webkit-mask-image: url(../img/icon_angle-right_red.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #FF0000;
  content: "";
  height: 14px;
  mask-image: url(../img/icon_angle-right_red.svg);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 18px;
  top: 54%;
  transform: translateY(-50%);
  width: 7px;
}
@media screen and (max-width: 767px) {
  #single .c-primary-btn__link::before {
    right: 10px;
  }
}
#single .c-primary-btn__link:hover {
  background-color: #FF0000;
  border: 2px solid #FF0000;
  opacity: 1;
}
#single .c-primary-btn__link:hover::before {
  background-color: #fff;
}
#single .c-primary-btn__link:hover .c-primary-btn__text {
  color: #fff;
}
#single .c-primary-btn__link:hover .c-primary-btn__text::before {
  background-color: #fff;
}
#single .c-primary-btn__text {
  color: #FF0000;
  display: inline-block;
  position: relative;
}
#single .c-primary-btn__text::before {
  -webkit-mask-image: url(../img/icon_window-red.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #FF0000;
  content: "";
  height: 16px;
  left: -24px;
  mask-image: url(../img/icon_window-red.svg);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  top: 58%;
  transform: translateY(-50%);
  width: 16px;
}
@media screen and (max-width: 767px) {
  #single .c-primary-btn .is-sp {
    display: inline-block;
  }
}

#single .c-tire-btn {
  margin: 40px auto 60px;
  max-width: 490px;
  width: 100%;
}
#single .c-tire-btn__link {
  background-color: #1C1A1A;
  border: 2px solid #1C1A1A;
  border-radius: 2px;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  padding: 14px 18px;
  position: relative;
  text-align: center;
  transition: all 0.3s;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #single .c-tire-btn__link {
    font-size: 16px;
    padding: 14px 36px;
  }
}
#single .c-tire-btn__link::before {
  -webkit-mask-image: url(../img/icon_angle-right.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #fff;
  content: "";
  height: 14px;
  mask-image: url(../img/icon_angle-right.svg);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 18px;
  top: 54%;
  transform: translateY(-50%);
  width: 7px;
}
@media screen and (max-width: 767px) {
  #single .c-tire-btn__link::before {
    right: 10px;
  }
}
#single .c-tire-btn__link:hover {
  background-color: #fff;
  border: 2px solid #1C1A1A;
  opacity: 1;
}
#single .c-tire-btn__link:hover::before {
  background-color: #1C1A1A;
}
#single .c-tire-btn__link:hover .c-tire-btn__text {
  color: #1C1A1A;
}
#single .c-tire-btn__link:hover .c-tire-btn__text::before {
  background-color: #1C1A1A;
}
#single .c-tire-btn__text {
  color: #fff;
  display: inline-block;
  position: relative;
}
#single .c-tire-btn__text::before {
  -webkit-mask-image: url(../img/icon_tire.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #fff;
  content: "";
  height: 16px;
  left: -24px;
  mask-image: url(../img/icon_tire.svg);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  top: 58%;
  transform: translateY(-50%);
  width: 16px;
}
@media screen and (max-width: 767px) {
  #single .c-tire-btn .is-sp {
    display: inline-block;
  }
}

#single .p-single-head h1 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.08em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #single .p-single-head h1 {
    font-size: 22px;
  }
}
#single .p-single-head__image {
  margin-top: 40px;
}

#single .p-single-content p {
  line-height: 1.75;
  margin-top: 16px;
  text-align: justify;
}
/* 2023.11.12追記 */
#single .p-single-content p.p-annotation {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  #single .p-single-content p {
    margin-top: 24px;
  }
}
#single .p-single-content p span {
  color: #FF0000;
}
#single .p-single-content p.text-caution {
  color: #FF0000;
}
#single .p-single-content img {
  display: block;
  margin: 40px auto;
}
#single .p-single-content h2 {
  background-color: #FBE0E0;
  border-left: 6px solid #FF0000;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.08em;
  margin-bottom: 30px;
  margin-top: 52px;
  padding: 8px 22px;
}
@media screen and (max-width: 767px) {
  #single .p-single-content h2 {
    font-size: 18px;
  }
}
#single .p-single-content h3 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.08em;
  margin-bottom: 20px;
  margin-top: 40px;
  padding-bottom: 6px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #single .p-single-content h3 {
    font-size: 17px;
    line-height: 1.6666666667;
    padding-bottom: 2px;
  }
}
#single .p-single-content h3::after {
  background-color: #333333;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 80px;
}
#single .p-single-content h4 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.08em;
  margin-bottom: 18px;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #single .p-single-content h4 {
    font-size: 16px;
    line-height: 1.875;
  }
}
#single .p-single-content h5 {
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.08em;
  margin-bottom: 17px;
  margin-top: 30px;
}
#single .p-single-content h6 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.08em;
  margin-bottom: 16px;
  margin-top: 30px;
}
#single .p-single-content a {
  color: #00A8FF;
  text-decoration: underline;
}
#single .p-single-content ol {
  -webkit-padding-start: 28px;
  list-style: decimal;
  margin: 40px 0;
  padding-inline-start: 28px;
}
#single .p-single-content ol li:not(:first-child) {
  margin-top: 6px;
}
#single .p-single-content ul {
  -webkit-padding-start: 28px;
  list-style: disc;
  margin: 40px 0;
  padding-inline-start: 28px;
}
#single .p-single-content ul li:not(:first-child) {
  margin-top: 6px;
}
#single .p-single-content blockquote {
  background-color: #E6E6E6;
  margin: 40px auto;
  padding: 65px 40px 32px;
  position: relative;
}
#single .p-single-content blockquote::before {
  background: url(../img/quote-left-solid.webp) no-repeat center center/contain;
  content: "";
  height: 17px;
  left: 40px;
  position: absolute;
  top: 32px;
  width: 24px;
}
#single .p-single-content blockquote p {
  margin: 0;
}
#single .p-single-content blockquote cite {
  color: #4B4848;
  display: block;
  font-size: 12px;
  font-style: italic;
  margin-top: 20px;
  text-align: right;
}
#single .p-single-content table, #single .p-single-content td, #single .p-single-content th {
  border: 1px solid #cccccc;
  border-collapse: collapse;
  margin: 40px auto;
}
#single .p-single-content td, #single .p-single-content th {
  padding: 16px;
}
#single .p-single-content th {
  background: #333333;
  color: #ffffff;
  text-align: left;
}
#single .p-single-content tr:nth-child(even) {
  background: #ffffff;
}
#single .p-single-content tr:nth-child(odd) {
  background: #F5F5F5;
}
/* 2023.11.14追記 */
#single .p-single-content .table_scroll td {
  vertical-align: top;
}
/* 2023.11.14追記 */
#single .p-single-content .column3 td {
  width: calc(100%/3);
  vertical-align: middle;
}
/* 2023.11.14追記 */
#single .p-single-content .table_scroll.column2 td {
  width: calc(100%/2);
}
/* 2023.11.14 追記 */
#single .p-single-content .wh-sp-no.th-width th {
  width: 10%;
}
/* 2023.11.12追記 */
#single .p-single-content table.wh-sp-no.th_text_center th {
  text-align: center;
}
/* 2023.11.14 追記 */
#single .p-single-content table.wh-sp-no .table-img-small {
  margin: 0 auto 20px;
}
#single .p-single-content table.wh-sp-no td:first-child {
  white-space: nowrap;
}
@media screen and (max-width: 330px) {
  #single .p-single-content table.wh-sp-no td:first-child {
    white-space: normal;
  }
}

#single .p-single-index {
  background-color: #E6E6E6;
  margin-top: 23px;
  padding: 30px;
}
#single .p-single-index__title {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.08em;
  margin-top: 0;
}
#single .p-single-index__list {
  counter-reset: li;
  margin: 19px 0 0;
  padding: 0;
}
#single .p-single-index__list li {
  list-style: none;
}
#single .p-single-index__item {
  font-weight: bold;
  line-height: 2;
  padding-left: 20px;
  position: relative;
}
#single .p-single-index__item::before {
  color: #FF0000;
  content: counter(li) ".";
  counter-increment: li;
  font-weight: bold;
  font-weight: bold;
  left: 0;
  position: absolute;
  top: 0;
}

#single .p-single-summary {
  background-color: #E6E6E6;
  display: flex;
  justify-content: space-between;
  padding: 30px 40px;
}
@media screen and (max-width: 767px) {
  #single .p-single-summary {
    flex-direction: column;
    padding: 20px;
  }
}
#single .p-single-summary__image {
  width: 40%;
}
@media screen and (max-width: 767px) {
  #single .p-single-summary__image {
    width: 100%;
  }
}
#single .p-single-summary__text {
  background-color: #fff;
  padding: 30px 30px 21px;
  width: 57%;
}
@media screen and (max-width: 767px) {
  #single .p-single-summary__text {
    margin-top: 20px;
    width: 100%;
  }
}
#single .p-single-summary__title {
  font-size: 24px;
  font-weight: bold;
  padding-left: 32px;
  position: relative;
}
#single .p-single-summary__title::before {
  background: url(../img/icon_summary.svg) no-repeat center/contain;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: 57%;
  transform: translateY(-50%);
  width: 25px;
}
#single .p-single-summary__desc {
  line-height: 1.75;
  margin-top: 17px;
  text-align: justify;
}

#single .p-single-related__section-ttl {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
#single .p-single-related__section-ttl::before {
  content: "/";
  padding-right: 15px;
}
#single .p-single-related__section-ttl::after {
  content: "/";
  padding-left: 15px;
}
#single .p-single-related__articles {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  #single .p-single-related__articles {
    gap: 20px;
    grid-template-columns: repeat(1, 1fr);
  }
}
#single .p-single-related__article {
  background-color: #E6E6E6;
  display: flex;
  justify-content: space-between;
  padding: 24px 20px;
}
@media screen and (max-width: 767px) {
  #single .p-single-related__article {
    flex-direction: column;
    padding: 20px;
  }
}
#single .p-single-related__image {
  width: 41.6%;
}
@media screen and (max-width: 767px) {
  #single .p-single-related__image {
    width: 100%;
  }
}
#single .p-single-related__text {
  width: 54%;
}
@media screen and (max-width: 767px) {
  #single .p-single-related__text {
    margin-top: 10px;
    width: 100%;
  }
}
#single .p-single-related__published {
  color: #ADA6A6;
  font-size: 12px;
  letter-spacing: 0.08em;
  padding-left: 18px;
  position: relative;
}
#single .p-single-related__published::before {
  background: url(../img/icon_clock.svg) no-repeat center/contain;
  content: "";
  height: 12px;
  left: 0;
  position: absolute;
  top: 56%;
  transform: translateY(-50%);
  width: 12px;
}
#single .p-single-related__title {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.08em;
  line-height: 1.7777777778;
  margin-top: 2px;
  text-align: justify;
}

#single .p-tire-size {
  margin: 0 auto;
  max-width: 500px;
  width: 100%;
}
#single .p-tire-size__labels {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 500px) {
  #single .p-tire-size__labels {
    align-items: center;
    flex-direction: column;
  }
}
#single .p-tire-size__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-weight: bold;
  justify-content: flex-start;
  text-align: center;
}
#single .p-tire-size__item:not(:first-child) {
  margin-left: 12px;
}
#single .p-tire-size__text {
  font-size: 20px;
  position: relative;
}
#single .p-tire-size__text::after {
  background-color: #009243;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
#single .p-tire-size__text.no-line::after {
  content: none;
}
#single .p-tire-size__num {
  background-color: #009243;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  height: 1.5em;
  margin-top: 6px;
  width: 1.5em;
}
#single .p-tire-size__desc {
  display: flex;
  justify-content: space-between;
  margin: 20px auto 40px;
}
@media screen and (max-width: 550px) {
  #single .p-tire-size__desc {
    flex-direction: column;
    margin: 20px auto;
    max-width: 230px;
  }
}
#single .p-tire-size__list li {
  padding-left: 30px;
  position: relative;
}
#single .p-tire-size__list li::before {
  color: #fff;
  content: counter(number);
  counter-increment: number;
  font-size: 14px;
  font-weight: bold;
  height: 1.5em;
  left: 2px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5em;
  z-index: 2;
}
#single .p-tire-size__list li::after {
  background-color: #009243;
  border-radius: 50%;
  content: "";
  height: 1.5em;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.5em;
  z-index: 1;
}
#single .p-single-content .p-tire-size .p-tire-size__group {
  -webkit-padding-start: inherit;
  display: flex;
  list-style: none;
  margin: 20px 0;
  padding-inline-start: inherit;
}
#single .p-single-content .p-tire-size .p-tire-size__group li {
  margin-top: 0;
}
@media screen and (max-width: 550px) {
  #single .p-single-content .p-tire-size .p-tire-size__group {
    margin: 10px 0;
  }
}
#single .p-single-content .p-tire-size .p-tire-size__list {
  -webkit-padding-start: inherit;
  list-style: none;
  margin: 0;
  padding-inline-start: inherit;
}
#single .p-single-content .p-tire-size .p-tire-size__list li:not(:first-child) {
  margin-top: 10px;
}
#single .p-single-content .p-tire-size .p-tire-size__list:first-child {
  counter-reset: number;
}
@media screen and (max-width: 550px) {
  #single .p-single-content .p-tire-size .p-tire-size__list:first-child {
    margin-bottom: 10px;
  }
}



#single .p-single-content table.gt_table_01 {
max-width: 500px;
width: 100%;
margin: 20px auto 40px;
border: none;
}
#single .p-single-content table.gt_table_01 td{
width: 50%;
padding: 1em 1em 1em 40px;
border: 1px solid #333333;
position: relative;
}
#single .p-single-content .gt_table_01 tr:nth-child(even) {
background: #ffffff;
}
#single .p-single-content .gt_table_01 tr:nth-child(odd) {
background: #ffffff;
}
#single .p-single-content .gt_table_01 td span::before {
color: #fff;
content: '1';
counter-increment: number;
font-size: 14px;
font-weight: bold;
height: 1.5em;
left: 12px;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
width: 1.5em;
z-index: 2;
}
#single .p-single-content .gt_table_01 td span::after {
background-color: #009243;
border-radius: 50%;
content: "";
height: 1.5em;
left: 11px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1.5em;
z-index: 1;
}
#single .p-single-content .gt_table_01 td span.number2::before {
content: '2';
}
#single .p-single-content .gt_table_01 td span.number3::before {
content: '3';
}
#single .p-single-content .gt_table_01 td span.number4::before {
content: '4';
}
#single .p-single-content .gt_table_01 td span.number5::before {
content: '5';
}
#single .p-single-content .gt_table_01 td span.number6::before {
content: '6';
}
#single .p-single-content .gt_table_01 td span.number7::before {
content: '7';
}

#single .sp {
}
#single .pc{
  display: none;
}
@media screen and (min-width: 769px){
  #single .sp {
  display: none;
  }
  #single .pc{
    display: block;
  }
}

/* 2023.11.14 追記 */
@media(max-width:900px){
  #single .table_scroll {
    width: 100%;
    overflow: hidden;
    overflow-x:scroll;
  }
  #single .table_scroll > table {
    width: 1000px;
  }
}

/* 2023.12.06 追記 */
#single .clearfix::after {
   content: "";
   display: block;
   clear: both;
}

#single .table_li table{
    float:left;
    width: 23%;
}

@media(max-width:700px){
  #single .table_li table {
    width: 45%;
  }

}
/*# sourceMappingURL=sourcemaps/style.css.map */

/*# sourceMappingURL=sourcemaps/style.css.map */

/* 2024.03.21 追記 */
#single .for-pc { display:block; }
#single .for-sp { display:none; }

@media only screen and (max-width : 769px){
  #single .for-pc { display:none; }
  #single .for-sp { display:block; }
}