@charset "UTF-8";
.pc-hide { display: block; }

@media (max-width: 1023px) { .pc-hide { display: none; } }

.sp-hide { display: none; }

@media (max-width: 1023px) { .sp-hide { display: block; } }

.caution { color: #707070; font-size: 1.2rem; }

.contents__inner--small { margin: 0 auto; }

.step { margin-top: 56px; padding-bottom: 24px; }

.step__title { color: #07b53b; font-size: 2.4rem; font-weight: 700; }

@media (max-width: 1023px) { .step__title { font-size: 2rem; } }

.step__content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 1023px) { .step__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.step__txt { margin-top: 24px; width: 65%; }

@media (max-width: 1023px) { .step__txt { width: 100%; } }

.step__caution { color: #c80000; font-size: 1.4rem; }

.step__caution li { padding-left: 1em; text-indent: -1em; }

.step__caution li:before { content: "※"; }

.step__btn { margin-top: 32px; text-align: center; }

.step__btn a { border: 2px solid #404040; border-radius: 999em; color: #404040; display: inline-block; min-width: 240px; padding: 8px 0; -webkit-transition: color 0.3s ease-out, border 0.3s ease-out; transition: color 0.3s ease-out, border 0.3s ease-out; }

.step__btn a:hover { border: 2px solid #d0d0d0; color: #07b53b; text-decoration: none; }

.step__zoom { width: 30%; }

@media (max-width: 1023px) { .step__zoom { text-align: center; width: 100%; } }

.step__zoom a { display: inline-block; position: relative; }

.step__zoom a:before { bottom: 0; content: url(/sites/default/files/media/jp/line-official-account/noveltycoupon/howto/img/ico_plus.png); position: absolute; right: 0; z-index: 2; }

.step__img { -webkit-box-shadow: 0 0 15px -5px #777777; box-shadow: 0 0 15px -5px #777777; margin-top: 24px; max-width: 450px; width: 100%; }

@media (max-width: 1023px) { .step__img { margin: 24px auto 0; max-width: 300px; } }
/*# sourceMappingURL=style.css.map */