@charset "utf-8";

.page-sectionFirst {
  -webkit-font-feature-settings: "palt"1;
  font-feature-settings: "palt"1;
  background: #f5f5f7
}

.page-sectionFirst__subtitle {
  color: #86868b;
  font-weight: 700;
  text-align: center
}

.page-sectionFirst__title {
  color: #1d1d1f;
  font-weight: 700;
  line-height: 1.1;
  margin-top: .25em;
  text-align: center
}

.page-sectionFirst__text {
  color: #1d1d1f;
  line-height: 1.75;
  margin: 2em auto 2em;
  max-width: 27em
}

.page-sectionFirst__btntitle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  position: relative
}

.page-sectionFirst__btntitle:before {
  border-top: 1px solid #e4007f;
  bottom: 0;
  content: '';
  display: block;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.page-sectionFirst__btntitle__cont {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fafafa;
  color: #e4007f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 15px;
  position: relative;
  z-index: 2
}

.page-sectionFirst__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 2em
}

.page-sectionFirst__btn .page-pink-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  width: 100%
}

.page-whitebox {
  background: #fff;
  border-radius: 4em
}

.page-section {
  -webkit-font-feature-settings: "palt"1;
  font-feature-settings: "palt"1;
  background: #f5f5f7
}

.page-section-typeB__l {
  position: relative
}

.page-section-typeB__r {
  position: relative
}

.page-section-typeC__l {
  position: relative
}

.page-section-typeC__r {
  position: relative
}

.page-section__subtitle {
  color: #333;
  font-weight: 700
}

.is-gray .page-section__subtitle {
  color: #fff
}

.page-section__title {
  color: #1d1d1f;
  font-weight: 700;
  line-height: 1.35;
  margin-top: .5em
}

.is-gray .page-section__title {
  color: #fff
}

.page-section__text {
  color: #1d1d1f;
  line-height: 1.75;
  margin: 2em auto 2em
}

.page-section__text strong {
  font-weight: 900
}

.is-gray .page-section__text {
  color: #fff
}

.page-section-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.page-section-icon__l img {
  height: auto;
  width: 100%
}

.is-gray .page-section-icon {
  color: #fff
}

.page-section__strong {
  color: #1d1d1f;
  font-weight: 700;
  line-height: 1.75
}

.page-section__strong strong {
  font-weight: 900
}

.page-clm {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.page-clm__l {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.page-clm__r {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.page-thinsection {
  -webkit-font-feature-settings: "palt"1;
  font-feature-settings: "palt"1;
  background: #fafafa
}

.page-thinsectionBox {
  background: #f5f5f7;
  border-radius: 2em
}

.page-cautionsection--gray .page-thinsectionBox {
  background: #fff
}

.page-thinsectionBox+.page-thinsectionBox {
  margin-top: 20px
}

.page-thinsectionBox__title {
  color: #1d1d1f
}

.page-thinsectionBox__title small {
  display: block;
  line-height: 1.25
}

.page-thinsectionBox__title span {
  display: block;
  line-height: 1.25
}

.page-thinsectionBox__title span>span {
  display: inline-block
}

.page-thinsectionBox__title small+span {
  margin-top: .75em
}

.page-thinsectionBox__clm__r .custom-01 {
  margin-bottom: -40px
}

.page-thinsectionBox__clm__r .custom-02 {
  margin-bottom: -80px;
  position: relative;
  top: -40px
}

.page-thinsectionBox__clm__r .custom-03 {
  max-width: 254px
}

.page-thinsectionBox-iconbox__icon {
  margin-bottom: 10px
}

.page-thinsectionBox-iconbox__title {
  font-weight: 700
}

.page-thinsectionBox-iconbox__text {
  margin-top: .2em
}

.page-thinsectionBox__text {
  margin-top: 1.75em
}

.page-thinsectionBox__title2 {
  color: #1d1d1f
}

.page-thinsectionBox__title2 small {
  display: block;
  line-height: 1.25;
  margin-bottom: 1.5em
}

.page-thinsectionBox__title2 span {
  display: block;
  line-height: 1.25
}

.page-thinsectionBox__title2 span>span {
  display: inline-block
}

.page-thinsectionBox__title2 small+span {
  margin-top: .5em
}

.page-thinsectionBox__thumb {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px
}

a.page-btnlink {
  color: #06c;
  display: inline-block;
  line-height: 1;
  padding-right: 1.25em;
  position: relative;
  text-decoration: none;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

a.page-btnlink:hover {
  opacity: .8;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

a.page-btnlink:before {
  speak: none;
  bottom: 0;
  content: "\e902";
  font-family: uq-icomoon !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: none;
  top: 0;
  width: 1em;
  z-index: 1
}

.page-list--check>li {
  padding-left: 1.25em;
  position: relative
}

.page-list--check>li:before {
  border-bottom: 2px solid #d1112b;
  border-left: 2px solid #d1112b;
  content: '';
  display: block;
  height: .375em;
  left: 0;
  position: absolute;
  top: .5em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: .75em
}

a.page-pink-btn {
  background: #e4007f;
  border-radius: 3em;
  color: #fff;
  display: inline-block;
  line-height: 2;
  padding: 5px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  width: 100%
}

a.page-pink-btn>span {
  padding: 0 2.5em
}

a.page-pink-btn:hover {
  opacity: .8;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

a.page-pink-btn:after {
  bottom: 0;
  color: #fff;
  height: 1em;
  line-height: 1;
  margin: auto;
  position: absolute;
  right: 10px;
  top: 0;
  width: 1em;
  z-index: 1
}

a.page-pink-btn[target="_blank"]:after {
  speak: none;
  content: "\e90b";
  font-family: uq-icomoon !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  text-transform: none
}

.page-pink-btn.is-inactive {
  background: #aaa;
  border-radius: 3em;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  padding: 5px 1.5em;
  position: relative;
  text-decoration: none;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.page-pink-btn.is-inactive:hover {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.page-pink-btn.is-inactive:after {
  bottom: 0;
  color: #fff;
  height: 1em;
  line-height: 1;
  margin: auto;
  position: absolute;
  right: 10px;
  top: 0;
  width: 1em;
  z-index: 1
}

.uqv2-parts-btn.is-inactive {
  background: #aaa;
  cursor: default
}

.uqv2-parts-btn.is-inactive:hover {
  opacity: 1
}

.uqv2-parts-btn.is-inactive:before {
  content: none
}

.page-cautionsection {
  -webkit-font-feature-settings: "palt"1;
  font-feature-settings: "palt"1;
}

.page-cautionsection__innr p+p {
  margin-top: 1em
}

.page-cautionsection-2clm__li .page-thinsectionBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%
}

.page-cautionsection-3clm__li .page-thinsectionBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%
}

.page-cautionsection a.uqv2-parts-textlink--keycolor,
.page-cautionsection a.uqv2-parts-textlink--keycolor:visited {
  color: #06c
}

.uqv2-parts-ul--none {
  color: #888
}

.uqv2-parts-ul--none>li+li {
  margin-top: .35em
}

.page-custom01 {
  margin-bottom: -10px;
  margin-top: 25px
}

.page-productsBlock {
  -webkit-font-feature-settings: "palt"1;
  font-feature-settings: "palt"1
}

.page-productsBlock__desc {
  color: #737373
}

.page-productsBlock__btn .uqv2-parts-btn__cont {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

.page-productsBlock__logo {
  margin-bottom: 40px;
  margin-top: 30px;
  width: 294px
}

.page-productsBlock__logo img {
  width: 100%
}

.page-productsBlock__logoSP {
  margin: 40px auto 20px;
  width: 147px
}

.page-productsBlock__logoSP img {
  width: 100%
}

.page-productsBlock__anchor {
  color: #e4007f;
  text-align: right
}

.page-productsBlock__anchor .uqv2-parts-btn {
  border: none;
  color: #e4007f;
  display: inline-block;
  min-height: auto;
  width: auto
}

.page-productsBlock__btntitle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  position: relative
}

.page-productsBlock__btntitle:before {
  border-top: 1px solid #e4007f;
  bottom: 0;
  content: '';
  display: block;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.page-productsBlock__btntitle__cont {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  color: #e4007f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 15px;
  position: relative;
  z-index: 2
}

.page-productsSlider__li {
  display: none
}

.page-productsSlider__li:first-child {
  display: block
}

.page-productsSliderList {
  background: #fff;
  margin: 0 -20px;
  overflow: hidden;
  padding: 0 20px;
  position: relative
}

.page-productsSliderList__li.is-current {
  left: 0;
  position: relative;
  width: 100%;
  z-index: 1
}

.page-productsSlider__logo {
  margin-top: 10px
}

.page-productsSlider__logo>span {
  display: block;
  width: 45%
}

.page-productsSlider .slick-next,
.page-productsSlider .slick-prev {
  z-index: 9
}

.page-productsSlider .slick-next:before,
.page-productsSlider .slick-prev:before {
  speak: none;
  color: #333;
  content: "\e902";
  font-family: uq-icomoon !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  text-transform: none
}

.page-productsSlider .slick-prev {
  -webkit-transform: translate(0, -50%) rotate(-180deg);
  transform: translate(0, -50%) rotate(-180deg)
}

.page-productsSlider__caution {
  color: #737373;
  font-size: 9px;
  margin-top: .75em
}

.page-productsSlider__color {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.page-productsSlider__color__label {
  color: #737373;
  font-size: 10px
}

.page-productsSlider__color__label span {
  border: 1px solid #737373;
  display: inline-block;
  line-height: 1;
  margin-right: 1em;
  padding: 2px 1em
}

.page-productsSlider__colorList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.page-productsSlider__colorList>li {
  border: 1px solid transparent;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  height: 24px;
  margin-left: 10px;
  width: 24px
}

.page-productsSlider__colorList>li:first-child {
  margin-left: 0
}

.page-productsSlider__colorList>li.is-current {
  border: 2px solid #737373
}

.page-productsSlider__colorList>li.is-current>div {
  height: 10px;
  width: 10px
}

.page-productsSlider__colorList>li.is-current>div span {
  display: block
}

.page-productsSlider__colorList>li>div {
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 14px;
  margin: 5px auto;
  position: relative;
  width: 14px
}

.page-productsSlider__colorList>li>div span {
  bottom: calc(100% + 12px);
  display: none;
  left: -10em;
  margin: auto;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 21em;
  z-index: 1
}

.page-productsSliderThumbList {
  position: relative
}

.page-productsSliderThumbList__li {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.page-productsSliderThumbList:before {
  content: '';
  display: block;
  padding-bottom: calc(20% - 8px)
}

.page-productsSliderThumbnail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: -10px
}

.page-productsSliderThumbnail__li {
  border: 1px solid #cdcdcd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 10px;
  width: calc(20% - 10px)
}

.page-productsSliderThumbnail__li.is-current {
  border-color: #333
}

.page-productsSliderThumbnail__li:nth-child(n+6) {
  margin-top: 10px
}

.page-accordionBtn {
  position: relative
}

.page-accordionBtn .uqv2-parts-btn--keycolor:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.page-accordionTrg {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 10
}

.page-accordionTrg .uqv2-parts-btn--trans {
  border-color: #e4007f;
  color: #e4007f;
  min-height: 40px
}

.page-accordionTrg .uqv2-parts-btn--trans+.uqv2-parts-btn--trans {
  border-top: none
}

.uq-pagetop {
  bottom: 80px
}

.page-fixbottom {
  background: #e4007f;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  width: 100%;
  z-index: 9
}

.page-fixbottom.is-showfixbottom {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.page-fixbottom__title {
  color: #fff;
  text-align: center
}

.page-fixbottom__inner {
  margin: 0 auto;
  max-width: 1020px;
  padding-left: 20px;
  padding-right: 20px
}

.page-fixbottom .uqv2-parts-btn {
  color: #e4007f;
  padding: 0 20px
}

.page-fixbottom .uqv2-parts-btn__icon {
  color: #e4007f
}

.page-fixbottom .uqv2-parts-btn__icon::before {
  color: #e4007f !important
}

.page-fixbottom .uqv2-parts-btn__cont {
  color: #e4007f;
  line-height: 1
}

.page-fixbottom .uqv2-parts-btn__cont strong {
  display: block;
  line-height: 1.1
}

.page-fixbottom span.uqv2-parts-btn {
  cursor: default;
  opacity: .5
}

.page-fixbottom span.uqv2-parts-btn .uqv2-parts-btn__icon::before {
  color: #737373 !important
}

.page-fixbottom span.uqv2-parts-btn *,
.page-fixbottom span.uqv2-parts-btn::before {
  color: #737373 !important
}

@media screen and (max-width:767px) {
  .page-sectionFirst {
    margin-bottom: 0;
    padding: 40px 0 0
  }

  .page-sectionFirst__subtitle {
    font-size: 16px;
    text-align: center
  }

  .page-sectionFirst__subtitle img {
    height: auto;
    width: 100px
  }

  .page-sectionFirst__title {
    font-size: calc(36 / 375 * 100vw);
    margin-top: .3em;
    text-align: center
  }

  .page-sectionFirst__text {
    font-size: calc(19 / 375 * 100vw);
    max-width: 16.5em;
    text-align: center
  }

  .page-sectionFirst__thumb {
    margin: 30px auto 0;
    width: 66%
  }

  .page-sectionFirst__btntitle {
    font-size: 15px
  }

  .page-sectionFirst__btntitle__cont {
    background: #fff
  }

  .page-sectionFirst__btntitle .uqv2-parts-icon:before {
    font-size: 28px
  }

  .page-sectionFirst__btn {
    font-size: 13px;
    margin-bottom: 1em;
    text-align: center
  }

  .page-block {
    padding-top: 0
  }

  .page-block-thin {
    padding-top: 90px
  }

  .page-section {
    padding-bottom: 40px;
    padding-top: 40px
  }

  .page-section.is-green {
    padding-bottom: 0;
    padding-top: 40px
  }

  .page-section-typeA {
    font-size: calc(19 / 375 * 100vw);
    margin-left: auto;
    margin-right: auto;
    max-width: 15.5em
  }

  .page-section-typeA-clm {
    margin-top: 20px
  }

  .page-section-typeB {
    width: 100%
  }

  .page-section-typeB+.page-section-typeB {
    margin-top: 60px
  }

  .page-section-typeB__l {
    margin: 30px -20px 0
  }

  .page-section-typeB__r {
    font-size: calc(19 / 375 * 100vw);
    margin-left: auto;
    margin-right: auto;
    max-width: 15.5em
  }

  .page-section-typeC {
    width: 100%
  }

  .page-section-typeB+.page-section-typeC {
    margin-top: 60px
  }

  .page-section-typeC__l {
    font-size: calc(19 / 375 * 100vw);
    margin-left: auto;
    margin-right: auto;
    max-width: 15.5em
  }

  .is-invert .page-section-typeC__l {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
  }

  .page-section-typeC__r {
    margin: 40px -20px 0;
    text-align: center
  }

  .page-section-typeC__r img {
    width: 66%
  }

  .is-green .page-section-typeC__r img {
    width: 80%
  }

  .page-section-2clm {
    margin-top: -20px;
    width: 100%
  }

  .page-section-2clm__sm {
    margin-top: 20px;
    width: 100%
  }

  .page-section-2clm__lg {
    margin-top: 20px;
    width: 100%
  }

  .page-section-2clm__md {
    margin-top: 20px;
    width: 100%
  }

  .page-section__subtitle {
    font-size: calc(16 / 375 * 100vw)
  }

  .page-section__title {
    font-size: calc(28 / 375 * 100vw)
  }

  .page-section__text {
    font-size: calc(19 / 375 * 100vw);
    margin: 1.5em auto 1.25em
  }

  .page-section-icon {
    font-size: calc(14 / 375 * 100vw)
  }

  .page-section-icon__l {
    margin-right: 1em;
    width: 3em
  }

  .page-section__strong {
    font-size: 16px
  }

  .page-clm__r {
    background: #fff;
    margin: 0 -20px;
    padding: 40px 20px 40px;
    width: auto
  }

  .page-thinsection {
    padding-top: 30px
  }

  .page-thinsection__innr {
    padding-left: 20px;
    padding-right: 20px
  }

  .page-thinsectionBox {
    padding: 40px 0 0
  }

  .page-thinsectionBox.custom-box {
    padding-bottom: 40px
  }

  .page-thinsectionBox.typeFull {
    padding-bottom: 0
  }

  .page-thinsectionBox.typeFull2 {
    padding-bottom: 0
  }

  .page-thinsectionBox__title {
    font-size: calc(25 / 375 * 100vw);
    padding: 0 calc((375px - 325px)/ 2)
  }

  .page-thinsectionBox__title.is-small {
    font-size: calc(26 / 375 * 100vw)
  }

  .page-thinsectionBox__title small {
    font-size: calc(16 / 375 * 100vw)
  }

  .page-thinsectionBox__title small.is-small {
    font-size: calc(16 / 375 * 100vw)
  }

  .page-thinsectionBox__clm__r {
    margin-top: 30px;
    padding: 0 calc((375px - 325px)/ 2);
    text-align: center
  }

  .custom-box .page-thinsectionBox__clm__r {
    margin-top: 30px;
    padding: 0 0;
    text-align: center
  }

  .page-thinsectionBox__clm__r .custom-01 {
    height: auto;
    margin-bottom: 0;
    width: 100%
  }

  .page-thinsectionBox__clm__r .custom-02 {
    height: auto;
    margin-bottom: 0;
    position: static;
    width: 80%
  }

  .page-thinsectionBox__clm__r .custom-03 {
    margin-bottom: 40px;
    max-width: 66%
  }

  .page-thinsectionBox__clm__r .custom-04 {
    margin-bottom: 40px
  }

  .typeFull .page-thinsectionBox__clm__r {
    margin-left: -45px;
    margin-right: -45px
  }

  .page-thinsectionBox__clm4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 calc((375px - 294.5px)/ 2);
    padding-bottom: 40px
  }

  .page-thinsectionBox__clm4__li {
    margin-top: 35px;
    width: calc(50% - 20px)
  }

  .page-thinsectionBox-iconbox {
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.5
  }

  .page-thinsectionBox__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: 1.5;
    padding: 0 calc((375px - 325px)/ 2)
  }

  .page-thinsectionBox__btn {
    font-size: calc(16 / 375 * 100vw);
    text-align: center
  }

  .page-thinsectionBox__btn .uqv2-parts-btnTextB {
    text-align: left
  }

  .page-thinsectionBox__title2 {
    font-size: calc(20 / 375 * 100vw);
    padding: 0 calc((375px - 325px)/ 2)
  }

  .page-thinsectionBox__title2.is-small {
    font-size: calc(26 / 375 * 100vw)
  }

  .page-thinsectionBox__title2 small {
    font-size: calc(12 / 375 * 100vw);
    height: 40px
  }

  .page-thinsectionBox__title2 small.is-small {
    font-size: calc(16 / 375 * 100vw)
  }

  .page-thinsectionBox__title2 small img {
    height: 100%;
    width: auto
  }

  .page-thinsectionBox__text2 {
    font-size: calc(16 / 375 * 100vw);
    line-height: 1.5;
    margin-top: 1em;
    padding: 0 calc((375px - 325px)/ 2)
  }

  .page-thinsectionBox__thumb {
    padding: 0 calc((375px - 325px)/ 2)
  }

  .page-thinsectionBox__thumb.is-e01 {
    padding-bottom: 40px;
    padding-top: 20px
  }

  a.page-pink-btn>span {
    padding: 0 2.5em
  }

  .page-pink-btn.is-inactive {
    font-size: 16px;
    padding: .5em 1.5em
  }

  .page-cautionsection {
    padding: 40px 0 40px
  }

  .page-cautionsection__title {
    font-size: calc(26 / 375 * 100vw);
    margin-bottom: .5em;
    margin-top: .25em;
    padding: 0 20px;
    text-align: left
  }

  .page-cautionsection__innr {
    padding: 40px 20px
  }

  .page-cautionsection__innr p+p {
    font-size: calc(12 / 375 * 100vw)
  }

  .page-cautionsection-2clm {
    width: 100%
  }

  .page-cautionsection-2clm__li {
    margin-bottom: 20px;
    width: 100%
  }

  .page-cautionsection-2clm__li .page-thinsectionBox {
    padding-bottom: 40px
  }

  .page-cautionsection-3clm {
    width: 100%
  }

  .page-cautionsection-3clm__li {
    margin-bottom: 20px;
    width: 100%
  }

  .uqv2-parts-ul--none {
    font-size: 9px
  }

  .page-productsBlock__btn .uqv2-parts-flex2clm {
    margin-top: 10px
  }

  .page-productsBlock__anchor {
    font-size: 12px;
    margin-top: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
  }

  .page-productsBlock__btntitle {
    font-size: 15px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
  }

  .page-productsBlock__btntitle .uqv2-parts-icon:before {
    font-size: 28px
  }

  .page-accordionBtn.is-acopen .uqv2-parts-btn--keycolor:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  .is-acopen .page-accordionTrg {
    display: block
  }

  .page-fixbottom {
    height: 70px;
    padding: 10px 0
  }

  .page-fixbottom__title {
    font-size: 12px;
    margin-bottom: 4px;
    margin-top: -3px
  }

  .page-fixbottom .uqv2-parts-btn {
    letter-spacing: -.04em;
    padding: calc(20 / 750 * 100vw)
  }

  .page-fixbottom .uqv2-parts-btn__icon {
    display: none
  }

  .page-fixbottom .uqv2-parts-btn__cont {
    font-size: calc(18 / 750 * 100vw);
    padding-left: 0
  }

  .page-fixbottom .uqv2-parts-btn__cont strong {
    font-size: calc(24 / 750 * 100vw)
  }

  .uqv2-parts-content {
    padding-bottom: 70px
  }
}

@media screen and (min-width:768px) {
  .page-sectionFirst {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    padding: 0 0 0
  }

  .page-sectionFirst__clm {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .page-sectionFirst__l {
    min-width: 382px;
    padding-bottom: 4em;
    padding-right: 5%;
    width: 50%
  }

  .page-sectionFirst__r {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
  }

  .page-sectionFirst__subtitle {
    font-size: 16px
  }

  .page-sectionFirst__title {
    font-size: 56px
  }

  .page-sectionFirst__text {
    font-size: 16px;
    text-align: center
  }

  .page-sectionFirst__thumb {
    margin: 0 auto 0;
    max-width: 418px
  }

  .page-sectionFirst__btntitle {
    font-size: 14px;
    width: 72%
  }

  .page-sectionFirst__btntitle .uqv2-parts-icon:before {
    font-size: 26px
  }

  .page-sectionFirst__btn {
    font-size: 13px;
    margin-bottom: 4em
  }

  .page-block {
    padding-top: 120px
  }

  .page-block-thin {
    padding-top: 60px
  }

  .page-section {
    padding-bottom: 120px
  }

  .page-section.is-green {
    padding-bottom: 0;
    padding-top: 0
  }

  .page-section-typeA-clm {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px
  }

  .page-section-typeB {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .page-section-typeB__l {
    height: 30.5vw;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    width: calc(50% - 40px)
  }

  .is-invert .page-section-typeB__l {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
  }

  .page-section-typeB__l img {
    margin: auto;
    max-width: 400%;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% + (100vw - 212%)/ 2);
    z-index: 1
  }

  .is-invert .page-section-typeB__l img {
    left: 0;
    right: auto
  }

  .is-wide.page-section-typeB__l img {
    right: -7vw;
    width: calc(100% + (100vw - 225%)/ 2 + 8vw)
  }

  .page-section-typeB__r {
    margin-bottom: 6em;
    width: calc(50% - 40px)
  }

  .page-section-typeC {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .page-section-typeC__l {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    width: calc(50% - 40px)
  }

  .is-invert .page-section-typeC__l {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
  }

  .page-section-typeC__r {
    width: calc(50% - 40px)
  }

  .page-section-2clm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .page-section-2clm__sm {
    width: calc(313 / 980 * 100%)
  }

  .page-section-2clm__lg {
    width: calc(648 / 980 * 100%)
  }

  .page-section-2clm__md {
    width: calc(480 / 980 * 100%)
  }

  .page-section__subtitle {
    font-size: 16px
  }

  .page-section-typeA-clm .page-section__title {
    margin-top: 0;
    width: 12em
  }

  .page-section__title {
    font-size: 34px
  }

  .page-section-typeA-clm .page-section__text {
    margin: 0;
    margin-left: auto;
    max-width: 28em;
    padding-left: 4em
  }

  .page-section__text {
    font-size: 16px
  }

  .page-section-icon {
    font-size: 16px
  }

  .page-section-icon__l {
    margin-right: 1em;
    width: 55px
  }

  .page-section__strong {
    font-size: 20px
  }

  .page-clm {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 814px
  }

  .page-clm__l {
    padding-right: 28px;
    width: 50%
  }

  .page-clm__r {
    width: 50%
  }

  .page-thinsection {
    padding: 50px 0
  }

  .page-thinsection__innr {
    margin: 0 auto;
    max-width: 900px;
    padding-left: 20px;
    padding-right: 20px
  }

  .page-thinsectionBox {
    padding: 40px 40px
  }

  .page-thinsectionBox.custom-box {
    padding-right: 0
  }

  .page-thinsectionBox.typeFull {
    padding-bottom: 0;
    padding-top: 35px
  }

  .page-thinsectionBox.typeFull .page-thinsectionBox__clm {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
  }

  .page-thinsectionBox.typeFull2 {
    padding-bottom: 0;
    padding-top: 0
  }

  .page-thinsectionBox__title {
    font-size: 28px
  }

  .page-thinsectionBox__title small {
    font-size: 16px
  }

  .page-thinsectionBox__clm {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .custom-box .page-thinsectionBox__clm {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0
  }

  .page-thinsectionBox__clm__l,
  .page-thinsectionBox__clm__r {
    width: 50%
  }

  .page-thinsectionBox__clm__l {
    padding-right: 10px
  }

  .custom-box .page-thinsectionBox__clm__l {
    width: calc(50% - 40px)
  }

  .typeFull .page-thinsectionBox__clm__l {
    padding-bottom: 35px
  }

  .page-thinsectionBox__clm__r {
    padding-left: 10px;
    text-align: center
  }

  .custom-box .page-thinsectionBox__clm__r {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto
  }

  .typeFull .page-thinsectionBox__clm__r {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .page-thinsectionBox__clm4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 35px
  }

  .page-thinsectionBox__clm4__li {
    width: calc(25% - 120px / 4)
  }

  .page-thinsectionBox-iconbox {
    font-size: 12px;
    line-height: 1.75
  }

  .page-thinsectionBox__text {
    font-size: 12px;
    line-height: 1.75
  }

  .page-thinsectionBox__title2 {
    font-size: 20px;
    text-align: center
  }

  .page-thinsectionBox__title2 small {
    font-size: 16px;
    height: 40px;
    text-align: center
  }

  .page-thinsectionBox__title2 small img {
    height: 100%;
    width: auto
  }

  .page-thinsectionBox__text2 {
    font-size: 12px;
    line-height: 1.75;
    margin-top: 1.5em;
    text-align: center
  }

  .page-cautionsection {
    padding-bottom: 60px;
    padding-top: 60px
  }

  .page-cautionsection__title {
    font-size: 30px;
    margin-bottom: .75em;
    text-align: center
  }

  .page-cautionsection__innr {
    margin: 60px auto 0;
    width: 700px
  }

  .page-cautionsection__innr p+p {
    font-size: 12px
  }

  .page-cautionsection-2clm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .page-cautionsection-2clm__li {
    margin-bottom: 10px;
    width: calc(50% - 10px)
  }

  .page-cautionsection-2clm__li .page-thinsectionBox {
    padding: 50px 32px 60px
  }

  .page-cautionsection-3clm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .page-cautionsection-3clm__li {
    margin-bottom: 10px;
    width: calc(50% - 10px)
  }

  .page-cautionsection-3clm__li .page-thinsectionBox {
    padding: 50px 48px 0
  }

  .uqv2-parts-ul--none {
    font-size: 12px
  }

  .page-productsBlock__btn {
    padding-bottom: 20px
  }

  .page-productsBlock__btn .uqv2-parts-flex2clm {
    margin-top: 20px
  }

  .page-productsBlock__anchor {
    font-size: 14px;
    margin-bottom: 20px
  }

  .page-productsBlock__btntitle {
    font-size: 14px
  }

  .page-productsBlock__btntitle .uqv2-parts-icon:before {
    font-size: 26px
  }

  .page-accordionBtn:hover .uqv2-parts-btn--keycolor:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  .page-accordionBtn:hover .page-accordionTrg {
    display: block
  }

  .page-fixbottom {
    height: 90px;
    padding: 15px 0
  }

  .page-fixbottom__title {
    font-size: 16px;
    margin-bottom: 4px;
    margin-top: -8px
  }

  .page-fixbottom .uqv2-parts-btn__icon {
    font-size: 40px;
    width: 40px
  }

  .page-fixbottom .uqv2-parts-btn__cont {
    font-size: 16px
  }

  .page-fixbottom .uqv2-parts-btn__cont strong {
    font-size: 20px
  }

  .uqv2-parts-content {
    padding-bottom: 90px
  }
}

@media screen and (min-width:1181px) {
  .page-section-typeB__l img {
    width: calc(100% + (100vw - 180px - 222%)/ 2)
  }

  .is-wide.page-section-typeB__l img {
    right: -7vw;
    width: calc(100% + (100vw - 261%)/ 2 + 7vw)
  }
}

@media screen and (min-width:768px) and (max-width:820px) {
  .page-thinsectionBox__title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .page-productsBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px
  }

  .page-productsBlock__r {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0
  }

  .page-productsBlock__desc {
    font-size: 12px;
    margin-top: 20px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
  }

  .page-productsBlock__btn {
    margin-top: 10px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
  }

  .page-productsBlock__btn .uqv2-parts-btn__cont span {
    line-height: 1.2
  }

  .page-productsBlock__logo {
    display: none
  }

  .page-productsSliderList {
    padding: 0 70px
  }

  .page-productsSliderList__li {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 140px);
    z-index: -99
  }

  .page-productsSlider .slick-prev {
    left: -20px
  }

  .page-productsSlider .slick-next {
    right: -20px
  }

  .page-productsSlider__color {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 30px
  }

  .page-productsSliderThumbnail {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media (min-width:768px) {
  .page-productsBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-top: 50px
  }

  .page-productsBlock__l {
    padding-top: 35px;
    width: calc(50% - 50px)
  }

  .page-productsBlock__r {
    width: calc(50% - 20px / 2)
  }

  .page-productsBlock__desc {
    font-size: 14px
  }

  .page-productsBlock__logoSP {
    display: none
  }

  .page-productsSliderList__li {
    left: 20px;
    position: absolute;
    top: 0;
    width: calc(100% - 40px);
    z-index: -99
  }

  .page-productsSlider .slick-next,
  .page-productsSlider .slick-prev {
    height: 30px;
    width: 30px
  }

  .page-productsSlider .slick-next:before,
  .page-productsSlider .slick-prev:before {
    font-size: 30px
  }

  .page-productsSlider .slick-prev {
    left: 0
  }

  .page-productsSlider .slick-next {
    right: 0
  }

  .page-productsSlider__color {
    margin-bottom: 30px;
    margin-top: 40px
  }

  .page-productsSliderThumbnail__li+.page-productsSliderThumbnail__li {
    margin-left: 40px
  }
}

@media screen and (min-width:1180px) {
  .page-fixbottom {
    width: calc(100% - 180px)
  }

  .uqv2-parts-content {
    padding-bottom: 90px
  }
}

@media screen and (min-width:415px) and (max-width:767px) {
  .page-fixbottom .uqv2-parts-btn {
    padding: 11px
  }

  .page-fixbottom .uqv2-parts-btn__cont {
    font-size: 10px
  }

  .page-fixbottom .uqv2-parts-btn__cont strong {
    font-size: 14px
  }
}