﻿:root {
  --shared-title-image-height: 65px;
}

/* ----▼ 共通レイアウト ▼---- */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
/* ----▲ 共通レイアウト ▲---- */


/* ----▼▼▼ 今月号のテーマヒーロー ▼▼▼ ---- */
#sc-maincatch {
  position: relative;
  box-sizing: border-box;
  max-width: 1000px;
  padding: 40px 50px 25px;
  margin: auto;
}

/* ----▼ H1タイトル ▼---- */
#sc-maincatch .hero__title {
  margin: 0 0 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

#sc-maincatch .hero__titleImg {
  display: block;
  width: 90%;
}

#sc-maincatch .hero__subtitleImg {
  display: block;
  width: auto;
  max-width: min(80%, 416px);
  height: var(--shared-title-image-height);
  object-fit: contain;
}
/* ----▲ H1タイトル ▲---- */

.lead {
  margin: 0;
  font-size: 1.8rem;
  color: #333;
}
/* ----▲▲▲ 今月号のテーマヒーロー ▲▲▲ ---- */


/* ----▼ article全体 ▼---- */
article {
  box-sizing: border-box;
  max-width: 1000px;
  padding: 0 50px 15px;
  margin: auto;
  background-image: url(/datas/material/images/img_scard/article-back.png);
}
/* ----▲ article全体 ▲---- */


/* ----▼▼▼ 各ソリューションボックス ▼▼▼ ---- */
.solution-block {
  width: min(calc(100% - 48px), var(--container-width));
  margin: 20px auto 0px auto;
  padding: 0;
}

.solution-block__divider {
  width: min(calc(100% - 48px), var(--container-width));
  margin: 0 auto 45px;
  display: block;
  border: 0;
  height: auto;
  aspect-ratio: 1802 / 123;
  background: url(/datas/material/images/img_scard/hr-img.png) center / 100% 100% no-repeat;
}

/* ----▼ H2タイトル ▼---- */
.solution-block__title {
  margin: 0 0 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.solution-block__title--img {
  line-height: 0;
}

.solution-block__titleImg {
  display: block;
  width: auto;
  max-width: 100%;
  height: var(--shared-title-image-height);
}
/* ----▲ H2タイトル ▲---- */


/* ----▼ カードボックス ▼---- */
.solution-block__intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

.issue-card {
  position: relative;
  flex: 1 1 auto;
  padding: 24px 0;
  border-radius: 24px;
  overflow: hidden;
}

.issue-card::after {
  content: "";
  position: absolute;
  inset: auto -18px -18px auto;
  width: 120px;
  height: 120px;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 50%;
}

.issue-card h2 {
  margin: 0 0 6px;
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  line-height: 1.25;
}

.issue-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.65;
}

/* ----▼ イシューカードレイアウト大枠 ▼---- */
.issue-card__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 1.1fr);
  /* gap: 22px; */
  align-items: stretch;
}
/* ----▲ イシューカードレイアウト大枠 ▲---- */

/* ----▼ イシューカードボックス ▼---- */
.issue-card__left {
  display: grid;
  grid-template-columns: minmax(160px, 1.95fr) minmax(0, 1.1fr);
  grid-template-areas:
    "title title"
    "image copy";
  gap: 18px 0px;
  min-width: 0;
  align-content: start;
}
/* ----▲ イシューカードボックス ▲---- */

/* ----▼ イシューカードタイトル ▼---- */
h3.issue-card__title {
  grid-area: title;
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0;
  padding: 0px 0px 0.28em 1rem;
  color: #2042a3;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.04em;
  align-self: start;
}

.issue-card__title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: currentColor;
}

.issue-card__title span {
  display: inline-block;
  font-style: italic;
  transform: skewX(-10deg);
  transform-origin: left center;
}
/* ----▲ イシューカードタイトル ▲---- */

/* ----▼ イシューカード画像 ▼---- */
.issue-card__card-image {
  grid-area: image;
  display: grid;
  place-items: center;
  padding: 12px;
  overflow: hidden;
}

.issue-card__leftImg {
  display: block;
  width: min(100%, 410px);
  height: auto;
  object-fit: contain;
}
/* ----▲ イシューカード画像 ▲---- */

/* ----▼ 解決コピー ▼---- */
.issue-card__card-copy {
  grid-area: copy;
  display: grid;
  place-items: center;
  padding: 0;
  text-align: center;
}

.issue-card__card-copy img {
  display: block;
  width: min(100%, 180px);
  height: auto;
  align-items: center;
  justify-items: center;
}
/* ----▲ 解決コピー ▲---- */

/* ----▼ ソリューションカード画像ボックス ▼---- */
.issue-card__right {
  box-sizing: border-box;
  min-width: 0;
  width: min(100%, 380px);
  justify-self: center;
  display: grid;
  place-items: center;
  padding: 0px 0px;
}

.issue-card__rightImg {
  display: block;
  width: 100%;
  max-width: 350px;
  height: auto;
  object-fit: contain;
}
/* ----▲ ソリューションカード画像ボックス ▲---- */
/* ----▲ カードボックス ▲---- */


/* ----▼ 基本パネル類 ▼---- */
.legend {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin: 0 0 14px;
  color: var(--color-muted);
  font-size: 0.95rem;
}

.legend__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.legend__mark {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-block;
}

.legend__mark--std {
  background: var(--color-accent);
}

.legend__mark--opt {
  background: #333;
}

.br_pcon{
  display: block;
}

/* ----▼ 対策テーブル ▼---- */
.countermeasure {
  margin-top: 28px;
  margin-bottom: 30px;
  padding: 24px;
}

.table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.feature-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  font-size: 0.92rem;
  background: #fff;
}

.feature-table th,
.feature-table td {
  padding: 10px 12px;
  border: 1px solid #d7e3df;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5;
}

.feature-table thead th {
  background: #e6f1ee;
  font-weight: 800;
}

.feature-table tbody th {
  background: #f3f8f6;
  text-align: left;
  white-space: nowrap;
}
/* ----▲ 対策テーブル ▲---- */

.note {
  margin: 12px 0 0;
  color: #555;
  font-size: 0.9rem;
}
/* ----▲ 基本パネル類 ▲---- */


/* ----▼ なぜ解決といえるの？ ▼---- */
section.solution-explain {
  position: relative;
  display: grid;
  gap: 2px;
  align-items: start;
  margin-top: 40px;
  padding: 56px 16px 18px;
  border: 4px solid #203b96;
  border-radius: 24px;
  background: #fff;
  box-shadow: inset 0 0 0 2px #dfe6fb;
}

.solution-explain .solution-explain__title {
  position: absolute;
  top: -33px;
  left: 50%;
  width: min(calc(100% - 40px), 420px);
  margin: 0;
  transform: translateX(-50%);
}

.solution-explain .solution-explain__toggle {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.solution-explain .solution-explain__toggle:focus-visible {
  outline: 3px solid #8fb3ff;
  outline-offset: 4px;
  border-radius: 999px;
}

.solution-explain .solution-explain__titleImg {
  display: block;
  width: 100%;
  height: auto;
}

.solution-explain .solution-explain__preview,
.solution-explain .solution-explain__body {
  padding: 0px 6px 0;
  color: #4d4d4d;
  font-size: 1.8rem;
  line-height: 1.9;
  letter-spacing: 0.01em;
}

.solution-explain .solution-explain__body p,
.solution-explain .solution-explain__preview p {
  margin: 0 0 15px 0;
  line-height: 1.6;
}

.solution-explain .solution-explain__preview {
  position: relative;
  max-height: 10.8rem;
  opacity: 1;
}

.solution-explain .solution-explain__preview p + p,
.solution-explain .solution-explain__body p + p {
  margin-top: 10px;
  margin-bottom: 15px;
}

.solution-explain__body p{
    margin-bottom: 30px;
}

.solution-explain .solution-explain__preview,
.solution-explain .solution-explain__content {
  overflow: hidden;
  transition:
    max-height 1s cubic-bezier(.22, 1, .36, 1),
    opacity .85s ease,
    margin-top 1s cubic-bezier(.22, 1, .36, 1);
}

.solution-explain .solution-explain__preview::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4.2rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .86) 58%, #fff 100%);
  pointer-events: none;
  transition: opacity 0.45s ease;
}

.solution-explain .solution-explain__more-wrap {
  display: flex;
  justify-content: center;
  max-height: 120px;
  margin-top: 20px;
  padding: 0;
  opacity: 1;
  overflow: hidden;
  visibility: visible;
  pointer-events: auto;
  transition:
    max-height 0.7s cubic-bezier(.22, 1, .36, 1),
    margin-top 0.7s cubic-bezier(.22, 1, .36, 1),
    opacity 0.2s ease,
    visibility 0s linear 0.45s;
}

.solution-explain .solution-explain__more {
    min-width: min(100%, 230px);
    padding: 10px 18px;
    border: 0;
    border-radius: 999px;
    background: #203b96;
    color: #fff;
    font-size: clamp(1.6rem, 3vw, 2.0rem);
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.solution-explain .solution-explain__more:focus-visible {
  outline: 3px solid #8fb3ff;
  outline-offset: 4px;
}

.solution-explain .solution-explain__content {
  max-height: 0;
  margin-top: 0;
  opacity: 0;
}

.solution-explain.is-open .solution-explain__preview {
  max-height: 1200px;
}

.solution-explain.is-open .solution-explain__preview::after {
  opacity: 0;
}

.solution-explain.is-open .solution-explain__more-wrap {
  max-height: 0;
  margin-top: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.solution-explain.is-open .solution-explain__content {
  max-height: 2400px;
  opacity: 1;
}

.solution-explain .countermeasure {
  padding: 0;
  border: 0;
  background: transparent;
}

.solution-explain .countermeasure__title {
  margin: 0 0 12px;
  color: #dc2d1f;
  font-size: clamp(1.8rem, 2.2vw, 2rem);
  font-weight: 800;
  line-height: 1.45;
  text-align: center;
}

.solution-explain .table-wrap {
  overflow-x: visible;
}

.solution-explain .feature-table--compare {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 1.8rem;
  background: #fff;
}

.solution-explain .feature-table--compare thead th {
  padding: 10px 14px;
  border-right: 2px solid #91aedf;
  background: #203b96;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.solution-explain .feature-table--compare thead th:last-child,
.solution-explain .feature-table--compare tbody th:last-child,
.solution-explain .feature-table--compare tbody td:last-child {
  border-right: 0;
}

.solution-explain .feature-table--compare tbody th,
.solution-explain .feature-table--compare tbody td {
  padding: 11px 14px;
  border-top: 1px solid #d5e1ef;
  border-right: 2px solid #c9d7ee;
  color: #454545;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
  word-break: break-word;
}

.solution-explain .feature-table--compare tbody th {
  font-weight: 700;
  color: #3f4d60;
  background: #fff;
}

.solution-explain .feature-table--compare tbody td {
  background: #fff;
}

.solution-explain .feature-table--compare tbody tr:nth-child(even) th,
.solution-explain .feature-table--compare tbody tr:nth-child(even) td {
  background: #e8f4ff;
}


/* ----▼ このソリューションがマッチする製品 ▼---- */
.solution-explain .solution-products {
  padding: 23px;
  border-radius: 18px;
  background: #dceefe;
  margin: 30px 0px;
}

.solution-explain .solution-products__title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 16px;
  color: #2042a3;
  font-size: clamp(1.5rem, 2.4vw, 1.8rem);
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.02em;
}

.solution-explain .solution-products__titleIcon {
  flex: 0 0 auto;
  width: 48px;
  height: auto;
}

.solution-explain .solution-products__title span {
  display: block;
}

.solution-explain .solution-products__list {
  --solution-products-gap: 20px;

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--solution-products-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.solution-explain .solution-products__item {
  flex: 0 1 calc((100% - (var(--solution-products-gap) * 2)) / 3);
  min-width: 0;
}

.solution-explain .solution-products__link {
  display: grid;
  gap: 12px;
  justify-items: center;
  align-content: start;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.solution-explain .solution-products__image {
  display: block;
  width: 100%;
  max-width: 170px;
  height: 110px;
  object-fit: contain;
}

.solution-explain .solution-products__image__long {
  display: block;
  width: 100%;
  max-width: 170px;
  height: 170px;
  object-fit: contain;
}

.solution-explain .solution-products__name {
  position: relative;
  width: 100%;
  margin: 0;
  padding-left: 2.4em;
  color: #2a4da9;
  font-size: 1.46rem;
  font-weight: 700;
  line-height: 1.65;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.solution-explain .solution-products__name::before {
  content: "›";
  position: absolute;
  left: 1em;
  top: 0;
  font-size: 1.5em;
  line-height: 1;
}

.solution-explain .solution-products__link:hover .solution-products__name,
.solution-explain .solution-products__link:focus-visible .solution-products__name {
  opacity: 0.8;
}

.solution-explain .solution-products__link:focus-visible {
  outline: 3px solid #8fb3ff;
  outline-offset: 4px;
  border-radius: 8px;
}


/* ----▼ 関連リンク ▼---- */
.solution-explain .solution-products__more {
  margin-top: 28px;
}

.solution-explain .solution-products__more-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.solution-explain .solution-products__more-item {
  min-width: 0;
}

.solution-explain .solution-products__more-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
  width: 100%;
  color: #2a4da9;
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-decoration: none;
}

.solution-explain .solution-products__moreImg {
  flex: 0 0 auto;
  display: block;
  width: min(28%, 132px);
  height: auto;
}

.solution-explain .solution-products__moreText {
  display: inline;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.solution-explain .solution-products__more-link:hover .solution-products__moreText,
.solution-explain .solution-products__more-link:focus-visible .solution-products__moreText {
  opacity: 0.8;
}

.solution-explain .solution-products__more-link:focus-visible {
  outline: 3px solid #8fb3ff;
  outline-offset: 4px;
  border-radius: 8px;
}
/* ----▲ 関連リンク ▲---- */
/* ----▲ このソリューションがマッチする製品 ▲---- */


/* ----▲ なぜ解決といえるの？ ▲---- */


/* ----▼ お問い合わせボタン ▼---- */
.solution-block__button-wrap {
  display: flex;
  justify-content: center;
  margin: 48px auto;
  width: 100%;
  cursor: pointer;
}

.solution-block__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  line-height: 0;
  text-decoration: none;
}

.solution-block__buttonImg {
  display: block;
  width: min(100%, 320px);
  height: auto;
  margin: 0 auto;
}

.solution-block__button:hover {
  opacity: 0.9;
}

.solution-block__button:focus-visible {
  outline: 2px solid #143e3b;
  outline-offset: 3px;
  border-radius: 8px;
}
/* ----▲ お問い合わせボタン ▲---- */
/* ----▲▲▲ 各ソリューションボックス ▲▲▲ ---- */


/* ----▼ 900px以下 ▼---- */
@media (max-width: 900px) {

  #sc-maincatch .hero__body {
    margin-top: 0;
  }


  h3.issue-card__title {
    grid-area: title;
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0;
    padding: 0px 0px 0.28em 1rem;
    color: #2042a3;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: 0.04em;
    align-self: start;
}

  .solution-explain .solution-explain__preview,
  .solution-explain .solution-explain__body {
    font-size: 1.75rem;
  }

  .solution-explain .feature-table--compare {
    font-size: 1.7rem;
  }

  .solution-explain .solution-products__title {
    gap: 12px;
    font-size: 1.8rem;
  }

  .solution-explain .solution-products__titleIcon {
    width: 40px;
  }

  .solution-explain .solution-products__list {
    --solution-products-gap: 16px;
  }

  .solution-explain .solution-products__image {
    height: 130px;
  }

  .solution-block,
  .solution-block__divider {
    width: min(calc(100% - 36px), var(--container-width));
  }

  .solution-block {
    padding: 24px 0px 28px;
  }

  .solution-block__intro {
    flex-direction: column;
    align-items: stretch;
  }

  .issue-card__layout {
    grid-template-columns: 1fr;
  }
  
  .br_pcon{
  display: none;
}
}


/* ----▲ 900px以下 ▲---- */


/* ----▼ 560px以下 ▼---- */
@media (max-width: 560px) {

  :root {
  --shared-title-image-height: 53px;
}

  .lead {
    margin: 0;
    font-size: 1.5rem;
    color: #333;
}
  .container {
    width: min(calc(100% - 24px), var(--container-width));
  }

  article {
  box-sizing: border-box;
  max-width: 1000px;
  padding: 0 22px 15px;
  margin: auto;
  background-image: url(/datas/material/images/img_scard/article-back.png);
}

  .solution-block,
  .solution-block__divider {
    width: min(calc(100% - 24px), var(--container-width));
  }

  #sc-maincatch {
    padding: 40px 20px 25px;
    margin: auto;
}

  .issue-card {
    padding: 18px 0px;
  }

  .issue-card__card-image,
  .issue-card__card-copy,
  .issue-card__right {
    min-height: 110px;
  }

  .panel--text,
  .countermeasure,
  .panel--media {
    padding: 16px;
  }

  .feature-table {
    font-size: 0.85rem;
  }

  .solution-block__button-wrap {
    display: block;
  }

  .solution-block__button {
    width: 100%;
    min-width: 100%;
  }

  .solution-explain .solution-explain__title {
    top: -25px;
    width: min(calc(100% - 24px), 320px);
  }

  .solution-explain .solution-explain__preview,
  .solution-explain .solution-explain__body {
    padding-inline: 0;
    font-size: 1.5rem;
    line-height: 1.8;
  }

  .solution-explain .solution-products__more {
    margin-top: 22px;
  }

  .solution-explain .solution-products__more-link {
    justify-content: flex-start;
    gap: 12px;
    font-size: 1.35rem;
    line-height: 1.6;
  }

  .solution-explain .solution-products__moreImg {
    width: 112px;
  }

  .solution-explain .solution-products__moreText {
    flex: 1 1 auto;
  }


  .solution-explain .countermeasure__title {
    font-size: 1.18rem;
  }

  .solution-explain .table-wrap {
    overflow-x: auto;
  }

  .solution-explain .feature-table--compare {
    min-width: 520px;
    font-size: 0.88rem;
  }

  .solution-explain .feature-table--compare thead th,
  .solution-explain .feature-table--compare tbody th,
  .solution-explain .feature-table--compare tbody td {
    padding: 9px 10px;
  }

  .solution-explain .solution-products {
    padding: 12px 10px;
  }

  .solution-explain .solution-products__title {
    align-items: flex-start;
    gap: 10px;
    font-size: 1.8rem;
    line-height: 1.5;
  }

  .solution-explain .solution-products__titleIcon {
    width: 34px;
    margin-top: 2px;
  }

  .solution-explain .solution-products__list {
    --solution-products-gap: 18px;
  }

  .solution-explain .solution-products__item {
    flex-basis: 100%;
  }

  .solution-explain .solution-products__link {
  display: grid;
  gap: 12px;
  justify-items: center;
  align-content: start;
  width: 80%;
  height: 100%;
  margin-inline: auto;
  color: inherit;
  text-decoration: none;
}


  .solution-explain .solution-products__image {
    max-width: 150px;
    height: 120px;
    margin-inline: auto;
  }

  .solution-explain .solution-products__name {
    font-size: 1.5rem;
  }

  .br_pcon{
  display: none;
}
}
/* ----▲ 560px以下 ▲---- */


/* ---------- ▼▼▼Andyspoint▼▼▼------------ */
		section.scard_subcont{
			box-sizing: border-box;
			max-width: 1000px;
			padding: 20px 50px 15px 50px;
			margin: auto;
		}

		.inqbtn_space{
			width: 100%;
			text-align: center;s
			padding: 15px 30px;
			margin-bottom: 30px;
		}

		a.aplnk{
			color: #102D8D;
		}

		a.reco_inquiry{
			display: block;
			width: 380px;
			margin: auto;
			transition-duration: .2s;
		}

		a.reco_inquiry:hover {
			transform: scale(1.05);
			}

		.andyspoint_space{
			background: #F7E9E9;
			text-align: center;
			padding: 20px;
			margin-bottom: 30px;
		}

		h3.andyspoint{
		}

		dl.apointexplain{
			display: flex;
			margin-bottom: 10px;
		}

		dl.apointexplain dt{
			background: url(/datas/material/images/img_recomen/dtimg_apointexplain.png);
			background-size: cover;
			text-align: center;
			font-weight: 700;
			color: #FFF;
			width: 13em;
			margin-right: 10px;
			height: 38px;
   			 line-height: 36px;
		}

		dl.apointexplain dd{
			width: calc(100% - 13em);
			text-align: left;
		}

		@media screen and (max-width: 767px){
			section.scard_subcont{
			box-sizing: border-box;
			padding: 0px 20px 15px 20px;
			margin: auto;	
			}
			
			a.reco_inquiry {
				display: block;
				width: 100%;
				margin: auto;
			}

			.pager a{
			display: block;
			margin: auto;
			}

			p.next_topic {
			margin: 0px 0px 0px 0px;
			color: #000;
			font-weight: bold;
			font-size: 20px;
			line-height: 1.4;
			text-align: left;
		}

		.pager_space {
		margin: 10px 0px 40px 0px;
		text-align: center;
		}

		h3.andyspoint {
			margin: 0px 0px 20px 0px;
		}

		dl.apointexplain {
			display: block;
			margin-bottom: 20px;
		}

		dl.apointexplain dt {
			background: url(/datas/material/images/img_recomen/dtimg_apointexplain.png);
			background-size: cover;
			text-align: center;
			font-weight: 700;
			color: #FFF;
			width: 15em;
			margin: 0px auto 7px auto;
			height: 42px;
			line-height: 38px;
		}

		dl.apointexplain dd {
			width: 100%;
			text-align: left;
		}

		}

		@media screen and (min-width:768px) and ( max-width:1280px){
			p.next_topic{
				margin: 0px 0px 0px 20px;
				color: #000;
				font-weight: bold;
				font-size: 20px;
				line-height: 1.4;
				text-align: left;
			}
		}

		/* ---------- ▲▲▲Andyspoint▲▲▲------------ */