@charset "UTF-8";
.sp-only {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .sp-only {
    display: inline-block;
  }
}

/* ==========================================================================
   components
   ========================================================================== */
.c-mv {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding-bottom: 7.07%;
}

@media only screen and (max-width: 1024px) {
  .c-mv {
    padding-bottom: 2.66667vw;
  }
}
.c-slideWrap {
  margin-bottom: 7.5%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 1024px) {
  .c-slideWrap {
    margin-bottom: 14.66667vw;
  }
}
.c-pointContainer {
  padding-bottom: 10%;
}

@media only screen and (max-width: 1024px) {
  .c-pointContainer {
    padding-bottom: 16vw;
  }
}
.c-pointContainer-btn {
  text-align: center;
}

.c-pointContainer-movie {
  width: 83.33%;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
  .c-pointContainer-movie {
    width: 100%;
  }
}
.c-techContainer {
  padding-bottom: 10%;
}

@media only screen and (max-width: 1024px) {
  .c-techContainer {
    padding-bottom: 16.13333vw;
  }
}
.c-instaContainer {
  padding-bottom: 10%;
}

@media only screen and (max-width: 1024px) {
  .c-instaContainer {
    padding-bottom: 16.4vw;
  }
}
.c-instaContainer-btn {
  text-align: center;
}

.c-snslinkContainer {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding-bottom: 8.43%;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .c-snslinkContainer {
    padding-bottom: 16.13333vw;
  }
}
.c-navTopContainer-btn {
  text-align: center;
  margin-bottom: 2.8571428571vw;
}

.c-itemContainer {
  background-color: #f6f5f5;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding-top: 5%;
  padding-bottom: 5.36%;
}

@media only screen and (max-width: 1024px) {
  .c-itemContainer {
    padding-top: 10.13333vw;
    padding-bottom: 12vw;
  }
}
.c-itemContainer-txtWrap {
  text-align: center;
}

.c-itemContainer-txt {
  display: inline-block;
  text-align: left;
  font-size: 1.7rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  line-height: 1.8;
}

@media only screen and (max-width: 1024px) {
  .c-itemContainer-txt {
    width: 94.67%;
    font-size: 2.53333vw;
  }
}
.c-itemContainer-note {
  display: block;
  font-size: 1.3rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  padding-top: 1%;
}

@media only screen and (max-width: 1024px) {
  .c-itemContainer-note {
    font-size: 2.26667vw;
    padding-top: 3.73333vw;
  }
}
/* ==========================================================================
   modules
   ========================================================================== */
/* slideList---------------------------------------------------------------------------------------*/
.m-slideList {
  position: relative;
  display: inline-block;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .m-slideList {
    display: block;
  }
}
.m-slideList-item {
  position: absolute;
  width: 50%;
}

@media only screen and (max-width: 1024px) {
  .m-slideList-item {
    width: 100%;
  }
}
.m-slideList-item.-txt {
  left: 0;
  -webkit-transition: background-color 1.5s;
  transition: background-color 1.5s;
  background: url("/brand/promaster-applie/images/txt-slide-bk.png"), #a7acc2;
  background-repeat: no-repeat, no-repeat;
  background-size: 77% auto;
  background-position: 39.13% 67.43%, 0 0;
}

@media only screen and (max-width: 1024px) {
  .m-slideList-item.-txt {
    background-size: 77.32% auto;
    background-position: 27.61% 66.16%, 0 0;
  }
}
.m-slideList-item.-model {
  left: 50%;
}

@media only screen and (max-width: 1024px) {
  .m-slideList-item.-model {
    left: 0;
    overflow: hidden;
  }
}
.m-slide-txt {
  position: absolute;
  bottom: 5.67%;
  right: 6.67%;
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
}

.m-slide-txt.-blue {
  width: 17.33%;
}

@media only screen and (max-width: 1024px) {
  .m-slide-txt.-blue {
    width: 19.01%;
  }
}
.m-slide-txt.-mono {
  width: 19.17%;
}

@media only screen and (max-width: 1024px) {
  .m-slide-txt.-mono {
    width: 19.01%;
  }
}
.m-slide-txt.-brown {
  width: 22.17%;
}

@media only screen and (max-width: 1024px) {
  .m-slide-txt.-brown {
    width: 22.82%;
  }
}
.m-slide-txt.-active {
  opacity: 1;
}

.m-slide-model {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.m-slide-model.-active {
  opacity: 1;
}

/* lead---------------------------------------------------------------------------------------*/
.m-lead {
  text-align: center;
  padding-bottom: 5%;
}

@media only screen and (max-width: 1024px) {
  .m-lead {
    padding-bottom: 10.53333vw;
  }
}
.m-lead-ttl {
  font-size: 4.6rem;
  padding-bottom: 1.08%;
  letter-spacing: 2px;
}

@media only screen and (max-width: 1024px) {
  .m-lead-ttl {
    font-size: 6.93333vw;
    line-height: 1.39;
    letter-spacing: 0.04em;
  }
}
.m-lead-smTtl {
  font-size: 2.3rem;
}

@media only screen and (max-width: 1024px) {
  .m-lead-smTtl {
    font-size: 3.33333vw;
  }
}
.m-lead-note {
  font-size: 1.3rem;
}

@media only screen and (max-width: 1024px) {
  .m-lead-note {
    font-size: 2.53333vw;
  }
}
.m-lead-txt {
  font-size: 1.7rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

@media only screen and (max-width: 1024px) {
  .m-lead-txt {
    font-size: 3.06667vw;
  }
}
/* point---------------------------------------------------------------------------------------*/
.m-point {
  padding-bottom: 11.08%;
}

@media only screen and (max-width: 1024px) {
  .m-point {
    padding-bottom: 19.06667vw;
  }
}
.m-point-icon {
  display: block;
  width: 56px;
  margin: 0 auto;
  padding-bottom: 2%;
}

@media only screen and (max-width: 1024px) {
  .m-point-icon {
    width: 9.15%;
    padding-bottom: 5.2vw;
  }
}
.m-point-ttl {
  font-size: 2.9rem;
  text-align: center;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 30px;
  letter-spacing: 5px;
}

@media only screen and (max-width: 1024px) {
  .m-point-ttl {
    font-size: 4.66667vw;
    letter-spacing: 0.04em;
    padding-bottom: 4vw;
    margin-bottom: 5.2vw;
  }
}
.m-point-ttl:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  border-top: 1px solid #999999;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 1024px) {
  .m-point-ttl:before {
    width: 4.92%;
  }
}
.m-point-lead {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.7rem;
  line-height: 1.875;
  text-align: center;
  padding-bottom: 50px;
}

@media only screen and (max-width: 1024px) {
  .m-point-lead {
    font-size: 3.06667vw;
    line-height: 1.64;
    padding-bottom: 8vw;
  }
}
.m-point-info {
  font-size: 2.2rem;
  line-height: 1.18;
  text-align: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
  .m-point-info {
    font-size: 4vw;
    margin-bottom: 3.6vw;
  }
}
/* pointBox---------------------------------------------------------------------------------------*/
.m-pointBox {
  border-bottom: 1px solid #999999;
  position: relative;
}

.m-pointBox.-active {
  border-top: 1px solid #999999;
}

.m-pointBox-inner {
  width: 91.17%;
  padding-top: 40px;
  max-width: 1094px;
  margin: 0 auto;
  display: none;
}

@media only screen and (max-width: 1024px) {
  .m-pointBox-inner {
    width: 100%;
  }
}
.m-pointBox-inner.-point3 {
  width: 83.33%;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 4.4%;
}

@media only screen and (max-width: 1024px) {
  .m-pointBox-inner.-point3 {
    width: 89.01%;
    padding-bottom: 10.13333vw;
  }
}
.m-pointBox-icon {
  position: absolute;
  width: 118px;
  height: 47px;
  bottom: -48px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (min-width: 1025px) {
  .m-pointBox-icon {
    -webkit-transition: 0.14s;
    transition: 0.14s;
  }

  .m-pointBox-icon:hover {
    opacity: 0.76;
  }
}
@media only screen and (max-width: 1024px) {
  .m-pointBox-icon {
    width: 26.4%;
  }
}
.m-pointBox-picTtl {
  font-size: 2.3rem;
  line-height: 1;
  letter-spacing: 3px;
  font-weight: bold;
}

@media only screen and (max-width: 1024px) {
  .m-pointBox-picTtl {
    font-size: 3.46667vw;
    letter-spacing: 0.04em;
  }
}
.m-pointBox-note {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.3rem;
  text-align: right;
}

@media only screen and (max-width: 1024px) {
  .m-pointBox-note {
    font-size: 2.53333vw;
  }
}
/* movie---------------------------------------------------------------------------------------*/
.m-movie {
  width: 100%;
  border: 0;
}

/* pointColor---------------------------------------------------------------------------------------*/
.m-pointColor {
  width: 91.4%;
  margin: 0 auto;
  padding-bottom: 8%;
}

@media only screen and (max-width: 1024px) {
  .m-pointColor {
    padding-bottom: 10.13333vw;
  }
}
.m-pointColor.-point2 {
  width: 95.7%;
  padding-bottom: 2.5%;
}

@media only screen and (max-width: 1024px) {
  .m-pointColor.-point2 {
    width: 94.78%;
    margin: 0 auto;
    padding-bottom: 8.45%;
  }
}
.m-pointColor-img {
  padding-bottom: 5.8%;
}

@media only screen and (max-width: 1024px) {
  .m-pointColor-img {
    padding-bottom: 2.82%;
  }
}
.m-pointColor-img.-point2 {
  padding-bottom: 0.1%;
}

@media only screen and (max-width: 1024px) {
  .m-pointColor-img.-point2 {
    padding-bottom: 4.23%;
  }
}
.m-pointColor-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media only screen and (max-width: 1024px) {
  .m-pointColor-note {
    display: block;
  }
}
.m-pointColor-meranin {
  width: 400px;
  margin-right: 25px;
  display: block;
}

@media only screen and (max-width: 1024px) {
  .m-pointColor-meranin {
    width: 94.79%;
    margin-right: 0;
    padding-bottom: 4.23%;
  }
}
.m-pointColor-txt {
  font-size: 1.3rem;
  display: block;
  text-align: right;
}

@media only screen and (max-width: 1024px) {
  .m-pointColor-txt {
    font-size: 2.53333vw;
  }
}
/* pointPicList---------------------------------------------------------------------------------------*/
.m-pointPicList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 5.3%;
}

@media only screen and (max-width: 1024px) {
  .m-pointPicList {
    display: block;
    padding-bottom: 11.08%;
  }
}
.m-pointPicList-sentence {
  width: 42%;
}

@media only screen and (max-width: 1024px) {
  .m-pointPicList-sentence {
    width: 100%;
  }
}
.m-pointPicList-txt {
  font-size: 1.6rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  padding-top: 3.6%;
  line-height: 2;
  padding-bottom: 2.2%;
  letter-spacing: 3.5px;
}

@media only screen and (max-width: 1024px) {
  .m-pointPicList-txt {
    font-size: 2.8vw;
    letter-spacing: 0.04rem;
    line-height: 1.2;
    padding-top: 4vw;
    padding-bottom: 1.73333vw;
  }
}
.m-pointPicList-note {
  font-size: 1.2rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

@media only screen and (max-width: 1024px) {
  .m-pointPicList-note {
    display: block;
    font-size: 2.66667vw;
    padding-bottom: 6vw;
  }
}
.m-pointPicList-img {
  width: 47.5%;
}

@media only screen and (max-width: 1024px) {
  .m-pointPicList-img {
    width: 100%;
  }
}
/* pointComp---------------------------------------------------------------------------------------*/
.m-pointComp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 3.5%;
}

@media only screen and (max-width: 1024px) {
  .m-pointComp {
    display: block;
    padding-bottom: 10.4vw;
  }
}
.m-pointComp.-last {
  padding-bottom: 2.6%;
}

@media only screen and (max-width: 1024px) {
  .m-pointComp.-last {
    padding-bottom: 2.66667vw;
  }
}
.m-pointComp-ttl {
  width: 10%;
  min-width: 80px;
  font-size: 2.1rem;
  padding-top: 4.6%;
}

@media only screen and (max-width: 1024px) {
  .m-pointComp-ttl {
    width: 100%;
    text-align: center;
    padding-top: 3.33333vw;
    padding-bottom: 3.33333vw;
    font-size: 3.6vw;
  }
}
.m-pointComp-item {
  width: 28%;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

@media only screen and (max-width: 1024px) {
  .m-pointComp-item {
    width: 100%;
    padding-bottom: 3.33333vw;
  }
}
@media only screen and (max-width: 1024px) {
  .m-pointComp-item:last-child {
    padding-bottom: 0;
  }
}
.m-pointComp-img {
  padding-bottom: 1.33333vw;
}

.m-pointComp-name {
  font-size: 1.8rem;
  font-weight: bold;
}

@media only screen and (max-width: 1024px) {
  .m-pointComp-name {
    font-size: 2.66667vw;
  }
}
.m-pointComp-note {
  font-size: 1.5rem;
}

@media only screen and (max-width: 1024px) {
  .m-pointComp-note {
    font-size: 2.66667vw;
  }
}
/* techList---------------------------------------------------------------------------------------*/
.m-techList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
  .m-techList {
    display: block;
  }
}
.m-techList-item {
  width: 32.5%;
  background-color: #f6f5f5;
}

@media only screen and (max-width: 1024px) {
  .m-techList-item {
    width: 100%;
    margin-bottom: 2.66667vw;
  }
}
@media only screen and (max-width: 1024px) {
  .m-techList-item:last-child {
    margin-bottom: 0;
  }
}
.m-techList-txtBox {
  text-align: center;
  padding: 7.69% 0 9.49%;
}

@media only screen and (max-width: 1024px) {
  .m-techList-txtBox {
    padding: 7.33333vw 0 8.93333vw;
  }
}
.m-techList-img {
  padding-bottom: 6.18%;
}

@media only screen and (max-width: 1024px) {
  .m-techList-img {
    padding-bottom: 8vw;
  }
}
.m-techList-img.-applie {
  width: 46.92%;
}

@media only screen and (max-width: 1024px) {
  .m-techList-img.-applie {
    width: 47.46%;
  }
}
.m-techList-img.-appliemiddle {
  width: 79.74%;
}

@media only screen and (max-width: 1024px) {
  .m-techList-img.-appliemiddle {
    width: 79.72%;
  }
}
.m-techList-img.-applieglow {
  width: 76.41%;
}

@media only screen and (max-width: 1024px) {
  .m-techList-img.-applieglow {
    width: 77.04%;
  }
}
.m-techList-ttl {
  display: block;
  position: relative;
  font-size: 2.9rem;
  padding-bottom: 4.62%;
  margin-bottom: 4.62%;
}

@media only screen and (max-width: 1024px) {
  .m-techList-ttl {
    font-size: 6.93333vw;
    padding-bottom: 4.93333vw;
    margin-bottom: 4vw;
  }
}
.m-techList-ttl:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  border-top: 1px solid #999999;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 1024px) {
  .m-techList-ttl:before {
    width: 8.45%;
  }
}
.m-techList-txt {
  font-size: 1.7rem;
  height: 5.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-bottom: 4.1%;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

@media only screen and (max-width: 1024px) {
  .m-techList-txt {
    font-size: 3.86667vw;
    height: 14.19vw;
    padding-bottom: 3.73333vw;
  }
}
/* snslink---------------------------------------------------------------------------------------*/
.m-snslink {
  position: relative;
  padding-bottom: 3.79%;
}

@media only screen and (max-width: 1024px) {
  .m-snslink {
    padding-bottom: 8vw;
  }
}
.m-snslink-btn {
  position: absolute;
  bottom: 28%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 1024px) {
  .m-snslink-btn {
    bottom: 26%;
  }
}
/* itemList---------------------------------------------------------------------------------------*/
.m-itemList {
  width: 51.5%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 4.28%;
}

@media only screen and (max-width: 1024px) {
  .m-itemList {
    width: 90.27%;
    padding-bottom: 8.8vw;
  }
}
.m-itemList-item {
  width: 36.34%;
}

@media only screen and (max-width: 1024px) {
  .m-itemList-item {
    width: 45.79%;
  }
}
.m-itemList-img {
  width: 82.44%;
  margin-left: 5%;
  display: block;
  padding-bottom: 14.5%;
}

@media only screen and (max-width: 1024px) {
  .m-itemList-img {
    margin-left: 10%;
    width: 69.35%;
    padding-bottom: 5.6vw;
  }
}
.m-itemList-ttl {
  font-size: 1.8rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  display: block;
  padding-bottom: 1%;
  font-weight: bold;
}

@media only screen and (max-width: 1024px) {
  .m-itemList-ttl {
    font-size: 4.13333vw;
  }
}
.m-itemList-name {
  font-size: 1.8rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  display: block;
  padding-bottom: 4%;
  font-weight: bold;
}

@media only screen and (max-width: 1024px) {
  .m-itemList-name {
    font-size: 4.13333vw;
    padding-bottom: 2.66667vw;
  }
}
.m-itemList-price {
  font-size: 1.5rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  display: block;
  padding-bottom: 13%;
}

@media only screen and (max-width: 1024px) {
  .m-itemList-price {
    font-size: 2.53333vw;
  }
}
/* progress---------------------------------------------------------------------------------------*/
.m-progress {
  width: 100%;
  height: 5px;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
}

.m-progress-bar {
  display: block;
  width: 0;
  height: 5px;
  background-color: #a7acc2;
  opacity: 0.7;
}

/* ==========================================================================
   parts
   ========================================================================== */