@charset "UTF-8";
.main-contents .sp {
  display: none;
}
.main-contents .pc {
  display: block;
}
.main-contents img, .main-contents svg, .main-contents video {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media screen and (max-width: 551px) {
  .main-contents .pc {
    display: none;
  }
  .main-contents .sp {
    display: block;
  }
}
.main-contents figure, .main-contents picture {
  display: block;
  margin: 0;
}

.js_u_fade {
  opacity: 0;
  transform: translateY(25px);
  transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1), transform 0.6s cubic-bezier(0.5, 1, 0.89, 1);
  transition-delay: 0s;
}
.js_u_fade.is_active {
  transform: translate(0);
  opacity: 1;
}

.js_n_fade {
  opacity: 0;
  transform: translateY(0);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1), transform 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  transition-delay: 0.1s;
}
.js_n_fade.is_active {
  transform: translate(0);
  opacity: 1;
}

.js-scale {
  transform: scale(0);
  transition: transform 0.7s cubic-bezier(0, 0.86, 0.56, 1.36);
}

.js-dash {
  opacity: 0;
  transform: translateX(-110vw);
  transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1), transform 1s cubic-bezier(0, 0.86, 0.56, 1.36);
  transition-delay: 0.3s;
}
.js-dash.is-active {
  transform: translateX(0) !important;
  opacity: 1;
}
@media screen and (min-width: 551px) {
  .js-dash.is-active {
    transform: translateX(-400px);
  }
}

.__delay01 {
  transition-delay: 0.3s;
}

.__delay02 {
  transition-delay: 0.8s;
}

.__delay03 {
  transition-delay: 1.3s;
}

.fade-in {
  opacity: 1 !important;
  transform: translate(0) !important;
}

.js-fade-01.is_active .js-l-fade,
.js-fade-01.is_active .js-r-fade,
.js-fade-01.is_active .js-u-fade,
.js-fade-01.is_active .main_productImg,
.js-fade-01.is_active .main_txtBox {
  opacity: 1 !important;
  transform: translate(0) !important;
}
.js-fade-01.is_active .js-scale {
  transform: scale(1) !important;
}
.js-fade-01.is_active .js-mask-animation {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

.js-mask-animation {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  /* display: inline-block; */
  transition: 1s 0.3s cubic-bezier(0.68, -0.02, 0.32, 0.99);
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

.js-mask-animation.center {
  -webkit-clip-path: inset(0 100% 100% 0);
          clip-path: inset(0 100% 100% 0);
}

.js-swich {
  position: relative;
}
.js-swich .js-swich-target {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.js-swich .js-swich-target.is-active {
  opacity: 1;
}

/* 上からクリッピング */
.js_clip {
  transition: 1s cubic-bezier(0.68, -0.02, 0.32, 0.99);
  display: inline-block;
}

.js_clip_top {
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
}
.js_clip_top.is_active {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

/* 下からクリッピング */
.js_clip_bottom {
  -webkit-clip-path: inset(100% 0 0 0);
          clip-path: inset(100% 0 0 0);
}
.js_clip_bottom.is_active {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

/* 右から */
.js_clip_right {
  -webkit-clip-path: inset(0 0 0 100%);
          clip-path: inset(0 0 0 100%);
}
.js_clip_right.is_active {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

.js_clip_left {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
.js_clip_left.is_active {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

.main-contents {
  margin-top: 0;
  overflow: hidden;
  background: #FFCEDB;
  margin-top: 0;
  font-family: "Noto Sans JP", serif;
  color: #3E4298;
}
footer {
  position: relative;
  z-index: 5;
}

.lp {
  position: relative;
}
.lp .lpContainer {
  max-width: 551px;
  flex: 0 0 1;
  margin: 0;
  letter-spacing: 0.02em;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
@media (max-width: 551px) {
  .lp .lpContainer {
    margin: 0 auto;
    max-width: 551px;
  }
}
@media (min-width: 1024px) {
  .lp .lpContainer {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .lp .lpContainer {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1367px) {
  .lp .lpContainer {
    margin-left: auto;
    margin-right: auto;
  }
}
.lp .lpContainer .en {
  font-family: "cy-text", sans-serif;
}
.lp .lpContainer .c_inner {
  padding: 0 calc(20 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .c_inner {
    padding: 0 29.38666px;
  }
}
.lp .lpContainer .lpWrapper {
  background: #fff;
  overflow: hidden;
  line-height: 1;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .lpWrapper {
    position: relative;
  }
  .lp .lpContainer .lpWrapper::before, .lp .lpContainer .lpWrapper::after {
    content: "";
    width: 3px;
    height: 100%;
    background: #3E4298;
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 5;
  }
  .lp .lpContainer .lpWrapper::before {
    left: 0;
  }
  .lp .lpContainer .lpWrapper::after {
    right: 0;
  }
}
.lp .lpContainer .pc_links {
  display: none;
  transition-duration: 0.3s;
}
@media (min-width: 1024px) {
  .lp .lpContainer .pc_links {
    position: fixed;
    top: 50%;
    right: calc((100vw - 551px) / 2 - 208px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 24px 0;
  }
  .lp .lpContainer .pc_links_item {
    width: 156px;
  }
}
.lp .lpContainer .pc_links.is_hide {
  opacity: 0;
  visibility: hidden;
}
.lp .lpContainer .mv {
  position: relative;
  aspect-ratio: 612/859;
  background: url(../images/mv_base.jpg) no-repeat center center/cover;
}
.lp .lpContainer .mv_front {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.lp .lpContainer .mv_txtArea {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.lp .lpContainer .mv_txtArea_txt {
  position: absolute;
}
.lp .lpContainer .mv_txtArea_txt.__01 {
  width: calc(195 * 0.2666666667vw);
  top: calc(15 * 0.2666666667vw);
  left: calc(11 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .mv_txtArea_txt.__01 {
    width: 286.519935px;
    top: 22.039995px;
    left: 16.162663px;
  }
}
.lp .lpContainer .mv_txtArea_txt.__02 {
  width: calc(131 * 0.2666666667vw);
  top: calc(15 * 0.2666666667vw);
  right: calc(16 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .mv_txtArea_txt.__02 {
    width: 192.482623px;
    top: 22.039995px;
    right: 23.509328px;
  }
}
.lp .lpContainer .mv_txtArea_txt.__03 {
  width: calc(353 * 0.2666666667vw);
  top: calc(306 * 0.2666666667vw);
  right: calc(12 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .mv_txtArea_txt.__03 {
    width: 518.674549px;
    top: 449.615898px;
    right: 17.631996px;
  }
}
.lp .lpContainer .mv_txtArea_txt.__04 {
  width: calc(72 * 0.2666666667vw);
  bottom: calc(15 * 0.2666666667vw);
  left: calc(12 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .mv_txtArea_txt.__04 {
    width: 105.791976px;
    bottom: 22.039995px;
    left: 17.631996px;
  }
}
.lp .lpContainer .mv_txtArea_txt.__05 {
  width: calc(247 * 0.2666666667vw);
  bottom: calc(15 * 0.2666666667vw);
  right: calc(18 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .mv_txtArea_txt.__05 {
    width: 362.925251px;
    bottom: 22.039995px;
    right: 26.447994px;
  }
}
.lp .lpContainer .intro {
  position: relative;
}
.lp .lpContainer .intro_top {
  padding: calc(60 * 0.2666666667vw) 0 calc(53 * 0.2666666667vw);
  background: url(../images/intro_top_bg.jpg) no-repeat center center/cover;
  position: relative;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .intro_top {
    padding: 88.15998px 0 77.874649px;
  }
}
.lp .lpContainer .intro_top_ttl {
  width: calc(333 * 0.2666666667vw);
  margin: 0 auto;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .intro_top_ttl {
    width: 489.287889px;
  }
}
.lp .lpContainer .intro_top_lead {
  text-align: center;
  margin-top: calc(21 * 0.2666666667vw);
  font-size: calc(15 * 0.2666666667vw);
  color: #fff;
  font-weight: 900;
  line-height: 2;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .intro_top_lead {
    margin-top: 30.855993px;
    font-size: 22.039995px;
  }
}
.lp .lpContainer .intro_top_obj {
  position: absolute;
}
.lp .lpContainer .intro_top_obj.__01 {
  width: calc(101 * 0.2666666667vw);
  top: calc(15 * 0.2666666667vw);
  right: calc(-12 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .intro_top_obj.__01 {
    width: 148.402633px;
    top: 22.039995px;
    right: -17.631996px;
  }
}
.lp .lpContainer .intro_top_obj.__02 {
  width: calc(110 * 0.2666666667vw);
  bottom: calc(-11 * 0.2666666667vw);
  left: calc(-9 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .intro_top_obj.__02 {
    width: 161.62663px;
    bottom: -16.162663px;
    left: -13.223997px;
  }
}
.lp .lpContainer .nav_topSlider {
  width: 100%;
  display: flex;
  white-space: nowrap;
}
.lp .lpContainer .nav_topSlider_item {
  width: calc(446 * 0.2666666667vw);
  flex: 0 0 calc(446 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .nav_topSlider_item {
    width: 655.322518px;
    flex: 0 0 655.322518px;
  }
}
.lp .lpContainer .nav_topSlider_item:nth-of-type(1) {
  animation: loopRight1 20s -10s linear infinite;
}
.lp .lpContainer .nav_topSlider_item:nth-of-type(2) {
  animation: loopRight2 20s linear infinite;
}
.lp .lpContainer .nav_blk {
  padding: calc(24 * 0.2666666667vw) 0 calc(56 * 0.2666666667vw);
  background: #93D2D3;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .nav_blk {
    padding: 35.263992px 0 82.282648px;
  }
}
.lp .lpContainer .nav_blk_unit {
  gap: calc(20 * 0.2666666667vw);
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, calc(160 * 0.2666666667vw));
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .nav_blk_unit {
    gap: 29.38666px;
    grid-template-columns: repeat(2, 235.09328px);
  }
}
.lp .lpContainer .product {
  padding-bottom: calc(80 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product {
    padding-bottom: 117.54664px;
  }
}
.lp .lpContainer .product.bendavis {
  background: #F19EC2;
}
.lp .lpContainer .product.converse {
  background: #B3E3FA;
}
.lp .lpContainer .product.umbro {
  background: #93D2D3;
}
.lp .lpContainer .product.newblance {
  background: #F19EC2;
}
.lp .lpContainer .product.others {
  background: #B3E3FA;
  padding-bottom: calc(60 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product.others {
    padding-bottom: 88.15998px;
  }
}
.lp .lpContainer .product.others .product_main {
  padding-top: calc(40 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product.others .product_main {
    padding-top: 58.77332px;
  }
}
.lp .lpContainer .product_main {
  padding: calc(24 * 0.2666666667vw) calc(20 * 0.2666666667vw) 0;
  position: relative;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_main {
    padding: 35.263992px 29.38666px 0;
  }
}
.lp .lpContainer .product_cm_bandTxt {
  display: flex;
  justify-content: center;
}
.lp .lpContainer .product_cm_bandTxt_inner {
  display: inline-block;
  padding: calc(10 * 0.2666666667vw) calc(16 * 0.2666666667vw);
  background: #fff;
  font-weight: 900;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_bandTxt_inner {
    padding: 14.69333px 23.509328px;
  }
}
.lp .lpContainer .product_cm_bandTxt.__20 {
  font-size: calc(20 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_bandTxt.__20 {
    font-size: 29.38666px;
  }
}
.lp .lpContainer .product_cm_bandTxt.__16 {
  font-size: calc(16 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_bandTxt.__16 {
    font-size: 23.509328px;
  }
}
.lp .lpContainer .product_cm_other + .product_cm_bandTxt {
  margin-top: calc(60 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_other + .product_cm_bandTxt {
    margin-top: 88.15998px;
  }
}
.lp .lpContainer .product_cm_cap {
  width: calc(280 * 0.2666666667vw);
  margin: calc(15 * 0.2666666667vw) auto 0;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_cap {
    width: 411.41324px;
    margin: 22.039995px auto 0;
  }
}
.lp .lpContainer .product_cm_detail {
  margin-top: calc(32 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_detail {
    margin-top: 47.018656px;
  }
}
.lp .lpContainer .product_cm_detail_bandTxt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(8 * 0.2666666667vw) 0;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_detail_bandTxt {
    gap: 11.754664px 0;
  }
}
.lp .lpContainer .product_cm_detail_bandTxt span {
  padding: calc(4 * 0.2666666667vw) calc(12 * 0.2666666667vw);
  background: #FFFCD1;
  font-size: calc(16 * 0.2666666667vw);
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_detail_bandTxt span {
    padding: 5.877332px 17.631996px;
    font-size: 23.509328px;
  }
}
.lp .lpContainer .product_cm_detail_desc {
  font-size: calc(16 * 0.2666666667vw);
  font-weight: 900;
  margin-top: calc(12 * 0.2666666667vw);
  padding-left: calc(12 * 0.2666666667vw);
  letter-spacing: 0.04em;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_detail_desc {
    font-size: 23.509328px;
    margin-top: 17.631996px;
    padding-left: 17.631996px;
  }
}
.lp .lpContainer .product_cm_btn {
  display: block;
  width: calc(335 * 0.2666666667vw);
  margin: calc(32 * 0.2666666667vw) auto 0;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_btn {
    width: 492.226555px;
    margin: 47.018656px auto 0;
  }
}
.lp .lpContainer .product_cm_other {
  margin-top: calc(60 * 0.2666666667vw);
  padding: calc(40 * 0.2666666667vw) calc(20 * 0.2666666667vw) calc(24 * 0.2666666667vw);
  background: url(../images/product_other_bg.jpg) no-repeat center center/cover;
  position: relative;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_other {
    margin-top: 88.15998px;
    padding: 58.77332px 29.38666px 35.263992px;
  }
}
.lp .lpContainer .product_cm_other_ttl {
  width: calc(221 * 0.2666666667vw);
  margin: 0 auto;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_other_ttl {
    width: 324.722593px;
  }
}
.lp .lpContainer .product_cm_other_limited {
  margin-top: calc(28 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_other_limited {
    margin-top: 41.141324px;
  }
}
.lp .lpContainer .product_cm_other_limited .product_cm_bandTxt_inner {
  padding: calc(6 * 0.2666666667vw) calc(12 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_other_limited .product_cm_bandTxt_inner {
    padding: 8.815998px 17.631996px;
  }
}
.lp .lpContainer .product_cm_other .product_cm_detail_desc {
  color: #FFFCD1;
  margin-top: calc(12 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_other .product_cm_detail_desc {
    margin-top: 17.631996px;
  }
}
.lp .lpContainer .product_cm_other_slider {
  margin-top: calc(20 * 0.2666666667vw);
  position: relative;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_other_slider {
    margin-top: 29.38666px;
  }
}
.lp .lpContainer .product_cm_other_sliderWrapper {
  position: relative;
}
.lp .lpContainer .product_cm_other_sliderItem_img {
  width: calc(240 * 0.2666666667vw);
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_other_sliderItem_img {
    width: 352.63992px;
  }
}
.lp .lpContainer .product_cm_other_sliderItem_check {
  display: block;
  margin-top: calc(84 * 0.2666666667vw);
  width: calc(180 * 0.2666666667vw);
  margin-left: auto;
  margin-right: 0;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_other_sliderItem_check {
    margin-top: 123.423972px;
    width: 264.47994px;
  }
}
.lp .lpContainer .product_cm_other_obj {
  position: absolute;
}
.lp .lpContainer .product_cm_other_obj.__01 {
  width: calc(101 * 0.2666666667vw);
  top: calc(18 * 0.2666666667vw);
  left: calc(15 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_other_obj.__01 {
    width: 148.402633px;
    top: 26.447994px;
    left: 22.039995px;
  }
}
.lp .lpContainer .product_cm_other_obj.__02 {
  width: calc(91 * 0.2666666667vw);
  top: calc(356 * 0.2666666667vw);
  right: calc(6.4 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_other_obj.__02 {
    width: 133.709303px;
    top: 523.082548px;
    right: 9.4037312px;
  }
}
.lp .lpContainer .product_cm_other_obj.__03 {
  width: calc(62 * 0.2666666667vw);
  bottom: calc(14 * 0.2666666667vw);
  left: calc(0 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_other_obj.__03 {
    width: 91.098646px;
    bottom: 20.570662px;
    left: 0px;
  }
}
.lp .lpContainer .product_cm_other_arrow {
  position: absolute;
  width: calc(25 * 0.2666666667vw);
  top: calc(88 * 0.2666666667vw);
  z-index: 5;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_other_arrow {
    width: 36.733325px;
    top: 129.301304px;
  }
}
.lp .lpContainer .product_cm_other_arrow.__prev {
  left: 0;
}
.lp .lpContainer .product_cm_other_arrow.__next {
  right: 0;
}
.lp .lpContainer .product_cm_other_pagination {
  position: absolute;
  bottom: calc(60 * 0.2666666667vw);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  display: flex;
  justify-content: center;
  z-index: 5;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_other_pagination {
    bottom: 88.15998px;
  }
}
.lp .lpContainer .product_cm_other_pagination .swiper-pagination-bullet {
  width: calc(12 * 0.2666666667vw);
  height: calc(12 * 0.2666666667vw);
  border-radius: 60%;
  background: #FFFFFF;
  display: block;
  opacity: 1;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_cm_other_pagination .swiper-pagination-bullet {
    width: 17.631996px;
    height: 17.631996px;
  }
}
.lp .lpContainer .product_cm_other_pagination .swiper-pagination-bullet-active {
  background: #E74291;
}
.lp .lpContainer .product_mv {
  margin-top: calc(18 * 0.2666666667vw);
  margin-left: calc(-20 * 0.2666666667vw);
  margin-right: calc(-20 * 0.2666666667vw);
  position: relative;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_mv {
    margin-top: 26.447994px;
    margin-left: -29.38666px;
    margin-right: -29.38666px;
  }
}
.lp .lpContainer .product_mv_obj {
  width: calc(52 * 0.2666666667vw);
  position: absolute;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_mv_obj {
    width: 76.405316px;
  }
}
.lp .lpContainer .product_mv_obj.__01 {
  top: calc(95 * 0.2666666667vw);
  left: calc(130 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_mv_obj.__01 {
    top: 139.586635px;
    left: 191.01329px;
  }
}
.lp .lpContainer .product_mv_obj.__02 {
  top: calc(63 * 0.2666666667vw);
  right: calc(88 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_mv_obj.__02 {
    top: 92.567979px;
    right: 129.301304px;
  }
}
.lp .lpContainer .product_mv_obj.__03 {
  top: calc(136 * 0.2666666667vw);
  left: calc(96 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_mv_obj.__03 {
    top: 199.829288px;
    left: 141.055968px;
  }
}
.lp .lpContainer .product_mv_obj.__04 {
  top: calc(229 * 0.2666666667vw);
  right: calc(29 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_mv_obj.__04 {
    top: 336.477257px;
    right: 42.610657px;
  }
}
.lp .lpContainer .product_mv_obj.__05 {
  top: calc(116 * 0.2666666667vw);
  left: calc(122 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_mv_obj.__05 {
    top: 170.442628px;
    left: 179.258626px;
  }
}
.lp .lpContainer .product_mv_obj.__06 {
  top: calc(147 * 0.2666666667vw);
  right: calc(94 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_mv_obj.__06 {
    top: 215.991951px;
    right: 138.117302px;
  }
}
.lp .lpContainer .product_mv_obj.__07 {
  top: calc(7 * 0.2666666667vw);
  left: calc(207 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_mv_obj.__07 {
    top: 10.285331px;
    left: 304.151931px;
  }
}
.lp .lpContainer .product_mv_obj_small {
  width: calc(24 * 0.2666666667vw);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_mv_obj_small {
    width: 35.263992px;
  }
}
.lp .lpContainer .product_mv_obj_medium {
  animation: scaleLoop 2s ease-in-out infinite;
}
.lp .lpContainer .product_mv_small {
  display: block;
}
.lp .lpContainer .product .product_mv_small + .product_cm_bandTxt {
  margin-top: calc(40 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product .product_mv_small + .product_cm_bandTxt {
    margin-top: 58.77332px;
  }
}
.lp .lpContainer .product .product_cm_bandTxt + .product_mv_small {
  margin-top: calc(16 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product .product_cm_bandTxt + .product_mv_small {
    margin-top: 23.509328px;
  }
}
.lp .lpContainer .product_banner {
  display: block;
  width: calc(300 * 0.2666666667vw);
  height: calc(160 * 0.2666666667vw);
  margin: calc(32 * 0.2666666667vw) auto 0;
  background: #93D2D3;
  padding: 0 calc(3 * 0.2666666667vw);
  box-shadow: calc(3 * 0.2666666667vw) calc(3 * 0.2666666667vw) 0 rgb(255, 255, 255);
  position: relative;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_banner {
    width: 440.7999px;
    height: 235.09328px;
    margin: 47.018656px auto 0;
    padding: 0 4.407999px;
    box-shadow: 4.407999px 4.407999px 0 rgb(255, 255, 255);
  }
}
.lp .lpContainer .product_banner_innerImg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.lp .lpContainer .product_banner_viewMore {
  position: absolute;
  width: 100%;
  height: calc(19 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_banner_viewMore {
    height: 27.917327px;
  }
}
.lp .lpContainer .product_banner_viewMore.__top {
  top: 0;
  left: 0;
  background: url(../images/viewmore.png) left center/calc(188 * 0.2666666667vw) calc(19 * 0.2666666667vw) repeat-X;
  animation: bgloop 20s linear 0s infinite normal forwards;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_banner_viewMore.__top {
    background: url(../images/viewmore.png) left center/276.234604px 27.917327px repeat-X;
    animation: bgloopPC 20s linear 0s infinite normal forwards;
  }
}
.lp .lpContainer .product_banner_viewMore.__bottom {
  bottom: 0;
  left: 0;
  background: url(../images/viewmore.png) right center/calc(188 * 0.2666666667vw) calc(19 * 0.2666666667vw) repeat-X;
  animation: bgloop2 20s linear 0s infinite normal forwards;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_banner_viewMore.__bottom {
    background: url(../images/viewmore.png) right center/276.234604px 27.917327px repeat-X;
    animation: bgloop2PC 20s linear 0s infinite normal forwards;
  }
}
.lp .lpContainer .product_banner_obj.__01 {
  width: calc(67 * 0.2666666667vw);
  position: absolute;
  top: calc(73 * 0.2666666667vw);
  right: calc(-10 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_banner_obj.__01 {
    width: 98.445311px;
    top: 107.261309px;
    right: -14.69333px;
  }
}
.lp .lpContainer .product_banner_obj.__02 {
  width: calc(79 * 0.2666666667vw);
  position: absolute;
  top: calc(60 * 0.2666666667vw);
  left: calc(-13 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_banner_obj.__02 {
    width: 116.077307px;
    top: 88.15998px;
    left: -19.101329px;
  }
}
@keyframes bgloop {
  0% {
    background-position: left center;
  }
  100% {
    background-position: 80vw center;
  }
}
@keyframes bgloop2 {
  0% {
    background-position: right center;
  }
  100% {
    background-position: -80vw center;
  }
}
@keyframes bgloopPC {
  0% {
    background-position: left center;
  }
  100% {
    background-position: 300px center;
  }
}
@keyframes bgloop2PC {
  0% {
    background-position: right center;
  }
  100% {
    background-position: -300px center;
  }
}
.lp .lpContainer .product_otherBtn {
  display: block;
  margin: calc(60 * 0.2666666667vw) auto 0;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_otherBtn {
    margin: 88.15998px auto 0;
  }
}
.lp .lpContainer .product_movie {
  width: 100%;
  margin-top: calc(60 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_movie {
    margin-top: 88.15998px;
  }
}
.lp .lpContainer .product_slider {
  margin-top: calc(24 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_slider {
    margin-top: 35.263992px;
  }
}
.lp .lpContainer .product_slider_arrow {
  position: absolute;
  width: calc(25 * 0.2666666667vw);
  top: calc(88 * 0.2666666667vw);
  z-index: 5;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_slider_arrow {
    width: 36.733325px;
    top: 129.301304px;
  }
}
.lp .lpContainer .product_slider_arrow.__prev {
  left: 0;
}
.lp .lpContainer .product_slider_arrow.__next {
  right: 0;
}
.lp .lpContainer .product_slide_img {
  width: calc(240 * 0.2666666667vw);
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .product_slide_img {
    width: 352.63992px;
  }
}
.lp .lpContainer .close {
  background: #3E4298;
  padding: calc(60 * 0.2666666667vw) calc(20 * 0.2666666667vw) calc(55 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .close {
    padding: 88.15998px 29.38666px 80.813315px;
  }
}
.lp .lpContainer .close_allBtn {
  display: block;
}
.lp .lpContainer .close_present {
  margin-top: calc(60 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .close_present {
    margin-top: 88.15998px;
  }
}
.lp .lpContainer .close_present_box {
  background: url(../images/close_present_bg.jpg) no-repeat center center/cover;
  padding: calc(20 * 0.2666666667vw) calc(18 * 0.2666666667vw) calc(40 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .close_present_box {
    padding: 35.263992px 26.447994px 35.263992px;
  }
}
.lp .lpContainer .close_present_txt {
  width: calc(265 * 0.2666666667vw);
  margin: 0 auto;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .close_present_txt {
    width: 389.373245px;
  }
}
.lp .lpContainer .close_present_img {
  padding: 0 calc(6 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .close_present_img {
    padding: 0 calc(6 * 0.2666666667vw);
  }
}
.lp .lpContainer .close_present_detail {
  padding: 0 calc(6 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .close_present_detail {
    padding: 0 8.815998px;
  }
}
.lp .lpContainer .close_present_detail_dl {
  display: flex;
  align-items: center;
  margin-top: calc(20 * 0.2666666667vw);
  gap: 0 calc(12 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .close_present_detail_dl {
    margin-top: 29.38666px;
    gap: 0 17.631996px;
  }
}
.lp .lpContainer .close_present_detail_dl dt {
  font-size: calc(12 * 0.2666666667vw);
  padding: calc(8 * 0.2666666667vw);
  background: #fff;
  font-weight: 900;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .close_present_detail_dl dt {
    font-size: 17.631996px;
    padding: 11.754664px;
  }
}
.lp .lpContainer .close_present_detail_dl dd {
  font-size: calc(13 * 0.2666666667vw);
  font-weight: 900;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .close_present_detail_dl dd {
    font-size: 19.101329px;
  }
}
.lp .lpContainer .close_present_detail_dl + .close_present_detail_dl {
  margin-top: calc(8 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .close_present_detail_dl + .close_present_detail_dl {
    margin-top: 11.754664px;
  }
}
.lp .lpContainer .close_present_detail_note {
  margin-top: calc(13 * 0.2666666667vw);
  font-size: calc(10 * 0.2666666667vw);
  line-height: 1.75;
  font-weight: bold;
}
.lp .lpContainer .close_present_detail_txt {
  margin-top: calc(20 * 0.2666666667vw);
  padding: calc(13.5 * 0.2666666667vw) 0 0 0;
  border-top: 1px solid #3E4298;
  line-height: 2;
  font-size: calc(13 * 0.2666666667vw);
  letter-spacing: 0.04em;
  font-weight: 900;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .close_present_detail_txt {
    margin-top: 29.38666px;
    padding: 19.8359955px 0 0 0;
    font-size: 19.101329px;
  }
}
.lp .lpContainer .close_present_detail_txt span {
  color: #E74291;
}
.lp .lpContainer .close_present_detail_btn {
  display: block;
  margin-top: calc(24 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .close_present_detail_btn {
    margin-top: 35.263992px;
  }
}
.lp .lpContainer .close_present_note {
  margin-top: calc(15 * 0.2666666667vw);
  color: #fff;
  font-size: calc(10 * 0.2666666667vw);
  font-weight: 900;
  line-height: 2;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 551px) {
  .lp .lpContainer .close_present_note {
    margin-top: 22.039995px;
    font-size: 14.69333px;
  }
}
@media (min-width: 552px) {
  .lp_bg {
    top: 0;
    left: 0;
    position: fixed;
    width: 100vw;
    height: 100%;
    z-index: 2;
    background: #000;
  }
  .lp_bg_left {
    left: 0;
    width: 50%;
    height: 100%;
    background: #93D2D3;
    position: absolute;
  }
  .lp_bg_left::before {
    content: "";
    display: inline-block;
    background: url(../images/pc_bg_l.png) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .lp_bg_right {
    right: 0;
    width: 50%;
    height: 100%;
    background: #B3E3FA;
    position: absolute;
  }
  .lp_bg_right::before {
    content: "";
    display: inline-block;
    background: url(../images/pc_bg_r.png) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@keyframes loopRight1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loopRight2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
@keyframes scaleLoop {
  0%, 100% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.1);
  }
}

.modal {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  transition-duration: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.modal.is_active {
  opacity: 1;
  visibility: visible;
}
.modal_bendavis .modal_box {
  background: #F19EC2;
}
.modal_converse .modal_box {
  background: #93D2D3;
}
.modal_box {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  padding: calc(24 * 0.2666666667vw) calc(20 * 0.2666666667vw) calc(28 * 0.2666666667vw);
  width: calc(335 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .modal_box {
    padding: 35.263992px 29.38666px 41.141324px;
    width: 411.41324px;
  }
}
.modal_box_feature {
  font-size: calc(22 * 0.2666666667vw);
  line-height: 1.4;
  text-align: center;
  font-weight: 900;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 551px) {
  .modal_box_feature {
    font-size: 29.38666px;
    line-height: 1.3;
  }
}
.modal_box_img {
  margin-top: calc(16 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .modal_box_img {
    margin-top: 23.509328px;
  }
}
.modal_box_txt {
  background: #FFC8E0;
  padding: calc(14 * 0.2666666667vw) calc(20 * 0.2666666667vw);
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin-top: calc(20 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .modal_box_txt {
    padding: 20.570662px 29.38666px;
    margin-top: 29.38666px;
  }
}
.modal_box_closeBtn {
  width: calc(26 * 0.2666666667vw);
  position: absolute;
  top: calc(-46 * 0.2666666667vw);
  right: calc(0 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .modal_box_closeBtn {
    width: 38.202658px;
    top: -47.018656px;
    right: 0px;
  }
}
.modal_onlyImg {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: calc(335 * 0.2666666667vw);
}
@media screen and (min-width: 551px) {
  .modal_onlyImg {
    width: 492.226555px;
  }
}
.modal_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(62, 66, 152, 0.5);
}
.fixedBtn {
  display: block;
  position: fixed;
  bottom: calc(12 * 0.2666666667vw);
  right: calc(12 * 0.2666666667vw);
  width: calc(100 * 0.2666666667vw);
  z-index: 10;
  transition-duration: 0.3s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 551px) {
  .fixedBtn {
    bottom: 17.631996px;
    right: 17.631996px;
    width: 146.9333px;
  }
}
.fixedBtn.is_show {
  opacity: 1;
  visibility: visible;
}
body.is_fixed, html.is_fixed {
  overflow: hidden;
}

a:hover,
a img:hover {
  text-decoration: none;
  opacity: 1;
}

@media (min-width: 768px) {
  .lp-hd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
  }
}

.lp-ft {
  position: relative;
}

@media (min-width: 768px) {
  .breadcrumb.promo {
    width: 100%;
    position: fixed;
    top: 55px;
    left: 0;
    background: #fff;
    z-index: 11;
  }
}

@media (max-width: 767px) {
  .wrapper {
    min-width: unset;
  }
}
@media (min-width: 768px) {
  .wrapper {
    min-width: unset;
  }
  .wrapper > .forcms_block:nth-of-type(1), .wrapper > .forcms_block:nth-of-type(2) {
    position: relative;
    z-index: 100;
  }
  .wrapper > .forcms_block:nth-of-type(2) {
    background: #fff;
  }
  .wrapper .breadcrumb {
    margin-bottom: 0;
  }
  .wrapper .pane-footer {
    margin: 0;
    padding: 50px 0 0 0;
    background: #fff;
  }
}
.wrapper .pane-left-menu {
  display: none;
}
.wrapper .pane-main {
  width: auto;
}
.wrapper .pane-contents .container {
  width: auto;
}/*# sourceMappingURL=style.css.map */