.l-main {
  min-width: 1200px;
  padding-top: 90px;
  overflow: hidden
}
@media screen and (max-width:750px) {
  .l-main {
    min-width: 100%;
  }
}
.m-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-width: 1200px;
  max-width: 1216px;
  margin: 15px auto 0
}
@media screen and (max-width:750px) {
  .m-breadcrumb {
    display: none
  }
}
.m-breadcrumb__item {
  position: relative;
  color: #b1b1b1;
  font-size: 12px
}
.m-breadcrumb__item a {
  color: #b1b1b1
}
.m-breadcrumb__item:nth-of-type(n+2) {
  margin-left: 5px;
  padding-left: 15px
}
.m-breadcrumb__item:nth-of-type(n+2):before {
  position: absolute;
  display: block;
  content: '��';
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.m-breadcrumb__item:last-of-type {
  pointer-events: none
}
.m-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1040px;
  margin: 65px auto 0;
  position: relative;
  z-index: 2
}
@media screen and (max-width:750px) {
  .m-btn {
    display: block;
    margin: 10.66667vw auto 0;
    width: 90.66667%
  }
}
.m-btn--center {
  width: 512px;
  margin: 65px auto 0
}
@media screen and (max-width:750px) {
  .m-btn--center {
    display: block;
    margin: 10.66667vw auto 0;
    width: 90.66667%
  }
}
.m-btn__type {
  position: relative
}
@media screen and (max-width:750px) {
  .m-btn__type {
    margin-top: 5.88235vw
  }
  .m-btn__type:first-child {
    margin-top: 0
  }
}
.m-btn__type--blue {
  background: #effff7
}
.m-btn__type--blue2 {
  background: #edf7ff
}
.m-btn__type--green {
  background: #f0ffe6
}
.m-btn__type--or {
  background: #fff8ed
}
.m-btn__type--pink {
  background: #fff4f4
}
.m-btn__type:after,
.m-btn__type:before {
  position: absolute;
  display: block;
  content: '';
  right: 120px;
  width: 15px;
  height: 9px;
  background: url(/vantelin/assets/img/common/m-btn_arrow.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
@media screen and (max-width:750px) {
  .m-btn__type:after,
  .m-btn__type:before {
    width: 3.33333vw;
    height: 2vw;
    right: 5%
  }
}
.m-btn__type:before {
  top: 50%;
  opacity: 1
}
.m-btn__type:after {
  top: 25%;
  opacity: 0
}
@media print,
screen and (min-width:751px) {
  .m-btn__type:hover:before {
    top: 75%;
    opacity: 0
  }
  .m-btn__type:hover:after {
    top: 50%;
    opacity: 1
  }
}
.m-btn__type a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 512px;
  height: 100px;
  color: #0c3621;
  font-size: 17px;
  font-weight: 700;
  border: 1px solid #097941
}
@media screen and (max-width:750px) {
  .m-btn__type a {
    width: 100%;
    height: 16.53333vw;
    font-size: 14px;
    font-size: 3.73333vw;
    font-weight: 400
  }
}
.m-btn__type a:hover {
  opacity: 1
}
.m-btn__type a.supporter01 {
  padding-left: 11%
}
@media screen and (max-width:750px) {
  .m-btn__type a.supporter01 {
    padding-left: 31%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}
.m-btn__type a.supporter02 {
  padding-left: 11%
}
@media screen and (max-width:750px) {
  .m-btn__type a.supporter02 {
    padding-left: 36%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}
.m-btn__type a.paint:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 150px;
  width: 34px;
  height: 42px;
  background: url(/vantelin/assets/img/common/m-btn_paint.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .m-btn__type a.paint:after {
    left: 20vw;
    width: 2em;
    height: 2.6em
  }
}
.m-btn__type a.paste:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 130px;
  width: 48px;
  height: 33px;
  background: url(/vantelin/assets/img/common/m-btn_paste.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .m-btn__type a.paste:after {
    left: 20vw;
    width: 2.7em;
    height: 1.7em
  }
}
.m-btn__type a.illust:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 138px;
  width: 31px;
  height: 35px;
  background: url(/vantelin/assets/img/common/m-btn_illust.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .m-btn__type a.illust:after {
    left: 25.33333%;
    width: 1.9em;
    height: 2.1em
  }
}
.m-btn__type a.video:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 152px;
  width: 36px;
  height: 36px;
  background: url(/vantelin/assets/img/common/m-btn_video.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .m-btn__type a.video:after {
    left: 29.33333%;
    width: 1.8em;
    height: 1.8em
  }
}
.m-btn__type a.normal:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 50px;
  width: 38px;
  height: 72px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/vantelin/assets/img/common/m-btn_normal.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .m-btn__type a.normal:after {
    left: 16vw;
    width: 8.53333vw;
    height: 12.66667vw
  }
}
.m-btn__type a.warm:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 70px;
  width: 38px;
  height: 73px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/vantelin/assets/img/common/m-btn_warm.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .m-btn__type a.warm:after {
    left: 16vw;
    width: 8.53333vw;
    height: 12.66667vw
  }
}
.m-btn__type a.wind:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 70px;
  width: 38px;
  height: 73px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/vantelin/assets/img/common/m-btn_wind.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .m-btn__type a.wind:after {
    left: 16vw;
    width: 8.53333vw;
    height: 12.66667vw
  }
}
.m-btn__type a.press:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 23px;
  width: 68px;
  height: 54px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/vantelin/assets/img/common/m-btn_press.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .m-btn__type a.press:after {
    left: 16vw;
    width: 13.06667vw;
    height: 9.06667vw
  }
}
.m-btn__type a.fix:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 30px;
  width: 80px;
  height: 74px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/vantelin/assets/img/common/m-btn_fix.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .m-btn__type a.fix:after {
    left: 16vw;
    width: 13.06667vw;
    height: 9.06667vw
  }
}
.m-btn__type a.taping {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 23%
}
@media screen and (max-width:750px) {
  .m-btn__type a.taping {
    padding-left: 30%
  }
}
.m-btn__type a.taping:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 30px;
  width: 60px;
  height: 44px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  left: 5%
}
@media screen and (max-width:750px) {
  .m-btn__type a.taping:after {
    left: 11vw;
    width: 13.06667vw;
    height: 9.06667vw
  }
}
.m-btn__type a.taping--01:after {
  background: url(/vantelin/assets/img/common/m-btn_taping01.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
.m-btn__type a.taping--02:after {
  background: url(/vantelin/assets/img/common/m-btn_taping02.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
.m-btn__type a.taping--03:after {
  background: url(/vantelin/assets/img/common/m-btn_taping03.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
.m-btn__type--tape a {
  color: #000
}
.m-btn__type--tape span {
  color: #097941;
  font-size: 17px;
  font-weight: 700
}
@media screen and (max-width:750px) {
  .m-btn__type--tape span {
    font-size: 14px;
    font-size: 3.73333vw;
    font-weight: 400
  }
}
.m-btn__type--tape div {
  font-size: 17px;
  font-weight: 700;
  margin-left: 40px
}
@media screen and (max-width:750px) {
  .m-btn__type--tape div {
    font-size: 14px;
    font-size: 3.73333vw;
    font-weight: 400;
    margin-left: 5.33333vw
  }
}
.m-btn__type--tape b {
  color: #097941;
  font-size: 17px;
  font-weight: 700
}
@media screen and (max-width:750px) {
  .m-btn__type--tape b {
    font-size: 14px;
    font-size: 3.73333vw;
    font-weight: 400
  }
}
@media screen and (max-width:750px) {
  .m-btn__type.supporter {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
  }
}
.m-btn--supPro {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.m-btn--supPro .m-btn__type {
  width: calc(100%/3 - 10px)
}
@media screen and (max-width:750px) {
  .m-btn--supPro .m-btn__type {
    width: 100%
  }
}
@media print,
screen and (min-width:751px) {
  .m-btn--supPro .m-btn__type:after,
  .m-btn--supPro .m-btn__type:before {
    right: 30px
  }
}
@media screen and (max-width:750px) {
  .m-btn--supPro .m-btn__type:after,
  .m-btn--supPro .m-btn__type:before {
    right: 4vw
  }
}
.m-btn--supPro .m-btn__type:hover:after,
.m-btn--supPro .m-btn__type:hover:before {
  right: 30px!important
}
.m-btn--supPro .m-btn__type:not(:nth-child(3n)) {
  margin-right: 10px
}
.m-btn--supPro .m-btn__type:nth-child(1) {
  margin-bottom: 15px
}
.m-btn--supPro .m-btn__type:nth-child(2) {
  margin-bottom: 15px
}
.m-btn--supPro .m-btn__type:nth-child(3) {
  margin-bottom: 15px
}
.m-btn--supPro .m-btn__type a {
  width: 100%
}
#creamygel01 {
  margin-top: -10px;
  padding-top: 10px
}
@media screen and (max-width:750px) {
  #creamygel01 {
    margin-top: -20vw;
    padding-top: 20vw
  }
}
#creamygel02 {
  margin-top: -50px;
  padding-top: 50px
}
@media screen and (max-width:750px) {
  #creamygel02 {
    margin-top: -30vw;
    padding-top: 30vw
  }
}
.link01 {
  margin-top: -10px;
  padding-top: 10px
}
@media screen and (max-width:750px) {
  .link01 {
    margin-top: -20vw;
    padding-top: 20vw
  }
}
.link02 {
  margin-top: -50px;
  padding-top: 50px
}
@media screen and (max-width:750px) {
  .link02 {
    margin-top: -30vw;
    padding-top: 30vw
  }
}
.m-detailBtn {
  position: relative;
  width: 160px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .m-detailBtn {
    width: 44vw
  }
}
@media print,
screen and (min-width:751px) {
  .m-detailBtn:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: #0c3621;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
  }
  .m-detailBtn:hover:after {
    width: 100%
  }
}
.m-detailBtn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 160px;
  height: 30px;
  color: #097941;
  font-size: 11px;
  margin: 0 auto;
  border: 1px solid #097941;
  z-index: 1
}
@media screen and (max-width:750px) {
  .m-detailBtn a {
    width: 100%;
    height: 13.33333vw;
    font-size: 12px;
    font-size: 3.2vw
  }
}
.m-detailBtn a:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  right: 20px;
  width: 10px;
  height: 7px;
  background: url(/vantelin/assets/img/common/m-btn_arrow.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
@media screen and (max-width:750px) {
  .m-detailBtn a:before {
    right: 3.33333vw;
    width: 2.66667vw;
    height: 4vw
  }
}
@media print,
screen and (min-width:751px) {
  .m-detailBtn a:hover {
    color: #fff;
    opacity: 1
  }
}
.m-inner1 {
  width: 1040px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .m-inner1 {
    width: 90.66667%
  }
}
.m-lineInner {
  width: 90%;
  margin: 0 auto;
  position: relative
}
@media screen and (max-width:750px) {
  .m-lineInner {
    height: 12.66667vw;
    width: 100%
  }
}
@media screen and (max-width:750px) {
  .m-lineInner.line3 {
    height: 21.73333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.m-line {
  height: 4px;
  background: #fff;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0
}
.m-line:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  left: 0;
  background: #eac12b;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
@media print,
screen and (min-width:751px) {
  .m-lineActive:hover {
    opacity: 1
  }
  .m-lineActive:hover .m-line:before {
    width: 100%
  }
}
.m-lineAlreadyActive .m-line:before {
  width: 100%
}
/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden
}
.modaal-accessible-hide {
  position: absolute!important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px,1px,1px,1px);
  padding: 0!important;
  border: 0!important;
  height: 1px!important;
  width: 1px!important;
  overflow: hidden
}
.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0
}
.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}
.modaal-wrapper * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden
}
.modaal-wrapper .modaal-close {
  border: none;
  background: 0 0;
  padding: 0;
  -webkit-appearance: none
}
.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1
}
.modaal-wrapper.modaal-start_fade {
  opacity: 0
}
.modaal-wrapper [tabindex="0"] {
  outline: 0!important
}
.modaal-wrapper.modaal-fullscreen {
  overflow: hidden
}
.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%
}
.modaal-fullscreen .modaal-outer-wrapper {
  display: block
}
.modaal-inner-wrapper {
  display: table-cell;
  width: 896px;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px
}
.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top
}
.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 896px;
  background: 0 0;
  -webkit-box-shadow: 0 4px 15px rgba(0,0,0,.2);
  box-shadow: 0 4px 15px rgba(0,0,0,.2);
  cursor: auto
}
.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden
}
.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto
}
.modaal-close {
  position: absolute;
  right: 0;
  top: -60px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
@media screen and (max-width:750px) {
  .modaal-close {
    top: -7vw;
    width: 6.66667vw;
    height: 6.66667vw
  }
}
.modaal-close:focus,
.modaal-close:hover {
  outline: 0
}
.modaal-close:focus:before,
.modaal-close:hover:before {
  background: #fff
}
.modaal-close:focus:after,
.modaal-close:hover:after {
  background: #fff
}
.modaal-close span {
  position: absolute!important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px,1px,1px,1px);
  padding: 0!important;
  border: 0!important;
  height: 1px!important;
  width: 1px!important;
  overflow: hidden
}
.modaal-close:after,
.modaal-close:before {
  display: block;
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 2px;
  height: 50px;
  margin: 0 auto;
  border-radius: 4px;
  background: #fff;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out
}
@media screen and (max-width:750px) {
  .modaal-close:after,
  .modaal-close:before {
    height: 6.66667vw
  }
}
.modaal-close:before {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg)
}
.modaal-close:after {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg)
}
.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px
}
.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0
}
.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: 0 0
}
.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  -webkit-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out
}
.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f
}
.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline
}
.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f
}
@keyframes instaReveal {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes instaReveal {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.modaal-instagram .modaal-container {
  width: auto;
  background: 0 0;
  -webkit-box-shadow: none!important;
  box-shadow: none!important
}
.modaal-instagram .modaal-content-container {
  padding: 0;
  background: 0 0
}
.modaal-instagram .modaal-content-container > blockquote {
  width: 1px!important;
  height: 1px!important;
  opacity: 0!important
}
.modaal-instagram iframe {
  opacity: 0;
  margin: -6px!important;
  border-radius: 0!important;
  width: 1000px!important;
  max-width: 800px!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  -webkit-animation: instaReveal 1s linear forwards;
  animation: instaReveal 1s linear forwards
}
.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px
}
.modaal-image .modaal-container {
  width: auto;
  max-width: 100%
}
.modaal-gallery-wrap {
  position: relative;
  color: #fff
}
.modaal-gallery-item {
  display: none
}
.modaal-gallery-item img {
  display: block
}
.modaal-gallery-item.is_active {
  display: block
}
.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff
}
.modaal-gallery-label:focus {
  outline: 0
}
.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0,0,0,0);
  border: none;
  border-radius: 100%;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default
}
.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
  outline: 0;
  background: #fff
}
.modaal-gallery-control:focus:after,
.modaal-gallery-control:focus:before,
.modaal-gallery-control:hover:after,
.modaal-gallery-control:hover:before {
  background: #afb7bc
}
.modaal-gallery-control span {
  position: absolute!important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px,1px,1px,1px);
  padding: 0!important;
  border: 0!important;
  height: 1px!important;
  width: 1px!important;
  overflow: hidden
}
.modaal-gallery-control:after,
.modaal-gallery-control:before {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out
}
.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px
}
.modaal-gallery-next-outer {
  right: 45px
}
.modaal-gallery-prev:after,
.modaal-gallery-prev:before {
  left: 22px
}
.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px
}
.modaal-gallery-prev-outer {
  left: 45px
}
.modaal-video-wrap {
  position: relative
}
.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
  box-shadow: 0 0 10px rgba(0,0,0,.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto
}
.modaal-video-container embed,
.modaal-video-container iframe,
.modaal-video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%
}
.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block
}
@media only screen and (min-width:1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px
  }
}
@media only screen and (max-width:1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: rgba(0,0,0,.7)
  }
  .modaal-gallery-control:after,
  .modaal-gallery-control:before {
    background: #fff
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto
  }
}
@media screen and (max-width:900px) {
  .modaal-instagram iframe {
    width: 500px!important
  }
}
@media screen and (max-height:1100px) {
  .modaal-instagram iframe {
    width: 700px!important
  }
}
@media screen and (max-height:1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px
  }
  .modaal-instagram iframe {
    width: 600px!important
  }
}
@media screen and (max-height:900px) {
  .modaal-instagram iframe {
    width: 500px!important
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px
  }
}
@media only screen and (max-width:600px) {
  .modaal-instagram iframe {
    width: 280px!important
  }
}
@media only screen and (max-height:820px) {
  .modaal-gallery-label {
    display: none
  }
}
.modaal-loading-spinner {
  background: 0 0;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(.25);
  -ms-transform: scale(.25);
  transform: scale(.25)
}
@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }
  100% {
    opacity: .1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }
  100% {
    opacity: .1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute
}
.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff
}
.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}
.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner > div:nth-of-type(1) {
  -ms-transform: translate(84px,84px) rotate(45deg) translate(70px,0);
  -webkit-transform: translate(84px,84px) rotate(45deg) translate(70px,0);
  transform: translate(84px,84px) rotate(45deg) translate(70px,0)
}
.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .12s;
  animation-delay: .12s
}
.modaal-loading-spinner > div:nth-of-type(2) {
  -ms-transform: translate(84px,84px) rotate(90deg) translate(70px,0);
  -webkit-transform: translate(84px,84px) rotate(90deg) translate(70px,0);
  transform: translate(84px,84px) rotate(90deg) translate(70px,0)
}
.modaal-loading-spinner > div:nth-of-type(3) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .25s;
  animation-delay: .25s
}
.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner > div:nth-of-type(3) {
  -ms-transform: translate(84px,84px) rotate(135deg) translate(70px,0);
  -webkit-transform: translate(84px,84px) rotate(135deg) translate(70px,0);
  transform: translate(84px,84px) rotate(135deg) translate(70px,0)
}
.modaal-loading-spinner > div:nth-of-type(4) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .37s;
  animation-delay: .37s
}
.modaal-loading-spinner > div:nth-of-type(4) {
  -ms-transform: translate(84px,84px) rotate(180deg) translate(70px,0);
  -webkit-transform: translate(84px,84px) rotate(180deg) translate(70px,0);
  transform: translate(84px,84px) rotate(180deg) translate(70px,0)
}
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}
.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner > div:nth-of-type(5) {
  -ms-transform: translate(84px,84px) rotate(225deg) translate(70px,0);
  -webkit-transform: translate(84px,84px) rotate(225deg) translate(70px,0);
  transform: translate(84px,84px) rotate(225deg) translate(70px,0)
}
.modaal-loading-spinner > div:nth-of-type(6) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .62s;
  animation-delay: .62s
}
.modaal-loading-spinner > div:nth-of-type(6) {
  -ms-transform: translate(84px,84px) rotate(270deg) translate(70px,0);
  -webkit-transform: translate(84px,84px) rotate(270deg) translate(70px,0);
  transform: translate(84px,84px) rotate(270deg) translate(70px,0)
}
.modaal-loading-spinner > div:nth-of-type(7) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .75s;
  animation-delay: .75s
}
.modaal-loading-spinner > div:nth-of-type(7) {
  -ms-transform: translate(84px,84px) rotate(315deg) translate(70px,0);
  -webkit-transform: translate(84px,84px) rotate(315deg) translate(70px,0);
  transform: translate(84px,84px) rotate(315deg) translate(70px,0)
}
.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .87s;
  animation-delay: .87s
}
.modaal-loading-spinner > div:nth-of-type(8) {
  -ms-transform: translate(84px,84px) rotate(360deg) translate(70px,0);
  -webkit-transform: translate(84px,84px) rotate(360deg) translate(70px,0);
  transform: translate(84px,84px) rotate(360deg) translate(70px,0)
}
.m-more {
  color: #097941;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  font-family: Raleway,sans-serif;
  position: relative;
  display: inline-block;
  line-height: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
@media screen and (max-width:750px) {
  .m-more {
    font-size: 12.5px;
    font-size: 3.33333vw
  }
}
.m-more::after {
  content: "";
  position: absolute;
  display: block;
  right: -13px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  width: 6px;
  padding-top: 6px;
  border-bottom: 2px solid #eac12b;
  border-right: 2px solid #eac12b;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
@media screen and (max-width:750px) {
  .m-more::after {
    right: -47%
  }
}
.m-more--only:after {
  top: -10px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg)
}
.m-more--only::before {
  content: "";
  position: absolute;
  display: block;
  right: -13px;
  top: -30px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  padding-top: 6px;
  border-bottom: 2px solid #eac12b;
  border-right: 2px solid #eac12b;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  opacity: 0
}
@media screen and (max-width:750px) {
  .m-more--only::before {
    right: -47%
  }
}
.m-product__inner {
  background: #fff3c3;
  margin-top: 120px
}
@media screen and (max-width:750px) {
  .m-product__inner {
    margin-top: 2vw;
    margin-bottom: 14.66667vw
  }
}
.m-product__inner.m16 {
  margin: 16px 0
}
@media screen and (max-width:750px) {
  .m-product__inner.m16 {
    margin: 3.2% 0
  }
}
.m-product__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1040px;
  margin: 0 auto;
  padding: 65px 0 40px
}
@media screen and (max-width:750px) {
  .m-product__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 89.6vw;
    margin: 6.66667vw auto 0;
    padding: 16vw 0
  }
}
@media screen and (max-width:750px) {
  .m-product__list.mt0 {
    margin-top: 0
  }
}
.m-product__listItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 512px;
  padding: 50px 30px 50px 80px;
  background: #fff
}
@media screen and (max-width:750px) {
  .m-product__listItem {
    width: 90.66667vw;
    padding: 6vw 5.33333vw
  }
  .m-product__listItem:nth-of-type(n+2) {
    margin-top: 5.33333vw
  }
}
.m-product__listImg {
  margin: 0 auto
}
.m-product__listImg--01 {
  width: 133px
}
@media screen and (max-width:750px) {
  .m-product__listImg--01 {
    width: 28.66667vw
  }
}
.m-product__listImg--02 {
  width: 126px
}
@media screen and (max-width:750px) {
  .m-product__listImg--02 {
    width: 24.93333vw
  }
}
.m-product__listImg--03 {
  width: 107px
}
.m-product__listImg img {
  width: 100%
}
.m-product__listCategory {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 80px;
  height: 20px;
  font-size: 11px;
  border: 1px solid #414141
}
@media screen and (max-width:750px) {
  .m-product__listCategory {
    width: 20.66667vw;
    height: 5.33333vw;
    font-size: 10.5px;
    font-size: 2.8vw
  }
}
.m-product__listTtl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 86px;
  font-size: 15px;
  text-align: center;
  margin-top: 25px
}
@media screen and (max-width:750px) {
  .m-product__listTtl {
    height: auto;
    font-size: 16px;
    font-size: 4.26667vw
  }
}
@media screen and (max-width:750px) {
  .m-product__listTtl--01 {
    width: 44.26667vw
  }
}
@media screen and (max-width:750px) {
  .m-product__listTtl--02 {
    width: 44vw
  }
}
@media screen and (max-width:750px) {
  .m-product__listTtl--03 {
    width: 44.26667vw
  }
}
.m-product__detailBtn {
  margin: 20px 0 0 0
}
@media screen and (max-width:750px) {
  .m-product__detailBtn a {
    margin: inherit
  }
}
.m-productItem {
  margin: 0 auto;
  padding: 60px 0 100px;
  width: 1040px
}
@media screen and (max-width:750px) {
  .m-productItem {
    padding: 10.66667vw 0 13.33333vw;
    width: 90.66667%
  }
}
.m-productItem__inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .m-productItem__inner {
    display: block
  }
}
.m-productItem__img {
  text-align: center;
  width: 400px;
  margin: 0 auto;
  padding-right: 68px;
  position: relative
}
@media screen and (max-width:750px) {
  .m-productItem__img {
    width: 53.33333vw;
    padding-right: 0
  }
}
.m-productItem__img img {
  width: 100%
}
.m-productItem__img--img2 {
  width: 520px
}
@media screen and (max-width:750px) {
  .m-productItem__img--img2 {
    width: 69.33333vw
  }
}
.m-productItem__img--img3 {
  width: 320px
}
@media screen and (max-width:750px) {
  .m-productItem__img--img3 {
    width: 42.66667vw
  }
}
.m-productItem__img.newIcon::before {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffda00;
  content: "NEW";
  color: #0c3621;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 70px;
  position: absolute;
  top: -60px;
  left: 27px
}
@media screen and (max-width:750px) {
  .m-productItem__img.newIcon::before {
    top: -8vw;
    left: 0
  }
}
.m-productItem__img.otcIcon::after {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  content: "隨ｬ2鬘槫現阮ｬ蜩�";
  color: #424242;
  border: solid 1px #424242;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  height: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 70px;
  position: absolute;
  bottom: -35px;
  right: 70px
}
@media screen and (max-width:750px) {
  .m-productItem__img.otcIcon::after {
    right: 0
  }
}
.m-productItem__notes {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 26px
}
@media screen and (max-width:750px) {
  .m-productItem__notes {
    display: block;
    margin-top: 1.92926vw
  }
}
.m-productItem__icon {
  width: 88px
}
@media screen and (max-width:750px) {
  .m-productItem__icon {
    width: 20.73955%
  }
}
.m-productItem__icon img {
  width: 100%
}
.m-productItem__link {
  color: #097941;
  font-size: 14px;
  line-height: 1.8;
  margin-left: 15px;
  padding-right: 26px;
  text-decoration: underline;
  position: relative
}
@media screen and (max-width:750px) {
  .m-productItem__link {
    margin-top: 2.41158vw;
    margin-left: 0;
    padding-right: 1.8em;
    font-size: 12px;
    font-size: 3.2vw
  }
}
.m-productItem__link::after {
  background: url(/vantelin/assets/img/common/link_window_icon.svg);
  background-size: contain;
  content: "";
  height: 14px;
  width: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .m-productItem__link::after {
    height: 1.3em;
    width: 1.3em
  }
}
.m-productItem__txt {
  font-size: 16px;
  margin: 64px auto 0;
  width: 896px
}
@media screen and (max-width:750px) {
  .m-productItem__txt {
    font-size: 12px;
    font-size: 3.2vw;
    margin: 6.75241vw auto 0;
    width: 100%
  }
}
.m-productItem__txt .italic {
  font-style: italic
}
@media print,
screen and (min-width:751px) {
  .m-productItem__txt.mt0 {
    margin-top: 0
  }
}
.m-productItemTable {
  width: 512px
}
@media screen and (max-width:750px) {
  .m-productItemTable {
    margin-top: 12.86174vw;
    width: 100%
  }
}
.m-productItemTable__ttl {
  background-color: #097941;
  color: #fff;
  font-size: 16px;
  padding: 10px 0;
  width: 160px;
  border-bottom: 3px solid #fff;
  vertical-align: middle
}
@media screen and (max-width:750px) {
  .m-productItemTable__ttl {
    padding: 1.5em 0;
    width: 29.09968%;
    font-size: 12px;
    font-size: 3.2vw
  }
}
.m-productItemTable__text {
  font-size: 16px;
  padding: 10px 0 10px 16px;
  width: 352px;
  vertical-align: middle
}
@media screen and (max-width:750px) {
  .m-productItemTable__text {
    padding: 1.5em 0 1.5em 3vw;
    width: 27430200%;
    font-size: 12px;
    font-size: 3.2vw
  }
}
.m-productItemTable__text .italic {
  font-style: italic
}
.m-productItemLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 64px auto 0;
  width: 688px
}
@media screen and (max-width:750px) {
  .m-productItemLink {
    display: block;
    margin-top: 10.66667vw;
    width: 100%
  }
}
@media print,
screen and (min-width:751px) {
  .m-productItemLink--c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.m-productItemLink__btn {
  position: relative;
  width: 336px
}
@media screen and (max-width:750px) {
  .m-productItemLink__btn {
    margin-top: 5.88235vw;
    width: 100%
  }
}
@media print,
screen and (min-width:751px) {
  .m-productItemLink__btn:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: #0c3621;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
  }
  .m-productItemLink__btn:hover:after {
    width: 100%
  }
}
@media screen and (max-width:750px) {
  .m-productItemLink__btn:first-child {
    margin-top: 0
  }
}
.m-productItemLink__btn--only {
  margin: 0 auto
}
.m-productItemLink__btn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 336px;
  height: 50px;
  color: #097941;
  font-size: 16px;
  margin: 0 auto;
  border: 1px solid #097941;
  z-index: 1
}
@media screen and (max-width:750px) {
  .m-productItemLink__btn a {
    width: 100%;
    height: 16.53333vw;
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.m-productItemLink__btn a:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  right: 20px;
  width: 10px;
  height: 7px;
  background: url(/vantelin/assets/img/common/m-btn_arrow.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
@media screen and (max-width:750px) {
  .m-productItemLink__btn a:before {
    right: 3.33333vw;
    width: 2.66667vw;
    height: 4vw
  }
}
@media print,
screen and (min-width:751px) {
  .m-productItemLink__btn a:hover {
    color: #fff;
    opacity: 1
  }
}
.m-productItemLink__btn--02 a:before {
  width: 14px;
  height: 14px;
  background: url(/vantelin/assets/img/common/link_window_icon.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .m-productItemLink__btn--02 a:before {
    width: 4vw;
    height: 4vw
  }
}
.m-svgActive {
  fill: #097941!important
}
.m-h1ttl {
  position: relative;
  min-width: 1200px;
  width: 100%;
  height: 280px;
  background: #097941;
  background: -webkit-gradient(linear,left top,right top,color-stop(50%,#097941),color-stop(99%,#0c3621));
  background: -o-linear-gradient(left,#097941 50%,#0c3621 99%);
  background: linear-gradient(to right,#097941 50%,#0c3621 99%)
}
@media screen and (max-width:750px) {
  .m-h1ttl {
    min-width: 100%;
    height: 48vw
  }
}
.m-h1ttl--under {
  height: 200px;
  background: #0c3621;
  background: -webkit-gradient(linear,left top,right top,from(#0c3621),to(#097941));
  background: -o-linear-gradient(left,#0c3621 0,#097941 100%);
  background: linear-gradient(to right,#0c3621 0,#097941 100%)
}
@media screen and (max-width:750px) {
  .m-h1ttl--under {
    height: 34.66667vw;
    padding: 0 7.33333vw;
    background: #0c3621
  }
}
.m-h1ttl__wrap {
  position: relative;
  width: 1006px;
  height: 280px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .m-h1ttl__wrap {
    width: 100%;
    height: 48vw
  }
}
.m-h1ttl__wrap--under {
  height: 200px
}
@media screen and (max-width:750px) {
  .m-h1ttl__wrap--under {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 34.66667vw
  }
}
.m-h1ttl__ttl {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1
}
@media screen and (max-width:750px) {
  .m-h1ttl__ttl {
    width: 82.66667vw;
    left: 0;
    right: 0;
    margin: 0 auto
  }
}
.m-h1ttl__ttl--under {
  position: relative;
  z-index: 1
}
@media screen and (max-width:750px) {
  .m-h1ttl__ttl--under {
    top: auto;
    left: auto;
    right: auto;
    margin: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
.m-h1ttl__en {
  display: block;
  color: #eac12b;
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .05em;
  font-family: Raleway,Sans-Serif
}
@media screen and (max-width:750px) {
  .m-h1ttl__en {
    font-size: 10px;
    font-size: 2.66667vw
  }
}
.m-h1ttl__ja {
  display: block;
  color: #fff;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 10px
}
@media screen and (max-width:750px) {
  .m-h1ttl__ja {
    font-size: 22.5px;
    font-size: 6vw;
    margin-top: 2vw
  }
}
.m-h1ttl__txt {
  display: block;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  margin-top: 15px
}
@media screen and (max-width:750px) {
  .m-h1ttl__txt {
    font-size: 12px;
    font-size: 3.2vw;
    margin-top: 3vw
  }
}
.m-h1ttl__txt--under {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: 610px;
  height: 200px;
  background: #086e35;
  margin-top: 0;
  -webkit-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  transform: skewX(-45deg)
}
@media screen and (max-width:750px) {
  .m-h1ttl__txt--under {
    display: none
  }
}
.m-h1ttl__txt--under span {
  display: block;
  font-size: 20px;
  font-weight: 400;
  -webkit-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  transform: skewX(45deg)
}
.m-h1ttl__img {
  position: absolute;
  top: 0;
  right: 0;
  width: 885px
}
@media screen and (max-width:750px) {
  .m-h1ttl__img {
    width: 100%
  }
}
@media print,
screen and (min-width:751px) {
  .m-h1ttl__img--745 {
    width: 745px
  }
}
@media print,
screen and (min-width:751px) {
  .m-h1ttl__img--803 {
    width: 803px
  }
}
.m-h1ttl02 {
  position: relative;
  width: 100%;
  min-width: 1200px;
  height: 200px;
  background: #0c3621;
  background: -webkit-gradient(linear,left top,right top,color-stop(50%,#0c3621),color-stop(99%,#097941));
  background: -o-linear-gradient(left,#0c3621 50%,#097941 99%);
  background: linear-gradient(to right,#0c3621 50%,#097941 99%)
}
@media screen and (max-width:750px) {
  .m-h1ttl02 {
    min-width: auto;
    height: 34.66667vw;
    margin-top: 50px;

  }
}
.m-h1ttl02__wrap {
  width: 1068px;
  height: 200px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .m-h1ttl02__wrap {
    position: relative;
    height: 34.66667vw;
    width: 82.93333%
  }
}
@media screen and (max-width:750px) {
  .m-h1ttl02__title {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    width: 100%
  }
}
@media screen and (max-width:750px) {
  .m-h1ttl02__title--top {
    top: 40%
  }
}
.m-h1ttl02__ttl {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2
}
@media screen and (max-width:750px) {
  .m-h1ttl02__ttl {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 50%
  }
}
@media screen and (max-width:750px) {
  .m-h1ttl02__ttl--l {
    width: 90%
  }
}
@media screen and (max-width:750px) {
  .m-h1ttl02__ttl.w100 {
    width: 100%
  }
}
@media screen and (max-width:750px) {
  .m-h1ttl02__ttl.w60 {
    width: 60%
  }
}
@media screen and (max-width:750px) {
  .m-h1ttl02__ttl.w65sp {
    width: 65%
  }
}
.m-h1ttl02__img {
  position: absolute;
  top: 0;
  right: 0;
  width: 613px
}
@media screen and (max-width:750px) {
  .m-h1ttl02__img {
    display: none
  }
}
.m-h1ttl02__img02Wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 613px
}
@media screen and (max-width:750px) {
  .m-h1ttl02__img02Wrap {
    display: none
  }
}
.m-h1ttl02__img02 {
  position: absolute;
  top: 50%;
  left: 55%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 150px
}
@media screen and (max-width:750px) {
  .m-h1ttl02__img02 {
    display: none
  }
}
.m-h1ttl02__img02--2 {
  width: 130px
}
.m-h1ttl02__img02--3 {
  left: 50%;
  width: 200px
}
.m-h1ttl02__img02 img {
  width: 100%
}
.m-h1ttl02__img02.newIcon::before {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffda00;
  content: "NEW";
  color: #0c3621;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 70px;
  position: absolute;
  top: 0;
  left: calc(100% + 0px)
}
@media screen and (max-width:750px) {
  .m-h1ttl02__img02.newIcon::before {
    display: none
  }
}
.m-h1ttl02__img02.newIcon02::before {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffda00;
  content: "NEW";
  color: #0c3621;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 70px;
  position: absolute;
  top: 0;
  left: calc(100% + 10px)
}
@media screen and (max-width:750px) {
  .m-h1ttl02__img02.newIcon02::before {
    display: none
  }
}
.m-h1ttl02__img02.packageIcon::before {
  content: '';
  display: inline-block;
  background: url(../img/product-img/common/package-icon.png) no-repeat right top;
  background-size: contain;
  width: 101px;
  height: 46px;
  position: absolute;
  top: 0;
  left: calc(100% + 0px)
}
.m-h1ttl02__img02.otcIcon::after {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  content: "隨ｬ2鬘槫現阮ｬ蜩�";
  color: #424242;
  border: solid 1px #424242;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  height: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 70px;
  position: absolute;
  bottom: 0;
  left: calc(100% + 0px)
}
.m-h1ttl02__img02.otcIcon02::after {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  content: "隨ｬ2鬘槫現阮ｬ蜩�";
  color: #424242;
  border: solid 1px #424242;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  height: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 70px;
  position: absolute;
  bottom: 0;
  left: calc(100% + 10px)
}
.m-h1ttl02__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 732px;
  height: 100%;
  z-index: 1
}
@media screen and (max-width:750px) {
  .m-h1ttl02__bg {
    display: none
  }
}
.m-h1ttl02__bg img {
  height: 100%
}
.m-h1ttl02__txt {
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 450px;
  z-index: 2
}
@media screen and (max-width:750px) {
  .m-h1ttl02__txt {
    font-size: 12px;
    font-size: 3.2vw;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: 2.41935vw;
    padding-left: 0;
    width: 100%
  }
}
@media print,
screen and (min-width:751px) {
  .m-h1ttl02__txt--l {
    margin-right: 60px
  }
}
.m-h1ttl02--icinng {
  background: -webkit-gradient(linear,left top,right top,from(#191b71),color-stop(68%,#005bac),to(#005bac));
  background: -o-linear-gradient(left,#191b71 0,#005bac 68%,#005bac 100%);
  background: linear-gradient(90deg,#191b71 0,#005bac 68%,#005bac 100%)
}
.m-h2ttl {
  color: #0c3621;
  font-size: 30px;
  font-weight: 700
}
@media screen and (max-width:750px) {
  .m-h2ttl {
    font-size: 18px;
    font-size: 4.8vw
  }
}
.m-title {
  color: #097941;
  font-size: 20px;
  font-weight: 700;
  padding-left: 57px;
  position: relative
}
@media screen and (max-width:750px) {
  .m-title {
    font-size: 18px;
    font-size: 4.8vw;
    padding-left: 12.35294vw
  }
}
.m-title::before {
  background-color: #eac12b;
  content: "";
  height: 2px;
  width: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .m-title::before {
    width: 8.82353vw
  }
}
.m-ttlLine {
  position: relative;
  padding-left: 50px
}
@media screen and (max-width:750px) {
  .m-ttlLine {
    padding-left: 10.66667vw
  }
}
.m-ttlLine:before {
  position: absolute;
  display: block;
  content: '';
  top: 16px;
  left: 0;
  width: 40px;
  height: 4px;
  background: #eac12b
}
@media screen and (max-width:750px) {
  .m-ttlLine:before {
    top: 4vw;
    width: 8vw;
    height: .8vw
  }
}
.m-kowa {
  font-size: 60%;
  vertical-align: baseline
}
.m-alpha {
  font-family: "Fira Sans",sans-serif
}
.m-alpha.lh {
  line-height: 1.2
}
.m-alpha.lh1_6 {
  line-height: 1.6
}
.m-alpha.fs15 {
  font-size: 15px
}
@media screen and (max-width:750px) {
  .m-alpha.fs15 {
    font-size: 10px;
    font-size: 2.66667vw
  }
}
.m-alpha.fs20 {
  font-size: 20px
}
@media screen and (max-width:750px) {
  .m-alpha.fs20 {
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.p-cm__tab {
  margin-top: 60px;
  border-bottom: 1px solid #bebebe
}
@media screen and (max-width:750px) {
  .p-cm__tab {
    margin-top: 8vw
  }
}
.p-cm__tabList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1050px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-cm__tabList {
    width: 100%
  }
}
.p-cm__tabListItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 350px;
  height: 55px;
  color: #097941;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .1em;
  cursor: pointer;
  font-family: Raleway,Sans-Serif
}
@media screen and (max-width:750px) {
  .p-cm__tabListItem {
    width: calc(100% / 3);
    height: 9.33333vw;
    font-size: 13px;
    font-size: 3.46667vw
  }
}
.p-cm__tabListItem:nth-of-type(n+2):after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 0;
  width: 1px;
  height: 24px;
  background: #bebebe;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .p-cm__tabListItem:nth-of-type(n+2):after {
    height: 5.33333vw
  }
}
.p-cm__tabListItem:nth-of-type(3):after {
  display: none
}
.p-cm__tabListItem.active:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 90%;
  height: 4px;
  background: #eac12b;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
@media screen and (max-width:750px) {
  .p-cm__tabListItem.active:before {
    height: .53333vw
  }
}
.p-cm__tabListItem.active:hover:before {
  width: 100%
}
.p-cm__inner {
  width: 896px;
  margin: 100px auto 120px
}
@media screen and (max-width:750px) {
  .p-cm__inner {
    width: 100%;
    padding: 0 4.66667vw;
    margin: 13.33333vw auto 26.66667vw
  }
}
.p-cm__section--01 {
  margin-top: 30px
}
@media screen and (max-width:750px) {
  .p-cm__section--01 {
    margin-top: 8vw
  }
}
.p-cm__section--02,
.p-cm__section--03,
.p-cm__section--04 {
  margin-top: 100px
}
@media screen and (max-width:750px) {
  .p-cm__section--02,
  .p-cm__section--03,
  .p-cm__section--04 {
    margin-top: 13.33333vw
  }
}
.p-cm__h2ttl {
  color: #097941;
  font-size: 40px;
  font-weight: 900
}
@media screen and (max-width:750px) {
  .p-cm__h2ttl {
    font-size: 30px;
    font-size: 8vw
  }
}
.p-cm__h3ttl {
  color: #097941;
  font-size: 20px
}
@media screen and (max-width:750px) and (max-width:750px) {
  .p-cm__h3ttl {
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.p-cm__movie {
  position: relative;
  width: 100%;
  margin-top: 20px;
  padding-top: 56.25%
}
@media screen and (max-width:750px) {
  .p-cm__movie {
    width: 100%;
    margin-top: 2.66667vw
  }
}
.p-cm__movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.p-features {
  padding-bottom: 100px
}
@media screen and (max-width:750px) {
  .p-features {
    padding-bottom: 30.66667vw
  }
}
.p-features__wrap {
  width: 1040px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-features__wrap {
    width: 100%;
    padding: 0 4.66667vw
  }
}
.p-features__inner {
  margin-top: 64px
}
@media screen and (max-width:750px) {
  .p-features__inner {
    margin-top: 8.53333vw
  }
}
.p-features__section {
  padding: 0 72px
}
@media screen and (max-width:750px) {
  .p-features__section {
    padding: 0
  }
}
.p-features__section--01 {
  margin-top: 30px
}
.p-features__section--02,
.p-features__section--03,
.p-features__section--04 {
  margin-top: 100px;
  padding-top: 100px;
  border-top: 1px solid #b1b1b1
}
@media screen and (max-width:750px) {
  .p-features__section--02,
  .p-features__section--03,
  .p-features__section--04 {
    margin-top: 10.66667vw;
    padding-top: 8.53333vw
  }
}
@media print,
screen and (min-width:751px) {
  .p-features__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.p-features__flex--c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.p-features__flex div {
  width: 288px;
  margin-right: 60px
}
@media screen and (max-width:750px) {
  .p-features__flex div {
    width: 50vw;
    margin: 0 auto 8.8vw
  }
}
.p-features__flex p {
  font-size: 24px;
  letter-spacing: .02em
}
@media screen and (max-width:750px) {
  .p-features__flex p {
    margin-left: 10.66667vw;
    font-size: 14px;
    font-size: 3.73333vw
  }
}
.p-features__flex p span {
  font-size: 1.1em;
  font-weight: 700;
  color: #097941
}
.p-features__h1ttl .m-h1ttl__wrap {
  z-index: 1
}
@media screen and (max-width:750px) {
  .p-features__h1ttl .m-h1ttl__wrap {
    height: auto
  }
}
@media screen and (max-width:750px) {
  .p-features__h1ttl {
    background: #097941;
    height: auto;
    padding: 6.93333vw 0 8.4vw
  }
  .p-features__h1ttl .m-h1ttl__ttl {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
.p-features__h1ttl--small {
  font-size: 20px;
  vertical-align: baseline
}
@media screen and (max-width:750px) {
  .p-features__h1ttl--small {
    font-size: 10px;
    font-size: 2.66667vw
  }
}
@media screen and (max-width:750px) {
  .p-features__h1ttlImg {
    display: none
  }
}
.p-features__h1txt {
  position: absolute;
  color: #fff;
  top: 50%;
  left: 290px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  font-size: 20px;
  letter-spacing: .04em
}
@media screen and (max-width:750px) {
  .p-features__h1txt {
    font-size: 12px;
    font-size: 3.2vw;
    position: static;
    width: 82.66667vw;
    margin: 3.6vw auto 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
.p-features__h2ttl {
  color: #097941;
  font-size: 40px;
  font-weight: 900
}
.p-features__h3ttl {
  color: #097941;
  font-size: 20px
}
@media screen and (max-width:750px) {
  .p-features__h3ttl {
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.p-features__sec1Img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .p-features__sec1Img {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
@media screen and (max-width:750px) {
  .p-features__sec1ImgItem {
    width: calc(100%/2 - 7px)
  }
  .p-features__sec1ImgItem:nth-child(n+3) {
    margin-top: 10px
  }
}
.p-features__sec2Img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .p-features__sec2Img {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
@media screen and (max-width:750px) {
  .p-features__sec2ImgItem {
    width: calc(100%/2 - 5px)
  }
  .p-features__sec2ImgItem:nth-child(n+3) {
    margin-top: 8px
  }
}
.p-features__block {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width:750px) {
  .p-features__block {
    margin-top: 8.53333vw;
    display: block
  }
}
@media screen and (max-width:750px) {
  .p-features__blockImg {
    width: 41.2vw;
    margin: 0 auto
  }
}
.p-features__blockTxt {
  padding-left: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media print,
screen and (min-width:751px) {
  .p-features__blockTxt {
    width: 680px
  }
}
@media screen and (max-width:750px) {
  .p-features__blockTxt {
    padding-left: 0;
    margin-top: 3.46667vw
  }
}
.p-features__blockTxt dt {
  font-size: 20px;
  font-weight: 900;
  color: #097941
}
@media screen and (max-width:750px) {
  .p-features__blockTxt dt {
    font-size: 14px;
    font-size: 3.73333vw
  }
}
.p-features__blockTxt dd {
  font-size: 16px;
  margin-top: 15px
}
@media screen and (max-width:750px) {
  .p-features__blockTxt dd {
    font-size: 12px;
    font-size: 3.2vw;
    margin-top: 2.13333vw
  }
}
.p-features__listBtn {
  width: 335px;
  margin: 100px auto
}
@media screen and (max-width:750px) {
  .p-features__listBtn {
    width: 66.66667vw;
    margin: 9.33333vw auto
  }
}
.p-features__listBtn a {
  width: 335px;
  height: 50px;
  font-size: 20px
}
@media screen and (max-width:750px) {
  .p-features__listBtn a {
    width: 66.66667vw;
    height: 13.33333vw;
    font-size: 14px;
    font-size: 3.73333vw
  }
}
.p-features__blockBtn {
  position: relative;
  width: 368px;
  border: 1px solid #097941;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
@media screen and (max-width:750px) {
  .p-features__blockBtn {
    width: 100%;
    margin-top: 10.66667vw
  }
}
@media print,
screen and (min-width:751px) {
  .p-features__blockBtn:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: #0c3621;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
  }
  .p-features__blockBtn:hover:after {
    width: 100%
  }
}
.p-features__blockBtn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: block;
  padding: 15px;
  color: #097941;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  line-height: 1;
  letter-spacing: .1em;
  z-index: 1
}
@media screen and (max-width:750px) {
  .p-features__blockBtn a {
    width: 100%;
    padding: 5.33333vw 0;
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.p-features__blockBtn a:before {
  position: absolute;
  display: block;
  content: "";
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  width: 5px;
  padding-top: 5px;
  border-bottom: 2px solid #eac12b;
  border-right: 2px solid #eac12b;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
@media screen and (max-width:750px) {
  .p-features__blockBtn a:before {
    width: 2vw;
    padding-top: 2vw;
    right: 4vw
  }
}
@media print,
screen and (min-width:751px) {
  .p-features__blockBtn a:hover {
    color: #fff;
    opacity: 1
  }
  .p-features__blockBtn a:hover:before {
    right: 15px
  }
}
.p-features__img {
  text-align: center
}
.p-howToInstallCommon {
  min-width: 1200px;
  position: relative;
  z-index: 1
}
@media screen and (max-width:750px) {
  .p-howToInstallCommon {
    min-width: auto
  }
}
.p-howToInstallCommonStep {
  background-color: #effff7;
  margin-top: 120px;
  padding: 124px 0 100px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStep {
    margin-top: 16vw;
    padding: 21.33333vw 0 16vw
  }
}
.p-howToInstallCommonStep__caution {
  width: 1040px;
  margin: 0 auto 60px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStep__caution {
    width: 90.66667%;
    margin: 0 auto 10.66667vw
  }
}
.p-howToInstallCommonStep__cautionTxt {
  font-size: 16px;
  line-height: 1.8
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStep__cautionTxt {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-howToInstallCommonStep__inner {
  margin: 0 auto;
  width: 1040px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStep__inner {
    width: 100%
  }
}
.p-howToInstallCommonStep__hosoku {
  font-size: 20px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStep__hosoku {
    font-size: 16px;
    font-size: 4.26667vw
  }
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStep__link {
    width: 90.66667%;
    margin: 0 auto
  }
}
.p-howToInstallCommonStep__link a {
  font-size: 20px;
  text-decoration: underline;
  font-weight: 700
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStep__link a {
    font-size: 4.26667vw
  }
}
.p-howToInstallCommonStep__notes {
  font-size: 20px;
  font-weight: 700
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStep__notes {
    font-size: 4.26667vw
  }
}
.p-howToInstallCommonStepBlock {
  background-color: #fff;
  width: 1040px;
  margin: 64px auto 0;
  position: relative
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock {
    margin: 16vw auto 0;
    height: auto;
    width: 90.66667%
  }
}
.p-howToInstallCommonStepBlock:first-child {
  margin-top: 0
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock.mtSmall {
    margin-top: 8vw
  }
}
.p-howToInstallCommonStepBlock__wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 277px;
  margin: 0 auto;
  position: relative;
  width: 880px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock__wrap {
    display: block;
    padding: 12.8vw 0 6vw;
    height: auto;
    width: 100%
  }
}
.p-howToInstallCommonStepBlock__wrap--socks {
  height: 150px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock__wrap--socks {
    height: auto
  }
}
.p-howToInstallCommonStepBlock__wrap--cation {
  height: 400px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock__wrap--cation {
    height: auto
  }
}
.p-howToInstallCommonStepBlock__wrapInner {
  width: 400px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock__wrapInner {
    width: 88.23529%;
    margin: 0 auto
  }
}
.p-howToInstallCommonStepBlock__wrapInner .p-howToInstallCommonStepBlock__txt {
  width: 100%
}
.p-howToInstallCommonStepBlock__ttl {
  color: #097941;
  font-size: 40px;
  font-weight: bolder;
  position: absolute;
  top: 0;
  left: 80px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock__ttl {
    font-size: 30px;
    font-size: 8vw;
    left: 4.66667%;
    width: 100%
  }
}
.p-howToInstallCommonStepBlock__txt {
  width: 450px;
  font-size: 16px;
  line-height: 1.8
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock__txt {
    font-size: 14px;
    font-size: 3.73333vw;
    width: 100%;
    margin: 0 auto;
    width: 88.23529%
  }
}
.p-howToInstallCommonStepBlock__txt .bold {
  font-weight: 700;
  font-size: 16px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock__txt .bold {
    font-size: 14px;
    font-size: 3.73333vw
  }
}
.p-howToInstallCommonStepBlock__txt.w580 {
  width: 588px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock__txt.w580 {
    width: 88.23529%
  }
}
@media print,
screen and (min-width:751px) {
  .p-howToInstallCommonStepBlock__txt.w100 {
    width: 100%
  }
}
.p-howToInstallCommonStepBlock__txt span .bold {
  font-weight: 700;
  font-size: 16px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock__txt span .bold {
    font-size: 14px;
    font-size: 3.73333vw
  }
}
.p-howToInstallCommonStepBlock__txt .red {
  color: #c72700;
  vertical-align: baseline
}
.p-howToInstallCommonStepBlock__caption {
  font-size: 16px;
  line-height: 1.8
}
.p-howToInstallCommonStepBlock__caption:nth-child(1) {
  margin-top: 5px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock__caption:nth-child(1) {
    margin-top: 4vw
  }
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock__caption {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-howToInstallCommonStepBlock__caption.ti {
  padding-left: 1em;
  text-indent: -1em
}
.p-howToInstallCommonStepBlock__caption.mt {
  margin-top: 15px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock__caption.mt {
    margin-top: 4vw
  }
}
.p-howToInstallCommonStepBlock__caption.red {
  color: #c72700
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock__img {
    width: 50vw;
    margin: 2.66667vw auto 0
  }
}
@media print,
screen and (min-width:751px) {
  .p-howToInstallCommonStepBlock__img.w178 {
    width: 178px
  }
}
.p-howToInstallCommonStepBlock__img.w178 img {
  width: 100%
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonStepBlock__img--cation {
    width: 88.23529%
  }
}
.p-howToInstallCommonVideo {
  background-color: #f0ffe6;
  margin-top: 16px;
  padding: 100px 0 120px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonVideo {
    margin-top: 2w;
    padding: 14.13333vw 0 15.6vw
  }
}
.p-howToInstallCommonVideo__inner {
  margin: 0 auto;
  width: 896px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonVideo__inner {
    width: 85.33333vw
  }
}
.p-howToInstallCommonVideo__videoWrap {
  position: relative;
  max-width: 896px;
  width: 100%;
  margin-top: 25px;
  padding-top: 56.25%
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonVideo__videoWrap {
    margin-top: 5.33333vw
  }
}
.p-howToInstallCommonVideo__videoWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%
}
.p-howToInstallCommonBackBtn {
  width: 335px;
  margin: 100px auto
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonBackBtn {
    width: 66.66667vw;
    margin: 9.33333vw auto
  }
}
.p-howToInstallCommonBackBtn a {
  width: 335px;
  height: 50px;
  font-size: 20px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonBackBtn a {
    width: 66.66667vw;
    height: 13.33333vw;
    font-size: 14px;
    font-size: 3.73333vw
  }
}
.p-howToInstallCommonPoint {
  padding-top: 80px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonPoint {
    padding: 6vw 6vw 0
  }
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonPoint--knee_comp {
    padding: 6vw 0 0
  }
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonPoint__inner {
    padding-bottom: 6vw!important
  }
}
.p-howToInstallCommonPoint__inner02 {
  margin: 0 auto;
  padding-bottom: 80px;
  width: 809px
}
@media screen and (max-width:750px) {
  .p-howToInstallCommonPoint__inner02 {
    padding-bottom: 6vw!important;
    width: 100%
  }
}
.p-howtouse__h2ttl {
  position: relative;
  width: 1040px;
  margin: 120px auto 0
}
@media screen and (max-width:750px) {
  .p-howtouse__h2ttl {
    width: 82.66667vw;
    margin: 16vw auto 0
  }
}
.p-howtouse__h2ttl--paint {
  padding-left: 70px
}
@media screen and (max-width:750px) {
  .p-howtouse__h2ttl--paint {
    padding-left: 14.66667vw
  }
}
.p-howtouse__h2ttl--paint:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 0;
  width: 34px;
  height: 42px;
  background: url(/vantelin/assets/img/common/m-btn_paint.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .p-howtouse__h2ttl--paint:before {
    width: 10.66667vw;
    height: 12.93333vw
  }
}
.p-howtouse__h2ttl--paste {
  padding-left: 70px
}
@media screen and (max-width:750px) {
  .p-howtouse__h2ttl--paste {
    padding-left: 18.66667vw
  }
}
.p-howtouse__h2ttl--paste:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 0;
  width: 48px;
  height: 33px;
  background: url(/vantelin/assets/img/common/m-btn_paste.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .p-howtouse__h2ttl--paste:before {
    width: 14.66667vw;
    height: 9.6vw
  }
}
.p-howtouse__inner--paint {
  background: #effff7
}
.p-howtouse__inner--paste {
  background: #f0ffe6;
  margin-bottom: 120px
}
@media screen and (max-width:750px) {
  .p-howtouse__inner--paste {
    margin-bottom: 14.66667vw
  }
}
.p-howtouse__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1040px;
  margin: 15px auto 0;
  padding: 65px 0 40px
}
@media screen and (max-width:750px) {
  .p-howtouse__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 89.6vw;
    margin: 6.66667vw auto 0;
    padding: 16vw 0
  }
}
@media print,
screen and (min-width:751px) {
  .p-howtouse__list--paste {
    width: 958px
  }
}
@media screen and (max-width:750px) {
  .p-howtouse__listItem:nth-of-type(n+3) {
    margin-top: 13.33333vw
  }
}
.p-howtouse__listItem--08 {
  padding: 0 50px 0 30px
}
@media screen and (max-width:750px) {
  .p-howtouse__listItem--08 {
    padding: 0
  }
}
.p-howtouse__listImg {
  margin: 0 auto;
  text-align: center
}
.p-howtouse__listImg--paint {
  width: 155px
}
@media screen and (max-width:750px) {
  .p-howtouse__listImg--paint {
    width: 34.66667vw
  }
}
.p-howtouse__listImg--paste {
  width: 220px
}
@media screen and (max-width:750px) {
  .p-howtouse__listImg--paste {
    width: 40.66667vw
  }
}
.p-howtouse__listCategory {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 15px;
  left: 0;
  width: 80px;
  height: 20px;
  font-size: 11px;
  border: 1px solid #414141
}
@media screen and (max-width:750px) {
  .p-howtouse__listCategory {
    top: 5.33333vw;
    width: 20.66667vw;
    height: 5.33333vw;
    font-size: 10.5px;
    font-size: 2.8vw
  }
}
.p-howtouse__listTtl {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  margin-top: 5px
}
@media screen and (max-width:750px) {
  .p-howtouse__listTtl {
    font-size: 16px;
    font-size: 4.26667vw;
    margin-top: 4vw
  }
}
.p-howtouse__detailBtn {
  margin-top: 5px
}
@media screen and (max-width:750px) {
  .p-howtouse__detailBtn {
    margin-top: 4vw
  }
}
.p-sitemap {
  width: 1040px;
  margin: 73px auto 128px
}
@media screen and (max-width:750px) {
  .p-sitemap {
    width: 85.33333vw;
    margin: 12vw auto 30.66667vw
  }
}
.p-sitemap__maineTtl {
  font-size: 30px;
  font-weight: 700;
  color: #097941
}
@media screen and (max-width:750px) {
  .p-sitemap__maineTtl {
    font-size: 20px;
    font-size: 5.33333vw
  }
}
.p-sitemap__maineTtl a {
  color: #097941
}
.p-sitemap__maineTtl--use {
  margin-top: 90px
}
@media screen and (max-width:750px) {
  .p-sitemap__maineTtl--use {
    margin-top: 14.93333vw
  }
}
.p-sitemap__box {
  padding: 50px 0 88px 0;
  border-bottom: solid 2px #097941
}
@media screen and (max-width:750px) {
  .p-sitemap__box {
    padding: 8vw 0 14.66667vw 0
  }
}
.p-sitemap__box--use {
  padding: 10px 0 88px 0
}
@media screen and (max-width:750px) {
  .p-sitemap__box--use {
    padding: 0 0 14.66667vw 0
  }
}
.p-sitemap__tag {
  font-size: 11px;
  color: #707070;
  border: solid 1px #707070;
  width: 80px;
  text-align: center;
  padding: 3px 0
}
@media screen and (max-width:750px) {
  .p-sitemap__tag {
    font-size: 10.5px;
    font-size: 2.8vw;
    width: 20.66667vw
  }
}
.p-sitemap__subTtl {
  font-size: 26px;
  font-weight: 700;
  margin-top: 5px;
  letter-spacing: 1px
}
.p-sitemap__subTtl--border {
  border-bottom: solid 2px #b1b1b1;
  line-height: 2.5
}
@media screen and (max-width:750px) {
  .p-sitemap__subTtl {
    font-size: 18px;
    font-size: 4.8vw;
    margin-top: 4.66667vw
  }
}
.p-sitemap__subTtl span {
  font-size: 20px;
  vertical-align: baseline
}
@media screen and (max-width:750px) {
  .p-sitemap__subTtl span {
    font-size: 14px;
    font-size: 3.73333vw
  }
}
@media screen and (max-width:750px) {
  .p-sitemap__area {
    width: 80vw;
    margin: 0 auto
  }
}
.p-sitemap__areaTtl {
  font-size: 20px;
  font-weight: 700;
  border-bottom: solid 2px #b1b1b1;
  padding-bottom: 8px;
  margin-top: 44px
}
@media screen and (max-width:750px) {
  .p-sitemap__areaTtl {
    font-size: 15px;
    font-size: 4vw;
    margin-top: 8.93333vw
  }
}
.p-sitemap__areaTtl--mt {
  margin-top: 0
}
.p-sitemap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width:750px) {
  .p-sitemap__list {
    display: block
  }
}
.p-sitemap__listItem {
  width: 247px;
  font-size: 15px;
  margin-top: 20px
}
@media screen and (max-width:750px) {
  .p-sitemap__listItem {
    font-size: 15px;
    font-size: 4vw;
    margin-top: 6.66667vw
  }
}
.p-sitemap__flex {
  width: 930px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 64px
}
@media screen and (max-width:750px) {
  .p-sitemap__flex {
    display: block;
    margin-top: 12vw
  }
}
@media screen and (max-width:750px) {
  .p-sitemap__flexBox:nth-child(2) {
    margin-top: 6.66667vw
  }
}
.p-sitemap__pageList {
  margin-top: 88px
}
@media screen and (max-width:750px) {
  .p-sitemap__pageList {
    margin-top: 14.93333vw
  }
}
.p-sitemap__pageListItem {
  font-size: 30px;
  font-weight: 700;
  line-height: 2.3
}
@media screen and (max-width:750px) {
  .p-sitemap__pageListItem {
    font-size: 20px;
    font-size: 5.33333vw
  }
}
.p-sitemap__pageListItem a {
  color: #097941
}
.p-product__h2ttl {
  position: relative;
  width: 1040px;
  margin: -60px auto 0;
  padding-top: 170px
}
@media screen and (max-width:750px) {
  .p-product__h2ttl {
    width: 82.66667vw;
    margin: -29vw auto 0;
    padding-top: 45vw
  }
}
.p-product__h2ttl--paint {
  padding-left: 70px
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--paint {
    padding-left: 14.66667vw
  }
}
.p-product__h2ttl--paint:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 7px;
  left: 0;
  width: 34px;
  height: 42px;
  background: url(/vantelin/assets/img/common/m-btn_paint.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--paint:before {
    width: 10.66667vw;
    height: 12.93333vw;
    bottom: 0
  }
}
.p-product__h2ttl--normal {
  padding-left: 70px
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--normal {
    padding-left: 14.66667vw
  }
}
.p-product__h2ttl--normal:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 0;
  width: 47px;
  height: 86px;
  background: url(/vantelin/assets/img/common/m-btn_normal.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--normal:before {
    width: 12vw;
    height: 17.73333vw
  }
}
.p-product__h2ttl--warm {
  padding-left: 70px
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--warm {
    padding-left: 14.66667vw
  }
}
.p-product__h2ttl--warm:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 0;
  width: 47px;
  height: 86px;
  background: url(/vantelin/assets/img/common/m-btn_warm.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--warm:before {
    width: 12vw;
    height: 17.73333vw
  }
}
.p-product__h2ttl--wind {
  padding-left: 70px
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--wind {
    padding-left: 14.66667vw
  }
}
.p-product__h2ttl--wind:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 0;
  width: 47px;
  height: 86px;
  background: url(/vantelin/assets/img/common/m-btn_wind.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--wind:before {
    width: 12vw;
    height: 17.73333vw
  }
}
.p-product__h2ttl--press {
  padding-left: 100px
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--press {
    padding-left: 14.66667vw
  }
}
.p-product__h2ttl--press:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 0;
  width: 88px;
  height: 60px;
  background: url(/vantelin/assets/img/common/m-btn_press.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--press:before {
    width: 17.33333vw;
    height: 12.53333vw;
    left: -4vw
  }
}
.p-product__h2ttl--fix {
  padding-left: 100px
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--fix {
    padding-left: 14.66667vw
  }
}
.p-product__h2ttl--fix:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 2px;
  width: 98px;
  height: 70px;
  background: url(/vantelin/assets/img/common/m-btn_fix.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--fix:before {
    width: 17.33333vw;
    height: 12.53333vw;
    left: -4vw
  }
}
.p-product__h2ttl--taping {
  padding-left: 70px;
  color: #000
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--taping {
    padding-left: 14.66667vw
  }
}
.p-product__h2ttl--taping span {
  color: #097941;
  font-size: 30px;
  font-weight: 700
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--taping span {
    font-size: 18px;
    font-size: 4.8vw
  }
}
.p-product__h2ttl--taping:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: -20px;
  width: 80px;
  height: 58px
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--taping:before {
    width: 17.33333vw;
    height: 12.53333vw;
    left: -4vw
  }
}
.p-product__h2ttl--taping.taping01:before {
  background: url(/vantelin/assets/img/common/m-btn_taping01.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
.p-product__h2ttl--taping.taping02:before {
  background: url(/vantelin/assets/img/common/m-btn_taping02.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
.p-product__h2ttl--taping.taping03:before {
  background: url(/vantelin/assets/img/common/m-btn_taping03.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
.p-product__h2ttl--paste {
  padding-left: 70px
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--paste {
    padding-left: 18.66667vw
  }
}
.p-product__h2ttl--paste:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 7px;
  left: 0;
  width: 48px;
  height: 33px;
  background: url(/vantelin/assets/img/common/m-btn_paste.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .p-product__h2ttl--paste:before {
    width: 14.66667vw;
    height: 9.6vw;
    bottom: 0
  }
}
.p-product__inner--paint {
  background: #effff7
}
.p-product__inner--normal {
  background: #effff7
}
.p-product__inner--warm {
  background: #fff8ed
}
.p-product__inner--wind {
  background: #edf7ff
}
.p-product__inner--press {
  background: #fff4f4
}
.p-product__inner--fix {
  background: #f0ffe6
}
.p-product__inner--paste {
  background: #f0ffe6
}
.p-product__inner--goods {
  background: #fff3c3;
  margin-top: 120px
}
@media screen and (max-width:750px) {
  .p-product__inner--goods {
    margin-top: 2vw;
    margin-bottom: 14.66667vw
  }
}
.p-product__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 1040px;
  margin: 15px auto 0;
  padding: 65px 0 40px
}
.p-product__list--start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
@media screen and (max-width:750px) {
  .p-product__list--start {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media screen and (max-width:750px) {
  .p-product__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90.6vw;
    margin: 6.66667vw auto 0;
    padding: 16vw 0
  }
}
.p-product__list--goods {
  margin-top: 0
}
.p-product__list--paste {
  width: 958px
}
@media screen and (max-width:750px) {
  .p-product__list--paste {
    width: 89.6vw
  }
}
.p-product__list--1 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.p-product__list--1 li {
  width: calc(100%/1);
  margin-bottom: 30px
}
@media screen and (max-width:750px) {
  .p-product__list--1 li {
    margin-bottom: 4vw
  }
}
.p-product__list--1 li img {
  display: block;
  margin: 0 auto
}
.p-product__list--2 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width:750px) {
  .p-product__list--2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
.p-product__list--2 li {
  width: auto;
  margin-bottom: 30px;
  margin: 0 60px
}
@media screen and (max-width:750px) {
  .p-product__list--2 li {
    width: 43vw;
    margin: 0 0;
    margin-bottom: 4vw
  }
}
.p-product__list--2 li img {
  display: block;
  margin: 0 auto
}
.p-product__list--3 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 750px
}
@media screen and (max-width:750px) {
  .p-product__list--3 {
    width: 100%
  }
}
.p-product__list--3 li {
  width: calc(100%/3);
  margin-bottom: 30px
}
@media screen and (max-width:750px) {
  .p-product__list--3 li {
    width: 43vw;
    margin-bottom: 4vw
  }
}
.p-product__list--3 li img {
  display: block;
  margin: 0 auto
}
.p-product__list--4 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.p-product__list--4 li {
  width: calc(100%/4);
  margin-bottom: 30px
}
@media screen and (max-width:750px) {
  .p-product__list--4 li {
    width: 43vw;
    margin-bottom: 15%
  }
}
.p-product__list--4 li img {
  display: block;
  margin: 0 auto
}
.p-product__list--5 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 1000px
}
@media screen and (max-width:750px) {
  .p-product__list--5 {
    width: 90.6%
  }
}
.p-product__list--5 li {
  width: calc(100%/4);
  margin-bottom: 30px
}
@media screen and (max-width:750px) {
  .p-product__list--5 li {
    width: 43vw;
    margin-bottom: 4vw
  }
}
.p-product__list--5 li img {
  display: block;
  margin: 0 auto
}
.p-product__listItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media screen and (max-width:750px) {
  .p-product__listItem {
    margin-top: 13.33333vw;
    width: 43vw
  }
}
.p-product__listItem.new {
  margin-top: 50px
}
@media screen and (max-width:750px) {
  .p-product__listItem.new {
    margin-top: 3.33333vw
  }
}
.p-product__listItem.new::before {
  content: "NEW";
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 70px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0c3621;
  background: #ffda00;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px
}
@media screen and (max-width:750px) {
  .p-product__listItem.new::before {
    font-size: 10px;
    font-size: 2.66667vw;
    width: 10.66667vw;
    height: 5.86667vw
  }
}
.p-product__listItem.pkrn {
  margin-top: 50px
}
@media screen and (max-width:750px) {
  .p-product__listItem.pkrn {
    margin-top: 3.33333vw
  }
}
.p-product__listItem.pkrn::before {
  content: "繝代ャ繧ｱ繝ｼ繧ｸ繝ｪ繝九Η繝ｼ繧｢繝ｫ";
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 14em;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0c3621;
  background: #ffda00;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 20px
}
@media screen and (max-width:750px) {
  .p-product__listItem.pkrn::before {
    font-size: 10px;
    font-size: 2.66667vw;
    height: 5.86667vw
  }
}
.p-product__listItem--goods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 512px;
  padding: 50px 30px 50px 80px;
  background: #fff
}
@media screen and (max-width:750px) {
  .p-product__listItem--goods {
    width: 90.66667vw;
    padding: 6vw 5.33333vw
  }
  .p-product__listItem--goods:nth-of-type(n+2) {
    margin-top: 5.33333vw
  }
}
.p-product__listImg {
  margin: auto auto 0;
  text-align: center
}
@media screen and (max-width:750px) {
  .p-product__listImg--taping {
    width: 34.66667vw
  }
}
@media screen and (max-width:750px) {
  .p-product__listImg--paste {
    width: 40.66667vw
  }
}
@media screen and (max-width:750px) {
  .p-product__listImg--goods {
    width: 25.46667vw;
    margin: inherit
  }
}
@media screen and (max-width:750px) {
  .p-product__listImg--fix {
    width: 77vw
  }
}
.p-product__listCategory {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 15px;
  left: 0;
  width: 80px;
  height: 20px;
  font-size: 11px;
  border: 1px solid #414141
}
@media screen and (max-width:750px) {
  .p-product__listCategory {
    top: 5.33333vw;
    width: 20.66667vw;
    height: 5.33333vw;
    font-size: 10.5px;
    font-size: 2.8vw
  }
}
.p-product__listCategory--goods {
  position: relative;
  top: inherit
}
.p-product__listTtl {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  margin-top: 5px
}
@media screen and (max-width:750px) {
  .p-product__listTtl {
    font-size: 16px;
    font-size: 4.26667vw;
    margin-top: 4vw
  }
}
.p-product__listTtl--goods {
  margin-top: 25px
}
@media screen and (max-width:750px) {
  .p-product__listTtl--goods {
    margin-top: 3.33333vw
  }
}
@media screen and (max-width:750px) {
  .p-product__listTtl--10 {
    width: 100%;
    max-width: 44.26667vw
  }
}
@media screen and (max-width:750px) {
  .p-product__listTtl--11 {
    width: 100%;
    max-width: 44.26667vw
  }
}
.p-product__listTtl--taping01 {
  margin-top: 25px
}
@media screen and (max-width:750px) {
  .p-product__listTtl--taping01 {
    width: 36vw;
    margin-top: 3.33333vw
  }
}
.p-product__listTtl--taping02 {
  margin-top: 25px
}
@media screen and (max-width:750px) {
  .p-product__listTtl--taping02 {
    width: 44.26667vw;
    margin-top: 3.33333vw
  }
}
.p-product__detailBtn {
  margin-top: 5px
}
@media screen and (max-width:750px) {
  .p-product__detailBtn {
    margin-top: 4vw
  }
}
.p-product__detailBtn--goods {
  margin: 20px 0 0 0
}
@media screen and (max-width:750px) {
  .p-product__detailBtn--goods {
    margin: 2.66667vw 0 0 0
  }
}
.p-product__detailBtn--goods a {
  margin: inherit
}
#paint,
#paste {
  margin-top: -30px;
  padding-top: 30px
}
@media screen and (max-width:750px) {
  #paint,
  #paste {
    margin-top: -30vw;
    padding-top: 30vw
  }
}
.p-sports {
  margin-bottom: 100px
}
@media screen and (max-width:750px) {
  .p-sports {
    margin-bottom: 30.66667vw
  }
}
.p-sports__player {
  font-size: 36px
}
@media screen and (max-width:750px) {
  .p-sports__player {
    font-size: 18px;
    font-size: 4.8vw
  }
}
.p-sports__h1ttl {
  background: #0c3621;
  height: 200px
}
@media screen and (max-width:750px) {
  .p-sports__h1ttl {
    height: 34.66667vw
  }
}
.p-sports__h1ttlWrap {
  height: 200px
}
@media screen and (max-width:750px) {
  .p-sports__h1ttlWrap {
    height: 34.66667vw
  }
}
.p-sports__h3ttl {
  color: #097941;
  font-size: 30px
}
@media screen and (max-width:750px) {
  .p-sports__h3ttl {
    font-size: 18px;
    font-size: 4.8vw
  }
}
.p-sports__h3ttl:before {
  top: 22px
}
@media screen and (max-width:750px) {
  .p-sports__h3ttl:before {
    top: 3vw
  }
}
.p-sports__inner {
  width: 896px;
  margin: 70px auto 0
}
@media screen and (max-width:750px) {
  .p-sports__inner {
    width: 85.33333vw;
    margin: 10.66667vw auto 0
  }
  .p-sports__inner:nth-of-type(2) {
    margin-top: 18.66667vw
  }
}
.p-sports__wideBnr {
  margin-top: 64px
}
@media screen and (max-width:750px) {
  .p-sports__wideBnr {
    margin-top: 6.66667vw
  }
}
.p-sports__wideBnr img {
  width: 100%
}
.p-sports__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 60px
}
@media screen and (max-width:750px) {
  .p-sports__list {
    display: block;
    margin-top: 8vw
  }
}
.p-sports__listItem {
  text-align: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
@media print,
screen and (min-width:751px) {
  .p-sports__listItem:nth-of-type(n+3) {
    margin-top: 40px
  }
}
@media screen and (max-width:750px) {
  .p-sports__listItem:nth-of-type(n+2) {
    margin-top: 40px
  }
}
.p-sports__listItem:hover {
  opacity: .8
}
@media print,
screen and (min-width:751px) {
  .p-sports__listItem a:hover .p-sports__listLinks {
    letter-spacing: .25em
  }
  .p-sports__listItem a:hover .p-sports__listLinks:after {
    right: -18px
  }
}
.p-sports__listCaption {
  font-size: 18px;
  margin-top: 15px
}
.p-sports__listLinks {
  text-align: center
}
.p-sports__listLinks a {
  color: #097941;
  pointer-events: none
}
.p-sports__section:not(:last-child) {
  margin-bottom: 70px
}
@media screen and (max-width:750px) {
  .p-sports__section:not(:last-child) {
    margin-bottom: 18.66667vw
  }
}
.p-sports__profTxt {
  font-size: 16px;
  line-height: 1.8
}
@media screen and (max-width:750px) {
  .p-sports__profTxt {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-sports__profTxt.mt {
  margin-top: 25px
}
@media screen and (max-width:750px) {
  .p-sports__profTxt.mt {
    margin-top: 6.66667vw
  }
}
.p-sports__profList li {
  font-size: 16px;
  line-height: 1.8;
  text-indent: -1em;
  padding-left: 1em
}
@media screen and (max-width:750px) {
  .p-sports__profList li {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-sports__profFbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 80px
}
@media print,
screen and (min-width:751px) {
  .p-sports__profFbox:after {
    display: block;
    content: '';
    width: 50%
  }
}
@media screen and (max-width:750px) {
  .p-sports__profFbox {
    display: block;
    margin-top: 10.66667vw
  }
}
.p-sports__profFbox--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media print,
screen and (min-width:751px) {
  .p-sports__profFboxImg:nth-of-type(n+3) {
    margin-top: 15px
  }
}
@media screen and (max-width:750px) {
  .p-sports__profFboxImg:nth-of-type(n+2) {
    margin-top: 5.33333vw
  }
}
.p-sports__profFboxVideo {
  position: relative;
  width: 80%
}
@media screen and (max-width:750px) {
  .p-sports__profFboxVideo {
    width: 100%
  }
}
.p-sports__profFboxVideoInner {
  position: relative;
  width: 100%;
  padding-top: 56.22%
}
.p-sports__profFboxVideoInner iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.p-sports__prof2column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 24px
}
@media screen and (max-width:750px) {
  .p-sports__prof2column {
    display: block
  }
}
@media screen and (max-width:750px) {
  .p-sports__prof2columnLogo {
    width: 59.73333vw;
    margin: 0 auto 8.26667vw
  }
}
.p-sports__prof2columnTxt {
  width: 704px
}
@media screen and (max-width:750px) {
  .p-sports__prof2columnTxt {
    width: 100%
  }
}
.p-sports__rugbyWrap {
  background: url(/vantelin/assets/img/sports/rugby-bnr-bg.png) no-repeat center center;
  background-size: cover;
  padding: 55px 0 45px;
  margin-top: 50px
}
@media screen and (max-width:750px) {
  .p-sports__rugbyWrap {
    padding: 10.66667vw 0;
    margin-top: 5.33333vw
  }
}
.p-sports__rugbyBnr {
  text-align: center
}
@media screen and (max-width:750px) {
  .p-sports__rugbyBnr {
    width: 82.66667vw;
    margin: 0 auto
  }
}
.p-sports__rugbyBnrFigure {
  margin-top: 24px;
  font-size: 20px;
  text-align: center
}
@media screen and (max-width:750px) {
  .p-sports__rugbyBnrFigure {
    font-size: 18px;
    margin-top: 4.8vw
  }
}
.p-sports__linkGreen {
  color: #097941
}
.p-sportsRgbyLgList {
  width: 888px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px
}
@media screen and (max-width:750px) {
  .p-sportsRgbyLgList {
    width: 100%;
    margin-top: 8.8vw
  }
}
.p-sportsRgbyLgList__item {
  width: 424px;
  margin-bottom: 40px
}
@media screen and (max-width:750px) {
  .p-sportsRgbyLgList__item {
    width: 100%;
    margin-bottom: 10.66667vw
  }
}
.p-sportsRgbyTm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}
.p-sportsRgbyTm__logo img {
  width: 100%
}
.p-sportsRgbyTm__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 70px;
  background: #000;
  color: #fff;
  font-size: 18px;
  font-weight: 700
}
@media screen and (max-width:750px) {
  .p-sportsRgbyTm__name {
    height: 14.93333vw;
    font-size: 13px;
    font-size: 3.46667vw
  }
}
.p-sportsRgbyTm__btn {
  margin-top: auto
}
@media screen and (max-width:750px) {
  .p-sportsRgbyTm__btn {
    margin-top: 2.66667vw
  }
}
.p-sportsRgbyTm__btn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  width: 100%;
  color: #097941;
  font-size: 16px;
  border: 1px solid #097941
}
@media screen and (max-width:750px) {
  .p-sportsRgbyTm__btn a {
    font-size: 13px;
    font-size: 3.46667vw;
    height: 16vw
  }
}
.p-sportsRgbyTm__btn a img {
  position: absolute;
  left: 8%;
  top: 50%;
  width: 40px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .p-sportsRgbyTm__btn a img {
    left: 6%;
    width: 9vw
  }
}
.p-sportsRgbyTm__btn a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 92%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #eac12b;
  border-right: 1px solid #eac12b
}
@media screen and (max-width:750px) {
  .p-sportsRgbyTm__btn a:after {
    width: 3vw;
    height: 3vw
  }
}
.p-sportsRgbyTmprof {
  padding: 16px 0;
  border-bottom: 1px solid #c4c4c4
}
@media screen and (max-width:750px) {
  .p-sportsRgbyTmprof {
    padding: 3.2vw 0
  }
}
.p-sportsRgbyTmprof--last {
  border-bottom: none
}
.p-sportsRgbyTmprof__ttl {
  font-size: 14px;
  color: #414141;
  margin-bottom: 5px
}
@media screen and (max-width:750px) {
  .p-sportsRgbyTmprof__ttl {
    margin-bottom: 1vw;
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-sportsRgbyTmprof__txt {
  font-size: 15px;
  color: #000
}
@media screen and (max-width:750px) {
  .p-sportsRgbyTmprof__txt {
    font-size: 13px;
    font-size: 3.46667vw
  }
}
.p-top__ttl {
  font-size: 30px;
  letter-spacing: .05em;
  line-height: 1;
  color: #097941;
  margin-bottom: 30px
}
@media screen and (max-width:750px) {
  .p-top__ttl {
    font-size: 30px;
    font-size: 8vw;
    margin-bottom: 10%
  }
}
.p-top__ttl span {
  color: #eac12b;
  letter-spacing: .1em;
  font-size: 15px;
  font-family: Raleway,sans-serif;
  font-weight: 700;
  display: block;
  line-height: 1;
  margin-bottom: 11px
}
@media screen and (max-width:750px) {
  .p-top__ttl span {
    font-size: 15px;
    font-size: 4vw;
    margin-bottom: 1.02941%
  }
}
.p-topKv {
  margin-bottom: 80px
}
@media screen and (max-width:750px) {
  .p-topKv {
    margin-bottom: 20.8%
  }
}
.p-topKvList__item {
  position: relative
}
.p-topKvList__item img {
  width: 100%
}
.p-topKvList__conts {
  position: absolute
}
@media screen and (max-width:750px) {
  .p-topKvList__conts {
    display: none
  }
}
.p-topKvList__conts--kv1Ttl {
  width: 33.45534%;
  top: 12%;
  right: 19%
}
.p-topKvList__conts--kv1Prod {
  width: 24.89019%;
  bottom: 2%;
  right: 23%
}
.p-topKvList__conts--kv2Ttl {
  width: 40.19034%;
  top: 12%;
  left: 8.2%
}
.p-topKvList__conts--kv2Prod {
  width: 17.0571%;
  bottom: 5%;
  left: 14.5%
}
.p-topKvList__conts--kv3Logo {
  width: 30.16105%;
  bottom: 20%;
  left: 11%
}
.p-topKvList__conts--kv3Txt {
  width: 38.87262%;
  top: 12%;
  right: 9%
}
.p-topKvList__conts--kv4Ttl {
  width: 38.72621vw;
  top: 3.14788vw;
  right: 10.1757vw
}
.p-topKvList__conts--kv4Prod {
  width: 19.03367vw;
  bottom: 3.22108vw;
  right: 15.37335vw
}
.swiper-pagination {
  width: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 16px 0 0 45px;
  z-index: 9
}
@media screen and (max-width:750px) {
  .swiper-pagination {
    width: 12.53333%;
    margin: 5.33333% 0 0 4.66667%
  }
}
.swiper-pagination-bullet {
  border-radius: 0;
  width: 8px;
  height: 8px
}
@media screen and (max-width:750px) {
  .swiper-pagination-bullet {
    width: 17.02128%;
    height: auto;
    padding-top: 17.02128%
  }
}
.swiper-pagination-bullet-active {
  background: #eac12b
}
.p-topSearch {
  padding-bottom: 163px
}
@media screen and (max-width:750px) {
  .p-topSearch {
    padding-bottom: 42.64706%
  }
}
.p-topSearchList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .p-topSearchList {
    display: block
  }
}
.p-topSearchList__item {
  position: relative;
  display: inline-block
}
@media screen and (max-width:750px) {
  .p-topSearchList__item {
    margin-bottom: 30.88235%
  }
  .p-topSearchList__item:last-child {
    margin-bottom: 0
  }
}
.p-topSearchList__link {
  width: 280px;
  display: block;
  position: absolute;
  padding: 42px 0 36px;
  left: 50%;
  bottom: -64px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff;
  text-align: center;
  -webkit-box-shadow: 0 0 15px #ccc;
  box-shadow: 0 0 15px #ccc
}
@media screen and (max-width:750px) {
  .p-topSearchList__link {
    width: 88.23529%;
    padding: 8.82353% 0 0;
    bottom: -19.11765vw;
    height: 38.23529vw
  }
  .p-topSearchList__link--3 {
    padding-top: 6.17647%
  }
}
@media print,
screen and (min-width:751px) {
  .p-topSearchList__link:hover {
    opacity: 1
  }
  .p-topSearchList__link:hover .m-more {
    letter-spacing: .25em
  }
  .p-topSearchList__link:hover .m-more:after {
    right: -18px
  }
  .p-topSearchList__link:hover .m-more--only {
    letter-spacing: .1em
  }
  .p-topSearchList__link:hover .m-more--only:after {
    top: 10px;
    right: -13px;
    opacity: 0
  }
  .p-topSearchList__link:hover .m-more--only:before {
    top: -10px;
    right: -13px;
    opacity: 1
  }
}
.p-topSearchList__txt {
  font-size: 17px;
  letter-spacing: .05em;
  line-height: 1.76471;
  margin-bottom: 34px
}
@media screen and (max-width:750px) {
  .p-topSearchList__txt {
    font-size: 17px;
    font-size: 4.53333vw;
    margin-bottom: 0
  }
}
.p-topSearchList__more {
  color: #097941;
  font-size: 12px;
  letter-spacing: .1em;
  font-family: Raleway,sans-serif;
  font-weight: 700;
  position: relative;
  display: inline-block;
  line-height: 1
}
.p-topSearchList__more::after {
  content: "";
  position: absolute;
  display: block;
  right: -13px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  width: 6px;
  padding-top: 6px;
  border-bottom: 2px solid #eac12b;
  border-right: 2px solid #eac12b
}
.p-topTypeTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .p-topTypeTab {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.p-topTypeTab__item {
  width: calc(100% / 3);
  position: relative
}
@media screen and (max-width:750px) {
  .p-topTypeTab__item {
    position: relative;
    width: calc(100% / 2);
    border-right: none;
    margin-bottom: 5.33333vw;
    border-bottom: 2px solid #bebebe
  }
}
@media screen and (max-width:750px) {
  .p-topTypeTab__item:last-child {
    border-bottom: none;
    margin-bottom: 0
  }
}
@media print,
screen and (min-width:751px) {
  .p-topTypeTab__item--sup {
    width: calc(100% / 5)
  }
}
.p-topTypeTab__item::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 20px;
  right: 0;
  width: 1px;
  height: 24px;
  background: #bebebe
}
@media screen and (max-width:750px) {
  .p-topTypeTab__item::after {
    height: 6.26667vw;
    bottom: 6.26667vw
  }
}
@media screen and (max-width:750px) {
  .p-topTypeTab__item:nth-child(even)::after {
    display: none
  }
}
@media print,
screen and (min-width:751px) {
  .p-topTypeTab__item:last-child::after {
    display: none
  }
}
.p-topTypeTab__item--tap::after {
  height: 49px
}
@media screen and (max-width:750px) {
  .p-topTypeTab__item--tap::after {
    height: 10.66667vw;
    bottom: 5.1vw
  }
}
.p-topTypeTab__name {
  display: block;
  font-size: 16px;
  text-align: center;
  padding-bottom: 20px
}
@media screen and (max-width:750px) {
  .p-topTypeTab__name {
    font-size: 16px;
    font-size: 4.26667vw;
    padding-bottom: 0;
    line-height: 1.34375
  }
}
@media print,
screen and (min-width:751px) {
  .p-topTypeTab__name:hover {
    color: #097941
  }
}
.p-topTypeTab__name.is-active {
  color: #097941
}
.p-topTypeTab__name.is-active .m-line {
  background: #eac12b
}
.p-topTypeTab__border {
  display: none
}
@media screen and (max-width:750px) {
  .p-topTypeTab__border {
    width: 96%;
    height: 2px;
    background: #bebebe;
    display: block;
    position: absolute;
    bottom: -72%
  }
  .p-topTypeTab__border--l {
    right: -1%
  }
  .p-topTypeTab__border--right {
    left: 0
  }
  .p-topTypeTab__border--tap {
    bottom: -12%
  }
}
.p-topTypeBox {
  display: none;
  padding: 40px 0
}
@media screen and (max-width:750px) {
  .p-topTypeBox {
    padding: 4.41176% 0 23.52941%;
    height: auto
  }
}
.p-topTypeBox.is-show {
  display: block
}
.p-topTypeBox__txt {
  font-size: 11px;
  letter-spacing: .05em;
  line-height: 1;
  width: 80px;
  text-align: center;
  border: 1px solid;
  padding: 4px 0;
  margin-bottom: 21px
}
@media screen and (max-width:750px) {
  .p-topTypeBox__txt {
    font-size: 10.5px;
    font-size: 2.8vw;
    width: 22.79412%;
    padding: 1.02941% 0
  }
}
.p-topTypeBoxList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media print,
screen and (min-width:751px) {
  .p-topTypeBoxList {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}
@media screen and (max-width:750px) {
  .p-topTypeBoxList {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
  }
}
.p-topTypeBoxList__item {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media screen and (max-width:750px) {
  .p-topTypeBoxList__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 15%
  }
}
@media screen and (max-width:750px) and (max-width:750px) {
  .p-topTypeBoxList__item--ct {
    margin: 0 auto
  }
}
.p-topTypeBoxList__item.new {
  margin-top: 50px
}
@media screen and (max-width:750px) {
  .p-topTypeBoxList__item.new {
    margin-top: 4vw
  }
}
.p-topTypeBoxList__item.new::before {
  content: "NEW";
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 70px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0c3621;
  background: #ffda00;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px
}
@media screen and (max-width:750px) {
  .p-topTypeBoxList__item.new::before {
    font-size: 10px;
    font-size: 2.66667vw;
    width: 10.66667vw;
    height: 5.86667vw;
    margin-bottom: 1.33333vw
  }
}
.p-topTypeBoxList__item.pkrn {
  margin-top: 70px
}
@media screen and (max-width:750px) {
  .p-topTypeBoxList__item.pkrn {
    margin-top: 3.33333vw
  }
}
.p-topTypeBoxList__item.pkrn::before {
  content: "繝代ャ繧ｱ繝ｼ繧ｸ繝ｪ繝九Η繝ｼ繧｢繝ｫ";
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 14em;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0c3621;
  background: #ffda00;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 20px
}
@media screen and (max-width:750px) {
  .p-topTypeBoxList__item.pkrn::before {
    font-size: 10px;
    font-size: 2.66667vw;
    height: 5.86667vw
  }
}
.p-topTypeBoxList__img {
  margin-bottom: 9px;
  margin-top: auto
}
@media screen and (max-width:750px) {
  .p-topTypeBoxList__img {
    margin: auto auto 11.17647%
  }
}
.p-topTypeBoxList__img img {
  width: 75%
}
@media screen and (max-width:750px) {
  .p-topTypeBoxList__img img {
    width: 100%
  }
}
.p-topTypeBoxList__name {
  color: #000;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 9px
}
@media screen and (max-width:750px) {
  .p-topTypeBoxList__name {
    font-size: 16px;
    font-size: 4.26667vw;
    margin-bottom: 10.88235%
  }
}
.p-topTypeBoxList__btn {
  position: relative;
  width: 160px;
  margin: 0 auto;
  border: 1px solid #097941;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
@media screen and (max-width:750px) {
  .p-topTypeBoxList__btn {
    width: 100%;
    margin: 0
  }
}
@media print,
screen and (min-width:751px) {
  .p-topTypeBoxList__btn:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: #0c3621;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
  }
  .p-topTypeBoxList__btn:hover:after {
    width: 100%
  }
}
.p-topTypeBoxList__btn--wearing {
  margin: inherit
}
@media screen and (max-width:750px) {
  .p-topTypeBoxList__btn--wearing {
    width: 100%
  }
}
.p-topTypeBoxList__btn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 160px;
  height: 30px;
  color: #097941;
  font-size: 11px;
  line-height: 1;
  z-index: 1
}
@media screen and (max-width:750px) {
  .p-topTypeBoxList__btn a {
    width: 100%;
    height: 12vw;
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-topTypeBoxList__btn a:before {
  position: absolute;
  display: block;
  content: "";
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  width: 5px;
  padding-top: 5px;
  border-bottom: 2px solid #eac12b;
  border-right: 2px solid #eac12b;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s
}
@media screen and (max-width:750px) {
  .p-topTypeBoxList__btn a:before {
    width: 2vw;
    padding-top: 2vw;
    right: 4vw
  }
}
@media print,
screen and (min-width:751px) {
  .p-topTypeBoxList__btn a:hover {
    color: #fff;
    opacity: 1
  }
  .p-topTypeBoxList__btn a:hover:before {
    right: 10px
  }
}
.p-topTypeNuru {
  display: block;
  background: #effff7
}
.p-topTypeNuru__inner {
  width: 1022px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-topTypeNuru__inner {
    width: 90.66667%
  }
}
.p-topTypeHaru {
  background: #f0ffe6
}
.p-topTypeHaru__inner {
  width: 1000px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-topTypeHaru__inner {
    width: 90.66667%
  }
}
.p-topTypeNormal {
  display: block;
  background: #effff7;
  padding-top: 40px;
  padding-bottom: 40px
}
@media screen and (max-width:750px) {
  .p-topTypeNormal {
    height: auto;
    padding-top: 16vw
  }
}
.p-topTypeNormal--02 {
  background: #fff8ed;
  display: none
}
@media screen and (max-width:750px) {
  .p-topTypeNormal--02 {
    height: auto
  }
}
.p-topTypeNormal--03 {
  background: #edf7ff;
  display: none
}
@media screen and (max-width:750px) {
  .p-topTypeNormal--03 {
    height: auto
  }
}
.p-topTypeNormal__inner {
  width: 984px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-topTypeNormal__inner {
    width: 90.66667%
  }
}
.p-topTypeNormal__inner02 {
  width: 750px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-topTypeNormal__inner02 {
    width: 90.66667%
  }
}
.p-topTypeNormal__inner03 {
  margin: 0 auto
}
.p-topTypePress {
  background: #fff4f4;
  padding-top: 40px;
  padding-bottom: 40px
}
@media screen and (max-width:750px) {
  .p-topTypePress {
    height: auto;
    padding-top: 16vw
  }
}
.p-topTypePress__inner {
  width: 1040px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-topTypePress__inner {
    width: 90.66667%
  }
}
.p-topTypePowerful {
  background: #f0ffe6;
  height: 412px;
  padding-top: 40px
}
@media screen and (max-width:750px) {
  .p-topTypePowerful {
    height: auto;
    padding-top: 16vw
  }
}
.p-topTypePowerful__inner {
  width: 984px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-topTypePowerful__inner {
    width: 90.66667%
  }
}
.p-topTypeTaping {
  display: block;
  background: #effff7;
  height: auto;
  padding-top: 40px;
  padding-bottom: 40px
}
.p-topTypeTaping--37 {
  display: none;
  background: #fff8ed
}
.p-topTypeTaping--50 {
  display: none;
  background: #edf7ff
}
@media screen and (max-width:750px) {
  .p-topTypeTaping {
    height: auto;
    padding-top: 16vw
  }
}
.p-topTypeTaping__inner {
  width: 100%;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-topTypeTaping__inner {
    width: 90.66667%
  }
}
.p-topTypeNuruList__item {
  width: calc(100% / 5)
}
@media screen and (max-width:750px) {
  .p-topTypeNuruList__item {
    width: 43vw
  }
}
@media screen and (max-width:750px) {
  .p-topTypeNuruList__img1 {
    width: 38.82353%
  }
  .p-topTypeNuruList__img2 {
    width: 39.11765%
  }
  .p-topTypeNuruList__img3 {
    width: 39.11765%
  }
  .p-topTypeNuruList__img4 {
    width: 39.11765%
  }
  .p-topTypeNuruList__img5 {
    width: 95%
  }
}
.p-topTypeHaruList__item {
  width: calc(100% / 3)
}
@media screen and (max-width:750px) {
  .p-topTypeHaruList__item {
    width: 43vw
  }
}
@media print,
screen and (min-width:751px) {
  .p-topTypeHaruList__img3 {
    padding: 0 55px
  }
}
@media screen and (max-width:750px) {
  .p-topTypeHaruList__img1 {
    width: 55.29412%
  }
  .p-topTypeHaruList__img2 {
    width: 95.58824%;
    margin-top: -5vw
  }
  .p-topTypeHaruList__img3 {
    width: 89.70588%;
    padding: 0
  }
  .p-topTypeHaruList__img4 {
    width: 90.29412%;
    margin-top: 2.5vw
  }
}
.p-topTypeNormalList {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.p-topTypeNormalList--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width:750px) {
  .p-topTypeNormalList--center {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
.p-topTypeNormalList--start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
@media screen and (max-width:750px) {
  .p-topTypeNormalList--start {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
.p-topTypeNormalList__item {
  width: 246px
}
@media screen and (max-width:750px) {
  .p-topTypeNormalList__item {
    width: 43vw
  }
}
@media screen and (max-width:750px) {
  .p-topTypeNormalList__img1 {
    width: 62.35294%
  }
  .p-topTypeNormalList__img2 {
    width: 62.35294%
  }
  .p-topTypeNormalList__img3 {
    width: 62.35294%
  }
  .p-topTypeNormalList__img4 {
    width: 62.35294%
  }
  .p-topTypeNormalList__img5 {
    width: 62.05882%
  }
  .p-topTypeNormalList__img6 {
    width: 62.64706%
  }
  .p-topTypeNormalList__img7 {
    width: 65.29412%
  }
  .p-topTypeNormalList__img8 {
    width: 68.52941%
  }
}
.p-topTypePressList {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.p-topTypePressList__item {
  width: calc(100% / 5)
}
@media screen and (max-width:750px) {
  .p-topTypePressList__item {
    width: 43vw
  }
}
@media screen and (max-width:750px) {
  .p-topTypePressList__img1 {
    width: 62.05882%
  }
  .p-topTypePressList__img2 {
    width: 90.58824%
  }
  .p-topTypePressList__img3 {
    width: 62.35294%
  }
  .p-topTypePressList__img4 {
    width: 88.23529%;
    margin-top: 3.5vw
  }
  .p-topTypePressList__img5 {
    width: 87.64706%
  }
  .p-topTypePressList__img6 {
    width: 79.41176%;
    margin-top: 9.5vw
  }
}
.p-topTypePowerfulList__item {
  width: 440px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-topTypePowerfulList__item {
    margin: 0 auto;
    width: 85%
  }
}
@media screen and (max-width:750px) {
  .p-topTypePowerfulList__img {
    width: 100%
  }
}
.p-topTypePowerfulList__img img {
  width: 54.6%
}
@media screen and (max-width:750px) {
  .p-topTypePowerfulList__img img {
    width: 100%
  }
}
@media screen and (max-width:750px) {
  .p-topTypeTapingList__item {
    width: 43vw
  }
}
@media screen and (max-width:750px) {
  .p-topTypeTapingList__img1 {
    width: 72.05882%
  }
  .p-topTypeTapingList__img2 {
    width: 72.05882%
  }
}
.p-topWearing {
  background: #fff3c3;
  padding-top: 44px
}
@media screen and (max-width:750px) {
  .p-topWearing {
    padding: 16% 0
  }
}
.p-topWearing--bottom {
  margin-top: 15px
}
@media screen and (max-width:750px) {
  .p-topWearing--bottom {
    margin-top: 2.13333vw
  }
}
.p-topWearing__inner {
  width: 1032px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-topWearing__inner {
    width: 90.66667vw
  }
}
.p-topWearingList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .p-topWearingList {
    display: block
  }
}
.p-topWearingList__item {
  background: #fff;
  width: 512px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .p-topWearingList__item {
    width: 100%;
    padding: 6vw 5.33333vw;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .p-topWearingList__item:first-child {
    margin-bottom: 5.88235%
  }
}
@media print,
screen and (min-width:751px) {
  .p-topWearingList__item:first-child {
    padding: 50px 78px
  }
  .p-topWearingList__item:last-child {
    padding: 50px 31px 50px 46px
  }
}
@media print,
screen and (min-width:751px) {
  .p-topWearingList__item--bottom {
    padding: 50px 57px 50px 78px!important
  }
}
@media print,
screen and (min-width:751px) {
  .p-topWearingList__item--sup {
    padding: 50px 79px!important
  }
}
@media screen and (max-width:750px) {
  .p-topWearingList__txtArea {
    width: 44.26667vw
  }
}
.p-topWearingList__txt {
  width: 80px;
  text-align: center;
  font-size: 11px;
  border: 1px solid;
  padding: 3px 0;
  line-height: 1.36364;
  margin-bottom: 20px
}
@media screen and (max-width:750px) {
  .p-topWearingList__txt {
    width: 46.68675%;
    font-size: 10.5px;
    font-size: 2.8vw;
    padding: 1.50602% 0;
    margin-bottom: 8.13253%
  }
}
.p-topWearingList__txt--bottom {
  margin-bottom: 41px
}
@media screen and (max-width:750px) {
  .p-topWearingList__txt--bottom {
    margin-bottom: 8.53333vw
  }
}
.p-topWearingList__name {
  margin-bottom: 26px
}
@media screen and (max-width:750px) {
  .p-topWearingList__name {
    margin-bottom: 5.42169%
  }
}
@media screen and (max-width:750px) {
  .p-topWearingList__name--2 {
    margin-bottom: 9.93976%
  }
}
.p-topWearingList__name--bottom {
  margin-bottom: 47px
}
@media screen and (max-width:750px) {
  .p-topWearingList__name--bottom {
    margin-bottom: 8.53333vw
  }
}
@media screen and (max-width:750px) {
  .p-topWearingList__btn {
    width: 100%
  }
}
.p-topWearingList__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:750px) {
  .p-topWearingList__img--1 {
    width: 25.46667vw
  }
}
@media screen and (max-width:750px) {
  .p-topWearingList__img--2 {
    width: 24.8vw
  }
}
@media screen and (max-width:750px) {
  .p-topWearingList__img--bottom {
    width: 25.86667vw
  }
}
.p-topIcing img {
  width: 100%
}
.p-topHare {
  background: #fffeef;
  padding: 82px 0 100px
}
@media screen and (max-width:750px) {
  .p-topHare {
    padding: 16% 0 21.33333%
  }
}
.p-topHare__btn {
  position: relative;
  width: 336px;
  margin: 0 auto;
  border: 1px solid #097941;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
@media screen and (max-width:750px) {
  .p-topHare__btn {
    width: 100%
  }
}
@media print,
screen and (min-width:751px) {
  .p-topHare__btn:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: #0c3621;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
  }
  .p-topHare__btn:hover:after {
    width: 100%
  }
}
.p-topHare__btn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 336px;
  height: 50px;
  color: #097941;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .1em;
  z-index: 1
}
@media screen and (max-width:750px) {
  .p-topHare__btn a {
    width: 100%;
    height: 16.53333vw;
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.p-topHare__btn a:before {
  position: absolute;
  display: block;
  content: "";
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  width: 5px;
  padding-top: 5px;
  border-bottom: 2px solid #eac12b;
  border-right: 2px solid #eac12b;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
@media screen and (max-width:750px) {
  .p-topHare__btn a:before {
    width: 2vw;
    padding-top: 2vw;
    right: 4vw
  }
}
@media print,
screen and (min-width:751px) {
  .p-topHare__btn a:hover {
    color: #fff;
    opacity: 1
  }
  .p-topHare__btn a:hover:before {
    right: 15px
  }
}
.p-topHare__btnTxt {
  line-height: 1;
  font-size: 16px;
  letter-spacing: .1em;
  font-family: Raleway,sans-serif;
  font-weight: 700;
  color: #097941;
  position: relative
}
@media screen and (max-width:750px) {
  .p-topHare__btnTxt {
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.p-topHare__btnTxt::after {
  content: "";
  position: absolute;
  display: block;
  right: 19px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  width: 6px;
  padding-top: 6px;
  border-bottom: 2px solid #eac12b;
  border-right: 2px solid #eac12b
}
.p-topHareTtl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 121px
}
@media screen and (max-width:750px) {
  .p-topHareTtl {
    display: block;
    margin-bottom: 17.79412%
  }
}
.p-topHareTtl__logo {
  margin-right: 153px
}
@media screen and (max-width:750px) {
  .p-topHareTtl__logo {
    width: 80.29412%;
    margin: 0 auto 10.88235%
  }
}
.p-topHareTtl__ttl {
  font-family: "Noto Serif JP",serif;
  font-size: 30px;
  letter-spacing: .1em
}
@media screen and (max-width:750px) {
  .p-topHareTtl__ttl {
    font-size: 19.5px;
    font-size: 5.2vw;
    text-align: center
  }
}
.p-topHareList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px
}
@media screen and (max-width:750px) {
  .p-topHareList {
    display: block
  }
}
.p-topHareList__item {
  width: 336px;
  background: #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
@media screen and (max-width:750px) {
  .p-topHareList__item {
    width: 100%;
    margin-bottom: 11.76471%
  }
}
@media print,
screen and (min-width:751px) {
  .p-topHareList__item:hover {
    opacity: .8
  }
  .p-topHareList__item:hover .m-more {
    letter-spacing: .25em
  }
  .p-topHareList__item:hover .m-more:after {
    right: -18px
  }
}
.p-topHareList__txtBox {
  padding: 22px 19px 39px
}
@media screen and (max-width:750px) {
  .p-topHareList__txtBox {
    padding: 6.17647% 9.41176% 9.70588%
  }
}
.p-topHareList__ttl {
  color: #097941;
  font-size: 18px;
  margin-bottom: 16px;
  letter-spacing: .05em;
  line-height: 1
}
@media screen and (max-width:750px) {
  .p-topHareList__ttl {
    font-size: 17px;
    font-size: 4.53333vw;
    margin-bottom: 6.17647%
  }
}
.p-topHareList__txt {
  font-size: 15px;
  letter-spacing: .05em;
  line-height: 1.86667;
  height: 76px;
  margin-bottom: 17px
}
@media screen and (max-width:750px) {
  .p-topHareList__txt {
    font-size: 14px;
    font-size: 3.73333vw;
    height: 21.02941vw;
    margin-bottom: 4.70588%
  }
}
.p-topHareList__day {
  font-size: 12px;
  letter-spacing: .05em;
  line-height: 2.33333;
  margin-bottom: 26px
}
@media screen and (max-width:750px) {
  .p-topHareList__day {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 5.44118%
  }
}
.p-topHareList__day span {
  font-size: 12px
}
.p-topHareList__day .new {
  background: #ffda00;
  color: #0c3621;
  font-size: 11px;
  padding: .2em 1em;
  margin-left: 1em;
  font-weight: 700
}
@media print,
screen and (min-width:751px) {
  .p-topHareList__link:hover {
    opacity: 1
  }
  .p-topHareList__link:hover .m-more {
    letter-spacing: .25em
  }
  .p-topHareList__link:hover .m-more:after {
    right: -18px
  }
}
.p-topBottom {
  width: 1046px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-topBottom {
    width: 100%
  }
}
.p-topBottom__inner {
  padding: 100px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .p-topBottom__inner {
    padding: 21.33333% 0 28.4%;
    width: 90.66667%;
    margin: 0 auto;
    display: block
  }
}
.p-topBottom__left {
  width: 651px
}
@media screen and (max-width:750px) {
  .p-topBottom__left {
    width: 100%;
    margin-bottom: 5%
  }
}
.p-topBottom__fb {
  width: 379px;
  height: 306px
}
@media screen and (max-width:750px) {
  .p-topBottom__fb {
    width: 100%;
    height: 600px
  }
  .p-topBottom__fb .fb-page > span {
    height: 100%!important
  }
  .p-topBottom__fb iframe {
    height: 100%!important
  }
}
#supporterTop,
#tapingTop,
#top {
  margin-top: -140px;
  padding-top: 140px
}
@media screen and (max-width:750px) {
  #supporterTop,
  #tapingTop,
  #top {
    margin-top: -40vw;
    padding-top: 40vw
  }
}
.p-useCommon {
  min-width: 1200px;
  position: relative;
  z-index: 1
}
@media screen and (max-width:750px) {
  .p-useCommon {
    min-width: auto
  }
}
.p-useCommonStep {
  background-color: #effff7;
  margin-top: 120px;
  padding: 124px 0 100px
}
@media screen and (max-width:750px) {
  .p-useCommonStep {
    margin-top: 16vw;
    padding: 21.33333vw 0 16vw
  }
}
.p-useCommonStep__inner {
  margin: 0 auto;
  width: 1040px
}
@media screen and (max-width:750px) {
  .p-useCommonStep__inner {
    width: 100%
  }
}
.p-useCommonStepBlock {
  background-color: #fff;
  margin-top: 64px
}
@media screen and (max-width:750px) {
  .p-useCommonStepBlock {
    margin: 16vw auto 0;
    height: auto;
    width: 90.66667%
  }
}
.p-useCommonStepBlock:first-child {
  margin-top: 0
}
.p-useCommonStepBlock__wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 277px;
  margin: 0 auto;
  position: relative;
  width: 880px
}
@media screen and (max-width:750px) {
  .p-useCommonStepBlock__wrap {
    display: block;
    padding: 12.8vw 0 6vw;
    height: auto;
    width: 100%
  }
}
.p-useCommonStepBlock__ttl {
  color: #097941;
  font-size: 40px;
  font-weight: bolder;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .p-useCommonStepBlock__ttl {
    font-size: 30px;
    font-size: 8vw;
    left: 4.66667%;
    width: 100%
  }
}
.p-useCommonStepBlock__txt {
  font-size: 16px;
  line-height: 1.8;
  width: 480px
}
@media screen and (max-width:750px) {
  .p-useCommonStepBlock__txt {
    font-size: 14px;
    font-size: 3.73333vw;
    width: 100%;
    margin: 0 auto;
    width: 88.23529%
  }
}
.p-useCommonStepBlock__txt .bold {
  font-weight: 700;
  font-size: 16px
}
@media screen and (max-width:750px) {
  .p-useCommonStepBlock__txt .bold {
    font-size: 14px;
    font-size: 3.73333vw
  }
}
@media screen and (max-width:750px) {
  .p-useCommonStepBlock__img {
    margin-top: 2.94118vw;
    width: 100%
  }
}
.p-useCommonVideo {
  background-color: #f0ffe6;
  margin-top: 16px;
  padding: 100px 0 120px
}
@media screen and (max-width:750px) {
  .p-useCommonVideo {
    margin-top: 2w;
    padding: 14.13333vw 0 15.6vw
  }
}
.p-useCommonVideo__inner {
  margin: 0 auto;
  width: 896px
}
@media screen and (max-width:750px) {
  .p-useCommonVideo__inner {
    width: 90.66667%
  }
}
.p-useCommonVideo__videoWrap {
  margin-top: 25px
}
@media screen and (max-width:750px) {
  .p-useCommonVideo__videoWrap iframe {
    height: 55.58824vw;
    width: 100%
  }
}
.p-useCommonIll {
  margin-top: -10px;
  padding-top: 10px
}
.p-useCommonMovie {
  margin-top: -50px;
  padding-top: 50px
}
#usePaint,
#usePaste {
  margin-top: -30px;
  padding-top: 30px
}
@media screen and (max-width:750px) {
  #usePaint,
  #usePaste {
    margin-top: -30vw;
    padding-top: 30vw
  }
}
.p-what {
  width: 1040px;
  margin: 75px auto 120px
}
@media screen and (max-width:750px) {
  .p-what {
    width: 85.33333vw;
    margin: 10.66667vw auto 30.66667vw
  }
}
.p-what__section--01 {
  padding-bottom: 100px;
  border-bottom: 1px solid #b1b1b1
}
@media screen and (max-width:750px) {
  .p-what__section--01 {
    padding-bottom: 13.33333vw
  }
}
.p-what__section--02 {
  padding: 100px 0;
  border-bottom: 1px solid #b1b1b1
}
@media screen and (max-width:750px) {
  .p-what__section--02 {
    padding: 8vw 0
  }
}
.p-what__section--03 {
  padding: 100px 0 0
}
@media screen and (max-width:750px) {
  .p-what__section--03 {
    padding: 8vw 0 0
  }
}
.p-what__ttl {
  color: #097941;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.8
}
@media screen and (max-width:750px) {
  .p-what__ttl {
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.p-what__ttl .italic {
  font-style: italic;
  font-size: 20px
}
@media screen and (max-width:750px) {
  .p-what__ttl .italic {
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.p-what__img--01 {
  width: 896px;
  margin: 60px auto 0
}
@media screen and (max-width:750px) {
  .p-what__img--01 {
    width: 100%;
    margin: 0 auto
  }
}
.p-what__img--02 {
  width: 896px;
  margin: 60px auto 0
}
@media screen and (max-width:750px) {
  .p-what__img--02 {
    width: 100%;
    margin: 0 auto
  }
}
.p-what__img--07 {
  width: 896px;
  margin: 60px auto 0
}
@media screen and (max-width:750px) {
  .p-what__img--07 {
    width: 100%;
    margin: 14.66667vw auto 0;
    overflow-x: scroll
  }
  .p-what__img--07 img {
    width: 119.46667vw
  }
}
.p-what__txt {
  font-size: 16px;
  line-height: 2
}
@media screen and (max-width:750px) {
  .p-what__txt {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-what__txt.mt60 {
  margin-top: 60px
}
@media screen and (max-width:750px) {
  .p-what__txt.mt60 {
    margin-top: 8vw
  }
}
.p-what__approach {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 896px;
  margin: 90px auto 0
}
@media screen and (max-width:750px) {
  .p-what__approach {
    display: block;
    width: 85.33333vw;
    margin: 13.33333vw auto 0
  }
}
.p-what__approachBlock {
  position: relative;
  width: 442px;
  padding: 60px 0
}
@media screen and (max-width:750px) {
  .p-what__approachBlock {
    width: 100%;
    padding: 12vw 0
  }
}
.p-what__approachBlock--green {
  background: #effff7
}
.p-what__approachBlock--yellow {
  background: #fff9e6
}
@media screen and (max-width:750px) {
  .p-what__approachBlock--yellow {
    margin-top: 13.33333vw
  }
}
.p-what__approachTtl {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -25px;
  left: 0;
  right: 0;
  width: 300px;
  height: 50px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-what__approachTtl {
    top: -4.93333vw;
    width: 58.13333vw;
    height: 9.73333vw;
    font-size: 13px;
    font-size: 3.46667vw
  }
}
.p-what__approachTtl--green {
  background: #097941
}
.p-what__approachTtl--yellow {
  background: #a27f00
}
.p-what__approachSubttl {
  font-size: 16px;
  font-weight: 400;
  text-align: center
}
@media screen and (max-width:750px) {
  .p-what__approachSubttl {
    font-size: 11px;
    font-size: 2.93333vw
  }
}
.p-what__approachSubttl--green {
  color: #097941
}
.p-what__approachSubttl--yellow {
  color: #a27f00
}
.p-what__approachSubttl .italic {
  font-style: italic;
  font-size: 16px
}
@media screen and (max-width:750px) {
  .p-what__approachSubttl .italic {
    font-size: 11px;
    font-size: 2.93333vw
  }
}
.p-what__approachProduct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 260px;
  margin: 25px auto 0
}
@media screen and (max-width:750px) {
  .p-what__approachProduct {
    width: 70vw;
    margin: 4.66667vw auto 0
  }
}
.p-what__approachProductInner {
  width: 130px
}
@media screen and (max-width:750px) {
  .p-what__approachProductInner {
    width: 33.33333vw
  }
}
.p-what__approachProductImg {
  margin: 0 auto;
  width: 130px
}
@media screen and (max-width:750px) {
  .p-what__approachProductImg {
    width: 33.33333vw
  }
}
.p-what__approachProductImg img {
  width: 100%
}
.p-what__approachProductCaption {
  color: #000;
  font-size: 15px;
  text-align: center;
  line-height: 1.5;
  margin-top: 10px
}
@media screen and (max-width:750px) {
  .p-what__approachProductCaption {
    font-size: 10px;
    font-size: 2.66667vw;
    margin-top: 1.33333vw
  }
}
.p-what__approachTxt {
  color: #414141;
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
  margin-top: 15px
}
@media screen and (max-width:750px) {
  .p-what__approachTxt {
    font-size: 9px;
    font-size: 2.4vw;
    margin-top: 4vw
  }
}
.p-what__approachCategory {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 15px;
  right: 20px;
  width: 80px;
  height: 20px;
  color: #414141;
  font-size: 11px;
  border: 1px solid #414141
}
@media screen and (max-width:750px) {
  .p-what__approachCategory {
    bottom: 3.33333vw;
    right: 4vw;
    width: 20vw;
    height: 4.13333vw;
    font-size: 7px;
    font-size: 1.86667vw
  }
}
.p-what__listBtn {
  width: 335px;
  margin: 100px auto
}
@media screen and (max-width:750px) {
  .p-what__listBtn {
    width: 66.66667vw;
    margin: 9.33333vw auto
  }
}
.p-what__listBtn a {
  width: 335px;
  height: 50px;
  font-size: 20px
}
@media screen and (max-width:750px) {
  .p-what__listBtn a {
    width: 66.66667vw;
    height: 13.33333vw;
    font-size: 14px;
    font-size: 3.73333vw
  }
}
@media print,
screen and (min-width:751px) {
  .imgModal-btn {
    display: none
  }
}
@media screen and (max-width:750px) {
  .imgModal-btn {
    width: 11.33333vw;
    height: 11.33333vw;
    margin: 5.33333vw 0 1.33333vw 4vw
  }
}
@media print,
screen and (min-width:751px) {
  .imgModal-btn--close {
    display: none
  }
}
@media screen and (max-width:750px) {
  .imgModal-btn--close {
    display: none;
    position: fixed;
    z-index: 11;
    top: 50%;
    -webkit-transform: translateY(calc(-50% - 450/750*100vw));
    -ms-transform: translateY(calc(-50% - 450/750*100vw));
    transform: translateY(calc(-50% - 450/750*100vw));
    left: 4vw
  }
}
@media screen and (max-width:750px) {
  .imgModal-btn--close.active {
    display: block
  }
}
@media print,
screen and (min-width:751px) {
  .imgModal-cont {
    display: none
  }
}
@media screen and (max-width:750px) {
  .imgModal-cont {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 10;
    background-color: rgba(80,80,80,.8);
    overflow-x: scroll
  }
}
@media screen and (max-width:750px) {
  .imgModal-cont.active {
    display: block
  }
}
@media screen and (max-width:750px) {
  .imgModal-cont__wrapper {
    max-width: 896px;
    width: 300vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6.66667vw
  }
}
@media screen and (max-width:750px) {
  .imgModal-cont__wrap {
    position: relative;
    width: 100%
  }
}
.p-proPatex__acc {
  margin-bottom: 65px!important
}
@media screen and (max-width:750px) {
  .p-proPatex__acc {
    margin-bottom: 8.66667vw!important
  }
}
.p-proPatex__box {
  margin-bottom: 25px!important
}
@media screen and (max-width:750px) {
  .p-proPatex__box {
    margin-bottom: 8vw!important
  }
}
.p-proPatex__box:last-child {
  margin-bottom: 0!important
}
.p-proPatex__txtBox {
  width: 672px;
  text-align: left
}
@media screen and (max-width:750px) {
  .p-proPatex__txtBox {
    width: 100%
  }
}
.p-proPatex__step {
  color: #097941;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: .05em;
  margin-bottom: 17px
}
@media screen and (max-width:750px) {
  .p-proPatex__step {
    font-size: 15px;
    font-size: 4vw;
    margin-bottom: 1.33333vw
  }
}
.p-proPatex__txt {
  width: 100%;
  font-size: 16px;
  letter-spacing: .05em
}
@media screen and (max-width:750px) {
  .p-proPatex__txt {
    font-size: 14px;
    font-size: 3.73333vw
  }
}
.p-proPatex__bottomImg {
  text-align: center;
  padding-bottom: 120px
}
@media screen and (max-width:750px) {
  .p-proPatex__bottomImg {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 10%
  }
}
.p-proVkCommonAcc {
  margin: 0 auto 120px;
  width: 1040px
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc {
    width: 90.66667%;
    margin-bottom: 15.6vw
  }
}
.p-proVkCommonAcc__wrap {
  border-top: 1px solid #b1b1b1
}
.p-proVkCommonAcc__wrap:last-of-type {
  border-bottom: 1px solid #b1b1b1
}
.p-proVkCommonAcc__title {
  position: relative
}
@media print,
screen and (min-width:751px) {
  .p-proVkCommonAcc__title:hover {
    cursor: pointer
  }
}
@media print,
screen and (min-width:751px) {
  .p-proVkCommonAcc__title.nolink:hover {
    cursor: default
  }
}
.p-proVkCommonAcc__title::after {
  background: url(/vantelin/assets/img/common/m-btn_arrow.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  content: "";
  top: 50%;
  right: 32px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__title::after {
    display: none
  }
}
.p-proVkCommonAcc__title.is-active .p-proVkCommonAcc__ttlWrap::after {
  content: "CLOSE"
}
.p-proVkCommonAcc__title.is-active::after {
  -webkit-transform: translateY(-50%) scale(1,-1);
  -ms-transform: translateY(-50%) scale(1,-1);
  transform: translateY(-50%) scale(1,-1)
}
.p-proVkCommonAcc__title.end-open:after {
  display: none
}
.p-proVkCommonAcc__ttlWrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 134px;
  padding-right: 57px;
  width: 952px;
  position: relative
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__ttlWrap {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    padding: 8.26667vw 3vw;
    width: 100%
  }
}
.p-proVkCommonAcc__ttlWrap::after {
  color: #097941;
  content: "OPEN";
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  font-family: Raleway,sans-serif
}
@media print,
screen and (min-width:751px) {
  .p-proVkCommonAcc__ttlWrap::after {
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__ttlWrap::after {
    display: none
  }
}
.p-proVkCommonAcc__ttlWrap.end-open:after {
  display: none
}
.p-proVkCommonAcc__ttl {
  padding-left: 56px;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  width: 100%
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__ttl {
    font-size: 16px;
    font-size: 4.26667vw;
    padding-left: 10%;
    margin: 0 auto;
    width: 100%
  }
}
.p-proVkCommonAcc__ttl::before {
  position: absolute;
  display: block;
  content: "";
  top: 16px;
  left: 0;
  width: 40px;
  height: 2px;
  background: #eac12b
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__ttl::before {
    top: 2.9vw;
    width: 6.5vw
  }
}
.p-proVkCommonAcc__ttl span {
  color: #097941;
  font-size: 20px;
  font-weight: 700
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__ttl span {
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.p-proVkCommonAcc__ttl a {
  font-size: 20px;
  text-decoration: underline
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__ttl a {
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.p-proVkCommonAcc__tag {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 367px
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__tag {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 7.2vw
  }
}
.p-proVkCommonAcc__tag li {
  border: 1px solid #414141;
  text-align: center;
  padding: 8px 0;
  font-size: 14px;
  width: 117px;
  margin-left: 8px
}
.p-proVkCommonAcc__tag li:first-child {
  margin-left: 0
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__tag li {
    padding: .2em;
    margin-top: 3%;
    width: 27.2vw
  }
}
.p-proVkCommonAcc__contents {
  display: none;
  padding-bottom: 64px
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__contents {
    padding-bottom: 10.66667vw
  }
}
.p-proVkCommonAcc__boxInner {
  width: 896px;
  margin: 0 auto;
  text-align: center
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__boxInner {
    width: 85.33333vw
  }
}
.p-proVkCommonAcc__img img {
  max-width: 100%
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__img {
    margin: 0 auto
  }
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__img.sp370 {
    width: 49.33333vw;
    margin: 0 auto
  }
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__img.sp583 {
    width: 77.73333vw;
    margin: 0 auto
  }
}
.p-proVkCommonAcc__img.pc330 {
  width: 360px;
  margin-left: -30px
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__img.pc330 {
    width: 100%;
    margin: 0 auto
  }
}
.p-proVkCommonAcc__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  width: 880px
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__flex {
    display: block;
    width: 100%
  }
}
.p-proVkCommonAcc__flex.center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.p-proVkCommonAcc__flex.end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__flex.spOrder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .p-proVkCommonAcc__flex.spOrder .spOrder1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  .p-proVkCommonAcc__flex.spOrder .spOrder2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  .p-proVkCommonAcc__flex.spOrder span {
    font-size: 30px;
    font-weight: 700;
    color: #097941;
    letter-spacing: .05em;
    vertical-align: baseline
  }
}
@media screen and (max-width:750px) and (max-width:750px) {
  .p-proVkCommonAcc__flex.spOrder span {
    font-size: 15px;
    font-size: 4vw
  }
}
.p-proVkCommonAcc__flex.w100 {
  width: 100%
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__img.sp370 {
    width: 49.33333vw;
    margin: 0 auto
  }
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__img.sp583 {
    width: 77.73333vw;
    margin: 0 auto
  }
}
.p-proVkCommonAcc__txtBox {
  width: 528px
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__txtBox {
    width: 100%
  }
}
.p-proVkCommonAcc__txt {
  text-align: left;
  font-size: 16px;
  letter-spacing: .05em;
  line-height: 1.875
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__txt {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-proVkCommonAcc__txt span {
  font-size: 24px;
  letter-spacing: .05em;
  font-weight: 700;
  color: #097941
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__txt span {
    font-size: 5vw
  }
}
.p-proVkCommonAcc__txt.bold {
  font-weight: 700
}
.p-proVkCommonAcc__txt2 {
  font-size: 24px;
  font-weight: 700;
  text-align: left;
  letter-spacing: .05em
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__txt2 {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1;
    text-align: center
  }
}
.p-proVkCommonAcc__txt2 span {
  font-size: 30px;
  font-weight: 700;
  color: #097941;
  letter-spacing: .05em
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__txt2 span {
    font-size: 15px;
    font-size: 4vw
  }
}
.p-proVkCommonAcc__txt3 {
  font-size: 14px;
  text-align: left
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__txt3 {
    font-size: 7px;
    font-size: 1.86667vw
  }
}
.p-proVkCommonAcc__txt3 span {
  font-size: 13px;
  display: inline-block;
  width: 108px;
  border: 1px solid;
  text-align: center;
  margin-right: 16px
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__txt3 span {
    font-size: 6.5px;
    font-size: 1.73333vw;
    width: 21.6vw;
    margin-right: 3.6vw
  }
}
.p-proVkCommonAcc__txtGreen {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  background: #097941;
  width: 426px;
  line-height: 1;
  padding: 11px 0 14px;
  margin: 18px 0 24px
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__txtGreen {
    margin: 4vw 0;
    width: 100%;
    font-size: 5vw
  }
}
.p-proVkCommonAcc__txtGreen span {
  font-size: 40px;
  font-weight: 700
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__txtGreen span {
    font-size: 8vw!important;
    line-height: .8;
    margin: 0 .66667vw;
    color: #fff!important
  }
}
@media screen and (max-width:750px) {
  .p-proVkCommonAcc__wrap {
    position: relative;
    padding-bottom: 12.93333vw
  }
}
.p-proVkCommonAcc__btnSp {
  position: absolute;
  bottom: 8.53333vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}
.p-proVkCommonAcc__btnSp:before {
  color: #097941;
  content: "OPEN";
  font-weight: 700;
  letter-spacing: .1em;
  font-family: Raleway,sans-serif;
  font-size: 14px;
  font-size: 3.73333vw;
  display: block;
  -webkit-transform: translateX(-5%);
  -ms-transform: translateX(-5%);
  transform: translateX(-5%);
  text-align: center
}
.p-proVkCommonAcc__btnSp:after {
  background: url(/vantelin/assets/img/common/m-btn_arrow.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  content: "";
  top: 50%;
  right: -3.33333vw;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2.66667vw;
  height: 2vw
}
.p-proVkCommonAcc__btnSp.is-active:before {
  content: "CLOSE"
}
.p-proVkCommonAcc__btnSp.is-active:after {
  -webkit-transform: translateY(-50%) scale(1,-1);
  -ms-transform: translateY(-50%) scale(1,-1);
  transform: translateY(-50%) scale(1,-1)
}
.p-proVkCommonAccNotes {
  border: 1px solid #707070;
  text-align: left;
  margin-top: 24px
}
@media screen and (max-width:750px) {
  .p-proVkCommonAccNotes {
    margin-top: 5.33333vw
  }
}
.p-proVkCommonAccNotes__inner {
  margin: 0 auto;
  padding: 19px 0;
  width: 368px
}
@media screen and (max-width:750px) {
  .p-proVkCommonAccNotes__inner {
    padding: 4.53333vw 2.66667vw;
    width: 100%;
    font-size: 12px;
    font-size: 3.2vw
  }
}
@media screen and (max-width:750px) {
  .spMb40 {
    margin-bottom: 5.33333vw!important
  }
}
@media screen and (max-width:750px) {
  .spMb50 {
    margin-bottom: 6.66667vw!important
  }
}
@media screen and (max-width:750px) {
  .spMb65 {
    margin-bottom: 8.66667vw!important
  }
}
@media screen and (max-width:750px) {
  .p-proVkCommonTtl {
    width: 100%
  }
}
.p-productIciList {
  margin-top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
@media screen and (max-width:750px) {
  .p-productIciList {
    margin-top: 9.33333vw
  }
}
.p-productIciList__item {
  position: relative;
  width: 260px;
  text-align: center
}
@media screen and (max-width:750px) {
  .p-productIciList__item {
    width: 29.33333vw
  }
}
.p-productIciList__item:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg)
}
.p-productIciList__item a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 50px
}
.p-productIciList__item.new:before {
  content: "NEW";
  position: absolute;
  left: 50%;
  bottom: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 70px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffda00;
  color: #0c3621;
  font-size: 16px
}
@media screen and (max-width:750px) {
  .p-productIciList__item.new:before {
    width: 8vw;
    font-size: 8px;
    font-size: 2.13333vw;
    height: 4.8vw
  }
}
.p-productIciList__img--01 {
  margin-top: 45px;
  margin-bottom: 26.5px
}
@media screen and (max-width:750px) {
  .p-productIciList__img--01 {
    margin-bottom: 2.8vw;
    margin-top: 17%
  }
}
.p-productIciList__ttl {
  text-align: center;
  font-size: 16px
}
@media screen and (max-width:750px) {
  .p-productIciList__ttl {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-productIciList__ttl span {
  font-size: 12px
}
@media screen and (max-width:750px) {
  .p-productIciList__ttl span {
    font-size: 9px;
    font-size: 2.4vw
  }
}
.p-productIciList__att {
  font-size: 11px;
  display: inline-block;
  border: 1px solid #aaa;
  margin: 13px auto 0;
  padding: 3px 5px
}
@media screen and (max-width:750px) {
  .p-productIciList__att {
    font-size: 10px;
    font-size: 2.66667vw
  }
}
.p-productIci {
  width: 1040px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-productIci {
    width: 100%
  }
}
.p-productIci__item {
  padding-top: 140px;
  margin-top: -140px
}
.p-productIci__item--last {
  border-bottom: 1px solid #dedede
}
.p-productIci__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #dedede;
  padding: 60px 0 40px
}
@media screen and (max-width:750px) {
  .p-productIci__flex {
    width: 89.33333vw;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 8vw 0
  }
}
.p-productIci__prod {
  position: relative;
  text-align: center;
  width: 424px
}
.p-productIci__prod.new:before {
  content: "NEW";
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffda00;
  color: #0c3621;
  font-size: 16px;
  z-index: 1
}
@media screen and (max-width:750px) {
  .p-productIci__prod.new:before {
    width: 15.46667vw;
    height: 2em;
    font-size: 15px;
    font-size: 4vw
  }
}
.p-productIci__ct {
  padding-left: 104px
}
@media screen and (max-width:750px) {
  .p-productIci__ct {
    padding-left: 0;
    margin-top: 4vw
  }
}
.p-productIci__ex {
  margin-top: 40px
}
.p-productIciUse {
  width: 1040px;
  margin: 70px auto 0;
  padding-bottom: 110px
}
@media screen and (max-width:750px) {
  .p-productIciUse {
    width: 89.33333vw;
    margin: 12vw auto 0
  }
}
.p-productIciUse__ttl {
  font-size: 24px;
  font-weight: 700
}
@media screen and (max-width:750px) {
  .p-productIciUse__ttl {
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.p-productIciUse__ttl span {
  font-size: 16px
}
@media screen and (max-width:750px) {
  .p-productIciUse__ttl span {
    font-size: 11px;
    font-size: 2.93333vw
  }
}
.p-productIciUse__item {
  margin-top: 40px
}
@media screen and (max-width:750px) {
  .p-productIciUse__item {
    margin-top: 16px
  }
}
.p-tapingCourse__inner {
  width: 896px;
  margin: 70px auto 145px
}
@media screen and (max-width:750px) {
  .p-tapingCourse__inner {
    width: 90.66667vw;
    margin: 10.66667vw auto 30.66667vw
  }
}
.p-tapingCourse__h2ttl {
  color: #097941;
  font-size: 30px
}
@media screen and (max-width:750px) {
  .p-tapingCourse__h2ttl {
    font-size: 18px;
    font-size: 4.8vw
  }
}
.p-tapingCourse__h2ttl:before {
  top: 22px
}
@media screen and (max-width:750px) {
  .p-tapingCourse__h2ttl:before {
    top: 3vw
  }
}
.p-tapingCourse__modal {
  margin-top: 100px
}
@media screen and (max-width:750px) {
  .p-tapingCourse__modal {
    margin-top: 8vw
  }
}
.p-tapingCourse__modalInner {
  position: relative;
  width: 864px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-tapingCourse__modalInner {
    width: 100%
  }
}
.p-tapingCourse__modalImg {
  position: absolute;
  top: -38px;
  left: 0;
  right: 0;
  width: 368px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-tapingCourse__modalImg {
    display: none
  }
}
.p-tapingCourse__modalList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media print,
screen and (min-width:751px) {
  .p-tapingCourse__modalList li {
    width: 248px
  }
  .p-tapingCourse__modalList li:nth-of-type(n+3) {
    margin-top: 24px
  }
  .p-tapingCourse__modalList li:nth-of-type(2n) {
    margin-left: 368px
  }
}
@media screen and (max-width:750px) {
  .p-tapingCourse__modalList li {
    width: 44.26667vw
  }
  .p-tapingCourse__modalList li:nth-of-type(n+3) {
    margin-top: 1.33333vw
  }
}
.p-tapingCourse__modalList li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 248px;
  height: 50px;
  color: #097941;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid #097941
}
@media screen and (max-width:750px) {
  .p-tapingCourse__modalList li a {
    width: 44.26667vw;
    height: 13.33333vw;
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-tapingCourse__modalList li a:before {
  display: none
}
.modaal-container iframe {
  width: 100%;
  height: 504px
}
@media screen and (max-width:750px) {
  .modaal-container iframe {
    height: 48.5vw
  }
}
.example {
  color: #fff
}
.example .example_inner_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #02582d;
  padding: 10px 20px
}
@media screen and (max-width:750px) {
  .example .example_inner_01 {
    display: block;
    padding: 4vw
  }
}
.example .example_inner_01 .example_box h2 {
  font-size: 26px;
  line-height: 1
}
@media screen and (max-width:750px) {
  .example .example_inner_01 .example_box h2 {
    font-size: 18px;
    font-size: 4.8vw
  }
}
.example .example_inner_01 .example_box p {
  font-size: 17px;
  line-height: 1;
  margin-top: 10px
}
@media screen and (max-width:750px) {
  .example .example_inner_01 .example_box p {
    font-size: 14px;
    font-size: 3.73333vw;
    margin-top: 3vw;
    line-height: 1.5
  }
}
@media screen and (max-width:750px) {
  .example .example_inner_01 .example_inner_01_img_01 {
    width: 53.33333vw;
    margin-top: 3vw
  }
}
.example .example_inner_02 {
  background: #1b7e4d
}
.example .example_inner_02 .example_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.example .example_inner_02 .example_box h3 {
  width: 100%;
  font-size: 19px;
  line-height: 1.2;
  margin-bottom: 15px
}
@media screen and (max-width:750px) {
  .example .example_inner_02 .example_box h3 {
    font-size: 15px;
    font-size: 4vw;
    margin-bottom: 3vw
  }
}
.example .example_inner_02 .example_box h3 span {
  font-size: 16px
}
@media screen and (max-width:750px) {
  .example .example_inner_02 .example_box h3 span {
    font-size: 13px;
    font-size: 3.46667vw
  }
}
.example .example_inner_02 .example_box .step {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 448px;
  padding: 20px 25px
}
@media screen and (max-width:750px) {
  .example .example_inner_02 .example_box .step {
    width: 100%;
    padding: 4vw
  }
}
.example .example_inner_02 .example_box .step:nth-of-type(2):before {
  position: absolute;
  display: block;
  content: '';
  top: 10px;
  left: 0;
  width: 1px;
  padding-top: 260px;
  background: #fff
}
@media screen and (max-width:750px) {
  .example .example_inner_02 .example_box .step:nth-of-type(2):before {
    display: none
  }
}
.example .example_inner_02 .example_box .step.w100 {
  width: 100%
}
.example .example_inner_02 .example_box .step_inner_01,
.example .example_inner_02 .example_box .step_inner_02 {
  width: 188px
}
@media screen and (max-width:750px) {
  .example .example_inner_02 .example_box .step_inner_01,
  .example .example_inner_02 .example_box .step_inner_02 {
    width: 37.33333vw
  }
  .example .example_inner_02 .example_box .step_inner_01:nth-of-type(n+3),
  .example .example_inner_02 .example_box .step_inner_02:nth-of-type(n+3) {
    margin-top: 5vw
  }
}
.example .example_inner_02 .example_box .step_inner_01_txt_01,
.example .example_inner_02 .example_box .step_inner_02_txt_01 {
  font-size: 16px;
  line-height: 1.2;
  margin-top: 10px
}
@media screen and (max-width:750px) {
  .example .example_inner_02 .example_box .step_inner_01_txt_01,
  .example .example_inner_02 .example_box .step_inner_02_txt_01 {
    font-size: 12px;
    font-size: 3.2vw;
    margin-top: 3vw
  }
}
.p-supHow__h2ttl {
  position: relative;
  width: 1040px;
  margin: -60px auto 0;
  padding-top: 170px
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl {
    width: 82.66667vw;
    margin: -29vw auto 0;
    padding-top: 45vw
  }
}
.p-supHow__h2ttl--paint {
  padding-left: 70px
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--paint {
    padding-left: 14.66667vw
  }
}
.p-supHow__h2ttl--paint:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 0;
  width: 34px;
  height: 42px;
  background: url(/vantelin/assets/img/common/m-btn_paint.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--paint:before {
    width: 10.66667vw;
    height: 12.93333vw
  }
}
.p-supHow__h2ttl--normal {
  padding-left: 70px
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--normal {
    padding-left: 14.66667vw
  }
}
.p-supHow__h2ttl--normal:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 0;
  width: 47px;
  height: 86px;
  background: url(/vantelin/assets/img/common/m-btn_normal.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--normal:before {
    width: 12vw;
    height: 17.73333vw
  }
}
.p-supHow__h2ttl--warm {
  padding-left: 70px
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--warm {
    padding-left: 14.66667vw
  }
}
.p-supHow__h2ttl--warm:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 0;
  width: 47px;
  height: 86px;
  background: url(/vantelin/assets/img/common/m-btn_warm.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--warm:before {
    width: 12vw;
    height: 17.73333vw
  }
}
.p-supHow__h2ttl--wind {
  padding-left: 70px
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--wind {
    padding-left: 14.66667vw
  }
}
.p-supHow__h2ttl--wind:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 0;
  width: 47px;
  height: 86px;
  background: url(/vantelin/assets/img/common/m-btn_wind.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--wind:before {
    width: 12vw;
    height: 17.73333vw
  }
}
.p-supHow__h2ttl--press {
  padding-left: 100px
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--press {
    padding-left: 14.66667vw
  }
}
.p-supHow__h2ttl--press:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 0;
  width: 88px;
  height: 60px;
  background: url(/vantelin/assets/img/common/m-btn_press.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--press:before {
    width: 17.33333vw;
    height: 12.53333vw;
    left: -4vw
  }
}
.p-supHow__h2ttl--fix {
  padding-left: 100px
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--fix {
    padding-left: 14.66667vw
  }
}
.p-supHow__h2ttl--fix:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 2px;
  width: 98px;
  height: 70px;
  background: url(/vantelin/assets/img/common/m-btn_fix.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--fix:before {
    width: 17.33333vw;
    height: 12.53333vw;
    left: -4vw
  }
}
.p-supHow__h2ttl--taping {
  padding-left: 70px
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--taping {
    padding-left: 14.66667vw
  }
}
.p-supHow__h2ttl--taping:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: -20px;
  width: 80px;
  height: 58px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--taping:before {
    width: 17.33333vw;
    height: 12.53333vw;
    left: -4vw;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}
.p-supHow__h2ttl--taping.taping01:before {
  background: url(/vantelin/assets/img/common/m-btn_taping01.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
.p-supHow__h2ttl--taping.taping02:before {
  background: url(/vantelin/assets/img/common/m-btn_taping02.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
.p-supHow__h2ttl--taping.taping03:before {
  background: url(/vantelin/assets/img/common/m-btn_taping03.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
.p-supHow__h2ttl--paste {
  padding-left: 70px
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--paste {
    padding-left: 18.66667vw
  }
}
.p-supHow__h2ttl--paste:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 0;
  width: 48px;
  height: 33px;
  background: url(/vantelin/assets/img/common/m-btn_paste.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .p-supHow__h2ttl--paste:before {
    width: 14.66667vw;
    height: 9.6vw
  }
}
.p-supHow__inner--paint {
  background: #effff7
}
.p-supHow__inner--normal {
  background: #effff7
}
.p-supHow__inner--warm {
  background: #fff8ed
}
.p-supHow__inner--wind {
  background: #edf7ff
}
.p-supHow__inner--press {
  background: #fff4f4
}
.p-supHow__inner--fix {
  background: #f0ffe6
}
.p-supHow__inner--paste {
  background: #f0ffe6
}
.p-supHow__inner--goods {
  background: #fff3c3;
  margin-top: 120px
}
@media screen and (max-width:750px) {
  .p-supHow__inner--goods {
    margin-top: 2vw;
    margin-bottom: 14.66667vw
  }
}
.p-supHow__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1040px;
  margin: 15px auto 0;
  padding: 65px 0 40px
}
@media screen and (max-width:750px) {
  .p-supHow__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 89.6vw;
    margin: 6.66667vw auto 0;
    padding: 16vw 0
  }
}
.p-supHow__list--goods {
  margin-top: 0
}
.p-supHow__list--1 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.p-supHow__list--1 li {
  width: calc(100%/1);
  margin-bottom: 30px
}
@media screen and (max-width:750px) {
  .p-supHow__list--1 li {
    width: calc(100%/2);
    margin-bottom: 4vw
  }
}
.p-supHow__list--1 li img {
  display: block;
  margin: 0 auto
}
.p-supHow__list--2 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.p-supHow__list--2 li {
  width: auto;
  margin-bottom: 30px;
  margin: 0 60px
}
@media screen and (max-width:750px) {
  .p-supHow__list--2 li {
    width: calc(100%/2);
    margin: 0 0;
    margin-bottom: 4vw
  }
}
.p-supHow__list--2 li img {
  display: block;
  margin: 0 auto
}
.p-supHow__list--4 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.p-supHow__list--4 li {
  width: calc(100%/4);
  margin-bottom: 30px
}
@media screen and (max-width:750px) {
  .p-supHow__list--4 li {
    width: calc(100%/2);
    margin-bottom: 15%;
    margin-top: 0
  }
}
.p-supHow__list--4 li img {
  display: block;
  margin: 0 auto
}
.p-supHow__list--3 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.p-supHow__list--3 li {
  width: 346px;
  margin-bottom: 30px
}
@media screen and (max-width:750px) {
  .p-supHow__list--3 li {
    width: calc(100%/2);
    margin-bottom: 4vw
  }
}
.p-supHow__list--3 li img {
  display: block;
  margin: 0 auto
}
@media print,
screen and (min-width:751px) {
  .p-supHow__list--5::before {
    content: "";
    display: block;
    width: 260px;
    height: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}
@media print,
screen and (min-width:751px) {
  .p-supHow__list--6::after,
  .p-supHow__list--6::before {
    content: "";
    display: block;
    width: 260px;
    height: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}
.p-supHow__listItem--goods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 512px;
  padding: 50px 30px 50px 80px;
  background: #fff
}
@media screen and (max-width:750px) {
  .p-supHow__listItem--goods {
    width: 90.66667vw;
    padding: 6vw 5.33333vw
  }
  .p-supHow__listItem--goods:nth-of-type(n+2) {
    margin-top: 5.33333vw
  }
}
@media screen and (max-width:750px) {
  .p-supHow .knee_comp {
    width: 44.8vw
  }
}
.p-supHow__listImg {
  margin: 0 auto
}
.p-supHow__listImg--paint {
  width: 175px;
  text-align: center
}
@media screen and (max-width:750px) {
  .p-supHow__listImg--paint {
    width: 30.66667vw
  }
}
@media screen and (max-width:750px) {
  .p-supHow__listImg--taping {
    width: 34.66667vw
  }
}
.p-supHow__listImg--paste {
  width: 220px
}
@media screen and (max-width:750px) {
  .p-supHow__listImg--paste {
    width: 40.66667vw
  }
}
.p-supHow__listImg--goods {
  width: 126px
}
@media screen and (max-width:750px) {
  .p-supHow__listImg--goods {
    width: 25.46667vw;
    margin: inherit
  }
}
.p-supHow__listImg--fixed {
  width: 215px
}
@media screen and (max-width:750px) {
  .p-supHow__listImg--fixed {
    width: 34.66667vw
  }
}
@media screen and (max-width:750px) {
  .p-supHow .waist_comp {
    width: 41.33333vw
  }
}
@media screen and (max-width:750px) {
  .p-supHow .waist_comp_wide {
    width: 42.66667vw
  }
}
@media screen and (max-width:750px) {
  .p-supHow .elbow_comp {
    width: 25.5vw
  }
}
.p-supHow__listCategory {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 15px;
  left: 0;
  width: 80px;
  height: 20px;
  font-size: 11px;
  border: 1px solid #414141
}
@media screen and (max-width:750px) {
  .p-supHow__listCategory {
    top: 5.33333vw;
    width: 20.66667vw;
    height: 5.33333vw;
    font-size: 10.5px;
    font-size: 2.8vw
  }
}
.p-supHow__listCategory--goods {
  position: relative;
  top: inherit
}
.p-supHow__listTtl {
  font-size: 15px;
  text-align: center;
  margin-top: 5px
}
@media screen and (max-width:750px) {
  .p-supHow__listTtl {
    font-size: 16px;
    font-size: 4.26667vw;
    margin-top: 4vw
  }
}
.p-supHow__listTtl--goods {
  margin-top: 25px
}
@media screen and (max-width:750px) {
  .p-supHow__listTtl--goods {
    margin-top: 3.33333vw
  }
}
@media screen and (max-width:750px) {
  .p-supHow__listTtl--10 {
    width: 44.26667vw
  }
}
@media screen and (max-width:750px) {
  .p-supHow__listTtl--11 {
    width: 35.6vw
  }
}
@media screen and (max-width:750px) {
  .p-supHow__listTtl--taping01 {
    width: 44.26667vw
  }
}
@media screen and (max-width:750px) {
  .p-supHow__listTtl--taping02 {
    width: 35.46667vw
  }
}
.p-supHow__detailBtn {
  margin-top: 5px
}
@media screen and (max-width:750px) {
  .p-supHow__detailBtn {
    margin-top: 4vw
  }
}
.p-supHow__detailBtn--goods {
  margin: 20px 0 0 0
}
@media screen and (max-width:750px) {
  .p-supHow__detailBtn--goods {
    margin: 2.66667vw 0 0 0
  }
}
.p-supHow__detailBtn--goods a {
  margin: inherit
}
.p-supProUnder__ttl {
  position: relative;
  width: 100%;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -.05em;
  background: #0c3621;
  background: -webkit-gradient(linear,left top,right top,from(#0c3621),to(#097941));
  background: -o-linear-gradient(left,#0c3621 0,#097941 100%);
  background: linear-gradient(to right,#0c3621 0,#097941 100%);
  overflow-x: hidden
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__ttl {
    min-width: 1200px;
    height: 200px
  }
}
@media screen and (max-width:750px) {
  .p-supProUnder__ttl {
    line-height: 1.3;
    background: #0c3621;
    padding: 4vw 5.33333vw
  }
}
.p-supProUnder__ttlInner {
  position: relative;
  margin: 0 auto;
  z-index: 1
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__ttlInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1006px;
    height: 200px
  }
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__ttlTxt {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    right: 0;
    width: 610px;
    height: 200px;
    background: #086e35;
    margin-top: 0;
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg)
  }
}
@media screen and (max-width:750px) {
  .p-supProUnder__ttlTxt {
    letter-spacing: .05em;
    color:white;
  }
}
.p-supProUnder__ttlTxt span {
  font-size: 20px
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__ttlTxt span {
    -webkit-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    transform: skewX(45deg)
  }
}
@media screen and (max-width:750px) {
  .p-supProUnder__ttlTxt span {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1.5
  }
}
@media screen and (max-width:750px) {
  .p-supProUnder__ttlTxt.wnw {
    white-space: nowrap
  }
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__ttlTxt.lh {
    line-height: 1.6
  }
}
.p-supProUnder--main {
  font-size: 46px;
  white-space: nowrap
}
@media screen and (max-width:750px) {
  .p-supProUnder--main {
    font-size: 28px;
    font-size: 7.46667vw
  }
}
.p-supProUnder--sub {
  font-size: 42px;
  font-weight: 400
}
@media screen and (max-width:750px) {
  .p-supProUnder--sub {
    font-size: 24px;
    font-size: 6.4vw
  }
}
@media screen and (max-width:750px) {
  .p-supProUnder--sub span {
    font-size: 24px;
    font-size: 6.4vw
  }
}
.p-supProUnder__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 690px;
  margin: 100px auto 0
}
@media screen and (max-width:750px) {
  .p-supProUnder__product {
    display: block;
    width: 90.66667vw;
    margin: 18.66667vw auto 16vw
  }
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__product.w820 {
    width: 820px
  }
}
.p-supProUnder__productImg {
  width: 320px
}
@media screen and (max-width:750px) {
  .p-supProUnder__productImg {
    width: 66.66667vw;
    margin: 0 auto
  }
}
.p-supProUnder__productImg--img2 {
  width: 230px
}
@media screen and (max-width:750px) {
  .p-supProUnder__productImg--img2 {
    width: 46.66667vw;
    margin: 0 auto
  }
}
.p-supProUnder__productImg img {
  width: 100%
}
.p-supProUnder__productImg.newIcon {
  position: relative
}
.p-supProUnder__productImg.newIcon::before {
  content: "NEW";
  position: absolute;
  top: -3em;
  left: 0;
  height: 30px;
  width: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffda00;
  color: #0c3621;
  font-size: 16px;
  font-weight: 700
}
@media screen and (max-width:750px) {
  .p-supProUnder__productImg.newIcon::before {
    font-size: 10px;
    font-size: 2.66667vw;
    top: -9.2vw;
    height: 5.86667vw;
    width: 11.33333vw
  }
}
.p-supProUnder__productImg.tagPkRenewal {
  position: relative
}
.p-supProUnder__productImg.tagPkRenewal::before {
  content: "繝代ャ繧ｱ繝ｼ繧ｸ繝ｪ繝九Η繝ｼ繧｢繝ｫ";
  position: absolute;
  display: inline-block;
  top: -3em;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffda00;
  color: #0c3621;
  font-size: 16px;
  font-weight: 700;
  padding: 0 10px;
  width: 200px
}
@media screen and (max-width:750px) {
  .p-supProUnder__productImg.tagPkRenewal::before {
    font-size: 10px;
    font-size: 2.66667vw;
    top: -9.2vw;
    height: 5.86667vw;
    width: 12em;
    left: 8em
  }
}
.p-supProUnder__productDetail {
  width: 335px
}
@media screen and (max-width:750px) {
  .p-supProUnder__productDetail {
    width: 100%;
    margin-top: 8vw
  }
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__productDetail.w465 {
    width: 465px
  }
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__productDetail.w500 {
    width: 500px
  }
}
@media screen and (max-width:750px) {
  .p-supProUnder__productDetail.w500 {
    width: 113%
  }
}
.p-supProUnder__productDetailBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.p-supProUnder__productDetailBlock:nth-of-type(n+2) {
  margin-top: 10px
}
@media screen and (max-width:750px) {
  .p-supProUnder__productDetailBlock:nth-of-type(n+2) {
    margin-top: 1.33333vw
  }
}
.p-supProUnder__productDetailBlock span {
  display: block;
  font-size: 16px
}
@media screen and (max-width:750px) {
  .p-supProUnder__productDetailBlock span {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-supProUnder__productDetailBlock span:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 160px;
  height: 40px;
  color: #fff;
  background: #097941
}
@media screen and (max-width:750px) {
  .p-supProUnder__productDetailBlock span:nth-of-type(1) {
    width: 24vw;
    height: 11.33333vw
  }
}
.p-supProUnder__productDetailBlock span:nth-of-type(2) {
  color: #414141;
  margin-left: 15px
}
@media screen and (max-width:750px) {
  .p-supProUnder__productDetailBlock span:nth-of-type(2) {
    margin-left: 3.33333vw
  }
}
.p-supProUnder__productDetailBlock--knee-aeration {
  width: 440px
}
.p-supProUnder__productDetailBlock--knee-aeration span {
  display: block;
  font-size: 16px
}
@media screen and (max-width:750px) {
  .p-supProUnder__productDetailBlock--knee-aeration span {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-supProUnder__productDetailBlock--knee-aeration span:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 263px;
  height: 40px;
  color: #fff;
  background: #097941
}
@media screen and (max-width:750px) {
  .p-supProUnder__productDetailBlock--knee-aeration span:nth-of-type(1) {
    width: 24vw;
    height: 11.33333vw
  }
}
.p-supProUnder__productTxt {
  width: 690px;
  font-size: 16px;
  margin: 70px auto 0
}
@media screen and (max-width:750px) {
  .p-supProUnder__productTxt {
    width: 90.66667vw;
    font-size: 12px;
    font-size: 3.2vw;
    margin: 4vw auto 0
  }
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__productTxt.w700 {
    width: 700px
  }
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__productTxt.w820 {
    width: 820px
  }
}
.p-supProUnder__productLinksBtnFlex {
  width: 688px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .p-supProUnder__productLinksBtnFlex {
    display: block;
    width: 89.33333vw
  }
}
.p-supProUnder__productLinksBtn {
  margin: 60px auto 0;
  width: 335px;
  position: relative
}
.p-supProUnder__productLinksBtn:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background: #0c3621;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__productLinksBtn:hover {
    opacity: 1
  }
  .p-supProUnder__productLinksBtn:hover:after {
    width: 100%
  }
}
@media screen and (max-width:750px) {
  .p-supProUnder__productLinksBtn {
    width: 100%
  }
  .p-supProUnder__productLinksBtn:nth-of-type(n+2) {
    margin-top: 5.33333vw
  }
}
.p-supProUnder__productLinksBtn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 335px;
  height: 50px;
  color: #097941;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid #097941;
  z-index: 1
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__productLinksBtn a:hover {
    color: #fff;
    opacity: 1
  }
}
@media screen and (max-width:750px) {
  .p-supProUnder__productLinksBtn a {
    width: 90.66667vw;
    height: 16.53333vw;
    font-size: 16px;
    font-size: 4.26667vw;
    margin: 0 auto
  }
}
.p-supProUnder__productLinksBtn a:nth-of-type(1):before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 25px;
  width: 8px;
  height: 16px;
  background: url(/vantelin/assets/img/supporter/product/common/arrow_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.p-supProUnder__productLinksBtn a:nth-of-type(2):before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 25px;
  width: 14px;
  height: 14px;
  background: url(/vantelin/assets/img/supporter/product/common/blank_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.p-supProUnder__productLinksBtn .product:before {
  position: absolute;
  display: block;
  content: "";
  top: 50%!important;
  right: 25px!important;
  width: 14px!important;
  height: 14px!important;
  background: url(/vantelin/assets/img/supporter/product/common/blank_icon.svg)!important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.p-supProUnder__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 864px;
  margin: 100px;
}
@media screen and (max-width:750px) {
  .p-supProUnder__detail {
    display: block;
    width: 90.66667vw;
    margin: 13.33333vw auto 0
  }
}
.p-supProUnder__detail--knee_aeration {
  width: 688px
}
@media screen and (max-width:750px) {
  .p-supProUnder__detail--knee_aeration {
    width: 90.66667vw;
    margin: 13.33333vw auto 0
  }
}
.p-supProUnder__detail--knee_comp {
  width: 1040px
}
@media screen and (max-width:750px) {
  .p-supProUnder__detail--knee_comp {
    width: 90.66667vw;
    margin: 10.66667vw auto 0
  }
}
.p-supProUnder__detail--ankle_comp {
  width: 998px
}
@media screen and (max-width:750px) {
  .p-supProUnder__detail--ankle_comp {
    width: 90.66667vw;
    margin: 10.66667vw auto 0
  }
}
.p-supProUnder__detailInner {
  width: 424px
}
@media screen and (max-width:750px) {
  .p-supProUnder__detailInner {
    width: 100%
  }
}
.p-supProUnder__detailInner--flex {
  width: 688px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-supProUnder__detailInner--flex img {
  padding-left: 30px
}
@media screen and (max-width:750px) {
  .p-supProUnder__detailInner--flex {
    width: 80vw;
    margin: 0 auto;
    display: block
  }
  .p-supProUnder__detailInner--flex img {
    padding-left: 0
  }
}
.p-supProUnder__detailImg.tal {
  text-align: left;
  margin-right: auto
}
.p-supProUnder__detailImg.tac {
  text-align: center;
  margin: 0 auto
}
.p-supProUnder__detailImg.tar {
  text-align: right;
  margin-left: auto
}
@media screen and (max-width:750px) {
  .p-supProUnder__detailImg:nth-of-type(n+2) {
    margin-top: 5vw
  }
}
.p-supProUnder__detailTtl {
  color: #097941;
  font-size: 16px;
  font-weight: 700;
  margin-top: 20px
}
@media screen and (max-width:750px) {
  .p-supProUnder__detailTtl {
    font-size: 14px;
    font-size: 3.73333vw;
    margin-top: 5vw
  }
}
.p-supProUnder__detailTxt {
  font-size: 16px;
  margin-top: 15px
}
@media screen and (max-width:750px) {
  .p-supProUnder__detailTxt {
    font-size: 14px;
    font-size: 3.73333vw;
    margin-top: 3vw
  }
}
.p-supProUnder .mt {
  margin-top: 0
}
@media screen and (max-width:750px) {
  .p-supProUnder .mt {
    margin-top: 3vw
  }
}
.p-supProUnder .mb {
  margin-bottom: 20px
}
.p-supProUnder__about {
  width: 1040px;
  margin: 100px auto 120px
}
@media screen and (max-width:750px) {
  .p-supProUnder__about {
    width: 90.66667vw;
    margin: 16vw auto
  }
}
.p-supProUnder__aboutDetail {
  display: none
}
.p-supProUnder__aboutDetailInner2 {
  width: 779px;
  margin: 0 auto
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__aboutDetailInner2 {
    padding: 0 0 50px
  }
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailInner2 {
    display: block;
    width: 100%
  }
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailInner2 .p-supProUnder__aboutDetailImg {
    width: 100%
  }
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailInner2 .p-howToInstallCommonStepBlock__img {
    width: 100%
  }
}
.p-supProUnder__aboutDetailInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 896px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailInner {
    display: block;
    width: 100%
  }
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__aboutDetailInner.w970 {
    width: 970px
  }
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__aboutDetailInner.w1028 {
    width: 1028px
  }
}
.p-supProUnder__aboutDetailInner.w1028 img {
  width: 100%
}
.p-supProUnder__aboutDetailInner:nth-of-type(n+2) {
  margin-top: 40px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailInner:nth-of-type(n+2) {
    margin-top: 8vw
  }
}
.p-supProUnder__aboutDetailInner:last-of-type {
  padding-bottom: 50px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailInner:last-of-type {
    padding-bottom: 26.66667vw
  }
}
.p-supProUnder__aboutDetailInner--fs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailInner--fs {
    display: block
  }
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__aboutDetailInner--fs .p-supProUnder__aboutDetailImg:nth-of-type(n+2) {
    margin-left: 25px
  }
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailInner--fs .p-supProUnder__aboutDetailImg:nth-of-type(n+2) {
    margin-top: 5vw
  }
}
.p-supProUnder__aboutDetailInner--fs .p-supProUnder__aboutDetailTxt {
  text-align: center;
  margin-top: 5px
}
.p-supProUnder__aboutDetailInner--dpb {
  display: block
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailInner--dpb .p-supProUnder__aboutDetailImg {
    width: 100%
  }
}
.p-supProUnder__aboutDetailInner--dpb .p-supProUnder__aboutDetailImg:nth-of-type(n+2) {
  margin-top: 20px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailInner--dpb .p-supProUnder__aboutDetailImg:nth-of-type(n+2) {
    margin-top: 3vw
  }
}
.p-supProUnder__aboutDetailInner--knee_comp {
  width: 776px;
  margin: 0 auto;
  display: block
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailInner--knee_comp {
    width: 92vw
  }
}
.p-supProUnder__aboutDetailInner--wcw {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start
}
.p-supProUnder__aboutCaution {
  width: 896px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutCaution {
    width: 100%
  }
}
.p-supProUnder__aboutCautionTxt {
  font-size: 16px;
  line-height: 1.8
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutCautionTxt {
    font-size: 12px;
    font-size: 3.2vw
  }
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailImg {
    width: 53.33333vw;
    margin: 0 auto
  }
  .p-supProUnder__aboutDetailImg.w100 {
    width: 100%;
    margin-top: 5vw
  }
}
.p-supProUnder__aboutDetailImg.tal {
  text-align: left;
  margin-right: auto
}
.p-supProUnder__aboutDetailImg.tac {
  text-align: center;
  margin: 0 auto
}
.p-supProUnder__aboutDetailImg.tar {
  text-align: right;
  margin-left: auto
}
.p-supProUnder__aboutDetailImg.big {
  width: 200px
}
.p-supProUnder__aboutDetailImg.big img {
  width: 100%
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__aboutDetailImg.w178 {
    width: 178px
  }
}
.p-supProUnder__aboutDetailImg.w178 img {
  width: 100%
}
.p-supProUnder__aboutDetailArea {
  width: 700px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailArea {
    width: 100%
  }
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__aboutDetailArea.w450 {
    width: 450px
  }
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__aboutDetailArea.w550 {
    width: 550px
  }
}
.p-supProUnder__aboutDetailArea--wcw {
  margin-left: 33px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailArea--wcw {
    margin: 0
  }
}
.p-supProUnder__aboutDetailTtl {
  color: #097941;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailTtl {
    font-size: 14px;
    font-size: 3.73333vw;
    margin-top: 5.33333vw
  }
}
.p-supProUnder__aboutDetailTtl span {
  font-size: 10px;
  vertical-align: super
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailTtl span {
    font-size: 8px;
    font-size: 2.13333vw
  }
}
.p-supProUnder__aboutDetailTxt {
  font-size: 16px;
  line-height: 1.8
}
.p-supProUnder__aboutDetailTxt:nth-child(1) {
  margin-top: 5px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailTxt:nth-child(1) {
    margin-top: 4vw
  }
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailTxt {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-supProUnder__aboutDetailTxt.margin {
  margin: 60px 0 0 30px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailTxt.margin {
    margin: 4vw 0 0
  }
}
.p-supProUnder__aboutDetailTxt.ti {
  padding-left: 1em;
  text-indent: -1em
}
.p-supProUnder__aboutDetailTxt.mt {
  margin-top: 15px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailTxt.mt {
    margin-top: 4vw
  }
}
@media print,
screen and (min-width:751px) {
  .p-supProUnder__aboutDetailTxt.mt18 {
    margin-top: 18px!important
  }
}
.p-supProUnder__aboutDetailTxt.bold {
  font-weight: 700;
  font-size: 16px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailTxt.bold {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-supProUnder__aboutDetailTxt.red {
  color: #c72700
}
.p-supProUnder__aboutDetailTxt span.bold {
  font-weight: 700;
  font-size: 16px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailTxt span.bold {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-supProUnder__aboutDetailTxt .red {
  color: #c72700;
  font-size: 16px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailTxt .red {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-supProUnder__aboutDetailNotes {
  font-size: 12px;
  line-height: 1.8;
  margin-top: 5px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailNotes {
    font-size: 12px;
    font-size: 3.2vw;
    margin-top: 4vw
  }
}
.p-supProUnder__aboutDetailNotes.ti {
  padding-left: 1em;
  text-indent: -1em
}
.p-supProUnder__aboutDetailNotes.red {
  color: #c72700
}
.p-supProUnder__aboutDetailCation {
  font-size: 14px;
  line-height: 1.8
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailCation {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-supProUnder__aboutDetailCation.ti {
  padding-left: 1em;
  text-indent: -1em
}
.p-supProUnder__aboutDetailCation.mt {
  margin-top: 15px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailCation.mt {
    margin-top: 4vw
  }
}
.p-supProUnder__aboutDetailCation.red {
  color: #c72700
}
.p-supProUnder__aboutDetailCation .bb {
  border-bottom: 1px solid #c72700;
  font-size: 14px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutDetailCation .bb {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-supProUnder__aboutToggleBtn {
  position: absolute;
  top: 55px;
  right: 0;
  color: #097941;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  padding-right: 20px;
  cursor: pointer
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutToggleBtn {
    top: auto;
    bottom: 2vw;
    left: 0;
    width: 20vw;
    font-size: 14px;
    font-size: 3.73333vw;
    margin: 0 auto
  }
}
.p-supProUnder__aboutToggleBtn:before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 0;
  width: 8px;
  height: 16px;
  background: url(/vantelin/assets/img/supporter/product/common/arrow_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.p-supProUnder__aboutToggleBtn.is-active:before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg)
}
.p-supProUnder__aboutItem {
  width: 845px;
  margin: 85px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutItem {
    width: 90.66667vw;
    display: block;
    margin: 10.66667vw auto 0
  }
}
.p-supProUnder__aboutItem:first-child {
  margin: 0 auto 0
}
.p-supProUnder__aboutSubTtl {
  background: #097941;
  width: 180px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutSubTtl {
    font-size: 14px;
    font-size: 3.73333vw;
    width: 40.8vw;
    padding: 1.33333vw
  }
}
.p-supProUnder__aboutTtl {
  font-size: 24px;
  font-weight: 700;
  padding-top: 25px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutTtl {
    font-size: 19px;
    font-size: 5.06667vw;
    padding-top: 6vw
  }
}
.p-supProUnder__aboutTtl span {
  font-size: 30px;
  color: #097941;
  vertical-align: baseline
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutTtl span {
    font-size: 22.5px;
    font-size: 6vw
  }
}
.p-supProUnder__aboutTxt {
  font-size: 16px;
  font-weight: 700;
  padding-top: 30px;
  line-height: 2.3
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutTxt {
    font-size: 14px;
    font-size: 3.73333vw;
    padding-top: 6vw
  }
}
.p-supProUnder__aboutImg {
  margin-top: -10px
}
.p-supProUnder__aboutImg img {
  width: 500px
}
@media screen and (max-width:750px) {
  .p-supProUnder__aboutImg {
    padding-top: 9.33333vw
  }
  .p-supProUnder__aboutImg img {
    width: 90.66667vw
  }
}
.p-taping__bt0 {
  border-top: none
}
@media screen and (max-width:750px) {
  .p-taping__h1ttl {
    width: 100%
  }
}
.p-taping__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 690px;
  margin: 100px auto 0
}
@media screen and (max-width:750px) {
  .p-taping__product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90.66667vw;
    margin: 18.66667vw auto 16vw
  }
}
.p-taping__productItem {
  margin: 0 8px
}
@media screen and (max-width:750px) {
  .p-taping__productItem {
    width: 48.82353%
  }
}
.p-taping__productItemCap {
  margin-top: 17px;
  text-align: center
}
@media screen and (max-width:750px) {
  .p-taping__productItemCap {
    margin-top: 10%;
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.p-taping__productItemBtn {
  margin-top: 20px
}
.p-taping__productItemBtn .m-productItemLink__btn {
  width: 100%
}
.p-taping__productItemBtn .m-productItemLink__btn a {
  width: 100%
}
@media screen and (max-width:750px) {
  .p-taping__productItemBtn .m-productItemLink__btn a {
    font-size: 12px;
    font-size: 3.2vw
  }
}
@media screen and (max-width:750px) {
  .p-taping__productItemBtn .m-productItemLink__btn a:before {
    width: 3vw;
    height: 3vw
  }
}
.p-taping__productLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 690px;
  margin: 60px auto 0
}
@media screen and (max-width:750px) {
  .p-taping__productLinks {
    display: block;
    width: 100%;
    margin: 9.33333vw auto 0
  }
}
.p-taping__productLinksBtn {
  position: relative
}
.p-taping__productLinksBtn:after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background: #0c3621;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s
}
@media print,
screen and (min-width:751px) {
  .p-taping__productLinksBtn:hover {
    opacity: 1
  }
  .p-taping__productLinksBtn:hover:after {
    width: 100%
  }
}
@media screen and (max-width:750px) {
  .p-taping__productLinksBtn:nth-of-type(n+2) {
    margin-top: 5.33333vw
  }
}
.p-taping__productLinksBtn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 335px;
  height: 50px;
  color: #097941;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid #097941;
  z-index: 1
}
@media print,
screen and (min-width:751px) {
  .p-taping__productLinksBtn a:hover {
    color: #fff;
    opacity: 1
  }
}
@media screen and (max-width:750px) {
  .p-taping__productLinksBtn a {
    width: 90.66667vw;
    height: 16.53333vw;
    font-size: 16px;
    font-size: 4.26667vw;
    margin: 0 auto
  }
}
.p-taping__productLinksBtn a:nth-of-type(1):before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  right: 25px;
  width: 8px;
  height: 16px;
  background: url(/vantelin/assets/img/supporter/product/common/arrow_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.p-taping__productLinksBtn a:nth-of-type(2):before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  right: 25px;
  width: 14px;
  height: 14px;
  background: url(/vantelin/assets/img/supporter/product/common/blank_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.p-taping__about {
  width: 1040px;
  margin: 100px auto 120px
}
@media screen and (max-width:750px) {
  .p-taping__about {
    width: 90.66667vw;
    margin: 16vw auto
  }
}
.p-taping__aboutTtl {
  position: relative;
  font-size: 20px;
  padding-left: 50px
}
@media screen and (max-width:750px) {
  .p-taping__aboutTtl {
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.p-taping__aboutTtl:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 0;
  width: 40px;
  height: 4px;
  background: #eac12b;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.p-taping__aboutTtl span {
  color: #097941;
  font-size: 20px
}
@media screen and (max-width:750px) {
  .p-taping__aboutTtl span {
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.p-taping__aboutBlock {
  position: relative
}
.p-taping__aboutDetail {
  display: none
}
@media screen and (max-width:750px) {
  .p-taping__aboutDetail {
    margin-top: 0
  }
}
.p-taping__aboutDetailInner {
  width: 896px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .p-taping__aboutDetailInner {
    display: block;
    width: 100%
  }
}
.p-taping__aboutDetailInner:nth-of-type(n+2) {
  margin-top: 40px
}
@media screen and (max-width:750px) {
  .p-taping__aboutDetailInner:nth-of-type(n+2) {
    margin-top: 8vw
  }
}
.p-taping__aboutDetailInner:last-of-type {
  padding-bottom: 50px
}
@media screen and (max-width:750px) {
  .p-taping__aboutDetailInner:last-of-type {
    padding-bottom: 8.82353vw
  }
}
.p-taping__aboutDetailInner .procedure {
  margin-top: 40px
}
@media screen and (max-width:750px) {
  .p-taping__aboutDetailInner .procedure {
    margin-top: 1.5em
  }
}
.p-taping__aboutDetailInner .procedure--2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .p-taping__aboutDetailInner .procedure--2col {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.p-taping__aboutDetailInner .procedure__box--2col {
  width: 440px
}
@media screen and (max-width:750px) {
  .p-taping__aboutDetailInner .procedure__box--2col {
    width: 100%;
    margin-bottom: 8.82353%
  }
}
.p-taping__aboutDetailInner .procedure__ttl {
  color: #fff;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #097941
}
@media screen and (max-width:750px) {
  .p-taping__aboutDetailInner .procedure__ttl {
    height: 2.5em
  }
}
.p-taping__aboutDetailInner .procedure__lead {
  margin-top: 8px;
  text-align: center
}
@media screen and (max-width:750px) {
  .p-taping__aboutDetailInner .procedure__lead {
    margin-top: 4%
  }
}
.p-taping__aboutDetailInner .procedureList {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .p-taping__aboutDetailInner .procedureList {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.p-taping__aboutDetailInner .procedureList__item {
  width: 210px
}
@media screen and (max-width:750px) {
  .p-taping__aboutDetailInner .procedureList__item {
    width: 49%;
    margin-bottom: 5%
  }
}
.p-taping__aboutDetailInner .procedureList__itemTxt {
  margin-top: 15px
}
@media screen and (max-width:750px) {
  .p-taping__aboutDetailInner .procedureList__itemTxt {
    margin-top: 3%;
    font-size: 12px;
    font-size: 3.2vw
  }
}
.p-taping__aboutDetailInner .procedureUse {
  margin-top: 60px
}
@media screen and (max-width:750px) {
  .p-taping__aboutDetailInner .procedureUse {
    margin-top: 10%;
    display: none
  }
}
.p-taping__aboutDetailInner .procedureUse--sp {
  display: none
}
@media screen and (max-width:750px) {
  .p-taping__aboutDetailInner .procedureUse--sp {
    display: block
  }
}
.p-taping__aboutToggleBtn {
  display: none;
  position: absolute;
  top: 55px;
  right: 0;
  color: #097941;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  padding-right: 20px;
  cursor: pointer
}
@media screen and (max-width:750px) {
  .p-taping__aboutToggleBtn {
    display: block;
    top: auto;
    bottom: 5vw;
    left: 0;
    width: 20vw;
    font-size: 14px;
    font-size: 3.73333vw;
    margin: 0 auto
  }
}
.p-taping__aboutToggleBtn:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  right: 0;
  width: 8px;
  height: 16px;
  background: url(/vantelin/assets/img/supporter/product/common/arrow_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.p-taping__aboutToggleBtn.is-active:before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg)
}
.u-mt00 {
  margin-top: 0
}
.u-pci {
  display: inline-block
}
@media screen and (max-width:750px) {
  .u-pci {
    display: none
  }
}
.u-spi {
  display: none
}
@media screen and (max-width:750px) {
  .u-spi {
    display: inline-block
  }
}
.u-pc {
  display: block
}
@media screen and (max-width:750px) {
  .u-pc {
    display: none
  }
}
.u-sp {
  display: none
}
@media screen and (max-width:750px) {
  .u-sp {
    display: block
  }
}
/*# sourceMappingURL=index.css.map */