/* SP時の余白調整 */
@media screen and (max-width: 550px) {
  .static-main-contents {
    padding: 24px 24px 0;
  }
}

.static-acp-history-comment {
  margin: 12px 0;
  color: var(--mtg-grey-1);
}

.static-acp-history {
  margin: 12px 0;
  height: 200px;
}

.static-acp-history.no-data {
  display: table;
  width: 100%;
  text-align: center;
}

.static-acp-history div+div {
  margin-top: 8px;
}

.static-acp-nodata {
  color: var(--mtg-grey-1);
  display: table-cell;
  vertical-align: middle;
  max-width: 200px;
  background: white;
}

.mtg-link-with-arrow-reg {
  margin-top: 8px;
}

.static-quiz-contents {
  margin-top: 40px;
}

.mtg-bullets,
.mtg-font-strong,
.static-quiz-contents h3 {
  margin-bottom: 12px;
}

.static-button-cta {
  margin: 40px 0;
}

.mtg-white-box {
  margin-top: 16px;
  padding: 20px 16px;
}

.year-text {
  color: #9A9FA2;
  font-size: var(--mtg-body-strong-s);
  font-weight: var(--mtg-body-strong-w);
  margin-top: 24px;
  margin-bottom: 16px;
}

/* 調整用のスタイル */
.button-height145 {
  height: 145px !important;
}

.button-height130 {
  height: 130px !important;
}

.button-height92 {
  height: 92px !important;
}

.button-margin8 {
  margin-bottom: 8px;
}

.button-margin16 {
  margin-bottom: 16px;
}

.button-margin24 {
  margin-bottom: 24px;
}

.top-margin24 {
  margin-top: 24px;
}

.top-margin16 {
  margin-top: 16px !important;
}

.top-margin4 {
  margin-top: 4px;
}

.text-wrap {
  text-align: left;
}

.text-wrap2 {
  text-align: left;
}

.button-h2 {
  color: var(--mtg-urbanblue);
  margin-bottom: 8px;
  font-size: var(--mtg-button-s);
  font-weight: var(--mtg-button-w);
}

.button-text {
  font-size: var(--mtg-caption-s);
  font-weight: var(--mtg-caption-w);
}

.gray-line {
  border-bottom: 1px solid #e8e8e8;
}

.mtg-button-link {
  height: auto;
  padding: 16px 46px 16px 16px;
}

.mtg-button-link:hover {
  height: auto;
}

@media screen and (max-width: 520px) {
  .button-height145 {
    height: 170px !important;
  }

  .button-height130 {
    height: 149px !important;
  }

  .button-height92 {
    height: 111px !important;
  }

  .mtg-button-link2 {
    padding: 8px 46px 8px 16px;
  }
}

/* 画像のスタイル */
.wide-img {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wide-img>.eco-img {
  width: 100%;
  max-width: 214px;
}

.wide-img>.eco-img1 {
  width: 100%;
  max-width: 168px;
}

.wide-img>.eco-img2 {
  width: 100%;
  max-width: 230px;
}

.wide-img>.eco-img3 {
  width: 80%;
}

.wide-img>.eco-img4 {
  width: 88%;
}

.wide-img>.eco-img5 {
  width: 100%;
}

.wide-img>.eco-contents {
  width: 100%;
  max-width: 365px;
}

.wide-img>.eco-contents:last-of-type {
  max-width: 294px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.wide-img>.point-img {
  width: 100%;
  max-width: 365px;
}

.wide-img>.img_quiz3times {
  width: 100%;
  max-width: 295px;
}

.title-fs16-bold {
  font-size: 16px;
  font-weight: var(--mtg-h1-w);
}

@media screen and (min-width: 960px) {
  .wide-img>.eco-contents:last-of-type {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

/* 注意事項のスタイル */
.mtg-bullets.is-caption {
  margin-bottom: 0;
}

.mtg-bullets.is-caption li {
  padding-left: 16px;
  margin-top: 0;
  line-height: 1.57;
}

.mtg-bullets.is-caption li+li {
  margin-top: 0;
}

/* font */
.font-strong {
  font-size: var(--mtg-body-strong-s);
  font-weight: var(--mtg-body-strong-w);
  margin-top: 8px;
}

.end-message {
  margin-top: 16px;
  margin-bottom: 16px;
}

.font-caption {
  font-size: var(--mtg-caption-s);
}

/* おすすめカード */
.osusume-card {
  overflow: hidden;
  width: 100%;
  border-radius: 10px;
  background-color: white;
  margin-top: 24px;
}

.osusume-card .card-link:hover {
  text-decoration: none;
}

.card-img {
  font-size: 0;
  width: auto;
  margin-bottom: 16px;
}

.osusume-card img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  margin-top: -2px;
}

.osusume-text {
  margin: 0 16px 16px;
}

.osusume-text h3 {
  color: var(--mtg-midnight);
  margin-bottom: 8px;
}

.osusume-text p {
  color: var(--mtg-midnight);
}

.mtg-link-with-arrow-external-reg.is-inline {
  display: inline;
}

.mtg-link-with-arrow-external-reg.icon-ml0::after {
  margin-left: 0;
  vertical-align: text-bottom;
}

/* font-sizeの初期化 */
.font-default{
  font-size: var(--mtg-body-s);
}

/* font-sizeの初期化 */
.font-alien13{
  font-size: var(--mtg-number-caption-s);
}

/* video追加 */
.video-container {
  width: 100%; /* 横幅いっぱいに広げる */
  max-width: 800px; /* 必要なら最大幅を制限 */
  margin: 0 auto;
  border-radius: 8px; 
  overflow: hidden; 
  aspect-ratio: 16 / 9; /* 16:9の比率を維持 */
}

.video-container iframe {
  width: 100%;
  aspect-ratio: 16 / 9; /* 16:9の比率を維持 */
}