/* CTA-06A: container sizing follows the article column. */
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 {
 display:block; container-type:inline-size; width:100%; max-width:1120px; margin:32px auto; padding:0; box-sizing:border-box;
 border:4px solid #006cff; border-radius:20px; overflow:hidden; background:#fff; color:#000; text-decoration:none;
 font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; line-height:1.5; text-align:left; cursor:pointer;
}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06::before,
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06::after { content:none; }
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 span {box-sizing:border-box; margin:0; padding:0; border:0; font-family:inherit; letter-spacing:normal;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__header {display:block; padding:.65cqw 1.5cqw; background:#006cff; color:#fff; font-size:3.4cqw; font-weight:800; text-align:center;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__body {display:grid; grid-template-columns:19% 1fr; gap:1.5cqw; padding:1.8cqw 2cqw 1.2cqw;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__logo {display:block; align-self:center; width:100%; height:13cqw; background:url('../../images/cta06/site-logo.svg') center/contain no-repeat;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__main {display:block; min-width:0;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__headline {display:block; font-size:5.75cqw; font-weight:900; color:#002957; line-height:1.35; white-space:nowrap;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__features {display:grid; grid-template-columns:1fr 1fr 1.2fr; margin:1.25cqw 0;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__feature {display:flex; align-items:center; gap:1cqw; padding:0 1cqw; font-size:2.35cqw; font-weight:800; line-height:1.3;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__feature + .teno-cta06__feature {border-left:2px solid #006cff;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__feature::before {content:'✓'; display:grid; place-items:center; flex:0 0 3cqw; width:3cqw; height:3cqw; border-radius:50%; background:#006cff; color:#fff; font-size:2.6cqw; font-weight:900;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__pc-break {display:block;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__notice {display:block; padding:.45cqw .8cqw; border-radius:1cqw; background:#248ed8; color:#fff; font-size:2.4cqw; font-weight:700; text-align:center;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__button {display:block; grid-column:1/-1; width:82%; margin:0 auto .4cqw; padding:.5cqw 1cqw; background:linear-gradient(#ff9300,#ff6900); border-radius:2cqw; box-shadow:0 .5cqw 0 #ac4600,0 .9cqw .8cqw #0003; color:#fff; font-size:3.5cqw; font-weight:800; text-align:center; transition:background-color .15s ease,filter .15s ease;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__notes {display:block; grid-column:1/-1; color:#111; font-size:1.65cqw; line-height:1.5;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__notes > span {display:block; padding-left:1.3em; text-indent:-1.3em;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06:hover {color:#000; text-decoration:none;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06:hover .teno-cta06__button {filter:brightness(.88);}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06:focus-visible {outline:3px solid #002957; outline-offset:4px;}
@media(max-width:767px) {
 :is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 {margin:24px auto; border-width:3px; border-radius:18px;}
 :is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__header {font-size:5.25cqw; padding:1.5cqw 1cqw;}
 :is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__body {grid-template-columns:1fr; gap:2.3cqw; padding:2cqw 2.5cqw 3cqw;}
 :is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__logo {height:11cqw; width:56%; margin:auto;}
 :is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__headline {font-size:8.25cqw; text-align:center;}
 :is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__features {grid-template-columns:1fr 1.15fr; margin:2.5cqw 0; row-gap:1.8cqw;}
 :is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__feature {font-size:4.25cqw; gap:1.5cqw; padding:0 1cqw; justify-content:center;}
 :is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__feature::before {flex-basis:5.5cqw; width:5.5cqw; height:5.5cqw; font-size:4.5cqw;}
 :is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__feature:last-child {grid-column:1/-1; border-left:0; border-top:2px solid #006cff; padding-top:1.8cqw;}
 :is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__pc-break {display:none;}
 :is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__notice {font-size:3.65cqw; padding:1.2cqw .5cqw; border-radius:1.8cqw;}
 :is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__button {width:100%; font-size:4.8cqw; padding:1.6cqw .5cqw; border-radius:3cqw; margin-bottom:1.4cqw;}
 :is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__notes {font-size:3.1cqw;}
}
@media(prefers-reduced-motion:reduce) {a.teno-cta06 .teno-cta06__button {transition:none!important;}}

/* v2: compact desktop layout, approximately half the original height. */
@media(min-width:768px) {
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 {border-width:3px;border-radius:16px;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__header {font-size:2.2cqw;line-height:1.35;padding:.3cqw 1cqw;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__body {grid-template-columns:16% 1fr;gap:.65cqw 1.3cqw;padding:.8cqw 1.5cqw;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__logo {height:7cqw;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__headline {font-size:3.65cqw;line-height:1.2;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__features {grid-template-columns:.85fr 1fr 1.3fr;margin:.55cqw 0;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__feature {font-size:1.6cqw;line-height:1.3;gap:.5cqw;padding:0 .65cqw;white-space:nowrap;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__feature::before {flex-basis:2cqw;width:2cqw;height:2cqw;font-size:1.7cqw;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__pc-break {display:none;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__notice {font-size:1.55cqw;line-height:1.4;padding:.3cqw .6cqw;border-radius:.6cqw;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__button {width:78%;font-size:2.35cqw;line-height:1.4;padding:.3cqw .8cqw;margin:0 auto .3cqw;border-radius:1.2cqw;box-shadow:0 .3cqw 0 #ac4600,0 .5cqw .45cqw #0003;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__notes {font-size:1.15cqw;line-height:1.45;}
}

/* v3: remove the logo column and align all content to one central axis. */
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__logo {display:none;background:none;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__body {grid-template-columns:minmax(0,1fr);}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__main {width:100%;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__headline {text-align:center;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__feature {justify-content:center;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__button {width:100%;}
@media(min-width:768px) {
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__body {padding:1cqw 5cqw 1cqw;gap:.8cqw;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__features {grid-template-columns:1fr 1fr 1fr;margin:.75cqw 0;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__feature {padding:0 .8cqw;font-size:1.6cqw;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__notice {padding:.4cqw .8cqw;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__button {margin:0 0 .3cqw;padding:.4cqw 1cqw;}
:is(#main-contents #main-contents-inner.blog_contents, body) a.teno-cta06 .teno-cta06__notes {width:100%;font-size:1.15cqw;line-height:1.5;}
}
