/*============================
使い切りタイプボタンセクション
============================*/
#disposable-btn__sec {
  width: 100%;
  padding: 9.6rem 0 8.4rem;
  background-image: url("../img/try_btn_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.disposable-btn__inner {
  width: min(100%, 35.6rem);
  margin: 0 auto;
}
.disposable-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: clamp(6.8rem, 8vw, 8rem);
  padding: 1.6rem clamp(4.8rem, 7vw, 6.4rem) 1.6rem clamp(7.2rem, 10vw, 9.2rem);
  border-radius: 999px;
  background-color: #16729D;
  box-shadow: 2px 4px 0 #063145;
  color: #fff;
  font-size: clamp(1.3rem, 2vw, 1.6rem);
  line-height: 1.4;
  letter-spacing: .06em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  overflow: visible;
  transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
}

.disposable-btn span {
  position: relative;
  z-index: 2;
  display: block;
  color: #fff;
}

/* 左側：デバイス画像 */
.disposable-btn::before {
  content: "";
  position: absolute;
  left: clamp(1.4rem, 4vw, 2.4rem);
  bottom: 0;
  width: clamp(4.4rem, 9vw, 5.8rem);
  height: clamp(9.2rem, 18vw, 12rem);
  background: url("../img/btn-parts-img.webp") center / contain no-repeat;
  z-index: 3;
  transition: transform .25s ease;
}

/* 右側：矢印 */
.disposable-btn::after {
  content: "";
  position: absolute;
  right: clamp(1.8rem, 5vw, 2.8rem);
  top: 50%;
  width: 1.4rem;
  height: 1.4rem;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-50%) rotate(-45deg);
  transition: transform .25s ease;
}

@media (hover: hover) {
  .disposable-btn:hover {
    transform: translateY(4px);
    box-shadow: 0 0 0 #063145;
  }
}

@media screen and (max-width: 767px) {
	#disposable-btn__sec {
	  width: 100%;
	  padding: 4rem 0;
	  background-image: url("../img/try_btn_bg.png");
	  background-size: cover;
	  background-position: center;
	  background-repeat: no-repeat;
	}
	.disposable-btn__inner {
	  width: 70%;
	  margin: 0 auto;
	}
}