.benefits-list {
  display: block;
}

.benefits-list__item {
  width: 100%;
}

.benefits-list__item:nth-of-type(2n + 1) {
  margin-right: auto;
}

.benefits-list__item:nth-of-type(n + 3) {
  margin-top: auto;
}

.benefits-list__item:nth-of-type(n) {
  margin-top: 5%;
}

.hr-section {
  margin: 8% auto;
}

/* FRAME --------------------------------*/
.subpage-caption__character {
  width: 54%;
}

.subpage-caption__system {
  width: 39%;
}

.subpage-caption__gallery {
  width: 45%;
}

.subpage-caption__story {
  width: 30%;
}

.subpage-caption__product {
  width: 45%;
}

.subpage-article + .subpage-article {
  margin-top: 15%;
}


/* STORY */
.story-text {
  max-width: auto;
  width: 95%;
  margin: 10% auto;
  position: relative;
}

/* CHARACTER --------------------------------*/
.characters-list:before {
  padding-bottom: 4%;
}

.character-block {
  padding-bottom: 50%;
}

.character-block {
  padding-bottom: 70.3125%;
}

.character-info__text {
  left: -17%;
}

.character-info__chara {
  left: -33%;
}

.character-info-coming__text {
  width: 50%;
}

.sub-characters {
  display: block;
}

.sub-characters__item {
  width: 100%;
  padding-bottom: 60.10417%;
}
 
.sub-character-info-coming__text {
  width: 50%;
}

/* SYSTEM --------------------------------*/
.system-caption {
  padding-bottom: 26%;
}

.system-caption__text {
  min-width: 80%;
}

.system-start {
  padding-bottom: 36%;
}

.system-start + .system-start {
  margin-top: 3%;
}

.system-select {
  padding: 3% 0 1%;
}

.system-select-start {
  max-width: 80%;
}

.system-select-start__button {
  display: block;
}

.system-select-start__button:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.system-select-hr {
  width: 30%;
  margin: 1% auto;
}

.system-select-menu {
  display: block;
  width: 100%;
}

.system-select-menu__item {
  width: 100%;
  padding-bottom: 7%;
}

.system-select-button img {
  max-width: 50%;
}

.system-bottom-nav__home {
  width: 35%;
}

.system-bottom-nav__prev {
  width: 8%;
}

.system-bottom-nav__next {
  width: 8%;
}

.system-start-button__image {
  left: -10%;
}

.system-start-button__text {
  width: 60.9375%;
}

.system-section-caption {
  padding-bottom: 21%;
  margin-bottom: 7%;
}

.system-section-caption__text {
  height: 35%;
}

.system-section-text {
  font-size: 1em;
}

.system-section-text__b {
  font-size: 1;
}

.system-section-flexboxes {
  display: block;
  margin-top: 10%;
}

.system-section-flexboxes__item {
  width: 100%;
}

.system-section-flexboxes__item:nth-of-type(2n) {
  margin-left: auto;
}

.system-section-flexboxes__item:nth-of-type(n + 2) {
  margin-top: 4%;
}

.system-section-flexbox__text {
  font-size: 0.8em;
}

.system-catch-dragon {
  width: 35%;
  top: -7%;
  left: -2%;
}

.system-catch-crab {
  width: 35%;
  top: -5%;
  left: -2%;
}

.system-catch-dullahan {
  width: 42%;
  top: -11%;
  left: -6%;
}


.ability-wrapper:not(:first-of-type) {
  margin-top: 10%;
}

.ability-name {
  top: -30%;
}

.ability-name-text {
  width: 45%;
  top: -9.5%;
  left: -4%;
}

.ability-chara {
  width: 20%;
  top: -10%;
}

.ability-text {
  width: 80%;
}

/* PRODUCT --------------------------------*/
.product-spec-table {
  width: 85%;
}

/* PRODUCT-info --------------------------------*/
.product-info {
  width: 95%;
  position: relative;
  margin: 10% auto 0;
}

.product-info-section {
  width: 100%;
}

.product-info-section__contents {
  display: block;
  margin: 5% auto 0;
}

.product-info-section__caption {
  padding-bottom: 10%;
}

.product-info-section-goodslist {
  padding-left: 10%;
}

.product-info-section-goodslist p {
  padding-left: auto;
}

.product-info-section__mainimage {
  width: 95%;
  margin: 0 auto;
}

.product-info-section__textbox {
  width: 100%;
  margin: 5% 0;
}

.product-info-section__article + .product-info-section__article {
  margin-top: 8%;
}

.product-info-section-text {
  width: 100%;
  margin: 10% auto 0;
}

.product-info-section-text__caption {
  margin-top: 8%;
}

.product-info-section__textbox-full {
  width: 95%;
}

.product-info-section-order {
  width: 100%;
  margin-top: 2%;
}

/* TOPICS --------------------------------*/
.topics-caption {
  width: 100%;
  height: auto;
  padding: 1% 2%;
}

.topics-caption img {
  height: auto;
  width: 100%;
}