@charset "utf-8";

#stop{ min-height: 60vh; padding: 150px 0 0; text-align: center; }
#stop p{ line-height: 1.7; font-size: 29px; color: var(--blue); }

/* ------------------------------------------------------------ fv */
#fv{ padding: 30px 0; }
.txt-list { padding: 0 0 30px; }
.txt-list li{ text-indent: -1rem; padding-left: 1rem; font-size: 13px; line-height: 1.7; }
.txt-list li span{ font-family: 'Noto-Sans-JP-Bold'; }

.trial .flex{ display: flex; align-items: center; gap: 5px; }
.trial .circle{ display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 100px; width: 55px; height: 55px; font-size: 14px; color: var(--blue); border: 1px solid var(--blue); }
.trial .circle small{ display: block; padding: 0 0 5px; font-size: 11px; }
.trial .trial{ font-size: 14px; color: var(--blue); }
.trial .note{ padding: 8px 0 0; font-size: 10px; color: var(--blue); }

.course{ padding: 20px 0 0; }
.course h2{ padding: 0 0 10px; text-align: center; line-height: 1.7; font-size: 29px; color: var(--blue); }
.benefits { text-align: center; }
.benefits span{ padding: 1px 10px; text-align: center; font-size: 21px; color: #fff; background: #ff582b; }


/* ------------------------------------------------------------ limited */
#limited{ padding: 20px 0 40px; background: var(--blue); }
#limited .contents{ padding: 15px 10px 30px; background: #fff; border-radius: 5px; }
#limited p{ text-align: center; }

.cap-lead{ position: relative; padding: 0 0 25px; font-size: 14px; color: #343431; }
.cap-lead:after{ position: absolute; content: ""; left: 50%; bottom: 0; transform: translate(-50%,0); width: 20px; height: 10px; background: #000; clip-path: polygon(50% 100%, 0 0, 100% 0); }

.cap-now{ position: relative; margin: 15px 0 10px; font-size: 14px; color: #ff582b; }
.cap-now:after,
.cap-now:before{ position: absolute; content: ""; bottom: 0; width: 1px; height: 15px; background: var(--orange); }
.cap-now:after{ transform: rotate(35deg); left: calc(50% + 40px); }
.cap-now:before{ transform: rotate(-35deg); left: calc(50% - 40px); }

.cap-main{ padding: 0 0 10px; font-size: 27px; font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal; color: #ff582b; }
.cap-main .free{ padding: 0 15px 0 0; }
.cap-lump{ padding: 0 0 20px; font-size: 13px; font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal; color: #ff582b; }
.cap-sub{ padding: 0 0 10px; font-size: 12px; text-align: center; line-height: 1.5; }

.cap-price{ padding: 0 0 20px; display: flex; align-items: center; justify-content: center; gap: 30px; color: #ff582b; }
.cap-badge{ width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal; border-radius: 100px; background: #ff582b; }
.cap-badge b{ padding: 0 0 2px; font-size: 18px; }
.cap-badge span{ font-size: 14px; }
.per-month{ font-size: 20px; font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal; }
.per-month .yen{ font-size: 32px; }

.cap-notes li{ text-indent: -1rem; padding: 0 0 2px 1rem; line-height: 1.5; font-size: 0.46em; color: #898989; }

.c-foot{ padding: 25px 0 0; text-align:center; }
.c-foot-lead{ margin: 0 0 15px; color: #fff; font-size: 13px; }
.c-bnr{ display: flex; align-items: flex-start; gap: 10px; background:#5a87fa; border-radius: 5px; border: 2px solid #7aff5a; padding: 5px 15px 15px; color: #fff; }
.c-bnr__badge{ padding: 13px 0; width: 100px; display: flex; align-items: center; justify-content: center; clip-path: ellipse(50% 39% at 50% 50%); background: #fff; }
.c-bnr__badge span{ color:#5a87fa; line-height: 1.25; font-size: 13px; }
.c-bnr__body{ padding: 12px 0 0; color: #fff; font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal; }
.c-bnr__date{ margin:0 0 6px; font-size: 12px; }
.c-bnr__date span{ border-bottom: 1px solid #fff; }
.c-bnr__main{ margin:0 0 6px; color: #7aff5a; font-size: 25px; }
.c-bnr__main .num{ font-size: 1.25em; }
.c-bnr__note{ font-size: 13px; color: #7aff5a; }




/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {



/* ------------------------------------------------------------ fv */




}