@charset "UTF-8";

.p-conpact-lifestyle__item_btn {
  text-align: center;
  margin: 40px 0 0
}

.p-conpact-lifestyle__item_btn a {
  display: inline-block;
  color: #fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding: 15px 40px;
  background: #30a0aa;
  position: relative;
  overflow: hidden;
  width: 80%;
  min-width: 32.4rem;
  font-size: 2.2rem;
}

.p-plan-archive__all .premium_list .btn a {
  background: #987a02
}

.p-conpact-lifestyle__item_btn a:before {
  content: "";
  width: 50px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -100%;
  opacity: .4;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg)
}

.p-conpact-lifestyle__item_btn a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: calc( 50% + 5em );
  transform: translate(-50%,0);
  /*right: 13px;*/
  background: url(../images/_common/icon_arrow_white.svg) no-repeat center/contain;
  width: 7px;
  height: 16px
}

@media(max-width:768px) {
  .p-conpact-lifestyle__item_btn a {
    font-size: calc(18 / 375 * 100vw);
    width: 28rem;
    min-width: auto;
    padding: 1.5rem 2rem 1.5rem 0;
  }
  .p-conpact-lifestyle__item_btn a:after {
    left: inherit;
    transform: translate(0,0);
    right: 30px;
    width: 8px
  }
}

.p-conpact-lifestyle__item_btn a:hover {
  opacity: 1
}

.p-conpact-lifestyle__item_btn a:hover:before {
  left: 150%;
  -webkit-transition: 1s;
  transition: 1s
}