@charset "UTF-8";
#mp220204 {
  transform: none;
  filter: none;
  box-sizing: border-box;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-feature-settings: normal;
}
#mp220204 figure {
  display: block;
}
#mp220204 .anc {
  display: block;
}
#mp220204 .img-src {
  width: 100%;
  height: auto;
}
#mp220204 .sec-bg {
  position: absolute;
}
#mp220204 .sec-bg__inn {
  width: 100%;
  height: 100%;
  position: relative;
}
#mp220204 .sec-name .anc {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 500;
  font-feature-settings: "palt";
}
#mp220204 .sec-name .anc,
#mp220204 .sec-info .anc,
#mp220204 .sec-color .anc,
#mp220204 .sec-cred .anc {
  display: inline-block;
}
#mp220204 .sec-desc {
  font-weight: 500;
  font-feature-settings: normal;
}
#mp220204 .sec-info,
#mp220204 .sec-cred__list__item .anc,
#mp220204 .line-up__ttl {
  font-family: chapman, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
}
#mp220204 .sec-track {
  position: absolute;
  z-index: 99;
}
@media only screen and (min-width: 1400px) {
  #mp220204 .sp-x {
    display: none;
  }
  #mp220204 .page-content .sec-name {
    font-size: 2.2rem;
    line-height: 1;
    letter-spacing: 0.08em;
    margin: 40px 0 0;
  }
  #mp220204 .page-content .sec-info {
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0.04em;
    margin: 20px 0 0;
  }
  #mp220204 .page-content .sec-color {
    margin: 27px 0 0;
  }
  #mp220204 .page-content .sec-color .img-src {
    width: auto;
    height: 14px;
  }
  #mp220204 .page-content .sec-desc {
    font-size: 1.3rem;
    line-height: 1.9230769231;
    letter-spacing: 0.05em;
    margin: 55px 0 0;
  }
  #mp220204 .page-content .sec-cred__list {
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-cred__list__item .anc {
    font-size: 1.1rem;
    line-height: 1.6363636364;
    letter-spacing: 0.04em;
  }
  #mp220204 .page-content .sec-buy {
    width: 179px;
    margin: 80px auto 0;
  }
  #mp220204 .page-content .top-bnr {
    width: 900px;
    margin: 38px auto 0;
  }
  #mp220204 .page-content .sec-wrap {
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec-track {
    width: 20px;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    top: -355px;
    right: 10%;
  }
  #mp220204 .page-content .sec-wrap .sec-track__text {
    width: 100%;
  }
  #mp220204 .page-content .sec-wrap .sec1 {
    margin: 100px 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec1 .sec-bg {
    width: 71.4%;
    height: 900px;
    top: 121px;
    right: 0;
  }
  #mp220204 .page-content .sec-wrap .sec1 .sec-bg__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: 100%;
    background: #eae9e5;
    top: 0;
    left: 0;
    transition: all 1s ease;
  }
  #mp220204 .page-content .sec-wrap .sec1.top .sec-bg__inn::before {
    width: 100%;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn {
    width: 1400px;
    margin: auto;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn__about {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 266px;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn__about .sec-img {
    width: 400px;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn__about .sec-txt {
    margin: 83px 0 0 101px;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn__about .sec-txt .sec-num {
    width: 47px;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-g {
    margin: 100px 0 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-g__1 {
    width: 380px;
    margin: 0 320px 0 0;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-g__2 {
    width: 300px;
    position: absolute;
    top: 563px;
    right: 99px;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-g__3 {
    width: 500px;
    margin: 230px 100px 0 0;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-cred {
    margin: 16px 0 0 100px;
    padding: 0 0 43px;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-cred__list {
    width: 230px;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-cred__list .item2,
#mp220204 .page-content .sec-wrap .sec1__inn .sec-cred__list .item4 {
    margin: 0 0 0 11px;
  }
  #mp220204 .page-content .sec-wrap .sec2 {
    margin: 102px 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec2::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: 625px;
    top: 125px;
    left: 0;
    background: #ededed;
    transition: all 1s ease;
  }
  #mp220204 .page-content .sec-wrap .sec2.top::before {
    width: 57.14%;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn {
    width: 1400px;
    margin: auto;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn__about {
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn__about .sec-txt {
    margin: 92px 0 0 272px;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn__about .sec-txt .sec-num {
    width: 59px;
    margin: 0 0 0 3px;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn__about .sec-img {
    width: 400px;
    margin: 0 0 0 105px;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-g {
    margin: 100px 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-g__1 {
    width: 550px;
    margin: 0 365px 0 auto;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-g__2 {
    width: 400px;
    position: absolute;
    z-index: 9;
    top: 390px;
    left: 124px;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-g__2::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 420px;
    height: 560px;
    background: #fff;
    left: 0;
    bottom: 0;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-cred {
    margin: 15px 365px 0 auto;
    padding: 0 0 100px;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-cred__list {
    display: block;
    text-align: right;
  }
  #mp220204 .page-content .sec-wrap .sec3 {
    margin: 100px 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec3::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 25%;
    height: 0;
    background: #f2e9dd;
    top: 119px;
    right: 0;
    transition: all 1s ease;
  }
  #mp220204 .page-content .sec-wrap .sec3::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 20%;
    height: 0;
    background: #f2e9dd;
    top: 992px;
    left: 0;
    transition: all 1s ease;
  }
  #mp220204 .page-content .sec-wrap .sec3.top::before {
    height: 850px;
  }
  #mp220204 .page-content .sec-wrap .sec3.bottom::after {
    height: 794px;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn {
    width: 1400px;
    margin: auto;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn__about {
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn__about .sec-txt {
    margin: 70px 0 0 100px;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn__about .sec-txt .sec-num {
    width: 59px;
    margin: 0 0 0 3px;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn__about .sec-img {
    width: 420px;
    margin: 0 0 0 249px;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-g {
    margin: 99px 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-g__1 {
    width: 500px;
    margin: 0 190px 0 auto;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-g__2 {
    width: 400px;
    position: absolute;
    top: 267px;
    left: 190px;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-g__3 {
    width: 480px;
    margin: 202px auto 0;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-cred {
    position: absolute;
    top: 1315px;
    right: 190px;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-cred__list {
    width: 224px;
    justify-content: space-between;
  }
  #mp220204 .page-content .sec-wrap .sec4 {
    margin: 100px 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec4::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: 590px;
    background: #e0e2e1;
    top: 90px;
    left: 0;
    transition: all 1s ease;
  }
  #mp220204 .page-content .sec-wrap .sec4::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 17.85%;
    height: 0;
    background: #e0e2e1;
    top: 1021px;
    right: 0;
    transition: all 0.7s ease;
  }
  #mp220204 .page-content .sec-wrap .sec4.top::before {
    width: 57.14%;
  }
  #mp220204 .page-content .sec-wrap .sec4.bottom::after {
    height: 607px;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn {
    width: 1400px;
    margin: auto;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn__about {
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn__about .sec-txt {
    margin: 58px 0 0 274px;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn__about .sec-txt .sec-num {
    width: 61px;
    margin: 0 0 0 3px;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn__about .sec-img {
    width: 400px;
    margin: 0 0 0 100px;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g {
    margin: 100px 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g__1 {
    width: 500px;
    margin: 0 0 0 400px;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g__2 {
    width: 450px;
    position: absolute;
    z-index: 9;
    top: 320px;
    right: 100px;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g__2::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 470px;
    height: 627px;
    background: #fff;
    bottom: 0;
    right: 0;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g__3 {
    width: 280px;
    position: absolute;
    top: 875px;
    left: 100px;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g__4 {
    width: 350px;
    margin: 350px 0 0 440px;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-cred {
    position: absolute;
    top: 2028px;
    left: 810px;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-cred__list {
    display: block;
    -moz-text-align-last: left;
         text-align-last: left;
  }
  #mp220204 .page-content .sec-wrap .sec5 {
    margin: 100px 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec5::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 73.57%;
    height: 0;
    background: #f4f0e6;
    top: 110px;
    right: 0;
    transition: all 1s ease;
  }
  #mp220204 .page-content .sec-wrap .sec5.top::before {
    height: 860px;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn {
    width: 1400px;
    margin: auto;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn__about {
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn__about .sec-txt {
    margin: 64px 0 0 100px;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn__about .sec-txt .sec-num {
    width: 59px;
    padding: 4px 0 0 4px;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn__about .sec-img {
    width: 400px;
    margin: 0 0 0 271px;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-g {
    width: 710px;
    display: flex;
    flex-wrap: wrap;
    margin: 97px 100px 0 auto;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-g__1 {
    width: 480px;
    margin: 0 0 120px;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-g__2 {
    width: 420px;
    position: absolute;
    top: 251px;
    left: -490px;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-g__3 {
    width: 270px;
    margin: 0 0 0 160px;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-g__4 {
    width: 270px;
    margin: 0 0 0 auto;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-cred {
    position: absolute;
    top: 1431px;
    left: 100px;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-cred__list {
    width: 335px;
    justify-content: space-between;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-cred .item5 {
    margin: 0 14px 0 0;
  }
  #mp220204 .page-content .sec-wrap .sec6 {
    margin: 170px 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec6::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: 750px;
    background: #e2e2e0;
    top: -70px;
    left: 0;
    transition: all 0.6s ease;
  }
  #mp220204 .page-content .sec-wrap .sec6::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 21.428%;
    height: 0;
    background: #e2e2e0;
    top: 777px;
    right: 0;
    transition: all 0.6s ease;
  }
  #mp220204 .page-content .sec-wrap .sec6.top::before {
    width: 28.57%;
  }
  #mp220204 .page-content .sec-wrap .sec6.bottom::after {
    height: 500px;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn {
    width: 1400px;
    margin: auto;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn__about {
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn__about .sec-txt {
    margin: 70px 0 0 249px;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn__about .sec-txt .sec-num {
    width: 60px;
    margin: 0 0 0 4px;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn__about .sec-img {
    width: 400px;
    margin: 0 0 0 148px;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-g {
    width: 950px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 100px auto 0;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-g__1 {
    width: 450px;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-g__2 {
    width: 450px;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-cred {
    margin: 16px 0 0 225px;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-cred__list__item {
    margin: 0 0 0 12px;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-cred__list .item1 {
    margin: 0;
  }
  #mp220204 .page-content .sec-wrap .sec7 {
    margin: 99px 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec7 .sec-bg {
    width: 73.57%;
    height: 615px;
    top: 105px;
    right: 0;
  }
  #mp220204 .page-content .sec-wrap .sec7 .sec-bg__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: 100%;
    background: #f4f0e9;
    top: 0;
    left: 0;
    transition: all 1s ease;
  }
  #mp220204 .page-content .sec-wrap .sec7.top .sec-bg__inn::before {
    width: 100%;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn {
    width: 1400px;
    margin: auto;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn__about {
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn__about .sec-txt {
    margin: 70px 0 0 100px;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn__about .sec-txt .sec-num {
    width: 59px;
    margin: 0 0 0 3px;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn__about .sec-img {
    width: 400px;
    margin: 0 0 0 259px;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-g {
    margin: 99px 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-g__1 {
    width: 520px;
    margin: 0 100px 0 auto;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-g__2 {
    width: 420px;
    position: absolute;
    z-index: 9;
    top: 290px;
    left: 100px;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-g__2::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 440px;
    height: 587px;
    background: #fff;
    top: 0;
    left: 0;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-g__3 {
    width: 480px;
    margin: 110px auto 0;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-cred {
    position: absolute;
    top: 1317px;
    right: 100px;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-cred__list {
    display: block;
    text-align: right;
  }
  #mp220204 .page-content .line-up {
    margin: 135px 0 0;
  }
  #mp220204 .page-content .line-up__ttl {
    font-size: 3.6rem;
    line-height: 1;
    letter-spacing: 0.04em;
    text-align: center;
    position: relative;
  }
  #mp220204 .page-content .line-up__ttl::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 220px;
    height: 26px;
    background: #f4f3ed;
    top: 22px;
    left: 0;
    right: 0;
    margin: auto;
  }
  #mp220204 .page-content .line-up__list {
    width: 1000px;
    height: 292px;
    overflow: hidden;
    margin: 74px auto 0;
  }
  #mp220204 .page-content .line-up__list__item {
    width: 220px;
    min-width: 220px;
  }
  #mp220204 .page-content .check-all {
    width: 420px;
    margin: 141px auto 0;
  }
  #mp220204 .page-content .button-vol2 {
    width: 420px;
    margin: 15px auto 138px;
  }
  #mp220204 .top-bnr,
#mp220204 .fade-trgt {
    opacity: 0;
    transition: all 0.6s ease;
  }
  #mp220204 .top-bnr.faded,
#mp220204 .fade-trgt.faded {
    opacity: 1;
  }
}
@media only screen and (max-width: 1399px) and (min-width: 768px) {
  #mp220204 .sp-x {
    display: none;
  }
  #mp220204 .page-content .sec-name {
    font-size: calc(22* 0.0714285714vw);
    line-height: 1;
    letter-spacing: 0.08em;
    margin: calc(40* 0.0714285714vw) 0 0;
  }
  #mp220204 .page-content .sec-info {
    font-size: calc(16* 0.0714285714vw);
    line-height: 1;
    letter-spacing: 0.04em;
    margin: calc(20* 0.0714285714vw) 0 0;
  }
  #mp220204 .page-content .sec-color {
    margin: calc(27* 0.0714285714vw) 0 0;
  }
  #mp220204 .page-content .sec-color .img-src {
    width: auto;
    height: calc(14* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-desc {
    font-size: calc(13* 0.0714285714vw);
    line-height: 1.9230769231;
    letter-spacing: 0.05em;
    margin: calc(55* 0.0714285714vw) 0 0;
  }
  #mp220204 .page-content .sec-cred__list {
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-cred__list__item .anc {
    font-size: calc(11* 0.0714285714vw);
    line-height: 1.6363636364;
    letter-spacing: 0.04em;
  }
  #mp220204 .page-content .sec-buy {
    width: calc(179* 0.0714285714vw);
    margin: calc(80* 0.0714285714vw) auto 0;
  }
  #mp220204 .page-content .top-bnr {
    width: calc(900* 0.0714285714vw);
    margin: calc(38* 0.0714285714vw) auto 0;
  }
  #mp220204 .page-content .sec-wrap {
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec-track {
    width: calc(20* 0.0714285714vw);
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    top: calc(-355* 0.0714285714vw);
    right: calc(75* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec-track__text {
    width: 100%;
  }
  #mp220204 .page-content .sec-wrap .sec1 {
    margin: calc(100* 0.0714285714vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec1 .sec-bg {
    width: calc(1000* 0.0714285714vw);
    height: calc(900* 0.0714285714vw);
    top: calc(121* 0.0714285714vw);
    right: 0;
  }
  #mp220204 .page-content .sec-wrap .sec1 .sec-bg__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: 100%;
    background: #eae9e5;
    top: 0;
    left: 0;
    transition: all 1s ease;
  }
  #mp220204 .page-content .sec-wrap .sec1.top .sec-bg__inn::before {
    width: 100%;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn {
    width: 100%;
    margin: auto;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn__about {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 calc(266* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec1__inn__about .sec-img {
    width: calc(400* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec1__inn__about .sec-txt {
    margin: calc(83* 0.0714285714vw) 0 0 calc(101* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec1__inn__about .sec-txt .sec-num {
    width: calc(47* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-g {
    margin: calc(100* 0.0714285714vw) 0 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-g__1 {
    width: calc(380* 0.0714285714vw);
    margin: 0 calc(320* 0.0714285714vw) 0 0;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-g__2 {
    width: calc(300* 0.0714285714vw);
    position: absolute;
    top: calc(563* 0.0714285714vw);
    right: calc(99* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-g__3 {
    width: calc(500* 0.0714285714vw);
    margin: calc(230* 0.0714285714vw) calc(100* 0.0714285714vw) 0 0;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-cred {
    margin: calc(16* 0.0714285714vw) 0 0 calc(100* 0.0714285714vw);
    padding: 0 0 calc(43* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-cred__list {
    width: calc(230* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-cred__list .item2,
#mp220204 .page-content .sec-wrap .sec1__inn .sec-cred__list .item4 {
    margin: 0 0 0 calc(11* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec2 {
    margin: calc(102* 0.0714285714vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec2::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: calc(625* 0.0714285714vw);
    top: calc(125* 0.0714285714vw);
    left: 0;
    background: #ededed;
    transition: all 1s ease;
  }
  #mp220204 .page-content .sec-wrap .sec2.top::before {
    width: calc(800* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec2__inn {
    width: 100%;
    margin: auto;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn__about {
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn__about .sec-txt {
    margin: calc(92* 0.0714285714vw) 0 0 calc(272* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec2__inn__about .sec-txt .sec-num {
    width: calc(59* 0.0714285714vw);
    margin: 0 0 0 calc(3* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec2__inn__about .sec-img {
    width: calc(400* 0.0714285714vw);
    margin: 0 0 0 calc(105* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-g {
    margin: calc(100* 0.0714285714vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-g__1 {
    width: calc(550* 0.0714285714vw);
    margin: 0 calc(365* 0.0714285714vw) 0 auto;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-g__2 {
    width: calc(400* 0.0714285714vw);
    position: absolute;
    z-index: 9;
    top: calc(390* 0.0714285714vw);
    left: calc(124* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-g__2::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(420* 0.0714285714vw);
    height: calc(560* 0.0714285714vw);
    background: #fff;
    left: 0;
    bottom: 0;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-cred {
    margin: calc(15* 0.0714285714vw) calc(365* 0.0714285714vw) 0 auto;
    padding: 0 0 calc(100* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-cred__list {
    display: block;
    text-align: right;
  }
  #mp220204 .page-content .sec-wrap .sec3 {
    margin: calc(100* 0.0714285714vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec3::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(350* 0.0714285714vw);
    height: 0;
    background: #f2e9dd;
    top: calc(119* 0.0714285714vw);
    right: 0;
    transition: all 1s ease;
  }
  #mp220204 .page-content .sec-wrap .sec3::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(280* 0.0714285714vw);
    height: 0;
    background: #f2e9dd;
    top: calc(992* 0.0714285714vw);
    left: 0;
    transition: all 1s ease;
  }
  #mp220204 .page-content .sec-wrap .sec3.top::before {
    height: calc(850* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec3.bottom::after {
    height: calc(794* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec3__inn {
    width: 100%;
    margin: auto;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn__about {
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn__about .sec-txt {
    margin: calc(70* 0.0714285714vw) 0 0 calc(100* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec3__inn__about .sec-txt .sec-num {
    width: calc(59* 0.0714285714vw);
    margin: 0 0 0 calc(3* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec3__inn__about .sec-img {
    width: calc(420* 0.0714285714vw);
    margin: 0 0 0 calc(249* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-g {
    margin: calc(99* 0.0714285714vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-g__1 {
    width: calc(500* 0.0714285714vw);
    margin: 0 calc(190* 0.0714285714vw) 0 auto;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-g__2 {
    width: calc(400* 0.0714285714vw);
    position: absolute;
    top: calc(267* 0.0714285714vw);
    left: calc(190* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-g__3 {
    width: calc(480* 0.0714285714vw);
    margin: calc(202* 0.0714285714vw) auto 0;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-cred {
    position: absolute;
    top: calc(1316* 0.0714285714vw);
    right: calc(190* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-cred__list {
    width: calc(224* 0.0714285714vw);
    justify-content: space-between;
  }
  #mp220204 .page-content .sec-wrap .sec4 {
    margin: calc(100* 0.0714285714vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec4::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: calc(590* 0.0714285714vw);
    background: #e0e2e1;
    top: calc(90* 0.0714285714vw);
    left: 0;
    transition: all 1s ease;
  }
  #mp220204 .page-content .sec-wrap .sec4::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(250* 0.0714285714vw);
    height: 0;
    background: #e0e2e1;
    top: calc(1021* 0.0714285714vw);
    right: 0;
    transition: all 0.7s ease;
  }
  #mp220204 .page-content .sec-wrap .sec4.top::before {
    width: calc(800* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec4.bottom::after {
    height: calc(607* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn {
    width: 100%;
    margin: auto;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn__about {
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn__about .sec-txt {
    margin: calc(58* 0.0714285714vw) 0 0 calc(274* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn__about .sec-txt .sec-num {
    width: calc(61* 0.0714285714vw);
    margin: 0 0 0 calc(3* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn__about .sec-img {
    width: calc(400* 0.0714285714vw);
    margin: 0 0 0 calc(100* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g {
    margin: calc(100* 0.0714285714vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g__1 {
    width: calc(500* 0.0714285714vw);
    margin: 0 0 0 calc(400* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g__2 {
    width: calc(450* 0.0714285714vw);
    position: absolute;
    z-index: 9;
    top: calc(320* 0.0714285714vw);
    right: calc(100* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g__2::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(470* 0.0714285714vw);
    height: calc(627* 0.0714285714vw);
    background: #fff;
    bottom: 0;
    right: 0;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g__3 {
    width: calc(280* 0.0714285714vw);
    position: absolute;
    top: calc(875* 0.0714285714vw);
    left: calc(100* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g__4 {
    width: calc(350* 0.0714285714vw);
    margin: calc(350* 0.0714285714vw) 0 0 calc(440* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-cred {
    position: absolute;
    top: calc(2028* 0.0714285714vw);
    left: calc(810* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-cred__list {
    display: block;
    -moz-text-align-last: left;
         text-align-last: left;
  }
  #mp220204 .page-content .sec-wrap .sec5 {
    margin: calc(100* 0.0714285714vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec5::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(1030* 0.0714285714vw);
    height: 0;
    background: #f4f0e6;
    top: calc(110* 0.0714285714vw);
    right: 0;
    transition: all 1s ease;
  }
  #mp220204 .page-content .sec-wrap .sec5.top::before {
    height: calc(860* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn {
    width: 100%;
    margin: auto;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn__about {
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn__about .sec-txt {
    margin: calc(64* 0.0714285714vw) 0 0 calc(100* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn__about .sec-txt .sec-num {
    width: calc(59* 0.0714285714vw);
    padding: calc(4* 0.0714285714vw) 0 0 calc(4* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn__about .sec-img {
    width: calc(400* 0.0714285714vw);
    margin: 0 0 0 calc(271* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-g {
    width: calc(710* 0.0714285714vw);
    display: flex;
    flex-wrap: wrap;
    margin: calc(97* 0.0714285714vw) calc(100* 0.0714285714vw) 0 auto;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-g__1 {
    width: calc(480* 0.0714285714vw);
    margin: 0 0 calc(120* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-g__2 {
    width: calc(420* 0.0714285714vw);
    position: absolute;
    top: calc(251* 0.0714285714vw);
    left: calc(-490* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-g__3 {
    width: calc(270* 0.0714285714vw);
    margin: 0 0 0 calc(160* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-g__4 {
    width: calc(270* 0.0714285714vw);
    margin: 0 0 0 auto;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-cred {
    position: absolute;
    top: calc(1431* 0.0714285714vw);
    left: calc(100* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-cred__list {
    width: calc(225* 0.0714285714vw);
    justify-content: space-between;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-cred .item5 {
    margin: 0 calc(14* 0.0714285714vw) 0 0;
  }
  #mp220204 .page-content .sec-wrap .sec6 {
    margin: calc(170* 0.0714285714vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec6::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: calc(750* 0.0714285714vw);
    background: #e2e2e0;
    top: calc(-70* 0.0714285714vw);
    left: 0;
    transition: all 0.6s ease;
  }
  #mp220204 .page-content .sec-wrap .sec6::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(300* 0.0714285714vw);
    height: 0;
    background: #e2e2e0;
    top: calc(777* 0.0714285714vw);
    right: 0;
    transition: all 0.6s ease;
  }
  #mp220204 .page-content .sec-wrap .sec6.top::before {
    width: calc(400* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec6.bottom::after {
    height: calc(500* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec6__inn {
    width: 100%;
    margin: auto;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn__about {
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn__about .sec-txt {
    margin: calc(70* 0.0714285714vw) 0 0 calc(249* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec6__inn__about .sec-txt .sec-num {
    width: calc(60* 0.0714285714vw);
    margin: 0 0 0 calc(4* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec6__inn__about .sec-img {
    width: calc(400* 0.0714285714vw);
    margin: 0 0 0 calc(148* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-g {
    width: calc(950* 0.0714285714vw);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: calc(100* 0.0714285714vw) auto 0;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-g__1 {
    width: calc(450* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-g__2 {
    width: calc(450* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-cred {
    margin: calc(16* 0.0714285714vw) 0 0 calc(225* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-cred__list__item {
    margin: 0 0 0 calc(12* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-cred__list .item1 {
    margin: 0;
  }
  #mp220204 .page-content .sec-wrap .sec7 {
    margin: calc(99* 0.0714285714vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec7 .sec-bg {
    width: calc(1030* 0.0714285714vw);
    height: calc(615* 0.0714285714vw);
    top: calc(105* 0.0714285714vw);
    right: 0;
  }
  #mp220204 .page-content .sec-wrap .sec7 .sec-bg__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: 100%;
    background: #f4f0e9;
    top: 0;
    left: 0;
    transition: all 1s ease;
  }
  #mp220204 .page-content .sec-wrap .sec7.top .sec-bg__inn::before {
    width: 100%;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn {
    width: 100%;
    margin: auto;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn__about {
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn__about .sec-txt {
    margin: calc(70* 0.0714285714vw) 0 0 calc(100* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec7__inn__about .sec-txt .sec-num {
    width: calc(59* 0.0714285714vw);
    margin: 0 0 0 calc(3* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec7__inn__about .sec-img {
    width: calc(400* 0.0714285714vw);
    margin: 0 0 0 calc(259* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-g {
    margin: calc(99* 0.0714285714vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-g__1 {
    width: calc(520* 0.0714285714vw);
    margin: 0 calc(100* 0.0714285714vw) 0 auto;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-g__2 {
    width: calc(420* 0.0714285714vw);
    position: absolute;
    z-index: 9;
    top: calc(290* 0.0714285714vw);
    left: calc(100* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-g__2::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(440* 0.0714285714vw);
    height: calc(587* 0.0714285714vw);
    background: #fff;
    top: 0;
    left: 0;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-g__3 {
    width: calc(480* 0.0714285714vw);
    margin: calc(110* 0.0714285714vw) auto 0;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-cred {
    position: absolute;
    top: calc(1317* 0.0714285714vw);
    right: calc(100* 0.0714285714vw);
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-cred__list {
    display: block;
    text-align: right;
  }
  #mp220204 .page-content .line-up {
    margin: calc(135* 0.0714285714vw) 0 0;
  }
  #mp220204 .page-content .line-up__ttl {
    font-size: calc(36* 0.0714285714vw);
    line-height: 1;
    letter-spacing: 0.04em;
    text-align: center;
    position: relative;
  }
  #mp220204 .page-content .line-up__ttl::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(220* 0.0714285714vw);
    height: calc(26* 0.0714285714vw);
    background: #f4f3ed;
    top: calc(22* 0.0714285714vw);
    left: 0;
    right: 0;
    margin: auto;
  }
  #mp220204 .page-content .line-up__list {
    width: calc(1000* 0.0714285714vw);
    height: calc(292* 0.0714285714vw);
    overflow: hidden;
    margin: calc(74* 0.0714285714vw) auto 0;
  }
  #mp220204 .page-content .line-up__list__item {
    width: calc(220* 0.0714285714vw);
    min-width: calc(220* 0.0714285714vw);
  }
  #mp220204 .page-content .check-all {
    width: calc(420* 0.0714285714vw);
    margin: calc(141* 0.0714285714vw) auto 0;
  }
  #mp220204 .page-content .button-vol2 {
    width: calc(420* 0.0714285714vw);
    margin: calc(15* 0.0714285714vw) auto calc(138* 0.0714285714vw);
  }
  #mp220204 .top-bnr,
#mp220204 .fade-trgt {
    opacity: 0;
    transition: all 0.6s ease;
  }
  #mp220204 .top-bnr.faded,
#mp220204 .fade-trgt.faded {
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  #mp220204 .pc-x {
    display: none;
  }
  #mp220204 .page-content .sec-name {
    font-size: calc(38* 0.1333333333vw);
    line-height: 1;
    letter-spacing: 0.08em;
  }
  #mp220204 .page-content .sec-info {
    font-size: calc(26* 0.1333333333vw);
    line-height: 1;
    letter-spacing: 0.05em;
    margin: calc(40* 0.1333333333vw) 0 0 calc(57* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-color {
    position: absolute;
  }
  #mp220204 .page-content .sec-color .img-src {
    width: auto;
    height: calc(26* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-desc {
    font-size: calc(24* 0.1333333333vw);
    line-height: 1.75;
    letter-spacing: 0.04em;
    margin: calc(70* 0.1333333333vw) 0 0 0;
    padding: 0 calc(57* 0.1333333333vw);
    text-align: justify;
    font-feature-settings: normal;
  }
  #mp220204 .page-content .sec-cred {
    margin: calc(50* 0.1333333333vw) 0 0;
  }
  #mp220204 .page-content .sec-cred__list {
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-cred__list__item .anc {
    font-size: calc(20* 0.1333333333vw);
    line-height: 1.9;
    letter-spacing: 0.04em;
  }
  #mp220204 .page-content .sec-buy {
    width: calc(375* 0.1333333333vw);
    margin: calc(92* 0.1333333333vw) auto 0;
  }
  #mp220204 .page-content .top-bnr {
    width: 100%;
    margin: calc(52* 0.1333333333vw) 0 0;
  }
  #mp220204 .page-content .sec-wrap {
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec-track {
    width: calc(34* 0.1333333333vw);
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    top: 0;
    right: calc(18* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec-track__text {
    width: 100%;
  }
  #mp220204 .page-content .sec-wrap .sec1 {
    margin: calc(219* 0.1333333333vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec1 .sec-bg {
    width: calc(280* 0.1333333333vw);
    height: calc(992* 0.1333333333vw);
    top: calc(-58* 0.1333333333vw);
    right: 0;
  }
  #mp220204 .page-content .sec-wrap .sec1 .sec-bg__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #eae9e5;
    transition: all 1.2s ease;
  }
  #mp220204 .page-content .sec-wrap .sec1::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(180* 0.1333333333vw);
    height: 0;
    top: calc(1580* 0.1333333333vw);
    left: 0;
    background: #eae9e5;
    transition: all 1.2s ease;
  }
  #mp220204 .page-content .sec-wrap .sec1.top .sec-bg__inn::before {
    width: 100%;
  }
  #mp220204 .page-content .sec-wrap .sec1.bottom::after {
    height: calc(1778* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec1__inn__about .sec-num {
    width: calc(71* 0.1333333333vw);
    margin: 0 0 0 calc(58* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec1__inn__about .sec-name {
    margin: calc(53* 0.1333333333vw) 0 0 calc(57* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec1__inn__about .sec-color {
    top: calc(214* 0.1333333333vw);
    right: calc(57* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec1__inn__about .sec-img {
    width: calc(562* 0.1333333333vw);
    margin: calc(79* 0.1333333333vw) auto 0;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-g {
    margin: calc(111* 0.1333333333vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-g__1 {
    width: calc(562* 0.1333333333vw);
    margin: 0 0 0 calc(60* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-g__2 {
    width: calc(350* 0.1333333333vw);
    position: absolute;
    z-index: 9;
    top: calc(819* 0.1333333333vw);
    right: 0;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-g__3 {
    width: calc(525* 0.1333333333vw);
    margin: calc(340* 0.1333333333vw) 0 0;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-cred__list {
    width: calc(432* 0.1333333333vw);
    margin: auto;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-cred__list__item {
    margin: 0 0 0 calc(19* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-cred__list__item .anc {
    font-size: calc(21* 0.1333333333vw);
    line-height: 1.8571428571;
  }
  #mp220204 .page-content .sec-wrap .sec1__inn .sec-cred__list .item3 {
    margin: 0;
  }
  #mp220204 .page-content .sec-wrap .sec2 {
    margin: calc(220* 0.1333333333vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec2 .sec-bg {
    width: calc(562* 0.1333333333vw);
    height: calc(1814* 0.1333333333vw);
    top: calc(42* 0.1333333333vw);
    right: 0;
  }
  #mp220204 .page-content .sec-wrap .sec2 .sec-bg__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #ededed;
    transition: all 1.2s ease;
  }
  #mp220204 .page-content .sec-wrap .sec2.top .sec-bg__inn::before {
    width: 100%;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn__about .sec-num {
    width: calc(90* 0.1333333333vw);
    margin: 0 0 0 calc(61* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec2__inn__about .sec-name {
    margin: calc(53* 0.1333333333vw) 0 0 calc(57* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec2__inn__about .sec-color {
    top: calc(214* 0.1333333333vw);
    right: calc(57* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec2__inn__about .sec-img {
    width: calc(562* 0.1333333333vw);
    margin: calc(77* 0.1333333333vw) auto 0;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-g {
    height: calc(1593* 0.1333333333vw);
    margin: calc(109* 0.1333333333vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-g__1 {
    width: calc(670* 0.1333333333vw);
    margin: auto;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-g__2 {
    width: calc(525* 0.1333333333vw);
    position: absolute;
    z-index: 9;
    top: calc(882* 0.1333333333vw);
    left: 0;
    right: 0;
    margin: auto;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-g__2::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(559* 0.1333333333vw);
    height: calc(723* 0.1333333333vw);
    background: #fff;
    top: calc(-14* 0.1333333333vw);
    left: calc(-16* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-cred__list {
    width: calc(546* 0.1333333333vw);
    margin: auto;
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-cred__list__item {
    margin: 0 0 0 calc(19* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-cred__list .item1 {
    margin: 0 0 0 calc(90* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec2__inn .sec-cred__list .item3 {
    margin: 0;
  }
  #mp220204 .page-content .sec-wrap .sec3 {
    margin: calc(220* 0.1333333333vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec3::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(520* 0.1333333333vw);
    height: 0;
    top: calc(43* 0.1333333333vw);
    left: 0;
    background: #f2e9dd;
    transition: all 1.2s ease;
  }
  #mp220204 .page-content .sec-wrap .sec3::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(240* 0.1333333333vw);
    height: 0;
    top: calc(1410* 0.1333333333vw);
    right: 0;
    background: #f2e9dd;
    transition: all 1.2s ease;
  }
  #mp220204 .page-content .sec-wrap .sec3.top::before {
    height: calc(914* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec3.bottom::after {
    height: calc(758* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec3__inn__about .sec-num {
    width: calc(90* 0.1333333333vw);
    margin: 0 0 0 calc(60* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec3__inn__about .sec-name {
    margin: calc(53* 0.1333333333vw) 0 0 calc(57* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec3__inn__about .sec-color {
    top: calc(214* 0.1333333333vw);
    right: calc(57* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec3__inn__about .sec-img {
    width: calc(600* 0.1333333333vw);
    margin: calc(75* 0.1333333333vw) auto 0;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-g {
    margin: calc(111* 0.1333333333vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-g__1 {
    width: calc(600* 0.1333333333vw);
    margin: 0 0 0 calc(60* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-g__2 {
    width: calc(430* 0.1333333333vw);
    margin: calc(60* 0.1333333333vw) 0 0;
    padding: 0 0 calc(122* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-g__3 {
    width: calc(360* 0.1333333333vw);
    position: absolute;
    z-index: 9;
    top: calc(1088* 0.1333333333vw);
    right: calc(18* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-g__3::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(377* 0.1333333333vw);
    height: calc(503* 0.1333333333vw);
    background: #fff;
    top: calc(-17* 0.1333333333vw);
    left: calc(-17* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-cred__list {
    justify-content: space-between;
    width: calc(404* 0.1333333333vw);
    margin: auto;
    padding: 0 0 calc(3* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec3__inn .sec-cred__list__item {
    margin: 0 0 0 0;
  }
  #mp220204 .page-content .sec-wrap .sec4 {
    margin: calc(260* 0.1333333333vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec4 .sec-bg {
    width: calc(280* 0.1333333333vw);
    height: calc(970* 0.1333333333vw);
    top: calc(-57* 0.1333333333vw);
    right: 0;
  }
  #mp220204 .page-content .sec-wrap .sec4 .sec-bg__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #e0e2e1;
    transition: all 1.2s ease;
  }
  #mp220204 .page-content .sec-wrap .sec4::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(250* 0.1333333333vw);
    height: 0;
    top: calc(1520* 0.1333333333vw);
    left: 0;
    background: #e0e2e1;
    transition: all 1.2s ease;
  }
  #mp220204 .page-content .sec-wrap .sec4.top .sec-bg__inn::before {
    width: 100%;
  }
  #mp220204 .page-content .sec-wrap .sec4.bottom::after {
    height: calc(758* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn__about .sec-num {
    width: calc(93* 0.1333333333vw);
    margin: 0 0 0 calc(44* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn__about .sec-name {
    margin: calc(53* 0.1333333333vw) 0 0 calc(39* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn__about .sec-info {
    margin-left: calc(39* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn__about .sec-color {
    top: calc(214* 0.1333333333vw);
    right: calc(57* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn__about .sec-img {
    width: calc(562* 0.1333333333vw);
    margin: calc(79* 0.1333333333vw) auto 0;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g {
    margin: calc(110* 0.1333333333vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g__1 {
    width: calc(562* 0.1333333333vw);
    margin: 0 0 0 calc(60* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g__2 {
    width: calc(412* 0.1333333333vw);
    margin: calc(60* 0.1333333333vw) 0 0 auto;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g__3 {
    width: calc(280* 0.1333333333vw);
    position: absolute;
    z-index: 9;
    top: calc(1218* 0.1333333333vw);
    left: 0;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-g__4 {
    width: calc(450* 0.1333333333vw);
    margin: calc(112* 0.1333333333vw) auto 0;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-cred__list {
    width: calc(543* 0.1333333333vw);
    margin: auto;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-cred__list__item {
    margin: 0 0 0 calc(16* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-cred__list .item3 {
    margin: 0;
  }
  #mp220204 .page-content .sec-wrap .sec4__inn .sec-cred__list .item1 {
    margin: 0 0 0 calc(65* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec5 {
    margin: calc(245* 0.1333333333vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec5::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(375* 0.1333333333vw);
    height: 0;
    top: calc(60* 0.1333333333vw);
    left: 0;
    background: #f4f0e6;
    transition: all 1.2s ease;
  }
  #mp220204 .page-content .sec-wrap .sec5 .sec-bg {
    width: calc(450* 0.1333333333vw);
    height: calc(1176* 0.1333333333vw);
    top: calc(1476* 0.1333333333vw);
    right: 0;
  }
  #mp220204 .page-content .sec-wrap .sec5 .sec-bg__inn::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #f4f0e6;
    transition: all 1.2s ease;
  }
  #mp220204 .page-content .sec-wrap .sec5.top::before {
    height: calc(1140* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec5.bottom .sec-bg__inn::after {
    width: 100%;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn__about .sec-num {
    width: calc(88* 0.1333333333vw);
    margin: 0 0 0 calc(44* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn__about .sec-name {
    margin: calc(53* 0.1333333333vw) 0 0 calc(39* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn__about .sec-info {
    margin-left: calc(39* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn__about .sec-color {
    top: calc(214* 0.1333333333vw);
    right: calc(57* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn__about .sec-img {
    width: calc(562* 0.1333333333vw);
    margin: calc(79* 0.1333333333vw) auto 0;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-g {
    margin: calc(107* 0.1333333333vw) 0 0;
    padding: 0 0 calc(2* 0.1333333333vw);
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-g__1 {
    width: calc(525* 0.1333333333vw);
    margin: 0 calc(40* 0.1333333333vw) 0 auto;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-g__2 {
    width: calc(450* 0.1333333333vw);
    margin: calc(39* 0.1333333333vw) calc(300* 0.1333333333vw) calc(58* 0.1333333333vw) 0;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-g__3 {
    width: calc(300* 0.1333333333vw);
    margin: 0 0 0 calc(90* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-g__4 {
    width: calc(300* 0.1333333333vw);
    margin: 0 0 0 calc(20* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-cred__list {
    width: calc(604* 0.1333333333vw);
    justify-content: space-between;
    margin: 0 auto 0;
    padding: 0 0 calc(2* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-cred__list__item {
    margin: 0 0 0 0;
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-cred__list .item4 {
    margin: 0 0 0 calc(12* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec5__inn .sec-cred__list .item5 {
    margin: 0 calc(12* 0.1333333333vw) 0 0;
  }
  #mp220204 .page-content .sec-wrap .sec6 {
    margin: calc(244* 0.1333333333vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec6 .sec-bg {
    width: calc(525* 0.1333333333vw);
    height: calc(958* 0.1333333333vw);
    top: calc(-48* 0.1333333333vw);
    right: 0;
  }
  #mp220204 .page-content .sec-wrap .sec6 .sec-bg__inn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: 100%;
    background: #e2e2e0;
    top: 0;
    right: 0;
    transition: all 1.2s ease;
  }
  #mp220204 .page-content .sec-wrap .sec6.top .sec-bg__inn::before {
    width: 100%;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn__about .sec-num {
    width: calc(92* 0.1333333333vw);
    margin: 0 0 0 calc(45* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec6__inn__about .sec-name {
    margin: calc(50* 0.1333333333vw) 0 0 calc(39* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec6__inn__about .sec-info {
    margin-left: calc(39* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec6__inn__about .sec-color {
    top: calc(214* 0.1333333333vw);
    right: calc(57* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec6__inn__about .sec-img {
    width: calc(562* 0.1333333333vw);
    margin: calc(79* 0.1333333333vw) auto 0;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-g {
    margin: calc(107* 0.1333333333vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-g__1 {
    width: calc(525* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-g__2 {
    width: calc(525* 0.1333333333vw);
    margin: calc(59* 0.1333333333vw) calc(40* 0.1333333333vw) 0 auto;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-cred__list {
    width: calc(385* 0.1333333333vw);
    margin: 0 auto 0;
    justify-content: space-between;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-cred__list__item {
    margin: 0 0 0 0;
  }
  #mp220204 .page-content .sec-wrap .sec6__inn .sec-cred__list .item3 {
    margin: auto;
  }
  #mp220204 .page-content .sec-wrap .sec7 {
    margin: calc(220* 0.1333333333vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec7::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(375* 0.1333333333vw);
    height: 0;
    background: #f4f0e9;
    top: calc(60* 0.1333333333vw);
    left: 0;
    transition: all 1.2s ease;
  }
  #mp220204 .page-content .sec-wrap .sec7 .sec-bg {
    width: calc(600* 0.1333333333vw);
    height: calc(940* 0.1333333333vw);
    top: calc(2588* 0.1333333333vw);
    right: 0;
  }
  #mp220204 .page-content .sec-wrap .sec7 .sec-bg__inn::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: 0;
    height: 100%;
    background: #f4f0e9;
    top: 0;
    left: 0;
    transition: all 1.2s ease;
  }
  #mp220204 .page-content .sec-wrap .sec7.top::before {
    height: calc(1556* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec7.bottom .sec-bg__inn::after {
    width: 100%;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn__about .sec-num {
    width: calc(88* 0.1333333333vw);
    margin: 0 0 0 calc(45* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec7__inn__about .sec-name {
    margin: calc(50* 0.1333333333vw) 0 0 calc(39* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec7__inn__about .sec-info {
    margin-left: calc(39* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec7__inn__about .sec-color {
    top: calc(214* 0.1333333333vw);
    right: calc(57* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec7__inn__about .sec-img {
    width: calc(562* 0.1333333333vw);
    margin: calc(79* 0.1333333333vw) auto 0;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-g {
    margin: calc(110* 0.1333333333vw) 0 0;
    position: relative;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-g__1 {
    width: calc(638* 0.1333333333vw);
    margin: 0 0 0 auto;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-g__2 {
    width: calc(412* 0.1333333333vw);
    position: absolute;
    z-index: 9;
    top: calc(918* 0.1333333333vw);
    left: 0;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-g__2::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(429* 0.1333333333vw);
    height: calc(573* 0.1333333333vw);
    top: 0;
    left: 0;
    background: #fff;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-g__3 {
    width: calc(600* 0.1333333333vw);
    margin: calc(567* 0.1333333333vw) auto 0;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-cred {
    margin: calc(47* 0.1333333333vw) 0 0;
    padding: 0 0 calc(2* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-cred__list {
    width: calc(510* 0.1333333333vw);
    margin: 0 auto 0;
    justify-content: space-between;
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-cred .item1 {
    margin: 0 0 0 calc(54* 0.1333333333vw);
  }
  #mp220204 .page-content .sec-wrap .sec7__inn .sec-cred .item2 {
    margin: 0 calc(52* 0.1333333333vw) 0 0;
  }
  #mp220204 .page-content .line-up {
    margin: calc(194* 0.1333333333vw) 0 0;
  }
  #mp220204 .page-content .line-up__ttl {
    font-size: calc(56* 0.1333333333vw);
    line-height: 1;
    letter-spacing: 0.04em;
    text-align: center;
    position: relative;
  }
  #mp220204 .page-content .line-up__ttl::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    width: calc(370* 0.1333333333vw);
    height: calc(40* 0.1333333333vw);
    background: #f4f3ed;
    top: calc(33* 0.1333333333vw);
    left: 0;
    right: 0;
    margin: auto;
  }
  #mp220204 .page-content .line-up__list {
    margin: calc(81* 0.1333333333vw) 0 0;
    height: calc(398* 0.1333333333vw);
    overflow: hidden;
  }
  #mp220204 .page-content .line-up__list__item {
    width: calc(300* 0.1333333333vw);
    min-width: calc(300* 0.1333333333vw);
  }
  #mp220204 .page-content .check-all {
    width: calc(675* 0.1333333333vw);
    margin: calc(162* 0.1333333333vw) auto 0;
  }
  #mp220204 .page-content .button-vol2 {
    width: calc(675* 0.1333333333vw);
    margin: calc(30* 0.1333333333vw) auto calc(200* 0.1333333333vw);
  }
  #mp220204 .top-bnr,
#mp220204 .fade-trgt {
    opacity: 0;
    transition: all 0.6s ease;
  }
  #mp220204 .top-bnr.faded,
#mp220204 .fade-trgt.faded {
    opacity: 1;
  }
}/*# sourceMappingURL=style.css.map */