/* CTA2のスタイル */
.tcd_cta2 { background:#f6f6f6; border-radius:15px; padding:80px; display:block; width:830px; max-width:100%; margin-left:auto; margin-right:auto; margin-top:var(--tcd-block-cta2-margin-top-pc) !important; margin-bottom:var(--tcd-block-cta2-margin-bottom-pc) !important; }
.tcd_cta2 .content { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:40px 0; width:100%; }
.tcd_cta2 .headline { font-size:var(--tcd-block-cta2-headline-font-size); font-weight:600 !important; line-height:1.5 !important; margin-top:calc(0.5em - 0.5lh) !important; margin-bottom:calc(0.5em - 0.5lh) !important; text-align:center !important; }
.tcd_cta2 .desc { font-size:16px !important; line-height:2.4 !important; margin-top:calc(0.5em - 0.5lh) !important; margin-bottom:calc(0.5em - 0.5lh) !important; text-align:center !important; }
.tcd_cta2 .button { background:#000; color:#fff; display: grid; place-items: center; width: fit-content; min-width: 260px; height: 60px; border-radius:60px; font-size: 16px; text-decoration:none !important; padding:0 25px; margin:0; position:relative; overflow:hidden; }
.tcd_cta2 .button:before { content:''; display:block; width:100%; height:100%; background:rgba(255,255,255,0.2); position:absolute; top:0; left:0; opacity:0; transition: opacity 0.5s ease; }
.tcd_cta2 .button span { position:relative; z-index:2; }
@media(hover: hover) {
	.tcd_cta2 .button:hover:before { opacity:1; }
}
@media (max-width: 767px) {
  .tcd_cta2 { border-radius:10px; padding:40px; margin-top:var(--tcd-block-cta2-margin-top-sp) !important; margin-bottom:var(--tcd-block-cta2-margin-bottom-sp) !important; }
	.tcd_cta2 .content { gap:30px 0; }
	.tcd_cta2 .headline { font-size:var(--tcd-block-cta2-headline-font-size-sp); }
  .tcd_cta2 .desc { font-size:14px !important; }
  .tcd_cta2 .button { min-width: 200px; height: 50px; font-size:14px !important }
}