/* =============================================
全ページ共通スタイル
============================================= */
#content-main {
  padding: 0;
}
/* アイコン使用エリア */
.icons {
  margin-top: 80px;
}
.icons figure {
    width: 100%;
    height: 144px;
    display: flex;
    justify-content: center;
}
.icon_text {
  display: flex;
  flex-direction: column;
}
.icons h3 {
  margin: 25px 0 0;
}
@media screen and (max-width: 639px) {
  .icons {
    margin-top: 40px;
  }
  .icons figure {
    justify-content: center;
  }
}
/* 契約プランページへのリンクボタン */
.edition .btn {
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.edition .col-5:nth-child(3),
.edition .col-5:nth-child(4) {
  padding-top: 12px;
}
@media screen and (max-width: 639px) {
  .edition .col-5:nth-child(3),
  .edition .col-5:nth-child(4) {
    padding-top: 0px;
  }
}
/* 資料のダウンロードエリア */
.download h3 {
  text-align: center;
}
.download h4 {
  font-size: 16px;
  margin: 0 0 15px;
}
.download ul {
  list-style: disc;
  padding-left: 20px;
}
.download li {
  line-height: 2;
}
.download .intro {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.download .catalog_img {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.download .catalog_img img {
  border: solid 1px #EFEFEF;
}
@media screen and (max-width: 639px) {
  .download .intro {
    flex-direction: column;
  }
}
/* お問い合わせエリア */
.adobe_contact {
  background-color: #EFEFEF;
  margin-top: 80px;
  padding: 0 20px 48px 20px;
}
.adobe_contact p {
  text-align: center;
}
.adobe_contact .col-5 {
  max-width: 420px;
}
.adobe_contact a {
  background-color: #3271B9;
}
.adobe_contact a:hover {
  background-color: #3F80D5;
}
@media screen and (max-width: 639px) {
  .adobe_contact {
    margin-top: 64px;
  }
}

/* =============================================
総合案内ページ
============================================= */
.summary .subchapter {
  margin: 0 auto;
  display: flex;
  align-items: center;
  column-gap: 24px;
}
.summary .platinum figure {
  width: 45%;
}
.nav_icon {
  margin: 60px auto 0;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  row-gap: 24px;
}
.nav_icon a {
  width: 144px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 8px;
}
.nav_icon a:hover {
  text-decoration: none;
  opacity: .85;
}
.nav_icon figure {
  width: 75px;
  height: 75px;
}
.nav_icon .contents {
  display: flex;
  justify-content: space-between;
  gap: 6px;
}
.nav_icon p {
font-size: 12px;
line-height: 1.5;
}
.nav_icon p:first-child {
  font-size: 11.5px;
}
.nav_arrow {
  width: 18px;
  height: auto;
}
@media screen and (max-width: 639px) {
  .summary .subchapter {
    margin: 0;
    flex-direction: column;
    row-gap: 24px;
  }
  .summary .platinum figure {
    width: 100%;
    text-align: center;
  }
  .nav_icon {
    margin: 30px auto 0;
    justify-content: center;
  }
}

/* =============================================
CC
============================================= */
.mf {
  border: solid 1px #3271B9;
  border-radius: 4px;
  margin-top: 40px;
  padding: 0px 40px 40px;
}
.mf .row {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mf .title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mf h3 {
text-align: left;
}
.mf .title img {
  width: 100px;
  height: auto;
  margin: 32px;
}
.mf .col-8 {
  margin-bottom: 32px;
}
.mf a {
  background-color: #3271B9;
}
.mf a:hover {
  background-color: #3F80D5;
}
@media screen and (max-width: 639px) {
  .mf .title {
    flex-direction: column;
  }
  .mf h3 {
    margin: 0 0 15px;
    }
}

/* =============================================
plan
============================================= */
.available {
    display: flex;
    justify-content: center;
    column-gap: 40px;
    flex-wrap: wrap;
}
.available img {
  max-width: 75px;
}
@media screen and (max-width: 639px) {
  .avlprod .subchapter {
    margin: 0;
  }
  .available {
    column-gap: 20px;
  }
  .available img {
    max-width: 64px;
  }
}

/* =============================================
stock
============================================= */
.table-default td {
  min-width: 108px;
}