@charset "UTF-8";

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: normal;
  word-wrap: break-word;
  min-height: 0;
  min-width: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

html {
  font-size: 62.5%;
}

body {
  position: relative;
  overflow-x: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 100vh;
  width: 100%;
  color: #fff;
  font-family: 'Noto Sans JP',Helvetica,Arial,Doroid Sans,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
  font-weight: 400;
  line-height: 1.5;
  -webkit-text-size-adjust: 100% !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 3.466666666666667vw;
  background: #060d14;
}

header,
footer,
section {
  display: block;
}

h1,
h2,
h3 {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
  display: block;
}

.view-tab {
  display: none;
}

.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10.666666666666668vw 0;
}

.logo__footer {
  width: 22.666666666666664vw;
}

.copyright {
  color: #fff;
  font-size: 3.2vw;
  letter-spacing: .7px;
  margin: 8vw auto;
}

.list__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20vw;
}

.item__list__footer {
  width: 8vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8vw;
  -ms-flex: 0 0 8vw;
  flex: 0 0 8vw;
}

.img__list__footer {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
  width: 100%;
  height: 100%;
}

.js-wrap__nav {
  height: 77px;
}

.wrap__nav {
  border-top: 1px solid #05302c;
  border-bottom: 1px solid #828080;
  background: #040000;
}

.logo__nav {
  opacity: 0;
  position: absolute;
  left: 40px;
  top: 50%;
  width: 120px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.logo__nav img {
  width: 100%;
}

.link__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link__nav:after {
  content: "";
  display: block;
  width: 1.333333333333333vw;
  height: 1.333333333333333vw;
  border-right: .5333333333333333vw solid #fff;
  border-top: .5333333333333333vw solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-left: 2.666666666666667vw;
}

.wrap__icon--toggle {
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
}

.wrap__icon--toggle.is-active {
  position: fixed;
  height: 16vw;
  background: #040000;
  z-index: 3;
}

.icon__toggle {
  position: absolute;
  width: 6.933333333333333vw;
  height: 5.600000000000001vw;
  top: 4.933333333333334vw;
  right: 4.933333333333334vw;
}

.icon__toggle:hover {
  cursor: pointer;
}

.icon__toggle--open {
  z-index: 9;
}

.icon__toggle--open .span {
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
}

.icon__toggle--open .span:first-of-type {
  top: 0;
}

.icon__toggle--open .span:nth-of-type(2) {
  top: 49.9%;
}

.icon__toggle--open .span:last-of-type {
  bottom: 0;
}

.icon__toggle--close {
  position: fixed;
  top: 4.933333333333334vw;
  right: 4.933333333333334vw;
  width: 7.333333333333333vw;
  z-index: 11;
  margin-top: 10px;
}

.icon__toggle--close:before {
  content: "";
  display: block;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.icon__toggle--close:after {
  content: "";
  display: block;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

@-webkit-keyframes navigationOpen {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes navigationOpen {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes navigationClose {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes navigationClose {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.bg__pagehead {
  background-image: url("../img/bg_feature_left.png");
  background-repeat: no-repeat;
  background-position: left 42%;
  background-size: 100% auto;
}

.wrap__mv {
  background: url("../img/bg_mv_sp.png") no-repeat top center;
  background-size: 100% auto;
  position: relative;
  opacity: 0;
  -webkit-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
  padding-top: 29.86666666666667vw;
}

.wrap__mv .logo {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  opacity: 0;
  -webkit-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
  width: 29.599999999999998vw;
  padding: 4.533333333333333vw 0 0 7.6vw;
}

.wrap__mv .figure__mv {
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: all 1.5s ease-out 1.5s;
  transition: all 1.5s ease-out 1.5s;
  width: 93.86666666666666vw;
  margin: 0 auto 7.466666666666668vw;
}

.wrap__mv .img__mv {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
  width: 100%;
  height: 100%;
}

.wrap__mv .img__ttl__mv {
  width: 87.6vw;
  height: 12.4vw;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: all 1.5s ease-out 2.5s;
  transition: all 1.5s ease-out 2.5s;
  -webkit-transform: translateY(5%);
  transform: translateY(5%);
}

.wrap__mv.is-active {
  opacity: 1;
}

.wrap__mv.is-active .logo {
  opacity: 1;
}

.wrap__mv.is-active .figure__mv {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.wrap__mv.is-active .wrap__contents__mv {
  opacity: 1;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

.wrap__mv.is-active .img__ttl__mv {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.contents__mv {
  margin: 0 auto;
  background-image: url("../img/bg_concept.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 2;
  font-family: "Noto Serif JP",serif;
  color: #fff;
  opacity: 0;
  -webkit-transform: translateY(5%);
  transform: translateY(5%);
  -webkit-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
  width: 100%;
  font-size: 4.533333333333333vw;
  margin: 12vw auto;
  padding: 10.666666666666668vw 0;
}

.contents__mv.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.text__mv--small {
  display: block;
  font-size: 3.733333333333333vw;
  margin-top: 5.333333333333334vw;
}

.subttl__page {
  font-family: Arial;
  font-size: 4.8vw;
  position: relative;
  text-align: center;
  padding-bottom: 4.933333333333334vw;
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-transform: scale(.9);
  transform: scale(.9);
}

.subttl__page.is-active {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.subttl__page:after {
  content: "";
  display: block;
  height: 2px;
  width: 56px;
  background: -webkit-gradient(linear,left top, right top,from(#04eab1),to(#e7ff00));
  background: -webkit-linear-gradient(left,#04eab1 0%,#e7ff00 100%);
  background: linear-gradient(to right,#04eab1 0%,#e7ff00 100%);
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.btn {
  font-size: 3.733333333333333vw;
  background: #041c54;
  color: #fff;
  line-height: 1;
  display: inline-block;
  height: 16vw;
  width: 80vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  -webkit-transition: all .35s ease-out;
  transition: all .35s ease-out;
}

.btn--frame {
  border: 1px solid #041c54;
  background: #fff;
  color: #041c54;
  margin-top: 5.333333333333334vw;
}

.section__features {
  background-image: url("../img/bg_feature_right.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100% auto;
}

.contents__features {
  margin: 0 auto;
}

.contents__features--features1 {
  background-position: left bottom;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transform: translateY(5%);
  transform: translateY(5%);
  -webkit-transition: all 1.2s ease-out;
  transition: all 1.2s ease-out;
}

.contents__features--features2 {
  opacity: 0;
  -webkit-transform: translateY(5%);
  transform: translateY(5%);
  -webkit-transition: all 1.2s ease-out;
  transition: all 1.2s ease-out;
}

.subttl__features {
  font-size: 6.4vw;
  font-family: "Noto Serif JP",serif;
  font-weight: 400;
  line-height: 1.6;
}

.text__features {
  font-size: 4.266666666666667vw;
  line-height: 2.3;
}

.text__features .text {
  margin-bottom: 4vw;
}

.contents__features.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.img__features {
  opacity: 0;
  -webkit-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
  -webkit-transform: translateY(5%);
  transform: translateY(5%);
}

.img__features.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.section__lineup {
  padding-top: 12vw;
}

.section__summary {
  width: 100%;
  overflow: hidden;
  background-image: url("../img/bg_summary.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
  text-align: center;
  position: relative;
  padding: 17.333333333333336vw 0 13.333333333333334vw;
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.section__summary--prospex {
  background: none;
}

.ttl__summary {
  opacity: 0;
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ttl__summary--prospex,
.ttl__summary--presage,
.ttl__summary--brightz,
.ttl__summary--sports {
  left: 4.666666666666667vw;
}

.ttl__summary--prospex {
  width: 24vw;
}

.ttl__summary--astron {
  width: 24vw;
  right: 4.666666666666667vw;
}

.ttl__summary--presage {
  width: 26.666666666666668vw;
}

.ttl__summary--lukia {
  width: 13.333333333333334vw;
  right: 8vw;
}

.ttl__summary--brightz {
  width: 13.333333333333334vw;
}

.ttl__summary--selection {
  width: 26.666666666666668vw;
  right: 4vw;
}

.ttl__summary--sports {
  width: 16vw;
}

.img__ttl__summary {
  width: 100%;
}

.wrap__figure__summary {
  position: relative;
}

.rect__summary {
  -webkit-transition: all 2.5s cubic-bezier(.385,.005,.125,1.015);
  transition: all 2.5s cubic-bezier(.385,.005,.125,1.015);
  height: 50.66666666666667vw;
  opacity: 0;
}

.rect__summary--prospex {
  background-image: url("../img/img_rect_prospex.png");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateX(-80%);
  transform: translateX(-80%);
}

.rect__summary--astron {
  background-image: url("../img/img_rect_astron.png");
  background-size: cover;
  -webkit-transform: translateX(80%);
  transform: translateX(80%);
  margin: 0 0 0 auto;
}

.rect__summary--presage {
  background-image: url("../img/img_rect_presage.png");
  background-size: cover;
  -webkit-transform: translateX(-80%);
  transform: translateX(-80%);
}

.rect__summary--lukia {
  background-image: url("../img/img_rect_lukia.png");
  background-size: cover;
  background-position: 0 100%;
  -webkit-transform: translateX(80%);
  transform: translateX(80%);
  margin: 0 0 0 auto;
}

.rect__summary--brightz {
  background-image: url("../img/img_rect_brightz.png");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateX(-80%);
  transform: translateX(-80%);
}

.rect__summary--selection {
  background-image: url("../img/img_rect_selection.png");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateX(80%);
  transform: translateX(80%);
  margin: 0 0 0 auto;
}

.rect__summary--sports {
  background-image: url("../img/img_rect_sports.png");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateX(-80%);
  transform: translateX(-80%);
}

.img__summary {
  position: absolute;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 1.4s ease-out 1.6s;
  transition: all 1.4s ease-out 1.6s;
  left: 50%;
  opacity: 0;
}

.img__summary--prospex {
  -webkit-transform: translate(-21.333333333333336vw,20px);
  transform: translate(-21.333333333333336vw,20px);
  top: -9.333333333333334vw;
  width: 45.33333333333333vw;
}

.img__summary--astron {
  -webkit-transform: translate(-53.333333333333336vw,20px);
  transform: translate(-53.333333333333336vw,20px);
  top: -11.333333333333332vw;
  width: 80vw;
}

.img__summary--presage {
  -webkit-transform: translate(-24vw,20px);
  transform: translate(-24vw,20px);
  top: -12vw;
  width: 74.66666666666667vw;
}

.img__summary--lukia {
  -webkit-transform: translate(-29.86666666666667vw,20px);
  transform: translate(-29.86666666666667vw,20px);
  top: -18.666666666666668vw;
  width: 36vw;
}

.img__summary--brightz {
  -webkit-transform: translate(-21.333333333333336vw,20px);
  transform: translate(-21.333333333333336vw,20px);
  top: -13.200000000000001vw;
  width: 69.33333333333334vw;
}

.img__summary--selection {
  -webkit-transform: translate(-50vw,20px);
  transform: translate(-50vw,20px);
  top: -13.200000000000001vw;
  width: 72vw;
}

.img__summary--sports {
  -webkit-transform: translate(-32vw,20px);
  transform: translate(-32vw,20px);
  top: -13.200000000000001vw;
  width: 86.66666666666667vw;
}

.text__summary {
  color: #fff;
  font-size: 4vw;
  letter-spacing: .4266666666666667vw;
  line-height: 1.94;
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: all 1.5s ease-out 3s;
  transition: all 1.5s ease-out 3s;
  margin: 16vw 6.666666666666667vw 0;
}

.section__summary.is-active {
  opacity: 1;
}

.section__summary.is-active .ttl__summary {
  opacity: 1;
}

.section__summary.is-active .rect__summary {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.section__summary.is-active .img__summary {
  opacity: 1;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}

.section__summary.is-active .img__summary--prospex {
  -webkit-transform: translate(-21.333333333333336vw,0);
  transform: translate(-21.333333333333336vw,0);
}

.section__summary.is-active .img__summary--astron {
  -webkit-transform: translate(-53.333333333333336vw,0);
  transform: translate(-53.333333333333336vw,0);
}

.section__summary.is-active .img__summary--presage {
  -webkit-transform: translate(-24vw,0);
  transform: translate(-24vw,0);
}

.section__summary.is-active .img__summary--lukia {
  -webkit-transform: translate(-29.86666666666667vw,0);
  transform: translate(-29.86666666666667vw,0);
}

.section__summary.is-active .img__summary--brightz {
  -webkit-transform: translate(-21.333333333333336vw,0);
  transform: translate(-21.333333333333336vw,0);
}

.section__summary.is-active .img__summary--selection {
  -webkit-transform: translate(-50vw,0);
  transform: translate(-50vw,0);
}

.section__summary.is-active .img__summary--sports {
  -webkit-transform: translate(-32vw,0);
  transform: translate(-32vw,0);
}

.section__summary.is-active .text__summary {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.section__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16vw 0;
  background: #fff;
  color: #000;
}

.figure__detail {
  margin: 0 6.666666666666667vw 9.333333333333334vw;
}

.img__detail {
  text-align: center;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
  width: 100%;
  height: 100%;
}

.contents__detail {
  text-align: center;
}

.ttl__detail {
  font-size: 6.933333333333334vw;
  margin-bottom: 6.933333333333333vw;
}

.text__price {
  font-size: 3.2vw;
}

.text__price .price {
  font-size: 5.6vw;
  font-weight: bold;
}

.text__detail {
  font-size: 4vw;
  line-height: 1.94;
  letter-spacing: .4266666666666667vw;
  margin-bottom: 8vw;
}

.text__clm {
  font-size: 3.733333333333333vw;
  color: #041c54;
  line-height: 1.43;
  letter-spacing: 1.4px;
  margin-top: 10.666666666666668vw;
  text-align: left;
}

.text__note {
  font-size: 3.733333333333333vw;
  color: #041c54;
  line-height: 1.43;
  letter-spacing: 1.4px;
  margin: 10.666666666666668vw auto 0;
  width: 80vw;
  text-align: left;
}

.section__detail .figure__detail {
  -webkit-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.section__detail .contents__detail {
  -webkit-transition: all 1.5s ease-out 1s;
  transition: all 1.5s ease-out 1s;
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.section__detail.is-active .figure__detail,
.section__detail.is-active .contents__detail {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.footer__lineup {
  background: #fff;
  padding: 11.466666666666667vw 0;
}

.text__footer__lineup {
  width: 80vw;
  margin: 0 auto;
}

.text__footer__lineup--donation {
  background: #041c54;
  color: #fff;
  font-size: 4vw;
  line-height: 1.875;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-bottom: 13.333333333333334vw;
  padding: 10.666666666666668vw 6.666666666666667vw;
}

.text__footer__lineup--donation:after {
  content: "";
  display: block;
  position: absolute;
  border: 1px solid #fff;
  left: 10px;
  right: 10px;
  bottom: 10px;
  top: 10px;
}

.text__footer__lineup--caution {
  border: 1px solid #041c54;
  color: #041c54;
  text-align: center;
  font-size: 3.733333333333333vw;
  padding: 2.666666666666667vw 1.333333333333333vw;
}

@media screen and (min-width:768px) {
  body {
    font-size: 16px;
    font-size: 1.6rem;
  }

  a:hover {
    color: #fff;
    text-decoration: none;
  }

  .view-sp {
    display: none !important;
  }

  .footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 150px;
    padding: 0 80px;
  }

  .logo__footer {
    width: 170px;
  }

  .copyright {
    font-size: 12px;
    font-size: 1.2rem;
  }

  .copyright {
    margin: auto;
  }

  .list__footer {
    width: 76px;
  }

  .item__list__footer {
    width: 32px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32px;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
  }

  .nav {
    height: 75px;
    width: 960px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
  }

  .nav--sp {
    display: none;
  }

  .list__nav {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .link__nav:after {
    width: 5px;
    height: 5px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    margin-left: 8px;
  }

  .wrap__nav.is-active {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    overflow: hidden;
  }

  .wrap__nav.is-active .logo__nav {
    opacity: 1;
  }

  .wrap__icon--toggle {
    display: none;
  }

  .icon__toggle--close {
    display: none;
  }

  .wrap__mv {
    background: url("../img/bg_mv.png") no-repeat top center;
    background-size: 100% auto;
    padding-top: 4.583333333333333vw;
  }

  .wrap__mv .logo {
    padding: 2.5vw 0 0 5.5vw;
  }

  .wrap__mv .logo .img__logo {
    width: 142px;
  }

  .wrap__mv .figure__mv {
    width: 852px;
    height: 568px;
    margin: 0 auto 6.083333333333334vw auto;
  }

  .wrap__mv .img__ttl__mv {
    width: 657px;
    height: 93px;
  }

  .contents__mv {
    font-size: 24px;
    font-size: 2.4rem;
  }

  .contents__mv {
    width: 900px;
    letter-spacing: 2.4px;
    margin: 100px auto;
    padding: 60px 0;
  }

  .text__mv--small {
    font-size: 20px;
    font-size: 2rem;
  }

  .text__mv--small {
    margin-top: 20px;
  }

  .subttl__page {
    font-size: 28px;
    font-size: 2.8rem;
  }

  .subttl__page {
    padding-bottom: 32px;
  }

  .subttl__page--features {
    margin-bottom: 100px;
  }

  .btn {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .btn {
    margin: 0;
    width: 260px;
    height: 60px;
  }

  .btn:hover {
    cursor: pointer;
    border: 1px solid #041c54;
    background: transparent;
    color: #041c54;
  }

  .btn--frame {
    margin-top: 20px;
  }

  .btn--frame:hover {
    background: #041c54;
    color: #fff;
  }

  .contents__features {
    width: 960px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .contents__features--features1 {
    height: 490px;
    -webkit-transition: all 1.2s ease-out .5s;
    transition: all 1.2s ease-out .5s;
  }

  .contents__features--features2 {
    height: 595px;
  }

  .subttl__features {
    font-size: 44px;
    font-size: 4.4rem;
  }

  .subttl__features {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 4.4px;
    width: 310px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 310px;
    -ms-flex: 0 0 310px;
    flex: 0 0 310px;
  }

  .text__features {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .text__features {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 650px;
    -ms-flex: 0 0 650px;
    flex: 0 0 650px;
  }

  .text__features .text {
    margin-bottom: 20px;
  }

  .img__features {
    margin: 0 auto 70px;
  }

  .section__lineup {
    background-image: url("../img/bg_summary_propex.png");
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 105px;
    background-size: 1139px auto;
  }

  .section__summary {
    background-size: 1139px auto;
    background-position: center top -100px;
    padding: 240px 0 100px;
  }

  .section__summary--prospex {
    background: none;
    padding-top: 180px;
  }

  .ttl__summary--prospex,
  .ttl__summary--presage,
  .ttl__summary--brightz,
  .ttl__summary--sports {
    left: 10vw;
  }

  .ttl__summary--prospex {
    width: 18.583333333333332vw;
    max-width: 223px;
  }

  .ttl__summary--astron {
    right: 10vw;
    width: 16vw;
    max-width: 192px;
  }

  .ttl__summary--presage {
    width: 21.5vw;
    max-width: 258px;
  }

  .ttl__summary--lukia {
    width: 10.666666666666668vw;
    max-width: 128px;
    right: 10vw;
  }

  .ttl__summary--brightz {
    width: 9.166666666666666vw;
    max-width: 110px;
  }

  .ttl__summary--selection {
    width: 29.5vw;
    max-width: 354px;
    right: 7.5vw;
  }

  .ttl__summary--sports {
    width: 12.5vw;
    max-width: 150px;
  }

  .rect__summary {
    width: 90vw;
    height: 380px;
  }

  .img__summary--prospex {
    -webkit-transform: translate(-191px,20px);
    transform: translate(-191px,20px);
    top: -120px;
    width: 398px;
  }

  .img__summary--astron {
    -webkit-transform: translate(-373px,20px);
    transform: translate(-373px,20px);
    top: -104px;
    width: 693px;
  }

  .img__summary--presage {
    -webkit-transform: translate(-224px,20px);
    transform: translate(-224px,20px);
    top: -131px;
    width: 616px;
  }

  .img__summary--lukia {
    -webkit-transform: translate(-224px,20px);
    transform: translate(-224px,20px);
    top: -255px;
    width: 290px;
  }

  .img__summary--brightz {
    -webkit-transform: translate(-224px,20px);
    transform: translate(-224px,20px);
    top: -157px;
    width: 604px;
  }

  .img__summary--selection {
    -webkit-transform: translate(-481px,20px);
    transform: translate(-481px,20px);
    top: -121px;
    width: 673px;
  }

  .img__summary--sports {
    -webkit-transform: translate(-339px,20px);
    transform: translate(-339px,20px);
    top: -165px;
    width: 831px;
  }

  .text__summary {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .text__summary {
    max-width: 780px;
    letter-spacing: 1.8px;
    margin: 104px auto 0;
  }

  .section__summary.is-active .img__summary--prospex {
    -webkit-transform: translate(-191px,0);
    transform: translate(-191px,0);
  }

  .section__summary.is-active .img__summary--astron {
    -webkit-transform: translate(-373px,0);
    transform: translate(-373px,0);
  }

  .section__summary.is-active .img__summary--presage {
    -webkit-transform: translate(-224px,0);
    transform: translate(-224px,0);
  }

  .section__summary.is-active .img__summary--lukia {
    -webkit-transform: translate(-224px,0);
    transform: translate(-224px,0);
  }

  .section__summary.is-active .img__summary--brightz {
    -webkit-transform: translate(-224px,0);
    transform: translate(-224px,0);
  }

  .section__summary.is-active .img__summary--selection {
    -webkit-transform: translate(-481px,0);
    transform: translate(-481px,0);
  }

  .section__summary.is-active .img__summary--sports {
    -webkit-transform: translate(-339px,0);
    transform: translate(-339px,0);
  }

  .section__detail {
    padding: 80px 0 85px;
  }

  .clm__detail {
    width: 960px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .figure__detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 620px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 620px;
    -ms-flex: 0 0 620px;
    flex: 0 0 620px;
    max-width: 620px;
    margin: auto;
    padding: 0 60px 0 85px;
  }

  .contents__detail {
    text-align: left;
    width: 340px;
  }

  .ttl__detail {
    font-size: 28px;
    font-size: 2.8rem;
  }

  .ttl__detail {
    margin-bottom: 29px;
  }

  .text__price {
    font-size: 12px;
    font-size: 1.2rem;
  }

  .text__price {
    margin-bottom: 24px;
  }

  .text__price .price {
    font-size: 24px;
    font-size: 2.4rem;
  }

  .text__detail {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .text__detail {
    margin-bottom: 39px;
    letter-spacing: 1.4px;
  }

  .text__clm {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .text__clm {
    margin-top: 40px;
  }

  .text__note {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .text__note {
    width: auto;
    margin: 40px 0 0;
  }

  .section__detail .figure__detail {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .section__detail .contents__detail {
    -webkit-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  .footer__lineup {
    padding: 5px 0 86px;
  }

  .text__footer__lineup {
    width: 796px;
    padding: 10px 0;
  }

  .text__footer__lineup--donation {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .text__footer__lineup--donation {
    height: 155px;
    padding: 0;
    margin-bottom: 75px;
  }

  .text__footer__lineup--caution {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media only screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2) {
  .section__lineup {
    background-image: url("../img/bg_summary_propex@2x.png");
  }
}

@media screen and (min-width:1200px) {
  .wrap__mv .figure__mv {
    margin-bottom: 2.916666666666667vw;
  }
}

@media screen and (max-width:767.9px) {
  .view-pc {
    display: none !important;
  }

  .wrap__nav {
    display: none;
  }

  .nav--sp {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
  }

  .nav--sp.is-active {
    display: block;
  }

  .nav--sp .logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 29.599999999999998vw;
    padding: 4.533333333333333vw 0 0 7.6vw;
    z-index: 1;
  }

  .list__nav {
    background: #040000;
    padding: 14.000000000000002vw 7.6vw 2.666666666666667vw;
    opacity: 0;
    -webkit-animation: navigationClose .5s ease-out 0s 1 forwards;
    animation: navigationClose .5s ease-out 0s 1 forwards;
  }

  .list__nav.is-active {
    -webkit-animation: navigationOpen .5s ease-out 0s 1 forwards;
    animation: navigationOpen .5s ease-out 0s 1 forwards;
  }

  .item__list__nav:last-of-type .link__nav {
    border: none;
  }

  .link__nav {
    padding: 2.666666666666667vw 0;
    border-bottom: 1px solid #828080;
  }

  .subttl__page--features {
    margin-bottom: 8.333333333333332vw;
  }

  .section__features {
    padding-bottom: 12vw;
  }

  .subttl__features {
    text-align: center;
    margin-bottom: 10.666666666666668vw;
  }

  .text__features {
    margin: 0 6.666666666666667vw;
  }

  .img__features {
    margin: 10.666666666666668vw auto;
  }

  .section__products {
    padding-top: 15.5vw;
    margin-top: -15.5vw;
  }

  .text__clm {
    width: 80vw;
    margin: 10.666666666666668vw auto 0;
  }
}

@media screen and (min-width:768px) and (max-width:1199.9px) {
  body {
    font-size: 1.333333333333333vw;
  }

  .view-sp {
    display: none !important;
  }

  .footer {
    height: 12.5vw;
    padding: 0 6.666666666666667vw;
  }

  .logo__footer {
    width: 14.166666666666666vw;
  }

  .copyright {
    font-size: 1vw;
  }

  .list__footer {
    width: 6.333333333333334vw;
  }

  .item__list__footer {
    width: 2.666666666666667vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 2.666666666666667vw;
    -ms-flex: 0 0 2.666666666666667vw;
    flex: 0 0 2.666666666666667vw;
  }

  .nav {
    height: 6.25vw;
    width: 80vw;
  }

  .logo__nav {
    left: 3.333333333333333vw;
    width: 10vw;
  }

  .link__nav:after {
    width: .4166666666666667vw;
    height: .4166666666666667vw;
  }

  .wrap__mv .logo .img__logo {
    width: 11.833333333333334vw;
  }

  .wrap__mv .figure__mv {
    width: 71vw;
    height: 47.333333333333336vw;
  }

  .wrap__mv .img__ttl__mv {
    width: 54.75vw;
    height: 7.75vw;
  }

  .contents__mv {
    font-size: 2vw;
  }

  .contents__mv {
    width: 75vw;
    letter-spacing: .2vw;
    margin: 8.333333333333332vw auto;
    padding: 5vw 0;
  }

  .text__mv--small {
    font-size: 1.666666666666667vw;
  }

  .text__mv--small {
    margin-top: 1.666666666666667vw;
  }

  .subttl__page {
    font-size: 2.333333333333333vw;
  }

  .subttl__page {
    padding-bottom: 2.666666666666667vw;
  }

  .btn {
    font-size: 1.333333333333333vw;
  }

  .btn {
    width: 21.666666666666668vw;
    height: 5.083333333333333vw;
  }

  .btn--frame {
    margin-top: 1.666666666666667vw;
  }

  .contents__features {
    width: 80vw;
  }

  .contents__features--features1 {
    height: 40.833333333333336vw;
  }

  .contents__features--features2 {
    height: 49.583333333333336vw;
  }

  .subttl__features {
    font-size: 3.666666666666667vw;
  }

  .subttl__features {
    width: 25.833333333333336vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25.833333333333336vw;
    -ms-flex: 0 0 25.833333333333336vw;
    flex: 0 0 25.833333333333336vw;
    letter-spacing: .3666666666666667vw;
  }

  .text__features {
    font-size: 1.5vw;
  }

  .text__features {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 54.166666666666664vw;
    -ms-flex: 0 0 54.166666666666664vw;
    flex: 0 0 54.166666666666664vw;
  }

  .text__features .text {
    margin-bottom: 1.666666666666667vw;
  }

  .img__features {
    width: 84.25vw;
    margin: 0 auto 5.833333333333333vw;
  }

  .section__lineup {
    background-size: psrem(1139) auto;
    padding-top: 8.75vw;
  }

  .section__summary {
    padding: 20vw 0 8.333333333333332vw;
    background-size: 94.91666666666667vw auto;
    background-position: center top -8.333333333333332vw;
  }

  .section__summary--prospex {
    padding-top: 15vw;
  }

  .rect__summary {
    height: 31.666666666666664vw;
  }

  .img__summary--prospex {
    -webkit-transform: translate(-15.916666666666668vw,20px);
    transform: translate(-15.916666666666668vw,20px);
    top: -10vw;
    width: 33.166666666666664vw;
  }

  .img__summary--astron {
    -webkit-transform: translate(-31.083333333333336vw,20px);
    transform: translate(-31.083333333333336vw,20px);
    top: -8.666666666666668vw;
    width: 57.75vw;
  }

  .img__summary--presage {
    -webkit-transform: translate(-18.666666666666668vw,20px);
    transform: translate(-18.666666666666668vw,20px);
    top: -10.916666666666666vw;
    width: 51.33333333333333vw;
  }

  .img__summary--lukia {
    -webkit-transform: translate(-18.666666666666668vw,20px);
    transform: translate(-18.666666666666668vw,20px);
    top: -21.25vw;
    width: 24.166666666666668vw;
  }

  .img__summary--brightz {
    -webkit-transform: translate(-18.666666666666668vw,20px);
    transform: translate(-18.666666666666668vw,20px);
    top: -13.083333333333332vw;
    width: 50.33333333333333vw;
  }

  .img__summary--selection {
    -webkit-transform: translate(-40.08333333333333vw,20px);
    transform: translate(-40.08333333333333vw,20px);
    top: -8.333333333333332vw;
    width: 56.08333333333333vw;
  }

  .img__summary--sports {
    -webkit-transform: translate(-28.249999999999996vw,20px);
    transform: translate(-28.249999999999996vw,20px);
    top: -13.750000000000002vw;
    width: 69.25vw;
  }

  .text__summary {
    font-size: 1.5vw;
  }

  .text__summary {
    max-width: 65vw;
    letter-spacing: .15vw;
    margin: 8.666666666666668vw auto 0;
  }

  .section__summary.is-active .img__summary--prospex {
    -webkit-transform: translate(-15.916666666666668vw,0);
    transform: translate(-15.916666666666668vw,0);
  }

  .section__summary.is-active .img__summary--astron {
    -webkit-transform: translate(-31.083333333333336vw,0);
    transform: translate(-31.083333333333336vw,0);
  }

  .section__summary.is-active .img__summary--presage {
    -webkit-transform: translate(-18.666666666666668vw,0);
    transform: translate(-18.666666666666668vw,0);
  }

  .section__summary.is-active .img__summary--lukia {
    -webkit-transform: translate(-18.666666666666668vw,0);
    transform: translate(-18.666666666666668vw,0);
  }

  .section__summary.is-active .img__summary--brightz {
    -webkit-transform: translate(-18.666666666666668vw,0);
    transform: translate(-18.666666666666668vw,0);
  }

  .section__summary.is-active .img__summary--selection {
    -webkit-transform: translate(-40.08333333333333vw,0);
    transform: translate(-40.08333333333333vw,0);
  }

  .section__summary.is-active .img__summary--sports {
    -webkit-transform: translate(-28.249999999999996vw,0);
    transform: translate(-28.249999999999996vw,0);
  }

  .section__detail {
    padding: 6.666666666666667vw 0 7.083333333333333vw;
  }

  .clm__detail {
    width: 80vw;
  }

  .figure__detail {
    width: 51.66666666666667vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 51.66666666666667vw;
    -ms-flex: 0 0 51.66666666666667vw;
    flex: 0 0 51.66666666666667vw;
    max-width: 51.66666666666667vw;
    padding: 0 5vw 0 7.083333333333333vw;
  }

  .contents__detail {
    width: 28.333333333333332vw;
  }

  .ttl__detail {
    font-size: 2.333333333333333vw;
  }

  .ttl__detail {
    margin-bottom: 2.416666666666667vw;
  }

  .text__price {
    font-size: 1vw;
  }

  .text__price {
    margin-bottom: 2vw;
  }

  .text__price .price {
    font-size: 2vw;
  }

  .text__detail {
    font-size: 1.333333333333333vw;
  }

  .text__detail {
    margin-bottom: 3.25vw;
    letter-spacing: .11666666666666665vw;
  }

  .text__clm {
    font-size: 1.166666666666667vw;
  }

  .text__clm {
    margin-top: 3.333333333333333vw;
  }

  .text__note {
    font-size: 1.166666666666667vw;
  }

  .text__note {
    margin: 3.333333333333333vw 0 0;
  }

  .footer__lineup {
    padding: .4166666666666667vw 0 7.166666666666667vw;
  }

  .text__footer__lineup {
    width: 66.33333333333333vw;
    padding: .8333333333333334vw 0;
  }

  .text__footer__lineup--donation {
    font-size: 1.333333333333333vw;
  }

  .text__footer__lineup--donation {
    height: 12.916666666666668vw;
    margin-bottom: 6.25vw;
  }

  .text__footer__lineup--caution {
    font-size: 1.166666666666667vw;
  }
}

@media screen and (min-width:1200px) and (max-width:1023.9px) {
  .view-tab {
    display: inline-block;
  }
}

@media screen and (min-width:768px) and (max-width:1400px) {
  .wrap__nav.is-active .nav {
    width: 100%;
  }

  .wrap__nav.is-active .list__nav {
    width: 68.33333333333333vw;
    margin: 0 3.333333333333333vw 0 auto;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .bg__pagehead {
    background-image: url("../img/bg_feature_left---2x.png");
  }

  .contents__mv {
    background-image: url("../img/bg_concept---2x.png");
  }

  .section__features {
    background-image: url("../img/bg_feature_right---2x.png");
  }

  .section__summary {
    background-image: url("../img/bg_summary---2x.png");
  }

  .section__summary--prospex {
    background: none;
  }

  .rect__summary--prospex {
    background-image: url("../img/img_rect_prospex---2x.png");
  }

  .rect__summary--brightz {
    background-image: url("../img/img_rect_brightz---2x.png");
  }

  .rect__summary--selection {
    background-image: url("../img/img_rect_selection---2x.png");
  }

  .rect__summary--sports {
    background-image: url("../img/img_rect_sports---2x.png");
  }
}