@charset "UTF-8";
body {
  position: relative;
  top: 0;
  left: 0;
  background: #fff;
  font-family: "Noto Sans JP", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  word-break: break-all;
  font-weight: 300;
  background-color: #333
}
.pc {
  display: block
}
.tab {
  display: block
}
.tab-none {
  display: block
}
.sp {
  display: none
}
@media (max-width:980px) {
  .pc {
    display: none
  }
  .tab {
    display: block
  }
  .tab-none {
    display: none
  }
  .sp {
    display: none
  }
}
@media (max-width:767px) {
  .pc {
    display: none
  }
  .tab {
    display: none
  }
  .tab-none {
    display: block
  }
  .sp {
    display: block
  }
}
.font10 {
  font-size: 1rem
}
.font11 {
  font-size: 1.1rem
}
.font12 {
  font-size: 1.2rem
}
.font13 {
  font-size: 1.3rem
}
.font14 {
  font-size: 1.4rem
}
.font15 {
  font-size: 1.5rem
}
.font16 {
  font-size: 1.6rem
}
.font17 {
  font-size: 1.7rem
}
.font18 {
  font-size: 1.8rem
}
.font19 {
  font-size: 1.9rem
}
.font20 {
  font-size: 2rem
}
.font21 {
  font-size: 2.1rem
}
.font22 {
  font-size: 2.2rem
}
.font23 {
  font-size: 2.3rem
}
.font24 {
  font-size: 2.4rem
}
.font25 {
  font-size: 2.5rem
}
.font26 {
  font-size: 2.6rem
}
.font27 {
  font-size: 2.7rem
}
.font28 {
  font-size: 2.8rem
}
.font29 {
  font-size: 2.9rem
}
.font30 {
  font-size: 3rem
}
.font31 {
  font-size: 3.1rem
}
.font32 {
  font-size: 3.2rem
}
.font33 {
  font-size: 3.3rem
}
.font34 {
  font-size: 3.4rem
}
.font35 {
  font-size: 3.5rem
}
.font36 {
  font-size: 3.6rem
}
.font37 {
  font-size: 3.7rem
}
.font38 {
  font-size: 3.8rem
}
.font39 {
  font-size: 3.9rem
}
.font40 {
  font-size: 4rem
}
.font41 {
  font-size: 4.1rem
}
.font42 {
  font-size: 4.2rem
}
.font43 {
  font-size: 4.3rem
}
.font44 {
  font-size: 4.4rem
}
.font45 {
  font-size: 4.5rem
}
.font46 {
  font-size: 4.6rem
}
.font47 {
  font-size: 4.7rem
}
.font48 {
  font-size: 4.8rem
}
.font49 {
  font-size: 4.9rem
}
.font50 {
  font-size: 5rem
}
.line-height10 {
  line-height: 1
}
.line-height11 {
  line-height: 1.1
}
.line-height12 {
  line-height: 1.2
}
.line-height13 {
  line-height: 1.3
}
.line-height14 {
  line-height: 1.4
}
.line-height15 {
  line-height: 1.5
}
.line-height16 {
  line-height: 1.6
}
.line-height17 {
  line-height: 1.7
}
.line-height18 {
  line-height: 1.8
}
.line-height19 {
  line-height: 1.9
}
.line-height20 {
  line-height: 2
}
.line-height25 {
  line-height: 2.5
}
.letter-spacing-1 {
  letter-spacing: -1px
}
.normal {
  font-weight: 400
}
.bold {
  font-weight: 700
}
.italic {
  font-style: italic
}
.ml-auto {
  margin-left: auto !important
}
.mr-auto {
  margin-right: auto !important
}
.mt1 {
  margin-top: 1rem !important
}
.mt2 {
  margin-top: 2rem !important
}
.mt3 {
  margin-top: 3rem !important
}
.mt4 {
  margin-top: 4rem !important
}
.mt5 {
  margin-top: 5rem !important
}
.mt6 {
  margin-top: 6rem !important
}
.mt7 {
  margin-top: 7rem !important
}
.mt8 {
  margin-top: 8rem !important
}
.mt9 {
  margin-top: 9rem !important
}
.mt10 {
  margin-top: 10rem !important
}
.mt15 {
  margin-top: 15rem !important
}
.mr1 {
  margin-right: 1rem !important
}
.mr2 {
  margin-right: 2rem !important
}
.mr3 {
  margin-right: 3rem !important
}
.mr4 {
  margin-right: 4rem !important
}
.mr5 {
  margin-right: 5rem !important
}
.mr6 {
  margin-right: 6rem !important
}
.mr7 {
  margin-right: 7rem !important
}
.mr8 {
  margin-right: 8rem !important
}
.mr9 {
  margin-right: 9rem !important
}
.mr10 {
  margin-right: 10rem !important
}
.mr15 {
  margin-right: 15rem !important
}
.mb05 {
  margin-bottom: .5rem !important
}
.mb1 {
  margin-bottom: 1rem !important
}
.mb2 {
  margin-bottom: 2rem !important
}
.mb3 {
  margin-bottom: 3rem !important
}
.mb4 {
  margin-bottom: 4rem !important
}
.mb5 {
  margin-bottom: 5rem !important
}
.mb6 {
  margin-bottom: 6rem !important
}
.mb7 {
  margin-bottom: 7rem !important
}
.mb8 {
  margin-bottom: 8rem !important
}
.mb9 {
  margin-bottom: 9rem !important
}
.mb10 {
  margin-bottom: 10rem !important
}
.mb15 {
  margin-bottom: 15rem !important
}
.ml1 {
  margin-left: 1rem !important
}
.ml2 {
  margin-left: 2rem !important
}
.ml3 {
  margin-left: 3rem !important
}
.ml4 {
  margin-left: 4rem !important
}
.ml5 {
  margin-left: 5rem !important
}
.ml6 {
  margin-left: 6rem !important
}
.ml7 {
  margin-left: 7rem !important
}
.ml8 {
  margin-left: 8rem !important
}
.ml9 {
  margin-left: 9rem !important
}
.ml10 {
  margin-left: 10rem !important
}
.ml15 {
  margin-left: 15rem !important
}
.px1 {
  padding: 0 1rem
}
.px2 {
  padding: 0 2rem
}
.px3 {
  padding: 0 3rem
}
.px4 {
  padding: 0 4rem
}
.px5 {
  padding: 0 5rem
}
.py1 {
  padding: 1rem 0
}
.py2 {
  padding: 2rem 0
}
.py3 {
  padding: 3rem 0
}
.py4 {
  padding: 4rem 0
}
.py5 {
  padding: 5rem 0
}
.color-gray {
  color: #f3f3f3
}
.color-text {
  color: #333
}
.color-black {
  color: #1a191a
}
.color-white {
  color: #fff
}
.color-pink {
  color: #c41e62
}
.color-pink1 {
  color: #b3235e
}
.color-orange {
  color: #cd6b22
}
.color-blue {
  color: #0c77c8
}
.color-purple {
  color: #9366A9
}
.bg-gray {
  background-color: #f3f3f3
}
.bg-black {
  background-color: #1a191a
}
.bg-black1 {
  background-color: #333
}
.bg-white {
  background-color: #fff
}
.bg-pink {
  background-color: #c41e62
}
.bg-pink1 {
  background-color: #b3235e
}
.bg-orange {
  background-color: #cd6b22
}
.bg-blue {
  background-color: #0c77c8
}
.bg-purple {
  background-color: #9366A9
}
.bg-pred {
  background-color: #ff6347
}
.bg-darkgray {
  background-color: #a9a9a9
}
.display-inline-block {
  display: inline-block
}
.text-left {
  text-align: left
}
.text-center {
  text-align: center
}
.text-right {
  text-align: right
}
.vertical-align-middle {
  vertical-align: middle
}
.border1 {
  border: solid 1px #fff
}
.border2 {
  border: solid 2px #fff
}
.border3 {
  border: solid 3px #fff
}
.radius1 {
  border-radius: 1rem
}
.radius2 {
  borderf-radius: 2rem
}
.radius3 {
  border-radius: 3rem
}
.radius4 {
  border-radius: 4rem
}
.radius5 {
  border-radius: 5rem
}
.side-line {
  position: relative
}
.side-line::before {
  content: '─';
  margin-right: 1rem
}
.side-line::after {
  content: '─';
  margin-left: 1rem
}
.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.container-l {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto
}
.container-m {
  width: 90%;
  max-width: 960px;
  margin: 0 auto
}
.container-s {
  width: 90%;
  max-width: 720px;
  margin: 0 auto
}
.top-inner {
  max-width: 830px;
  width: 90%;
  margin: 0 auto
}
.section_title {
  position: relative;
  font-size: 3.8rem;
  line-height: 1.5;
  padding-bottom: 2rem;
  font-weight: 700
}
.section_title::before {
  content: '';
  border-bottom: solid 3px #c41e62;
  display: block;
  width: 80px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0
}
.section_title.center {
  text-align: center
}
.section_title.center::before {
  left: 50%;
  margin-left: -20px
}
.mainvisual .slider {
  position: relative
}
.mainvisual .slider .slider-item {
  background-size: contain;
  position: relative;
  height: 778px;
  background-size: cover;
  background-position: center
}
.mainvisual .slider .slider-item.slider-item01 {
  background-image: url(../img/slider01.jpg)
}
.mainvisual .slider .slider-item.slider-item02 {
  background-image: url(../img/slider02.jpg)
}
.slider-item.slider-item03 {
  background-image: url(../img/Top_PointGetter.jpg)
}
.slider-item.slider-item04 {
  background-image: url(../img/Top_Lathe.jpg)
}

.mainvisual .slider .mainvisual_text {
  position: absolute;
  top: 24%;
  left: 10vw;
  width: 80%;
  max-width: 750px
}
.simulator {
  padding: 11rem 0 10rem;
  background-image: url(../img/simulator.png);
  background-repeat: no-repeat;
  background-position-x: 10rem;
  background-position-y: 11rem;
  position: relative;
  z-index: 10
}
.simulator .simulator_block .simulator_text {
  width: 41%;
  max-width: 490px
}
.simulator .simulator_block .simulator_movie {
  width: 54%;
  max-width: 620px
}
.reason {
  padding: 11rem 0 10rem;
  background-image: url("../img/reason-bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  background-size: cover;
  z-index: 9
}
.reason .bg-title {
  background-image: url(../img/reason.png);
  background-repeat: no-repeat;
  background-position: top center;
  height: 80px;
  width: 100%;
  top: -2rem;
  position: absolute
}
.reason .reason_block {
  position: relative;
  z-index: 1;
  justify-content: center;
  margin-bottom: 6rem
}
.reason .reason_block .reason_box {
  max-width: 380px;
  width: 32%;
  padding: 3rem;
  background-color: #fff;
  box-shadow: 0 0 40px #0902041a;
  margin-bottom: 3rem;
  margin-right: 3rem;
  position: relative
}
.reason .reason_block .reason_box:nth-child(3n) {
  margin-right: 0
}
.reason .reason_block .reason_box::after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 2rem;
  top: 0;
  left: 50%;
  border-left: solid 1px #c41e62
}
.function {
  padding: 11rem 0 10rem;
  position: relative;
  z-index: 8
}
.function .bg-title {
  background-image: url(../img/function.png);
  background-repeat: no-repeat;
  background-position: top center;
  height: 80px;
  width: 100%;
  top: -2rem;
  position: absolute
}
.function .function_block {
  justify-content: center;
  margin-bottom: 6rem
}
.function .function_block .flex {
  align-items: center;
  margin-bottom: 7.5rem
}
.function .function_block .flex.reverse {
  flex-direction: row-reverse
}
.function .function_block .function_box .img {
  width: 54%;
  padding: 7rem 4rem;
  background-color: #fff;
  box-shadow: 0 0 30px #d1d1d1;
  text-align: center
}
.function .function_block .function_box .img img {
  max-width: 100%
}
.function .function_block .function_box .text {
  width: 40%;
  max-width: 482px;
  letter-spacing: -.4px;
  margin: 0 auto
}
.price {
  padding: 11rem 0 10rem;
  position: relative;
  z-index: 7
}
.price .bg-title {
  background-image: url(../img/price.png);
  background-repeat: no-repeat;
  background-position: top center;
  height: 80px;
  width: 100%;
  top: -2rem;
  position: absolute
}
.price .price_block {
  position: relative;
  z-index: 1;
  justify-content: center;
  margin-bottom: 3rem
}
.price .price_block .price_box {
  max-width: 380px;
  width: 32%;
  padding: 3rem 0;
  background-color: #414141;
  margin-bottom: 3rem;
  margin-right: 3rem;
  border-radius: 3rem;
  position: relative
}
.price .price_block .price_box:nth-child(3n) {
  margin-right: 0
}
.price .price_block .price_box .price-title {
  border-bottom: solid 1px #555;
  padding-bottom: 2rem
}
.price .price_block .price_box .coming {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  background-color: rgba(54, 54, 54, .9);
  font-size: 3.7rem;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  font-style: italic;
  z-index: 10;
  border-radius: 3rem
}
.faq {
  padding: 11rem 0 10rem;
  position: relative;
  z-index: 6
}
.faq .bg-title {
  background-image: url(../img/faq.png);
  background-repeat: no-repeat;
  background-position: top center;
  height: 80px;
  width: 100%;
  top: -2rem;
  position: absolute
}
.follow-up {
  padding: 11rem 0 10rem;
  position: relative;
  z-index: 5
}
.follow-up .bg-title {
  background-image: url(../img/follow-up.png);
  background-repeat: no-repeat;
  background-position: top center;
  height: 80px;
  width: 100%;
  top: -2rem;
  position: absolute
}
.follow-up .follow-bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 192px;
  background-color: #f3f3f3;
  z-index: -1
}
.news {
  padding: 11rem 0 10rem;
  position: relative;
  z-index: 4
}
.news .bg-title {
  background-image: url(../img/news.png);
  background-repeat: no-repeat;
  background-position: top center;
  height: 80px;
  width: 100%;
  top: -2rem;
  position: absolute
}
.news ul {
  height: 600px;
  overflow-y: scroll
}
.news ul li {
  padding: 2rem 0;
  border-bottom: solid 1px #dfdfdf
}
@media (max-width:1350px) {
  .section_title {
    font-size: 3rem
  }
  .mainvisual .slider .slider-item {
    background-position: center right 30%
  }
  .mainvisual .font28 {
    font-size: 2.2rem
  }
  .simulator {
    background-size: 40%;
    background-position-x: 4rem
  }
  .reason .reason_block .reason_box {
    width: 47%
  }
  .reason .reason_block .reason_box:nth-child(3n) {
    margin-right: 3rem
  }
  .reason .reason_block .reason_box:nth-child(2n) {
    margin-right: 0
  }
  .price .price_block .price_box {
    width: 47%
  }
}
@media (max-width:980px) {
  .section_title {
    font-size: 2.8rem
  }
  .simulator {
    background-size: 40%;
    background-position-x: 4rem
  }
  .function .font30 {
    font-size: 2.4rem
  }
}
@media (max-width:767px) {
  .section_title {
    font-size: 2.2rem
  }
  .section_title::before {
    width: 40px
  }
  .mainvisual .slider .slider-item {
    height: 540px
  }
  .mainvisual .slider .slider-item.slider-item01 {
    background-image: url(../img/slider01-sp.jpg)
  }
  .mainvisual .slider .slider-item.slider-item02 {
    background-image: url(../img/slider02-sp.jpg)
  }
  .slider-item.slider-item03 {
    background-image: url(../img/Top_PointGetter_sp.jpg)
  }
  .slider-item.slider-item04 {
    background-image: url(../img/Top_Lathe_sp.jpg)
  }

  .mainvisual .slider .mainvisual_text {
    padding-top: 20rem;
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    letter-spacing: -.5px
  }
  .mainvisual .slider .mainvisual_text p.font17 {
    text-align: center;
    font-size: 1.2rem
  }
  .mainvisual .slider .mainvisual_text .font22 {
    font-size: 1.2rem
  }
  .mainvisual .slider .mainvisual_text .font28 {
    font-size: 1.5rem
  }
  .mainvisual .slider .mainvisual_text .mb5 {
    margin-bottom: 3rem !important
  }
  .mainvisual .slider .mainvisual_text .mb2 {
    margin-bottom: 1rem !important
  }
  .mainvisual .slider .mainvisual_text h2 {
    width: 50%
  }
  .mainvisual .slider .mainvisual_text h2 img {
    max-width: 100%
  }
  .simulator {
    padding: 0 0 5rem;
    background-position-x: 2rem;
    background-position-y: 5rem;
    background-image: url(../img/simulator-sp.png);
    background-size: auto
  }
  .simulator .section_title {
    margin-bottom: 3rem !important
  }
  .simulator .simulator_block .simulator_text {
    width: 100%;
    max-width: 100%
  }
  .simulator .simulator_block .simulator_text .section_title {
    margin: 0 2rem
  }
  .simulator .simulator_block .simulator_text p {
    margin-bottom: 3rem
  }
  .simulator .simulator_block .simulator_text .font20 {
    font-size: 1.4rem
  }
  .simulator .simulator_block .simulator_movie {
    width: 100%;
    max-width: 100%;
    padding-top: 2rem
  }
  .simulator .simulator_block .simulator_movie .font17 {
    font-size: 1.4rem
  }
  .reason {
    padding: 6rem 0 5rem;
    background-image: url("../img/reason-bg-sp.png");
    background-size: cover
  }
  .reason .bg-title {
    padding: 0 0 5rem;
    background-image: url(../img/reason-sp.png);
    top: -1rem
  }
  .reason .section_title {
    margin-bottom: 3rem !important
  }
  .reason .reason_block {
    margin-bottom: 3rem
  }
  .reason .reason_block .reason_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2rem
  }
  .reason .reason_block .reason_box::after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 2rem;
    top: 0;
    left: 50%;
    border-left: solid 1px #c41e62
  }
  .reason .reason_block .reason_box:nth-child(3n) {
    margin-right: 0
  }
  .reason .reason_block .reason_box img {
    margin-bottom: 1rem
  }
  .reason .reason_block .reason_box .font12 {
    font-size: 1rem
  }
  .reason .reason_block .reason_box .font24 {
    font-size: 2rem
  }
  .reason .reason_block .reason_box .font16 {
    font-size: 1.4rem
  }
  .reason .reason_block .reason_box .font40 {
    font-size: 3.6rem
  }
  .reason p.font16 {
    font-size: 1.4rem
  }
  .reason p.mt2 {
    margin-top: 0 !important
  }
  .reason p.mr2 {
    margin-right: 0 !important
  }
  .reason p.text-right {
    text-align: center
  }
  .function {
    padding: 6rem 0 5rem
  }
  .function .bg-title {
    padding: 0 0 5rem;
    background-image: url(../img/function-sp.png);
    top: -1rem
  }
  .function .section_title {
    margin-bottom: 3rem !important
  }
  .function p {
    font-size: 1.6rem;
    margin-bottom: 3rem !important;
    text-align: left !important
  }
  .function .function_block {
    width: 90%;
    margin: 0 auto
  }
  .function .function_block .flex {
    align-items: center;
    margin-bottom: 4rem
  }
  .function .function_block .function_box .img {
    width: 100%;
    padding: 4rem;
    position: relative;
    left: -6%;
    margin-bottom: 2rem
  }
  .function .function_block .function_box .img img {
    max-width: 100%
  }
  .function .function_block .function_box:nth-child(2n) .img {
    right: -6%;
    left: auto
  }
  .function .function_block .function_box .text {
    width: 100%;
    max-width: 100%
  }
  .function .function_block .function_box .font50 {
    font-size: 3.6rem
  }
  .function .function_block .function_box .font30 {
    font-size: 2rem
  }
  .function .function_block .function_box .font20 {
    font-size: 1.6rem
  }
  .function .function_block .function_box .font18 {
    font-size: 1.2rem
  }
  .function .function_block .function_box .font12 {
    font-size: 1rem
  }
  .price {
    padding: 6rem 0 5rem
  }
  .price .bg-title {
    padding: 0 0 5rem;
    background-image: url(../img/price-sp.png);
    top: -1rem
  }
  .price .section_title {
    margin-bottom: 3rem !important
  }
  .price .price_block {
    position: relative;
    z-index: 1;
    justify-content: center;
    margin-bottom: 3rem
  }
  .price .price_block .price_box {
    width: 100%;
    padding: 3rem 0;
    margin-right: 0
  }
  .price .price_block .price_box:nth-child(3n) {
    margin-right: 0
  }
  .price .price_block .price_box .price-title {
    border-bottom: solid 1px #555;
    padding-bottom: 2rem
  }
  .price .price_block .price_box .font36 {
    font-size: 3.2rem
  }
  .price .price_block .price_box .font24 {
    font-size: 2.2rem
  }
  .price .price_block .price_box .font20 {
    font-size: 1.8rem
  }
  .price .price_block .price_box .font16 {
    font-size: 1.4rem
  }
  .price .price_block .price_box .font14 {
    font-size: 1.2rem
  }
  .price .price_block .price_box .coming {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    background-color: rgba(54, 54, 54, .9);
    font-size: 3.7rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    font-style: italic;
    z-index: 10;
    border-radius: 3rem
  }
  .price p.text-center {
    text-align: left
  }
  .price .btn03 {
    margin-bottom: 1.5rem
  }
  .price p.font16 {
    font-size: 1.4rem
  }
  .price p.mt2 {
    margin-top: 0
  }
  .price p.mr2 {
    margin-right: 0
  }
  .price p.text-right {
    text-align: center
  }
  .faq {
    padding: 7rem 0 5rem
  }
  .faq .bg-title {
    padding: 0 0 5rem;
    background-image: url(../img/faq-sp.png);
    top: -1rem
  }
  .faq .section_title {
    margin-bottom: 3rem !important
  }
  .faq p.font16 {
    font-size: 1.4rem
  }
  .faq .text-right {
    text-align: center
  }
  .faq .mr2 {
    margin-right: 0 !important
  }
  .faq .mt2 {
    margin-top: 0 !important
  }
  .follow-up {
    padding: 7rem 0 5rem
  }
  .follow-up .bg-title {
    padding: 0 0 5rem;
    background-image: url(../img/follow-up-sp.png);
    top: -1rem
  }
  .follow-up .section_title {
    margin-bottom: 3rem !important
  }
  .follow-up .follow-bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 192px;
    background-color: #f3f3f3;
    z-index: -1
  }
  .follow-up p.text-center {
    text-align: left;
    letter-spacing: 1px
  }
  .follow-up p.font16 {
    font-size: 1.4rem
  }
  .follow-up .font20 {
    font-size: 1.6rem
  }
  .news {
    padding: 7rem 0 5rem
  }
  .news .bg-title {
    padding: 0 0 5rem;
    background-image: url(../img/news-sp.png);
    top: -1rem
  }
  .news .section_title {
    margin-bottom: 3rem !important
  }
  .news ul {
    height: 400px
  }
  .news ul li .font16 {
    font-size: 1.4rem
  }
}
iframe:not([src]) {
  visibility: hidden
}
.wrap {
  display: flex;
  overflow: hidden
}
.left {
  width: 50%;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center
}
.catch {
  padding: 0 7vw
}
.catch h2 {
  padding-bottom: 1vw
}
.catch p {
  padding-bottom: 2vw
}
.btn {
  border-radius: 3rem;
  overflow: hidden;
  color: #fff;
  pointer-events: auto;
  cursor: pointer;
  padding: .5vw 6vw;
  margin: 0;
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-weight: 700
}
.btn span {
  display: block;
  border-radius: 3rem;
  overflow: hidden
}
.txBn {
  position: relative;
  z-index: 2
}
.btn span::before {
  border-radius: 3rem;
  transition: all .3s;
  border: 1px solid #fff
}
.btn span::after, .btn span::before {
  content: '';
  position: absolute;
  transition: all .3s;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.btn span::after {
  left: 4px;
  z-index: 1;
  opacity: 0;
  background: rgba(181, 50, 98, .9);
  transform: scale(.1, 1)
}
.btn:hover span::before {
  transform: scale(.5, .1);
  opacity: 0
}
.btn:hover span::after {
  opacity: 1;
  transform: scale(1.2, 1)
}
.btn:before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  top: 50%;
  right: 1.5vw;
  z-index: 2;
  margin-top: -2px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg)
}
.btn01 {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 6em;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  align-self: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  height: 80px;
  padding: 2rem 0 2rem 1rem;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  max-width: 400px;
  width: 49%
}
.btn01:focus, .btn01:hover {
  color: #fff;
  outline: 0
}
.btn01 img {
  vertical-align: baseline;
  margin-left: 2rem
}
.btn01.width100 {
  width: 100%
}
.btn01.ver01 {
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 150ms ease-in-out
}
.btn01.ver01:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #ffffff4d;
  z-index: -1;
  transition: width 150ms ease-in-out
}
.btn01.ver01:hover {
  color: #fff
}
.btn01.ver01:hover:after {
  width: 110%
}
.btn03 {
  overflow: hidden;
  color: #fff;
  pointer-events: auto;
  cursor: pointer;
  max-width: 400px;
  width: 100%;
  text-align: center;
  padding: 2.55rem;
  border-radius: 6rem;
  margin: 0;
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-weight: 700
}
.btn03.height60 {
  padding: 1.55rem
}
.btn03 span {
  display: inline-block;
  border-radius: 3rem;
  overflow: hidden;
  font-size: 1.7rem;
  line-height: 1.5;
  vertical-align: middle
}
.btn03 span::after, .btn03 span::before {
  content: '';
  position: absolute;
  transition: all .3s;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.btn03 span::after {
  left: 4px;
  z-index: 1;
  opacity: 0;
  background: rgba(255, 255, 255, .3);
  transform: scale(.1, 1)
}
.btn03:hover span::before {
  transform: scale(.5, .1);
  opacity: 0
}
.btn03:hover span::after {
  opacity: 1;
  transform: scale(1.2, 1)
}
.btn03:after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 19px;
  z-index: 2;
  margin-top: -2px;
  background-image: url("../img/download-arrow.png");
  vertical-align: middle;
  margin-left: 2rem
}
@media screen and (max-width:767px) {
  .btn01 {
    padding: .5rem;
    height: 50px;
    margin: 0 auto 1.5rem;
    font-size: 1.4rem;
    width: 100%
  }
  .btn01.width100 {
    margin: 0 auto
  }
  .btn03 {
    padding: .8rem;
    height: 50px;
    margin-bottom: 1.5rem;
    font-size: 1.4rem
  }
  .inner .flex {
    display: block;
    text-align: center
  }
}
#video {
  width: 100%;
  height: auto
}
.video {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
@media screen and (max-width:1300px) {
  #video {
    width: auto;
    height: 100%
  }
  .video {
    position: absolute;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
  }
}
#movie {
  height: 175%;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  z-index: -1
}
.right {
  width: 50%;
  position: relative;
  top: 0;
  left: 0
}
#header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999
}
#header .hd_inner {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.page-index-wp {
  overflow: hidden
}
#header .hd_inner .logo {
  width: 160px;
  padding: 0 0;
  margin: 3px 0 0 5vw
}
#header .hd_inner .nav-menu {
  flex: 1;
  padding: 0
}
#header .hd_inner .nav-menu .show-menu {
  text-align: right
}
#header .hd_inner .nav-menu .show-menu .item {
  margin-right: 1.8vw;
  display: inline-block
}
#header .item a .nu:before {
  background-color: #fff
}
#header .logo .logoLink {
  display: block;
  margin-bottom: 2px
}
#header .logo .pwd {
  display: block;
  min-width: 170px
}
#header .hd-logo {
  width: 100%;
  transition: all .15s ease-in 0s
}
#header .hd-logo .hd-st0 {
  fill: #FFF
}
#header .hd-logo .hd-st1 {
  fill: #b53262
}
#header a:hover .hd-logo {
  opacity: .8;
  transition: all .15s ease-in 0s
}
.item a:hover .nu:before {
  opacity: .8;
  transition: all .15s ease-in 0s
}
.item a .nu:before {
  content: '';
  width: 100%;
  height: 1px;
  left: 50%;
  bottom: -10px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  opacity: 0
}
#header .hd_inner .nav-menu .show-menu .item a {
  color: #fff;
  text-decoration: none
}
.item a .nu {
  position: relative
}
#header .hd_inner .download a {
  position: relative;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  padding: 40px 37px 40px 37px;
  background-color: #1a1a1a
}
#header .hd_inner .download a .nu {
  position: relative;
  padding-right: 37px
}
#header .hd_inner .download a .arw {
  position: absolute;
  top: -6px;
  right: 0;
  bottom: 0
}
#header .hd_inner .download a:hover .arw {
  animation: btnicon-vertical .6s linear
}
#header .hd_inner .download a .arw .st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #b53262
}
#header .hd_inner .download a:hover .arw .st0 {
  animation: btnicon-vertical-color .6s linear;
  animation-fill-mode: forwards
}
#header .hd_inner .download a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #b53262;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform .3s cubic-bezier(.51, .21, .17, 1)
}
#header .hd_inner .download a:hover:before {
  left: 0;
  transform: scaleX(1);
  transform-origin: left center
}
.delayed-show {
  opacity: 0;
  transform: translateY(30px);
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-duration: 1s
}
.op .mv.act .delayed-show {
  opacity: 1;
  transform: translateY(0)
}
.delayed-showT {
  opacity: 0;
  transform: translateY(-30px);
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-duration: 1s
}
.op .mv.act .delayed-showT {
  opacity: 1;
  transform: translateY(0)
}
.delayed-showL {
  opacity: 0;
  transform: translateX(-30px);
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-duration: 1s
}
.op .mv.act .delayed-showL {
  opacity: 1;
  transform: translateX(0)
}
.delayed-showR {
  opacity: 0;
  transform: translateX(30px);
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-duration: 1s
}
.op .mv.act .delayed-showR {
  opacity: 1;
  transform: translateX(0)
}
.delay1 {
  transition-delay: .1s
}
.delay2 {
  transition-delay: .3s
}
.delay3 {
  transition-delay: .5s
}
.delay4 {
  transition-delay: .7s
}
#slidBnr {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #000
}
.zs-enabled {
  position: relative
}
.zs-enabled .zs-slide, .zs-enabled .zs-slides {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}
.zs-enabled .zs-slideshow {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}
.zs-enabled .zs-slideshow .zs-slides .zs-slide {
  background: transparent none no-repeat 50% 50%;
  background-size: cover;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.1, 1.1) rotate(.1deg);
  -moz-transform: scale(1.1, 1.1) rotate(.1deg);
  -ms-transform: scale(1.1, 1.1) rotate(.1deg);
  -o-transform: scale(1.1, 1.1) rotate(.1deg);
  transform: scale(1.1, 1.1) rotate(.1deg)
}
.zs-enabled .zs-slideshow .zs-slides .zs-slide.active {
  visibility: visible;
  opacity: 1
}
.zs-enabled .zs-slideshow .zs-bullets {
  z-index: 4;
  position: absolute;
  top: 50%;
  right: 2.5vw;
  transform: translateY(-50%)
}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet {
  cursor: pointer;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin: 40px 0;
  background-color: #fff
}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active {
  background-color: #b53262
}
.zs-enabled .zs-slideshow:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: transparent none repeat 0 0
}
#movie ul {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
#movie ul li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0
}
#movie ul li.active {
  opacity: 1;
  transition: transform 8s ease-out 0s, opacity 2s ease 0s
}
.p-index_point {
  position: relative;
  top: 0;
  left: 0;
  padding: 8vw 0 0 0
}
.top_title-inner {
  position: relative;
  top: 0;
  z-index: -1
}
.p-index_point__block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 100%;
  margin: 0 auto
}
.p-index_point .p-index_point_box {
  width: 48%;
  display: flex;
  margin: 0 0 4vw 0
}
.p-index_point_inner a {
  display: flex;
  width: 100%
}
.p-index_point .p-index_point_l {
  overflow: hidden
}
.p-index_point .p-index_point_l picture {
  display: block;
  width: 100%;
  overflow: hidden
}
.p-index_point .p-index_point_l picture img {
  width: 100%
}
.p-index_point .p-index_point_r {
  margin-left: 2.5vw;
  flex: 1
}
.p-index_point_inner a {
  text-decoration: none
}
.p-index_point h2 {
  margin: .8vw 0 .6vw 0
}
.ic_List {
  display: flex;
  flex-wrap: wrap
}
.ic_List li {
  margin-right: 6px
}
.ic_List li .ic {
  padding: 6px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  color: FFF
}
.ic_Free, a:hover .btn_Free {
  background: #b53262
}
.ic_Standard, a:hover .btn_Standard {
  background: #e2711d
}
.ic_Professional, a:hover .btn_Professional {
  background: #0f74c3
}
.ic_Ultimate, a:hover .btn_Ultimate {
  background: #9366A9
}
@keyframes text-loop {
  0% {
    transform: translate3d(0, 0, 0)
  }
  100% {
    transform: translate3d(-50%, 0, 0)
  }
}
@keyframes text-loop2 {
  0% {
    transform: translate3d(0, 0, 0)
  }
  100% {
    transform: translate3d(50%, 0, 0)
  }
}
.top_l_title {
  position: absolute;
  z-index: -1;
  width: 100%;
  white-space: nowrap;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  animation-name: text-loop;
  animation-duration: 36s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-play-state: running;
  transition-property: opacity;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.3, 0.1, 0.1, 1)
}
.top_r_title {
  position: absolute;
  z-index: -1;
  width: 100%;
  white-space: nowrap;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  animation-name: text-loop2;
  animation-duration: 36s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-play-state: running;
  transition-property: opacity;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.3, 0.1, 0.1, 1)
}
.heading-block {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}
.heading-block.txt-bd {
  color: #333;
  -webkit-text-fill-color: #333;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #484848
}
.heading-block.left {
  position: absolute;
  top: 0;
  width: 100%;
  transform: translate(0, -30%)
}
.heading-block.left.nxt2 {
  position: absolute;
  top: 0;
  width: 100%;
  transform: translate(0, 160%)
}
.heading-block.right {
  position: absolute;
  top: 0;
  width: 100%;
  transform: translate(0, 65%)
}
.heading-block.left span {
  color: #414141
}
.heading-block.right span {
  color: #333
}
.p-index_download-area {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  margin: 0 auto;
  padding: 5vw 0
}
.p-index_download-area::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  width: 68%;
  height: 100%;
  background: #414141
}
.p-index_download-area .p-index_download-area-l {
  width: 50%
}
.p-index_download-area .p-index_download-area-r {
  width: 50%
}
.p-index_download-area .p-index_download-area-r .inner {
  margin: 0 5vw
}
.p-index_download-area-r .btn span::before {
  border: 1px solid rgba(255, 255, 255, .2)
}
.p-index_download-area picture {
  display: block;
  width: 100%;
  overflow: hidden
}
.p-index_download-area picture img {
  width: 100%
}
.w-link {
  text-decoration: none;
  position: relative;
  top: 0;
  left: 0;
  background-image: linear-gradient(#fff, #fff);
  background-position: left 0 bottom 0;
  background-repeat: no-repeat;
  background-size: 0 1px
}
a:hover .w-link {
  transition: background-size .4s cubic-bezier(.785, .135, .15, .86);
  background-size: 100% 1px
}
.t-link {
  text-decoration: none;
  color: #e2711d;
  position: relative;
  top: 0;
  left: 0;
  background-image: linear-gradient(#e2711d, #e2711d);
  background-position: left 0 bottom 0;
  background-repeat: no-repeat;
  background-size: 0 1px
}
.t-link:hover {
  transition: background-size .4s cubic-bezier(.785, .135, .15, .86);
  background-size: 100% 1px
}
.p-index_download-area .p-index_download-area-r h2 {
  padding: 2vw 0 1.5vw
}
.pi-link {
  text-decoration: none;
  color: #ff1493;
  position: relative;
  top: 0;
  left: 0;
  background-image: linear-gradient(#ff1493, #ff1493);
  background-position: left 0 bottom 0;
  background-repeat: no-repeat;
  background-size: 0 1px
}
.pi-link:hover {
  transition: background-size .4s cubic-bezier(.785, .135, .15, .86);
  background-size: 100% 1px
}
.pink-link {
  text-decoration: none;
  color: #b3235e;
  position: relative;
  top: 0;
  left: 0;
  background-image: linear-gradient(#b3235e, #b3235e);
  background-position: left 0 bottom 0;
  background-repeat: no-repeat;
  background-size: 0 1px
}
.pink-link:hover {
  transition: background-size .4s cubic-bezier(.785, .135, .15, .86);
  background-size: 100% 1px
}
.p-index_download-area .p-index_download-area-r p {
  padding-bottom: 2vw
}
.p-index_point_l a {
  display: block;
  overflow: hidden;
  border-radius: 10px
}
.p-index_download-area-l a {
  display: block;
  overflow: hidden
}
a .mvWp .p-index_point_l {
  width: 186px;
  overflow: hidden
}
a .mvWp .p-index_point_l picture {
  transition: all .4s ease-in-out 0s
}
a:hover .mvWp .p-index_point_l picture {
  transition: all .4s ease-in-out 0s;
  transform: scale(1.08, 1.08) rotate(.1deg)
}
a .mvWp2 {
  width: 100%;
  overflow: hidden;
  transition: all .4s ease-in-out 0s
}
a:hover .mvWp2 {
  transition: all .4s ease-in-out 0s;
  transform: scale(1.08, 1.08) rotate(.1deg)
}
.footer-top {
  margin: 0 5vw;
  padding: 5vw 0
}
.footer-top ul {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  margin: 0 auto
}
.footer-top ul li {
  width: 25%;
  position: relative;
  top: 0;
  left: 0;
  text-align: center
}
.footer-top ul:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #5f5f5f;
  opacity: .5
}
.footer-top ul li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #5f5f5f;
  opacity: .5
}
.footer-top ul li .footer-top-inner {
  padding: 1vw 0
}
.footer-top ul li .footer-top-ic {
  width: 90px;
  height: 90px;
  border-radius: 45rem;
  border: 1px solid #5f5f5f;
  display: flex;
  align-items: center;
  margin: auto
}
.footer-top ul li .footer-top-ic .ft-ic {
  margin: auto
}
.footer-top ul li a {
  text-decoration: none
}
.footer-top ul li a h2 {
  color: #fff;
  padding-top: 1.5vw
}
.footer-top ul li a p {
  color: #8a8a8a
}
.footer-top ul li .footer-top-ic .st0 {
  fill: #919192
}
.footer-top ul li p span {
  position: relative;
  display: inline-block;
  padding-right: 25px
}
.footer-top ul li p span:after {
  border-color: #b53262
}
.footer-top ul li p span:before {
  content: '';
  width: 17px;
  height: 17px;
  border-radius: 50%;
  position: absolute;
  border: 1px solid #5f5f5f;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.footer-top ul li a:hover span:before {
  background-color: #b53262;
  border: 1px solid #b53262;
  transition: all .15s ease-in 0s
}
.footer-top ul li p span:after {
  content: '';
  width: 4px;
  height: 4px;
  border-top: 1px solid #5f5f5f;
  border-right: 1px solid #5f5f5f;
  position: absolute;
  right: 9px;
  top: 47%;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%)
}
.footer-top ul li a:hover span:after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transition: all .15s ease-in 0s
}
.footer-bottom {
  display: flex;
  background-color: #292929;
  padding: 3.5vw 5vw
}
.footer-bottom .footer-bottom-left {
  width: 174px
}
.footer-bottom .footer-bottom-left .ft-logo {
  fill: #838383;
  width: 100%;
  transition: all .15s ease-in 0s
}
.footer-bottom .footer-bottom-left a {
  display: block;
  width: 174px
}
.footer-bottom .footer-bottom-left a:hover .ft-logo {
  fill: #d8d8d8
}
.footer-bottom .footer-bottom-left .copy {
  padding-top: 1vw;
  display: block;
  color: #838383
}
.footer-bottom .footer-bottom-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center
}
.footer-bottom .footer-bottom-right .main-menu {
  display: flex
}
.footer-bottom .footer-bottom-right .main-menu li {
  margin-left: 1.8vw
}
.footer-bottom .footer-bottom-right .main-menu li a {
  text-decoration: none;
  color: #838383
}
.footer-bottom .footer-bottom-right .main-menu li a .nu {
  position: relative
}
.footer-bottom .footer-bottom-right .main-menu li a:hover {
  color: #d8d8d8
}
.footer-bottom .footer-bottom-right .main-menu li a .nu:before {
  background-color: #d8d8d8
}
.footer-bottom .footer-bottom-right .main-menu li a:hover .nu:before {
  opacity: .8;
  transition: all .15s ease-in 0s
}
.footer-bottom .footer-bottom-right .main-menu li a .nu:before {
  content: '';
  width: 100%;
  height: 1px;
  left: 50%;
  bottom: -10px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  opacity: 0
}
.footer-bottom .footer-bottom-right .sub-menu {
  display: flex;
  justify-content: flex-end;
  padding-top: .8vw
}
.footer-bottom .footer-bottom-right .sub-menu li {
  margin-left: 1.2vw
}
.footer-bottom .footer-bottom-right .sub-menu li a {
  text-decoration: none
}
.footer-bottom .footer-bottom-right .sub-menu li a .nu {
  position: relative
}
.footer-bottom .footer-bottom-right .sub-menu li a:hover {
  color: #d8d8d8
}
.footer-bottom .footer-bottom-right .sub-menu li a .nu:before {
  background-color: #d8d8d8
}
.footer-bottom .footer-bottom-right .sub-menu li a:hover .nu:before {
  opacity: .8;
  transition: all .15s ease-in 0s
}
.footer-bottom .footer-bottom-right .sub-menu li a .nu:before {
  content: '';
  width: 100%;
  height: 1px;
  left: 50%;
  bottom: -10px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  opacity: 0
}
.p-ch-header {
  width: 100%;
  position: relative;
  z-index: -1;
  min-height: 500px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center
}
.bg_products {
  background-image: url(../img/products-mv.jpg)
}
.bg_price {
  background-image: url(../img/price-mv.jpg)
}
.bg_point {
  background-image: url(../img/point-mv.jpg)
}
.bg_support {
  background-image: url(../img/support-mv.jpg)
}
.bg_flow {
  background-image: url(../img/flow-mv.jpg)
}
.bg_casestudy {
  background-image: url(../img/casestudy-mv.jpg)
}
.bg_news {
  background-image: url(../img/casestudy-mv.jpg)
}
.bg_faq {
  background-image: url(../img/faq-mv.jpg)
}
.p-ch-header .p-ch-inner {
  display: flex;
  width: 100%;
  align-items: center
}
.p-ch-header .p-ch-ttl {
  margin: 0 5vw
}
.p-ch-header .p-ch-ttl .tl1 {
  display: block;
  margin-bottom: 1vw
}
.p-ch-header .p-ch-ttl .tl2 {
  display: block
}
.p-index_products {
  margin: 8vw 5vw 0 5vw
}
.p-index_products .p-index_products-main {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1vw
}
.p-index_products .p-index_products-main-left {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center
}
.p-index_products .p-index_products-main-left .p-index_products-main-photo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.p-index_products .p-index_products-main-left .p-index_products-main-photo div {
  width: 30%;
  display: block;
  overflow: hidden;
  border-radius: 10px
}
.p-index_products .p-index_products-main-left .p-index_products-main-photo img {
  width: 100%
}
.p-index_products .p-index_products-main-right {
  width: 50%
}
.p-index_products .p-index_products-main-right .inner {
  padding-left: 5vw
}
.p-index_products-photo02 {
  margin-top: 3vw
}
.p-index_products-photo03 {
  margin-top: 6vw
}
.p-index_products .p-index_products-main-right .ttl {
  padding-bottom: .4vw;
  display: block
}
.p-index_products .p-index_products-main-right h2 {
  padding-bottom: 1vw
}
.p-index_products .p-index_products-main-right h3 {
  padding-bottom: 1.5vw
}
.p-index_products .p-index_products-main-right p {
  padding-bottom: 2vw
}
.p-index_products .p-index_products-main-right .spec {
  border-collapse: collapse
}
.p-index_products .p-index_products-main-right .spec th {
  padding: .3vw 2.8vw;
  border: 1px solid #838282;
  background-color: #393939
}
.p-index_products .p-index_products-main-right .spec td {
  padding: .3vw 2.8vw;
  border: 1px solid #838282
}
.p-index_products .p-index_products-main .gradelist {
  border-collapse: collapse
}
.p-index_products .p-index_products-main .gradelist th {
  padding: .3vw 2.1vw;
  border: 1px solid #838282;
  background-color: #393939
}
.p-index_products .p-index_products-main .gradelist td {
  padding: .3vw 2.1vw;
  border: 1px solid #838282
}
.p-index_products .p-index_products-main .gradelist .ttl_free {
  text-align: center;
  background-color: #b53262
}
.p-index_products .p-index_products-main .gradelist .ttl_standard {
  text-align: center;
  background-color: #e2711d
}
.p-index_products .p-index_products-main .gradelist .ttl_professional {
  text-align: center;
  background-color: #0f74c3
}
.p-index_products .p-index_products-main .gradelist .ttl_ultimate {
  text-align: center;
  background-color: #9366A9
}
.p-index_problems_ttl {
  text-align: center
}
.p-index_problems_ttl .tl {
  padding-bottom: .4vw;
  display: block
}
.p-index_problems_ttl h2 {
  padding-bottom: 1vw
}
.p-index_problems__block .inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4vw 0 8vw
}
.p-index_problems__block .inner .box {
  width: 30%;
  display: flex;
  align-items: center
}
.p-index_problems__block .inner .left {
  width: 65%
}
.p-index_problems__block .inner .right {
  width: 35%;
  display: flex;
  align-items: center
}
.p-index_problems__block .inner .photo {
  overflow: hidden;
  width: 165px;
  height: 165px;
  border-radius: 45rem
}
.p-index_problems__block .inner .photo img {
  width: 100%
}
.balloon .ic {
  position: absolute;
  top: -1vw;
  left: 1.5vw;
  padding: 10px 10px;
  display: inline-block;
  border-radius: 3px
}
.p-index_problems__block {
  margin: 0 5vw
}
.p-index_problems__block .inner .balloon {
  position: relative;
  display: inline-block;
  margin: 0 2vw 0 0;
  padding: 1.5vw 1.5vw 1vw 1.5vw;
  background: #414141;
  border-radius: 10px
}
.p-index_problems__block .inner .balloon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #414141
}
.p-index_point .inner h2 {
  text-align: center;
  margin-top: 8vw
}
.p-index-Ul-wrap {
  display: flex;
  justify-content: space-between;
  margin: 3vw 0 5vw
}
.p-index-Ul-left {
  width: 32%
}
.p-index-Ul-left ul {
  position: sticky;
  top: 5vw;
  margin: 3vw 5vw
}
.p-index-Ul-left ul li {
  position: relative;
  counter-increment: heading;
  padding-left: 30px;
  margin-bottom: .6vw
}
.p-index-Ul-left ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "0"counter(heading);
  color: #828282
}
.p-index-Ul-left ul li:nth-of-type(9) ~ h2:before {
  content: counter(heading)
}
.p-index-Ul-left ul li a {
  display: block;
  text-decoration: none;
  color: #fff
}
.p-index-Ul-left ul li a .nu {
  position: relative
}
.p-index-Ul-left ul li a:hover {
  color: #d8d8d8
}
.p-index-Ul-left ul li.active a {
  color: #d8d8d8
}
.p-index-Ul-left ul li a .nu:before {
  background-color: #d8d8d8
}
.p-index-Ul-left ul li a:hover .nu:before {
  opacity: .8;
  transition: all .15s ease-in 0s
}
.p-index-Ul-left ul li.active .nu:before {
  opacity: .8;
  transition: all .15s ease-in 0s
}
.p-index-Ul-left ul li.active:before {
  color: #b53262
}
.p-index-Ul-left ul li:hover:before {
  color: #b53262
}
.p-index-Ul-left ul li a .nu:before {
  content: '';
  width: 100%;
  height: 1px;
  left: 50%;
  bottom: -10px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  opacity: 0
}
.p-index-Ul-right {
  width: 68%;
  margin-top: 2vw
}
.p-index-Ul-right .p-index-Ul-box {
  margin-right: 5vw;
  padding-top: 3vw
}
.p-index-Ul-right h2 {
  border-bottom: 1px solid #5f5f5f;
  padding: 0 0 3vw 30px;
  position: relative;
  margin-bottom: 3vw
}
.p-index-Ul-right h2:before {
  position: absolute;
  top: 13px;
  left: 0;
  color: #b53262
}
.p-index-Ul-right #p1 h2:before {
  content: '01'
}
.p-index-Ul-right #p2 h2:before {
  content: '02'
}
.p-index-Ul-right #p3 h2:before {
  content: '03'
}
.p-index-Ul-right #p4 h2:before {
  content: '04'
}
.p-index-Ul-right #p5 h2:before {
  content: '05'
}
.p-index-Ul-right #p6 h2:before {
  content: '06'
}
.p-index-Ul-right #p7 h2:before {
  content: '07'
}
.p-index-Ul-right #p8 h2:before {
  content: '08'
}
.p-index-Ul-right #p9 h2:before {
  content: '09'
}
.p-index-Ul-right #p10 h2:before {
  content: '10'
}
.p-index_download-area .p-index_download-area-r p {
  padding-bottom: 2vw
}
.p-index_point_l a {
  display: block;
  overflow: hidden;
  border-radius: 10px
}
.p-index_download-area-l a {
  display: block;
  overflow: hidden
}
a .mvWp .p-index_point_l {
  width: 186px;
  overflow: hidden
}
a .mvWp .p-index_point_l picture {
  transition: all .4s ease-in-out 0s
}
a:hover .mvWp .p-index_point_l picture {
  transition: all .4s ease-in-out 0s;
  transform: scale(1.08, 1.08) rotate(.1deg)
}
a .mvWp2 {
  width: 100%;
  overflow: hidden;
  transition: all .4s ease-in-out 0s
}
a:hover .mvWp2 {
  transition: all .4s ease-in-out 0s;
  transform: scale(1.08, 1.08) rotate(.1deg)
}
.footer-top {
  margin: 0 5vw;
  padding: 5vw 0
}
.footer-top ul {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  margin: 0 auto
}
.footer-top ul li {
  width: 25%;
  position: relative;
  top: 0;
  left: 0;
  text-align: center
}
.footer-top ul:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #5f5f5f;
  opacity: .5
}
.footer-top ul li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #5f5f5f;
  opacity: .5
}
.footer-top ul li .footer-top-inner {
  padding: 1vw 0
}
.footer-top ul li .footer-top-ic {
  width: 90px;
  height: 90px;
  border-radius: 45rem;
  border: 1px solid #5f5f5f;
  display: flex;
  align-items: center;
  margin: auto
}
.footer-top ul li .footer-top-ic .ft-ic {
  margin: auto
}
.footer-top ul li a {
  text-decoration: none
}
.footer-top ul li a h2 {
  color: #fff;
  padding-top: 1.5vw
}
.footer-top ul li a p {
  color: #8a8a8a
}
.footer-top ul li .footer-top-ic .st0 {
  fill: #919192
}
.footer-top ul li p span {
  position: relative;
  display: inline-block;
  padding-right: 25px
}
.footer-top ul li p span:after {
  border-color: #b53262
}
.footer-top ul li p span:before {
  content: '';
  width: 17px;
  height: 17px;
  border-radius: 50%;
  position: absolute;
  border: 1px solid #5f5f5f;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.footer-top ul li a:hover span:before {
  background-color: #b53262;
  border: 1px solid #b53262;
  transition: all .15s ease-in 0s
}
.footer-top ul li p span:after {
  content: '';
  width: 4px;
  height: 4px;
  border-top: 1px solid #5f5f5f;
  border-right: 1px solid #5f5f5f;
  position: absolute;
  right: 9px;
  top: 47%;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%)
}
.footer-top ul li a:hover span:after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transition: all .15s ease-in 0s
}
.footer-bottom {
  display: flex;
  background-color: #292929;
  padding: 3.5vw 5vw
}
.footer-bottom .footer-bottom-left {
  width: 174px
}
.footer-bottom .footer-bottom-left .ft-logo {
  fill: #838383;
  width: 100%;
  transition: all .15s ease-in 0s
}
.footer-bottom .footer-bottom-left a {
  display: block;
  width: 174px
}
.footer-bottom .footer-bottom-left a:hover .ft-logo {
  fill: #d8d8d8
}
.footer-bottom .footer-bottom-left .copy {
  padding-top: 1vw;
  display: block;
  color: #838383
}
.footer-bottom .footer-bottom-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center
}
.footer-bottom .footer-bottom-right .main-menu {
  display: flex
}
.footer-bottom .footer-bottom-right .main-menu li {
  margin-left: 1.8vw
}
.footer-bottom .footer-bottom-right .main-menu li a {
  text-decoration: none;
  color: #838383
}
.footer-bottom .footer-bottom-right .main-menu li a .nu {
  position: relative
}
.footer-bottom .footer-bottom-right .main-menu li a:hover {
  color: #d8d8d8
}
.footer-bottom .footer-bottom-right .main-menu li a .nu:before {
  background-color: #d8d8d8
}
.footer-bottom .footer-bottom-right .main-menu li a:hover .nu:before {
  opacity: .8;
  transition: all .15s ease-in 0s
}
.footer-bottom .footer-bottom-right .main-menu li a .nu:before {
  content: '';
  width: 100%;
  height: 1px;
  left: 50%;
  bottom: -10px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  opacity: 0
}
.footer-bottom .footer-bottom-right .sub-menu {
  display: flex;
  justify-content: flex-end;
  padding-top: .8vw
}
.footer-bottom .footer-bottom-right .sub-menu li {
  margin-left: 1.2vw
}
.footer-bottom .footer-bottom-right .sub-menu li a {
  text-decoration: none
}
.footer-bottom .footer-bottom-right .sub-menu li a .nu {
  position: relative
}
.footer-bottom .footer-bottom-right .sub-menu li a:hover {
  color: #d8d8d8
}
.footer-bottom .footer-bottom-right .sub-menu li a .nu:before {
  background-color: #d8d8d8
}
.footer-bottom .footer-bottom-right .sub-menu li a:hover .nu:before {
  opacity: .8;
  transition: all .15s ease-in 0s
}
.footer-bottom .footer-bottom-right .sub-menu li a .nu:before {
  content: '';
  width: 100%;
  height: 1px;
  left: 50%;
  bottom: -10px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  opacity: 0
}
.p-ch-header {
  width: 100%;
  position: relative;
  z-index: -1;
  min-height: 500px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center
}
.bg_products {
  background-image: url(../img/products-mv.jpg)
}
.bg_price {
  background-image: url(../img/price-mv.jpg)
}
.bg_point {
  background-image: url(../img/point-mv.jpg)
}
.bg_support {
  background-image: url(../img/support-mv.jpg)
}
.bg_flow {
  background-image: url(../img/flow-mv.jpg)
}
.bg_casestudy {
  background-image: url(../img/casestudy-mv.jpg)
}
.bg_news {
  background-image: url(../img/casestudy-mv.jpg)
}
.bg_faq {
  background-image: url(../img/faq-mv.jpg)
}
.p-ch-header .p-ch-inner {
  display: flex;
  width: 100%;
  align-items: center
}
.p-ch-header .p-ch-ttl {
  margin: 0 5vw
}
.p-ch-header .p-ch-ttl .tl1 {
  display: block;
  margin-bottom: 1vw
}
.p-ch-header .p-ch-ttl .tl2 {
  display: block
}
.p-index_products {
  margin: 8vw 5vw 0 5vw
}
.p-index_products .p-index_products-main {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1vw
}
.p-index_products .p-index_products-main-left {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center
}
.p-index_products .p-index_products-main-left .p-index_products-main-photo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.p-index_products .p-index_products-main-left .p-index_products-main-photo div {
  width: 30%;
  display: block;
  overflow: hidden;
  border-radius: 10px
}
.p-index_products .p-index_products-main-left .p-index_products-main-photo img {
  width: 100%
}
.p-index_products .p-index_products-main-right {
  width: 50%
}
.p-index_products .p-index_products-main-right .inner {
  padding-left: 5vw
}
.p-index_products-photo02 {
  margin-top: 3vw
}
.p-index_products-photo03 {
  margin-top: 6vw
}
.p-index_products .p-index_products-main-right .ttl {
  padding-bottom: .4vw;
  display: block
}
.p-index_products .p-index_products-main-right h2 {
  padding-bottom: 1vw
}
.p-index_products .p-index_products-main-right h3 {
  padding-bottom: 1.5vw
}
.p-index_products .p-index_products-main-right p {
  padding-bottom: 2vw
}
.p-index_products .p-index_products-main-right .spec {
  border-collapse: collapse
}
.p-index_products .p-index_products-main-right .spec th {
  padding: .3vw 2.8vw;
  border: 1px solid #838282;
  background-color: #393939
}
.p-index_products .p-index_products-main-right .spec td {
  padding: .3vw 2.8vw;
  border: 1px solid #838282
}
.p-index_products .p-index_products-main .gradelist {
  border-collapse: collapse
}
.p-index_products .p-index_products-main .gradelist th {
  padding: .3vw 2.1vw;
  border: 1px solid #838282;
  background-color: #393939
}
.p-index_products .p-index_products-main .gradelist td {
  padding: .3vw 2.1vw;
  border: 1px solid #838282
}
.p-index_products .p-index_products-main .gradelist .ttl_free {
  text-align: center;
  background-color: #b53262
}
.p-index_products .p-index_products-main .gradelist .ttl_standard {
  text-align: center;
  background-color: #e2711d
}
.p-index_products .p-index_products-main .gradelist .ttl_professional {
  text-align: center;
  background-color: #0f74c3
}
.p-index_products .p-index_products-main .gradelist .ttl_ultimate {
  text-align: center;
  background-color: #9366A9
}
.p-index_problems_ttl {
  text-align: center
}
.p-index_problems_ttl .tl {
  padding-bottom: .4vw;
  display: block
}
.p-index_problems_ttl h2 {
  padding-bottom: 1vw
}
.p-index_problems__block .inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4vw 0 8vw
}
.p-index_problems__block .inner .box {
  width: 30%;
  display: flex;
  align-items: center
}
.p-index_problems__block .inner .left {
  width: 65%
}
.p-index_problems__block .inner .right {
  width: 35%;
  display: flex;
  align-items: center
}
.p-index_problems__block .inner .photo {
  overflow: hidden;
  width: 165px;
  height: 165px;
  border-radius: 45rem
}
.p-index_problems__block .inner .photo img {
  width: 100%
}
.balloon .ic {
  position: absolute;
  top: -1vw;
  left: 1.5vw;
  padding: 10px 10px;
  display: inline-block;
  border-radius: 3px
}
.p-index_problems__block {
  margin: 0 5vw
}
.p-index_problems__block .inner .balloon {
  position: relative;
  display: inline-block;
  margin: 0 2vw 0 0;
  padding: 1.5vw 1.5vw 1vw 1.5vw;
  background: #414141;
  border-radius: 10px
}
.p-index_problems__block .inner .balloon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #414141
}
.p-index_point .inner h2 {
  text-align: center;
  margin-top: 8vw
}
.p-index-Ul-wrap {
  display: flex;
  justify-content: space-between;
  margin: 3vw 0 5vw
}
.p-index-Ul-left {
  width: 32%
}
.p-index-Ul-left ul {
  position: sticky;
  top: 5vw;
  margin: 3vw 5vw
}
.p-index-Ul-left ul li {
  position: relative;
  counter-increment: heading;
  padding-left: 30px;
  margin-bottom: .6vw
}
.p-index-Ul-left ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "0"counter(heading);
  color: #828282
}
.p-index-Ul-left ul li:nth-of-type(9) ~ h2:before {
  content: counter(heading)
}
.p-index-Ul-left ul li a {
  display: block;
  text-decoration: none;
  color: #fff
}
.p-index-Ul-left ul li a .nu {
  position: relative
}
.p-index-Ul-left ul li a:hover {
  color: #d8d8d8
}
.p-index-Ul-left ul li.active a {
  color: #d8d8d8
}
.p-index-Ul-left ul li a .nu:before {
  background-color: #d8d8d8
}
.p-index-Ul-left ul li a:hover .nu:before {
  opacity: .8;
  transition: all .15s ease-in 0s
}
.p-index-Ul-left ul li.active .nu:before {
  opacity: .8;
  transition: all .15s ease-in 0s
}
.p-index-Ul-left ul li.active:before {
  color: #b53262
}
.p-index-Ul-left ul li:hover:before {
  color: #b53262
}
.p-index-Ul-left ul li a .nu:before {
  content: '';
  width: 100%;
  height: 1px;
  left: 50%;
  bottom: -10px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  opacity: 0
}
.p-index-Ul-right {
  width: 68%;
  margin-top: 2vw
}
.p-index-Ul-right .p-index-Ul-box {
  margin-right: 5vw;
  padding-top: 3vw
}
.p-index-Ul-right h2 {
  border-bottom: 1px solid #5f5f5f;
  padding: 0 0 3vw 30px;
  position: relative;
  margin-bottom: 3vw
}
.p-index-Ul-right h2:before {
  position: absolute;
  top: 13px;
  left: 0;
  color: #b53262
}
.p-index-Ul-right #p1 h2:before {
  content: '01'
}
.p-index-Ul-right #p2 h2:before {
  content: '02'
}
.p-index-Ul-right #p3 h2:before {
  content: '03'
}
.p-index-Ul-right #p4 h2:before {
  content: '04'
}
.p-index-Ul-right #p5 h2:before {
  content: '05'
}
.p-index-Ul-right #p6 h2:before {
  content: '06'
}
.p-index-Ul-right #p7 h2:before {
  content: '07'
}
.p-index-Ul-right #p8 h2:before {
  content: '08'
}
.p-index-Ul-right #p9 h2:before {
  content: '09'
}
.p-index-Ul-right #p10 h2:before {
  content: '10'
}
.p-index-Ul-right #c1 h2:before {
  content: '2021.12.02'
}
.p-index-Ul-right #c2 h2:before {
  content: '2022.04.11'
}
.p-index-Ul-right #c3 h2:before {
  content: '2022.05.24'
}
.p-index-Ul-right #c4 h2:before {
  content: '2022.06.05'
}
.p-index-Ul-right #c5 h2:before {
  content: '2022.06.09'
}
.p-index-Ul-right #c6 h2:before {
  content: '2022.06.17'
}
.p-index-Ul-right #c7 h2:before {
  content: '2022.06.20'
}
.p-index-Ul-right #c8 h2:before {
  content: '2022.06.28'
}
.p-index-Ul-right #c9 h2:before {
  content: '2022.08.01'
}
.p-index-Ul-right #c10 h2:before {
  content: '2022.08.03'
}
.p-index-Ul-right #c11 h2:before {
  content: '2022.09.20'
}
.p-index-Ul-right #c12 h2:before {
  content: '2022.11.04'
}
.p-index-Ul-right #c13 h2:before {
  content: '2022.12.19'
}
.p-index-Ul-right #c14 h2:before {
  content: '2022.12.26'
}
.p-index-Ul-right #c15 h2:before {
  content: '2023.04.05'
}
.p-index-Ul-right #c16 h2:before {
  content: '2023.04.19'
}
.p-index-Ul-right #c17 h2:before {
  content: '2023.05.08'
}
.p-index-Ul-right #c18 h2:before {
  content: '2023.06.07'
}
.p-index-Ul-right #c19 h2:before {
  content: '2023.08.09'
}
.p-index-Ul-right #c20 h2:before {
  content: '2023.09.20'
}
.p-index-Ul-right #c21 h2:before {
  content: '2023.12.26'
}
.p-index-Ul-right #c22 h2:before {
  content: '2024.04.12'
}
.p-index-Ul-right #c23 h2:before {
  content: '2024.04.16'
}
.p-index-Ul-right #c24 h2:before {
  content: '2024.04.23'
}
.p-index-Ul-right #c25 h2:before {
  content: '2024.06.17'
}
.p-index-Ul-right #c26 h2:before {
  content: '2024.08.06'
}
.p-index-Ul-right #c27 h2:before {
  content: '2024.09.24'
}
.p-index-Ul-right #c28 h2:before {
  content: '2024.12.17'
}
.p-index-Ul-right #c29 h2:before {
  content: '2025.03.26'
}
.p-index-Ul-right #c30 h2:before {
  content: '2025.03.28'
}
.p-index-Ul-right #c31 h2:before {
  content: '2025.04.25'
}
.p-index-Ul-right #c32 h2:before {
  content: '2025.05.14'
}

.p-index-Ul-right #up0 h2:before {
  content: ''
}
.p-index-Ul-right #up1 h2:before {
  content: '2022.11.04'
}
.p-index-Ul-right #up2 h2:before {
  content: '2022.12.20'
}
.p-index-Ul-right #up3 h2:before {
  content: '2023.02.24'
}
.p-index-Ul-right #up4 h2:before {
  content: '2023.04.10'
}
.p-index-Ul-right #up5 h2:before {
  content: '2023.06.14'
}
.p-index-Ul-right #up6 h2:before {
  content: '2023.10.02'
}
.p-index-Ul-right #up7 h2:before {
  content: '2023.11.08'
}
.p-index-Ul-right #up8 h2:before {
  content: '2023.11.15'
}
.p-index-Ul-right #up9 h2:before {
  content: '2023.12.27'
}
.p-index-Ul-right #up10 h2:before {
  content: '2024.01.24'
}
.p-index-Ul-right #up11 h2:before {
  content: '2024.01.31'
}
.p-index-Ul-right #up12 h2:before {
  content: '2024.03.08'
}
.p-index-Ul-right #up13 h2:before {
  content: '2024.04.12'
}
.p-index-Ul-right #up14 h2:before {
  content: '2024.05.27'
}
.p-index-Ul-right #up15 h2:before {
  content: '2024.06.17'
}
.p-index-Ul-right #up16 h2:before {
  content: '2024.07.02'
}
.p-index-Ul-right #up17 h2:before {
  content: '2024.08.08'
}
.p-index-Ul-right #up18 h2:before {
  content: '2024.09.04'
}
.p-index-Ul-right #up19 h2:before {
  content: '2024.09.30'
}
.p-index-Ul-right #up20 h2:before {
  content: '2024.12.03'
}
.p-index-Ul-right #up21 h2:before {
  content: '2025.03.05'
}




.p-index-Ul-right #Lup1 h2:before {
  content: '2024.06.17'
}
.p-index-Ul-right #Lup2 h2:before {
  content: '2024.07.02'
}
.p-index-Ul-right #Lup3 h2:before {
  content: '2024.09.30'
}
.p-index-Ul-right #Lup4 h2:before {
  content: '2024.11.29'
}
.p-index-Ul-right #Lup5 h2:before {
  content: '2025.05.09'
}
.p-index-Ul-right h3 {
  padding: 0 0 0 40px;
  position: relative;
  margin-bottom: 1.5vw
}
.p-index-Ul-right h3:before {
  position: absolute;
  top: 10px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  width: 26px;
  height: 26px;
  border-radius: 26px;
  background-color: #414141
}
.p-index-Ul-right h3.p-index-h3-num1:before {
  content: '1'
}
.p-index-Ul-right h3.p-index-h3-num2:before {
  content: '2'
}
.p-index-Ul-right h3.p-index-h3-num3:before {
  content: '3'
}
.p-index-Ul-right h3.p-index-h3-num4:before {
  content: '4'
}
.p-index-Ul-right h3.p-index-h3-num5:before {
  content: '5'
}
.p-index-Ul-right h3.p-index-h3-num6:before {
  content: '6'
}
.p-index-Ul-right h3.p-index-h3-num7:before {
  content: '7'
}
.p-index-Ul-right h3.p-index-h3-num8:before {
  content: '8'
}
.p-index-Ul-right h3.p-index-h3-num9:before {
  content: '9'
}
.p-index-Ul-right h3.p-index-h3-num10:before {
  content: '10'
}
.p-index-Ul-right .p-index-Ul-box p {
  color: #d8d8d8;
  margin-bottom: 3vw
}
.p-index-Ul-right .p-index-Ul-box .p-index-movie {
  background-color: #2d2d2d;
  padding: 2.5vw 2.5vw .5vw 2.5vw;
  margin-bottom: 3vw;
  border-radius: 10px
}
.p-index-Ul-right .p-index-Ul-box .p-index-movie p {
  margin-bottom: 1.5vw
}
.p-index-Ul-right .p-index-Ul-box .p-index-movie ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.p-index-Ul-right .p-index-Ul-box .p-index-movie ul:after {
  content: "";
  display: block;
  width: 30%
}
.p-index-Ul-right .p-index-Ul-box .p-index-movie ul li {
  width: 30%
}
.p-index-Ul-right .p-index-Ul-box .p-index-movie ul li .inner .movie {
  width: 100%
}
.p-index-Ul-right .p-index-Ul-box .p-index-movie ul li .inner .movie iframe {
  width: 100%
}
.p-index_price_inner {
  margin: 8vw 5vw 1.5vw
}
.p-index_price_inner .p-index_price_wp {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
  max-width: 1155px
}
.p-index_price_inner .p-index_price_box {
  width: 31.5%;
  margin-bottom: 2vw
}
.p-index_price_inner .p-index_price_box .no, .p-index_price_inner .p-index_price_box a {
  display: block;
  text-align: center;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none
}
.p-index_price_inner .p-index_price_box .inr {
  background-color: #414141
}
.p-index_price_inner .p-index_price_box a:hover .inr {
  background-color: #494949
}
.p-index_price_inner a:hover h2 {
  background-color: #494949
}
.p-index_price_inner .p-index_price_box .no .p-index_price_block {
  position: relative
}
.p-index_price_inner .p-index_price_box .no .inr {
  opacity: .2
}
.p-index_price_inner .p-index_price_box .no .p-index_price_block:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  content: '近日発売予定';
  color: #fff
}
.p-index_price_inner h2 {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1.5vw 1.5vw;
  text-align: center;
  justify-content: center;
  border-bottom: 1px solid #5a5a5a;
  background-color: #414141
}
.p-index_price_inner h2 .tl {
  padding-left: .5vw
}
.p-index_price_inner p {
  padding: 1.5vw 1.5vw 0 1.5vw
}
.p-index_price_inner .plan-price {
  padding: 1vw 1.5vw .5vw
}
.p-index_price_inner .monthly {
  display: block;
  padding: 0 1.5vw 1.5vw 1.5vw
}
.p-index_price_inner .submitBtn {
  background-color: #585858;
  display: block;
  padding: 1vw 1.5vw
}
.p-index_price_inner a:hover .submitBtn {
  transition: all .15s ease-in 0s
}
.p-index_price_inner .submitBtn {
  position: relative
}
.p-index_price_inner .submitBtn:before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  top: 50%;
  right: 1.5vw;
  z-index: 2;
  margin-top: -2px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg)
}
.p-index_price_box .ic {
  padding: 6px 6px;
  display: block;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  color: #fff
}
.p-index_price_data .ic {
  padding: 6px 6px;
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  color: FFF
}
.p-index_support_data_inner {
  margin: auto 5vw
}
.p-index_support_data_wp {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  max-width: 750px;
  margin: 0 auto
}
.fmWrap dl {
  width: 100%;
  padding: 0;
  margin: 0
}
.p-index_support_data_wp form {
  width: 100%
}
.fmWrap {
  width: 100%;
  margin-bottom: 8vw
}
.fmWrap dl dt {
  color: #fff;
  padding-bottom: 1.5vw
}
.fmWrap dl dd {
  padding-bottom: 3vw
}
.fmWrap dl dt .wps5 {
  width: 100%
}
.fmWrap dl select {
  border: 0;
  padding: 15px;
  background-color: #fff;
  border-radius: 5px;
  width: 100%
}
.selectbox {
  width: 100%;
  position: relative
}
.selectbox:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid #b33362
}
.fmWrap dl textarea {
  border: 0;
  padding: 15px;
  background-color: #fff;
  width: 100%;
  border-radius: 5px;
  height: 300px
}
.fmWrap dl input[type=text] {
  border: 0;
  padding: 15px;
  background-color: #fff;
  width: 100%;
  border-radius: 5px
}
#checkB {
  margin-right: .5vw;
  margin-bottom: .2vw
}
.disabledBtn.on {
  display: none
}
.btnWpinr {
  background-color: #414141;
  padding: 1.5vw;
  margin: 1.5vw 0 0 0
}
.error {
  background: #414141;
  padding: 1.5vw
}
.btnWp2 {
  display: flex;
  align-items: center;
  justify-content: center
}
.linkTx1 {
  text-align: center;
  margin: 3vw auto 0 auto;
  padding: 1vw 5vw;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #acacac
}
.disabledBtn {
  width: 100%;
  height: 80px;
  display: flex;
  outline: 0;
  border: none;
  background-color: #484848;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  margin: auto;
  z-index: 2;
  align-items: center;
  justify-content: center;
  letter-spacing: 0;
  color: #999
}
.btnWp .button {
  display: flex;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  outline: 0;
  border: none;
  color: #fff;
  background-color: #b33362;
  align-items: center;
  justify-content: center
}
.txt04 {
  text-align: center
}
.btnWp {
  position: relative
}
.disabledBtn {
  width: 100%
}
input, select {
  vertical-align: middle
}
.btnWp input[type=button][disabled] {
  background-color: #d6d6d6
}
.wrap-stepperBar {
  width: 100%;
  max-width: 460px;
  margin: 8vw auto 3vw
}
.wrap-stepperBar .stepperBar {
  display: inline-flex;
  position: relative;
  width: 100%;
  justify-content: space-between
}
.wrap-stepperBar .stepperBar:before {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #acacac;
  z-index: -1
}
.wrap-stepperBar .stepper-circle {
  position: relative;
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center
}
.wrap-stepperBar .stepper-circle:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  content: "";
  z-index: -1;
  border: 1px solid #acacac;
  background-color: #333
}
.wrap-stepperBar .stepper-circle.active:before {
  background-color: #b33362;
  border: 1px solid #b33362
}
.wrap-stepperBar .stepper-wp {
  text-align: center
}
.wrap-stepperBar .stepper-num {
  display: block;
  margin-bottom: .4vw
}
.wrap-stepperBar .stepper-title {
  display: block
}
.atn_tx {
  text-align: center;
  color: #fff;
  margin-bottom: 3vw
}
.btnWp .button {
  width: 100%
}
.p-index_price_data_inner {
  margin: auto 5vw
}
.p-index_price_data_wp {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  max-width: 1155px
}
.p-index_price_data_wp .ttl {
  margin-bottom: 1.5vw
}
.p-index_price_data_txt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  max-width: 1155px
}
.p-index_price_data {
  width: 100%;
  border-collapse: collapse;
  letter-spacing: 0;
  margin-bottom: 8vw
}
.p-index_price_data th {
  padding: .5vw .5vw;
  border: 1px solid #838282;
  background-color: #4c4c4c;
  font-weight: 400;
  text-align: center
}
.trB2 {
  background-color: #4c4c4c
}
.p-index_price_data td {
  padding: .5vw .5vw;
  border: 1px solid #838282;
  font-weight: 400;
  text-align: center;
  min-height: 50px
}
.p-index_price_data_wp p {
  padding-bottom: 3vw;
  color: #fff
}
.ic_b1 {
  fill: #b53262
}
.ic_b2 {
  fill: #e2711d
}
.ic_b3 {
  fill: #0f74c3
}
.ic_b4 {
  fill: #595757
}
.ic_b5 {
  fill: #9366A9
}
.p-index_preparation {
  text-align: center;
  color: #fff;
  padding: 8vw 0
}
.case-ic {
  padding: 6px 4.5vw;
  display: inline-block;
  color: #fff;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background-color: #414141;
  margin-bottom: 3vw
}
.case-box {
  display: flex;
  width: 100%
}
.case-box .case-box-left {
  width: 260px;
  overflow: hidden
}
.case-box .case-box-left picture {
  display: block;
  width: 100%;
  overflow: hidden
}
.case-box .case-box-left picture img {
  width: 100%;
  margin-bottom: 3vw
}
.case-box .case-box-right {
  margin-left: 2.5vw;
  flex: 1
}
.case-list {
  margin-bottom: 2.5vw;
  counter-reset: item;
  list-style-type: none
}
.case-list li {
  position: relative;
  margin-bottom: .5vw;
  padding-left: 35px
}
.case-list li:before {
  position: absolute;
  top: 9px;
  left: 0;
  color: #b53262;
  counter-increment: item;
  content: "[ "counter(item) " ]"
}
.case-txt {
  width: 100%;
  display: flex;
  margin-bottom: 1.5vw;
  color: #d8d8d8
}
.p-faq-inner .item .item-q-txt {
  position: relative;
  flex: 1
}
.p-faq-inner .item .ico-q {
  position: relative;
  display: block;
  width: 80px
}
.list-faq .item-q {
  display: flex;
  color: #fff;
  padding: 1.5vw 2.5vw;
  cursor: pointer;
  border-radius: 10px;
  background-color: #2d2d2d;
  margin-bottom: 5px
}
.list-faq .item-a {
  color: #d8d8d8;
  display: none;
  padding: 1.5vw 2.5vw
}
.item-q-txt {
  padding-left: 20px
}
.p-faq-inner .item .item-q-txt:before {
  position: absolute;
  top: -2px;
  left: 0;
  color: #b53262;
  content: 'Q.'
}
.ico-q:after {
  transform: rotate(90deg)
}
.ico-q:before {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 1.25em;
  width: 1px;
  height: .75em;
  background-color: #b53262;
  transition: all .3s
}
.ico-q:after, .ico-q:before {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 8px;
  width: 1px;
  height: .75em;
  background-color: #b53262;
  transition: all .3s
}
.open .ico-q:before {
  transform: rotate(90deg) !important;
  background-color: #d8d8d8
}
.open .ico-q:after {
  background-color: #d8d8d8
}
.flow-title {
  color: #d8d8d8
}
.flow-list li {
  position: relative;
  padding-left: 20px;
  color: #d8d8d8
}
.flow-list li:before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
  color: #d8d8d8
}
.typ3 p {
  color: #fff;
  background: #414141;
  padding: 1vw
}
.page_tx {
  text-align: center
}
.p-index_point_box:nth-child(2) {
  transition-delay: .2s
}
.p-index_point_box:nth-child(3) {
  transition-delay: .4s
}
.p-index_point_box:nth-child(4) {
  transition-delay: .6s
}
#header .hd_inner .mobile-icon {
  width: 70px;
  height: 70px;
  z-index: 12;
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #292929
}
#header .hd_inner .mobile-icon span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 21px;
  height: 1px;
  margin-top: -1px;
  font-size: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
  border-radius: 3px
}
#header .hd_inner .mobile-icon span:before {
  -webkit-transform: translateY(-250%);
  transform: translateY(-250%);
  top: -1px
}
#header .hd_inner .mobile-icon span:after {
  -webkit-transform: translateY(250%);
  transform: translateY(250%);
  bottom: -1px;
  background-color: #fff
}
#header .hd_inner .mobile-icon span:before {
  background-color: #fff
}
#header .hd_inner .mobile-icon span:after, #header .hd_inner .mobile-icon span:before {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
  border-radius: 3px
}
.open .gnav-wrap {
  width: 100%;
  opacity: 1;
  display: flex;
  animation-duration: .5s;
  animation-name: fade-in;
  overflow: scroll;
  background-color: #fff
}
.open .gnav-wrap .inner-wrap {
  width: 80%;
  margin-right: auto;
  margin-left: auto
}
.open .gnav-wrap .inner-wrap .gnav-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 5vw 0
}
.open .gnav-wrap .inner-wrap .gnav-listWp {
  width: 70%;
  display: flex;
  justify-content: space-between
}
.open .gnav-wrap .inner-wrap .gnav-listWp ul {
  width: 50%
}
.open .gnav-wrap .inner-wrap .gnav-listWp ul li {
  margin-bottom: 1vw
}
.open .gnav-wrap .gnav-sub-listWp {
  width: 30%
}
.open .gnav-wrap .gnav-sub-listWp ul {
  padding-bottom: 1.3vw
}
.open .gnav-wrap .gnav-sub-listWp ul li {
  margin-bottom: .2vw
}
#header .hd_inner .gnav-sub-listWp .download a {
  padding: 22px 37px 22px 37px
}
#header .gnav-content .item a .nu:before {
  background-color: #333
}
#header .hd_inner .mobile-icon.active {
  border: 1px solid #b53262;
  background-color: #b53262
}
#header .hd_inner .mobile-icon.active span:after {
  background-color: #fff
}
#header .hd_inner .mobile-icon.active span:before {
  background-color: #fff;
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
  top: 0
}
#header .hd_inner .mobile-icon.active span:after {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
  bottom: 0
}
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0
  }
  1% {
    display: block;
    opacity: 0
  }
  100% {
    display: block;
    opacity: 1
  }
}
.gnav-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  align-items: center;
  justify-content: center;
  color: #333;
  display: none;
  opacity: 0
}
.gnav-wrap:before {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  background: #fff
}
.mobile-icon {
  display: none;
  display: none
}
#header .hd_inner .mobile-icon.active {
  display: block
}
a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: unset
}
@media only screen and (max-width:1200px) {
  #header .gnav-wrap .download a .arw {
    top: -2px
  }
  #header .gnav-wrap .download a .nu {
    width: 100%;
    display: block
  }
  .mobile-icon {
    display: block
  }
  #menu {
    display: none
  }
  #header .hd_inner .mobile-icon {
    top: 20px;
    right: 244px;
    background-color: unset;
    position: absolute
  }
  #header .hd_inner .mobile-icon.active {
    border: 1px solid #b53262;
    background-color: #b53262;
    top: 0;
    right: 0;
    position: fixed
  }
}
@media only screen and (max-width:767px) {
  a[href*="tel:"] {
    pointer-events: auto;
    cursor: default;
    text-decoration: none;
    color: #e2711d
  }
  #header .hd_inner .mobile-icon {
    top: 0;
    right: 0;
    background-color: #292929;
    position: fixed
  }
  #header .hd_inner .dw_btn, #menu {
    display: none
  }
  .mobile-icon {
    display: block
  }
  #menu {
    display: none
  }
  .wrap {
    display: block;
    overflow: hidden
  }
  .p-index_main #movie {
    display: none
  }
  .p-index_main .left, .p-index_main .right {
    width: 100%
  }
  .footer-top {
    margin: 5vw 5vw 0 5vw
  }
  .footer-top ul li {
    width: 50%;
    margin-bottom: 5vw
  }
  .footer-top ul:before {
    display: none
  }
  .footer-top ul li:nth-child(odd):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #5f5f5f;
    opacity: .5
  }
  .footer-bottom {
    display: block;
    padding: 9vw 5vw
  }
  .footer-bottom .footer-bottom-right .main-menu {
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    margin: 4vw auto 0;
    padding: 0 0 6vw 0
  }
  .footer-bottom .footer-bottom-right .main-menu:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #5f5f5f;
    opacity: .5
  }
  .footer-bottom .footer-bottom-right .main-menu li {
    margin-left: 0;
    width: 50%
  }
  .footer-bottom .footer-bottom-right .sub-menu {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
    padding: 6vw 0 0 0
  }
  .footer-bottom .footer-bottom-right .sub-menu li {
    margin-left: 0;
    width: 100%
  }
  .footer-bottom .footer-bottom-left .ft-logo {
    width: 140px
  }
  .p-index_download-area {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    padding: 0
  }
  .p-index_download-area .p-index_download-area-l, .p-index_download-area .p-index_download-area-r, .p-index_download-area::before {
    width: 100%
  }
  .p-index_point__block {
    display: block
  }
  .p-index_point .p-index_point_box {
    width: 100%;
    display: block;
    margin: 0
  }
  .top_title-inner {
    overflow: hidden
  }
  #header .hd_inner .logo {
    margin: 9px 0 0 5vw;
    width: 70%
  }
  #header .logo .logoLink {
    display: inline-block;
    margin-bottom: 0;
    width: 140px
  }
  .open .gnav-wrap .inner-wrap .gnav-content {
    display: block
  }
  .open .gnav-wrap .inner-wrap .gnav-listWp {
    width: 100%
  }
  .open .gnav-wrap .gnav-sub-listWp {
    width: 100%
  }
  #header .logo .pwd {
    line-height: 1.5
  }
  .open .gnav-wrap .gnav-sub-listWp ul {
    padding: 5vw 0 8vw
  }
  .brn {
    display: none
  }
  .btn {
    width: 100%;
    padding: 2.5vw 0
  }
  .btn span {
    text-align: center
  }
  .catch h2 {
    padding-bottom: 5vw
  }
  .catch p {
    padding-bottom: 7vw
  }
  .btn:before {
    right: 5vw
  }
  .catch {
    padding: 0 6vw
  }
  .zs-enabled .zs-slideshow .zs-bullets {
    right: 3vw
  }
  .right .news dl {
    padding: 3vw 5vw 4vw 5vw
  }
  .mvWp {
    width: 30%
  }
  a .mvWp .p-index_point_l {
    width: 100%
  }
  .p-index_point h2 {
    margin: 2vw 0 2vw
  }
  .p-index_point p {
    padding-bottom: 5vw
  }
  .p-index_point .tx {
    padding-bottom: 0
  }
  #header .hd_inner .gnav-sub-listWp .download a {
    width: 100%
  }
  #header .hd_inner .download a .nu {
    width: 100%;
    display: block
  }
  #header .hd_inner .download a .arw {
    top: -3px
  }
  .p-index_download-area .p-index_download-area-r .inner {
    padding: 10vw 0
  }
  .p-index_download-area .p-index_download-area-r h2 {
    padding: 5vw 0 3vw
  }
  .p-index_download-area .p-index_download-area-r p {
    padding-bottom: 5vw
  }
  .zs-bullets {
    display: none
  }
  .p-ch-header {
    min-height: 270px
  }
  .p-index_products .p-index_products-main {
    display: block
  }
  .p-index_products .p-index_products-main-left {
    width: 100%
  }
  .p-index_products .p-index_products-main-right {
    width: 100%
  }
  .p-index_products .p-index_products-main-right .inner {
    padding-left: 0
  }
  .p-index_products .p-index_products-main-right h2 {
    padding-bottom: 2vw
  }
  .p-index_products .p-index_products-main-right h3 {
    padding-bottom: 3vw
  }
  .p-index_products .p-index_products-main-right p {
    padding-bottom: 5vw
  }
  .p-index_products .p-index_products-main-right .spec {
    width: 100%
  }
  .p-index_problems__block .inner {
    display: block;
    padding: 8vw 0 0
  }
  .p-index_problems__block .inner .box {
    width: 100%;
    margin-bottom: 7vw;
    justify-content: space-between
  }
  .p-index_products .p-index_products-main-left .p-index_products-main-photo {
    padding-bottom: 5vw
  }
  .p-index_problems__block .inner .photo {
    overflow: hidden;
    width: 95px;
    height: 95px;
    border-radius: 45rem
  }
  .balloon .ic {
    top: -5vw
  }
  .p-index_problems__block .inner .left {
    flex: 1
  }
  .p-index_problems__block .inner .right {
    width: 95px
  }
  .p-index_problems__block .inner .balloon {
    margin: 0 6vw 0 0;
    padding: 6vw 2.5vw 0 2.5vw
  }
  .p-index-Ul-wrap {
    display: block;
    margin: 3vw 0 5vw
  }
  .p-index-Ul-left {
    width: 100%
  }
  .p-index-Ul-right {
    width: 100%;
    margin-top: 2vw
  }
  .p-index-Ul-left ul li {
    padding-left: 27px;
    margin-bottom: 1vw
  }
  .p-index-Ul-left ul li a .nu:before {
    bottom: -3px
  }
  .p-index-Ul-left ul li:before {
    top: -3px
  }
  .p-index-Ul-right .p-index-Ul-box {
    margin: 0 5vw 0 5vw;
    padding: 0
  }
  .p-index-Ul-right .p-index-Ul-box .p-index-movie {
    background-color: unset;
    padding: 0;
    margin-bottom: 10vw
  }
  .p-index-Ul-right .p-index-Ul-box .p-index-movie ul li {
    width: 48%
  }
  .p-index-Ul-right h2 {
    margin-bottom: 5vw;
    padding: 0 0 3vw 25px
  }
  .p-index-Ul-right .p-index-Ul-box p {
    margin-bottom: 0;
    padding-bottom: 5vw
  }
  .p-index-Ul-right h2:before {
    top: 5px
  }
  .p-index-Ul-right h3 {
    padding: 0 0 0 35px;
    position: relative;
    margin-bottom: 3vw
  }
  .p-index-Ul-right h3:before {
    top: 2px
  }
  .case-box {
    display: block;
    width: 100%
  }
  .case-box .case-box-left {
    width: 100%
  }
  .case-list li {
    margin-bottom: 3vw;
    padding-left: 30px
  }
  .case-list li:before {
    top: 5px
  }
  .list-faq .item-a {
    color: #d8d8d8;
    display: none;
    padding: 5vw 0
  }
  .list-faq .item-q {
    padding: 2vw 2.5vw 3vw
  }
  .flow-list, .p-faq-inner {
    padding-bottom: 5vw
  }
  .p-index_price_data_wp p {
    padding-bottom: 5vw
  }
  .p-index_price_data_wp .ttl {
    margin-bottom: 3vw
  }
  .p-index_price_data td {
    padding: .5vw;
    min-height: auto
  }
  .p-index_price_data th {
    padding: 0
  }
  .p-index_price_data .ic {
    margin: .5vw
  }
  .p-index_price_inner .p-index_price_wp {
    display: block
  }
  .p-index_price_inner .p-index_price_box {
    width: 100%;
    margin-bottom: 5vw
  }
  .p-index_price_inner h2 .tl {
    padding-left: 1vw
  }
  .p-index_price_box .ic {
    padding: 1.5px 6px
  }
  .p-index_price_inner h2 {
    padding: 3vw 1.5vw
  }
  .p-index_price_inner p {
    padding: 5vw 1.5vw 1vw 1.5vw
  }
  .p-index_price_inner .monthly {
    display: block;
    padding: 0 1.5vw 5vw 1.5vw
  }
  .p-index_price_inner .submitBtn {
    padding: 2.5vw 5vw
  }
  .p-index_price_inner .submitBtn:before {
    right: 5vw
  }
	
  .wrap-stepperBar {
    margin: 12vw auto 8vw;
    width: 85%
  }
  .wrap-stepperBar .stepper-circle {
    width: 80px;
    height: 80px
  }
  .wrap-stepperBar .stepper-circle:before {
    width: 80px;
    height: 80px
  }
  .wrap-stepperBar .stepper-num {
    margin-bottom: 1vw
  }
  .atn_tx {
    margin-bottom: 8vw
  }
}
.faq .mod-toggle dt {
  position: relative;
  padding-left: 9rem;
  background-color: #fff;
  font-size: 2rem;
  line-height: 1.5;
  vertical-align: middle;
  position: relative
}
.faq .mod-toggle dt:before {
  content: 'Q';
  margin-right: 2rem;
  color: #c41e62;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 1.5rem;
  left: 3rem;
  border-radius: 50%;
  line-height: 40px;
  text-indent: 0;
  font-size: 4rem;
  font-family: 'Work Sans', sans-serif;
  font-style: italic
}
.faq .mod-toggle dd {
  position: relative;
  padding-left: 9rem;
  padding-right: 4rem;
  padding-bottom: 2rem;
  font-size: 1.6rem;
  line-height: 1.75;
  position: relative;
  letter-spacing: -.2px
}
.faq .mod-toggle dd:before {
  content: 'A';
  margin-right: 2rem;
  color: #272727;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  text-indent: 0;
  font-size: 4rem;
  font-weight: 700;
  font-family: 'Work Sans', sans-serif;
  font-style: italic;
  position: absolute;
  left: 3.5rem
}
@media (max-width:767px) {
  .faq .mod-toggle dt {
    padding-left: 6rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 6rem;
    font-size: 1.6rem
  }
  .faq .mod-toggle dt::before {
    font-size: 2.5rem;
    left: 2.5rem;
    top: .5rem
  }
  .faq .mod-toggle dd {
    padding-left: 6rem;
    font-size: 1.4rem
  }
  .faq .mod-toggle dd::before {
    font-size: 2.5rem;
    left: 2.5rem;
    top: .5rem
  }
}
.mod-toggle, .mod-toggle-none {
  margin-bottom: 3rem;
  background-color: #fff
}
.mod-toggle {
  box-shadow: 0 0 30px #f2f2f24d
}
.mod-toggle dt {
  padding: 2rem 6rem 2rem 2rem;
  position: relative;
  font-weight: 700;
  box-shadow: 0 0 30px #f2f2f24d
}
.mod-toggle-none dt {
  padding: 3rem 6rem 3rem 2rem;
  font-weight: 700
}
.mod-toggle dd {
  padding: 1rem 0;
  margin-top: 10px;
  background: #fff;
  display: none
}
.mod-toggle dt span::after, .mod-toggle dt span::before {
  content: '';
  display: block;
  width: 14px;
  height: 2px;
  border-radius: 5px;
  background: #999;
  position: absolute;
  right: 4rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg)
}
.mod-toggle dt span::after {
  transform: translateY(-50%) rotate(-45deg);
  transition: .5s;
  right: 3rem
}
.mod-toggle dt.open span::before {
  transform: translateY(-50%) rotate(135deg);
  transition: .5s;
  right: 4rem
}
.mod-toggle dt.open span::after {
  transform: translateY(-50%) rotate(-135deg);
  transition: .5s;
  right: 3rem
}
.mod-toggle dt.open {
  box-shadow: none
}
.mod-toggle dd a {
  text-decoration: underline;
  color: #dab48f
}
.p-index-news-inner {
  margin: 8vw 5vw 8vw 5vw;
}
.p-index-news-wp {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
  max-width: 1155px;
}
.p-index-news-inner .p-index-news-box {
    width: 40%;
    display: inline-block;
}
.p-index-news-inner .p-index-news-box a, .p-index-news-inner .p-index-news-box .no {
    display: inline-block;
    text-align: left;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
}
.p-index-news-inner.p-index-news-box.inr {
  background-color: #414141;
}
.p-index-news-inner .p-index-news-box a:hover .inr {
  background-color: #494949
}
.p-index-news-inner a:hover h2 {
  background-color: #494949
}
.p-index-news-inner .p-index-news-box .p-index-news-block {
  position: relative
}
.p-index-news-inner .p-index-news-box .no .inr {
  opacity: .2;
}
.p-index-news-inner h2 {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1.5vw 1.5vw;
  text-align: center;
  justify-content: center;
  border-bottom: 1px solid #5a5a5a;
  background-color: #414141;
}
.p-index-news-inner h2 .tl {
  padding-left: .5vw;
}
.p-index-news-inner p {
  padding: 1.5vw 1.5vw 2vw 1.5vw;
  background-color: #414141;
}
.p-index-news-inner .submitBtn {
  position: relative;
  background-color: #585858;
  text-align: center;
  display: block;
  padding: 1vw 1vw;
}
.submitBtn, a:hover .btn_scNews {
  background: #b53262;
}
.submitBtn, a:hover .btn_update {
  background: #b53262;
}
.p-index-news-inner a:hover.submitBtn {
  transition: all .15s ease-in 0s
}
.p-index-news-inner .submitBtn {
  position: relative
}
.p-index-news-inner.submitBtn:before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  top: 50%;
  right: 1.5vw;
  z-index: 2;
  margin-top: -2px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg)
}
.p-index-news-inner p {
  padding: 2vw 1.5vw 2vw 1.5vw
}
.newsMenu {
  width: 70%;
  display: block;
  position: sticky;
  margin: 2vw 2vw 2vw 2vw;
  padding: 1vw 1vw;
  text-align: center;
  background: #585858;
  border-radius: 10px
}
.latestVer {
  display: inline-block;
  position: relative;
  margin: 0vw 5vw;
  padding: 0.5vw 1.8vw;
  text-align: left;
  background: #585858;
  border-radius: 10px
}
.latestVer .col {
  display: inline-block;
  width: 10.5em;
}
.p-index-feature-inner {
    margin-top: 0vw;
    margin-right: 0vw;
    margin-left: 0vw;
    margin-bottom: 3vw;
}
.p-index-feature-wp {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
}
.p-index-feature-inner .p-index-feature-wp .p-index-feature-box {
  width: 100%
}
.p-index-feature-inner .p-index-feature-wp .p-index-feature-box a, .p-index-feature-inner .no {
  display: block;
  text-align: left;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
}
.p-index-feature-inner.p-index-feature-box.inr {
  background-color: #414141;
}
.p-index-feature-inner .p-index-feature-box a:hover .inr {
  background-color: #494949
}
.p-index-feature-inner a:hover h2 {
  background-color: #494949
}
.p-index-feature-inner .p-index-feature-wp .p-index-feature-box .p-index-feature-block {
  position: relative
}
.p-index-feature-inner .p-index-feature-box .no .inr {
  opacity: .2;
}
.p-index-feature-inner h2 {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1.5vw 1.5vw;
  text-align: center;
  justify-content: center;
  border-bottom: 1px solid #5a5a5a;
  background-color: #414141;
}
.p-index-feature-inner h2 .tl {
  padding-left: .5vw;
}
.p-index-feature-inner p {
  padding: 1.5vw 1.5vw 2vw 1.5vw;
  background-color: #414141;
}
.p-index-feature-inner .submitBtn {
    position: relative;
    background-color: #494949;
    text-align: center;
    display: block;
    padding-top: 1vw;
    padding-right: 1vw;
    padding-left: 1vw;
    padding-bottom: 1vw;
}
.submitBtn, a:hover .btn_featureInfo {
  background: #b53262;
}
.p-index-feature-inner a:hover.submitBtn {
  transition: all .15s ease-in 0s
}
.p-index-feature-inner .submitBtn {
  position: relative
}
.p-index-feature-inner.submitBtn:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 1.5vw;
    z-index: 2;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}
.p-index-feature-inner p {
  padding: 2vw 1.5vw 2vw 1.5vw;
}

.p-index-featureTopic-inner {
    margin-top: 5vw;
    margin-right: 8vw;
    margin-left: 8vw;
    margin-bottom: 5vw;
}

.p-index-feautureTopic-box{
	margin-top: 2vw;
	margin-bottom: 2vw;
}
.p-index-feautureTopic-flow{
	margin-top: 5vw;
	margin-left: 5vw;
	margin-right: 5vw;
}

.p-index-feautureTopic-flow .p-index-img {
    background-color: #2d2d2d;
    padding: 2.5vw 2.5vw .5vw 2.5vw;
    margin-bottom: 3vw;
    border-radius: 10px;
    display: block;
}
.p-index-feautureTopic-flow .p-index-img p {
  margin-bottom: 1.5vw
}
.p-index-feautureTopic-flow .p-index-img ul {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap
}
.p-index-feautureTopic-flow .p-index-img ul:after {
  content: "";
  display: block;
  width: 30%
}
.p-index-feautureTopic-flow .p-index-img ul li {
	width: 40%;
	display:inline-block;
}
.p-index-feautureTopic-flow .p-index-img ul li .inner .img {
  width: 100%
}
.p-index-feautureTopic-flow .p-index-img ul li .inner .img iframe {
  width: 100%
}
.p-index-feautureTopic-flow .p-index-img ul li .inner .inner-video{
  object-fit:none;
}
.p-index-feautureTopic-flow .p-index-img ul li .inner .inner-video video{
  object-fit:none;
}

.p-index-featureTopic-inner h2 {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1.5vw 1.5vw;
  text-align: center;
  justify-content: center;
  border-bottom: 1px solid #5a5a5a;
}
.p-index-featureTopic-inner h2 .tl {
  padding-left: .5vw;
}
.p-index-featureTopic-inner p {
  padding: 1.5vw 1.5vw 2vw 1.5vw;
text-align: center;
}

.p-index-feautureTopic-flow p {
  padding: 0vw 1.5vw;
	text-align: left
}

.p-index-featureTopic-inner h3 {
  padding: 0 0 0 40px;
  position: relative;
  margin-bottom: 1.5vw
}
.p-index-featureTopic-inner h3:before {
  position: absolute;
  top: 10px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  width: 26px;
  height: 26px;
  border-radius: 26px;
  background-color: #414141
}

.p-index-featureTopic-inner h3.p-index-h3-num1:before {
  content: '1'
}
.p-index-featureTopic-inner h3.p-index-h3-num2:before {
  content: '2'
}
.p-index-featureTopic-inner h3.p-index-h3-num3:before {
  content: '3'
}
.p-index-featureTopic-inner h3.p-index-h3-num4:before {
  content: '4'
}
.p-index-featureTopic-inner h3.p-index-h3-num5:before {
  content: '5'
}
.p-index-featureTopic-inner h3.p-index-h3-num6:before {
  content: '6'
}
.p-index-featureTopic-inner h3.p-index-h3-num7:before {
  content: '7'
}
.p-index-featureTopic-inner h3.p-index-h3-num8:before {
  content: '8'
}
.p-index-featureTopic-inner h3.p-index-h3-num9:before {
  content: '9'
}
.p-index-featureTopic-inner h3.p-index-h3-num10:before {
  content: '10'
}

.p-index-featureTopic-data-wp .ttl {
  margin-bottom: 1.5vw
}
.p-index-featureTopic-data-txt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  max-width: 1155px
}
.p-index-featureTopic-data {
    width: 60%;
    border-collapse: collapse;
    letter-spacing: 0;
    margin-bottom: 3vw;
    margin-left: auto;
    margin-right: auto
}
.p-index-featureTopic-data th {
  padding: .5vw .5vw;
  border: 1px solid #838282;
  background-color: #4c4c4c;
  font-weight: 400;
  text-align: center
}
.p-index-featureTopic-data td {
  padding: .5vw .5vw;
  border: 1px solid #838282;
  font-weight: 400;
  text-align: center;
  min-height: 50px
}
.p-index-featureTopic-data-wp p {
  padding-bottom: 3vw;
  color: #fff
}

.pop-img{
	width:100%;
	height:auto;
}
.pop-img:hover{
	cursor: pointer;
}

.popup {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.3s, transform 0s 0.3s;
}
.popup__btn {
  display: block;
  z-index: 13;
  position: absolute;
  top: 1vh;
  right: 1vh;
  width: 5vh;
  height: 5vh;
  cursor: pointer;
}
.popup__btn::before,
.popup__btn::after {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background-color: #fff;
  content: '';
}
.popup__btn::before {
  transform: rotate(45deg);
}
.popup__btn::after {
  transform: rotate(-45deg);
}
.popup__btnarea {
  z-index: 12;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup__img {
  z-index: 11;
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
}
.popup__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"]:checked ~ .popup {
  transform: scale(1);
  opacity: 1;
  transition: opacity 0.3s;
}

@media only screen and (max-width:767px) {
.p-index-news-wp {
  display:flex;
  flex-flow: column;
  max-width: 350px;
}
.p-index-news-inner .p-index-news-wp .p-index-news-box{
    width: 100%;
    margin-bottom: 5vw;
	display: flex;
    justify-content:center;
  }
  .p-index-news-inner h2 .tl {
    padding-left: 1vw
  }
  .p-index-news-box .ic {
    padding: 1.5px 6px
  }
  .p-index-news-inner h2 {
    padding: 3vw 1.5vw
  }
 .p-index-news-inner .p-index-news-wp .p-index-news-box p {
    padding-top: 5vw;
    padding-right: 3vw;
    padding-left: 3vw;
    padding-bottom: 5vw;
  }
  .p-index-news-inner .monthly {
    display: block;
    padding: 0vw 1.5vw 5vw 1.5vw
  }
  .p-index-news-inner .submitBtn {
    padding: 2.5vw 5vw
  }
  .p-index-news-inner .submitBtn:before {
    right: 5vw
  }
  .p-index-featureTopic-data {
    width: 90%;
    border-collapse: collapse;
    letter-spacing: 0;
    margin-bottom: 3vw;
    margin-left: auto;
    margin-right: auto
  }
	
.p-index-feautureTopic-flow .p-index-img {
    background-color: #2d2d2d;
    padding: 2.5vw 2.5vw .5vw 2.5vw;
    margin-bottom: 3vw;
    border-radius: 10px;
    display: block;
}
.p-index-feautureTopic-flow .p-index-img p {
  margin-bottom: 1.5vw
}
.p-index-feautureTopic-flow .p-index-img ul {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap
}
.p-index-feautureTopic-flow .p-index-img ul:after {
  content: "";
  display: block;
  width: 30%
}
.p-index-feautureTopic-flow .p-index-img ul li {
	width: 40%;
	display:block;
}
.p-index-feautureTopic-flow .p-index-img ul li .inner .img {
  width: 100%
}
.p-index-feautureTopic-flow .p-index-img ul li .inner .img iframe {
  width: 100%
}
}
w .p-index-img ul li .inner .img iframe {
  width: 100%
}
}