@media (min-width: 768px) {
  .aerSp {
    display: none
  }
}

@media (max-width: 767px) {
  .aerPc {
    display: none
  }
}

.aerWindow {
  display: inline-block;
  width: 1em;
  height: 1em
}

.aer {
  max-width: 1260px;
  width: 100%;
  margin: auto;
  padding: 0 30px;
  margin-top: 30px;
  margin-bottom: 40px
}

@media (max-width: 767px) {
  .aer {
    padding: 0 2.6666666667vw
  }
}

@media (max-width: 767px) {
  .aer {
    margin-top: 4.6666666667vw;
    margin-bottom: 5.3333333333vw
  }
}

.aer>*:first-child {
  margin-top: 0
}

.aer>*:last-child {
  margin-bottom: 0
}

.aerHeading {
  font-size: 30px;
  margin-top: 30px;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
  font-weight: 500
}

@media screen and (max-width: 767px) {
  .aerHeading {
    font-size: 5.8666666667vw
  }
}

@media (max-width: 767px) {
  .aerHeading {
    margin-top: 4.6666666667vw;
    margin-bottom: 3.3333333333vw
  }
}

.aerMain__image picture {
  display: block
}

.aerMain__image img {
  display: block;
  height: auto;
  width: 100%
}

.aerMain__text {
  font-size: 16px;
  line-height: 1.8;
  margin-top: 1.8em;
  text-align: center
}

@media screen and (max-width: 767px) {
  .aerMain__text {
    font-size: 3.2vw;
    line-height: 1.8
  }
}

.aerMain__text p {
  margin: 0
}

.aerMain__text p+p {
  margin-top: 0.8em
}

.aerFeat {
  margin-top: 140px
}

@media (max-width: 767px) {
  .aerFeat {
    margin-top: 18.6666666667vw
  }
}

.aerFeat__heading {
  font-size: 26px;
  line-height: 1.8;
  margin: 0;
  font-weight: bold;
  text-align: center
}

@media screen and (max-width: 767px) {
  .aerFeat__heading {
    font-size: 5.2vw;
    line-height: 1.8
  }
}

.aerFeat__contents {
  margin-top: 60px
}

@media (max-width: 767px) {
  .aerFeat__contents {
    margin-top: 8vw
  }
}

.aerReasons>ul {
  list-style: none;
  margin: -25px;
  padding: 0;
  display: flex;
  flex-wrap: wrap
}

@media (max-width: 767px) {
  .aerReasons>ul {
    margin: 0;
    display: block
  }
}

.aerReasons>ul>li {
  width: 50%;
  padding: 25px
}

@media (max-width: 767px) {
  .aerReasons>ul>li {
    width: 100%;
    padding: 0
  }
}

@media (max-width: 767px) {
  .aerReasons>ul>li:not(:first-child) {
    margin-top: 6.6666666667vw
  }
}

.aerReasonItem__header {
  font-size: 22px;
  line-height: 1.8;
  margin: 0 auto 0.8em;
  font-weight: bold;
  text-align: center
}

@media screen and (max-width: 767px) {
  .aerReasonItem__header {
    font-size: 4.4vw;
    line-height: 1.8
  }
}

.aerReasonItem__image picture {
  display: block
}

.aerReasonItem__image img {
  display: block;
  height: auto;
  width: 100%
}

.aerReasonItem__description {
  font-size: 16px;
  line-height: 1.8;
  margin: 1.4em auto 0
}

@media screen and (max-width: 767px) {
  .aerReasonItem__description {
    font-size: 3.2vw;
    line-height: 1.8
  }
}

.aerProducts>ul {
  list-style: none;
  margin: -25px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media (max-width: 767px) {
  .aerProducts>ul {
    margin: 0;
    display: block
  }
}

.aerProducts>ul>li {
  width: 33.3333333333%;
  padding: 25px
}

@media (min-width: 768px) {
  .aerProducts>ul>li:nth-child(n+4) {
    margin-top: 40px
  }
}

@media (max-width: 767px) {
  .aerProducts>ul>li {
    width: 100%;
    padding: 0
  }
}

@media (max-width: 767px) {
  .aerProducts>ul>li:not(:first-child) {
    margin-top: 10.6666666667vw;
    padding-top: 10.6666666667vw;
    border-top: solid 1px #cccccc
  }
}

.aerProductItem__image {
  display: flex;
  justify-content: center;
  align-items: center
}

.aerProductItem__image picture {
  display: block
}

.aerProductItem__image img {
  display: block;
  height: auto;
  max-width: 80%;
  width: auto;
  margin: auto
}

.aerProductItem__text {
  margin-top: 30px
}

@media (max-width: 767px) {
  .aerProductItem__text {
    margin-top: 4vw
  }
}

.aerProductItem__name {
  font-size: 20px;
  line-height: 1.8;
  font-weight: bold;
  margin: 0 auto 0.4em
}

@media screen and (max-width: 767px) {
  .aerProductItem__name {
    font-size: 4vw;
    line-height: 1.8
  }
}

.aerProductItem__features {
  font-size: 14px;
  line-height: 1.4
}

@media screen and (max-width: 767px) {
  .aerProductItem__features {
    font-size: 2.8vw;
    line-height: 1.4
  }
}

.aerProductItem__features>ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.aerProductItem__features>ul>li {
  text-indent: -1em;
  padding-left: 1em
}

.aerProductItem__features>ul>li:not(:first-child) {
  margin-top: 0.6em
}

.aerProductItem__aerLink {
  margin: 20px auto 0
}

.aerProductItem__aerLink picture {
  display: block
}

.aerProductItem__aerLink img {
  display: block;
  height: auto;
  max-width: 56%;
  width: auto;
  margin: auto
}

@media (max-width: 767px) {
  .aerProductItem__aerLink {
    margin: 2.6666666667vw auto 0
  }

  .aerProductItem__aerLink img {
    max-width: 50%;
  }
}

.aerProductItem__aerLink a {
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.2s;
  display: block
}

.aerProductItem__aerLink a:hover {
  opacity: 0.8
}

.aerProductItem__link {
  font-size: 16px;
  line-height: 1.8;
  width: 60%;
  text-align: center;
  margin: 20px auto 0
}

@media screen and (max-width: 767px) {
  .aerProductItem__link {
    font-size: 3.2vw;
    line-height: 1.8
  }
}

@media (max-width: 767px) {
  .aerProductItem__link {
    margin: 2.6666666667vw auto 0
  }
}

.aerProductItem__link a {
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.2s;
  display: block;
  background-color: #000;
  color: #fff;
  padding: 0.3em 1em 0.2em;
  text-align: center
}

.aerProductItem__link a:hover {
  opacity: 0.8
}

.aerSupport__list>ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.aerSupport__list>ul>li:not(:first-child) {
  margin-top: 40px
}

.aerSupport__productName {
  font-size: 20px;
  line-height: 1.8;
  font-weight: bold;
  margin: 0 auto 0.4em
}

@media screen and (max-width: 767px) {
  .aerSupport__productName {
    font-size: 4vw;
    line-height: 1.8
  }
}

.aerSupportTable table {
  font-size: 13px;
  line-height: 1.4;
  width: 100%;
  border-top: 1px solid #d6d6d6
}

@media screen and (max-width: 767px) {
  .aerSupportTable table {
    font-size: 3.4666666667vw;
    line-height: 1.4
  }
}

@media (max-width: 767px) {
  .aerSupportTable col {
    width: auto
  }
}

.aerSupportTable tr {
  padding: 10px;
  border-bottom: 1px solid #d6d6d6
}

@media (max-width: 767px) {
  .aerSupportTable tr {
    padding: 2.6666666667vw
  }
}

.aerSupportTable th,
.aerSupportTable td {
  padding: 10px;
  vertical-align: top
}

@media (max-width: 767px) {

  .aerSupportTable th,
  .aerSupportTable td {
    padding: 2.6666666667vw
  }
}

.aerSupportTable th {
  background-color: #f5f5f5
}

@media (max-width: 767px) {
  .aerSupportTable th {
    display: block
  }
}

@media (max-width: 767px) {
  .aerSupportTable td {
    display: block
  }
}

.aerSupportTable td+td {
  border-left: 1px solid #d6d6d6
}

@media (max-width: 767px) {
  .aerSupportTable td+td {
    border-left-width: 0
  }
}

.aerSupportTable a {
  color: #333333;
  text-decoration: underline
}

.aerSupportTable a:hover {
  color: #00a8b5;
  text-decoration: none
}

.aerSupport__supplement {
  font-size: 13px;
  line-height: 1.4;
  margin-top: 2.8em
}

@media screen and (max-width: 767px) {
  .aerSupport__supplement {
    font-size: 3.4666666667vw;
    line-height: 1.4
  }
}

.aerSupport__supplement p {
  margin: 0
}

.aerSupport__supplement p+p {
  margin-top: 1.8em
}

.aerSupport__supplement a {
  color: #333333;
  text-decoration: underline
}

.aerSupport__supplement a:hover {
  color: #00a8b5;
  text-decoration: none
}

.aerFooter {
  margin-top: 100px
}

@media (max-width: 767px) {
  .aerFooter {
    margin-top: 13.3333333333vw
  }
}

.aerNotes {
  font-size: 14px;
  line-height: 1.4;
  text-align: right
}

@media screen and (max-width: 767px) {
  .aerNotes {
    font-size: 2.8vw;
    line-height: 1.4
  }
}

.aerNotes>ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.aerNotes>ul>li:not(:first-child) {
  margin-top: 0.6em
}

@media (min-width: 768px) {
  .aerFeat__contents .aerProducts .aerProducts__list .aerProducts__list--child {
    width: 50%;
  }

  .aerFeat__contents .aerProducts .aerProducts__list .aerProducts__list--child:nth-child(3) {
    margin-top: 40px;
  }

  .aerProducts>ul>li:nth-child(1) .aerProducts__list--feature {
    height: 132px;
  }

  .aerProducts>ul>li:nth-child(2) .aerProducts__list--feature {
    height: 132px;
  }
}

.aerProducts .aerProducts__list .aerProducts__list--child .aerProducts__list--child-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}