:root{--color-black:#000;--color-white:#fff;--color-red:#c00;--color-green:#7ac143;--color-blue:#3dbbed;--color-orange:#ffa820;--color-purple:#7d3f98;--color-pink:#fd5c63;--color-gray:#a6a6a6;--color-black-gray:#222;--color-light-gray:#efefef;--color-dark-blue:#02458d;--color-btn-black:#222;--color-primary:var(--color-green);--color-primary-translucent:rgba(122,193,67,0.5);--plan-detail-max-width:1024px}body{margin:0 auto;max-width:100%;padding:1rem 0}.header .company{align-items:center;display:flex;font-size:1.25em;font-weight:600;margin:1em auto;max-width:100%}.header .company img{margin-right:.5em}.footer{display:flex;flex-direction:column;flex-wrap:wrap;font-size:1.5em;justify-content:space-between;margin:0 1.5em}.footer .powered-by{align-items:flex-end;display:flex;justify-content:right}.footer .powered-by a{display:contents}.footer .powered-by picture{margin-left:.5em}#smartlink .main-container{display:block;font-size:1.2rem;margin:0 1.2rem;padding:0}#smartlink .main-container h1{font-size:1.5em}#smartlink .main-container a.link{color:#7ac143;color:var(--color-green)}#smartlink .main-container .link-box{margin:.5em auto;text-align:right}#smartlink .main-container .headline{font-size:1.5em;margin:.5rem auto}#smartlink .main-container .list{grid-gap:3em;display:flex;flex-wrap:wrap;gap:3em;margin-bottom:4rem}#smartlink .main-container .list .content-box{background:transparent;display:block;position:relative;width:100%}#smartlink .main-container .list .content-box .image{aspect-ratio:16/9;background-position:50%;background-size:cover;margin-right:1em;width:100%}#smartlink .main-container .list .content-box .detail{line-height:1.6;margin:1em 0;max-height:calc(56.25vw - 1.35rem + 12.8em);overflow:hidden;transition:max-height 1s}#smartlink .main-container .list .content-box .space-between{display:flex;justify-content:space-between;margin-bottom:1rem}#smartlink .main-container .list .content-box .read-more{align-content:center;cursor:pointer;display:inline-block;min-height:1.75rem}#smartlink .main-container .list .content-box .switch{text-align:center}#smartlink .main-container .list .content-box .price-box{text-align:right}#smartlink .main-container .list .content-box .price-box .price{font-size:1.5em;font-weight:700;padding-left:.25em}#smartlink .main-container .list .content-box .btn-box{background:#fe552b;border-radius:.5em;color:#fff;display:block;font-size:1.6em;margin:0 auto;text-align:center}#smartlink .main-container .list .content-box .btn-box a.btn{color:#fff;display:block;margin:auto;padding:.75em 0}#smartlink .main-container .list hr{border:1px solid #efefef;border:1px solid var(--color-light-gray);width:95%}#smartlink .main-container .plan-detail h1{font-size:2.5em;margin:1em 0 .75em}#smartlink .main-container .plan-detail>.attention{color:#c00;color:var(--color-red);font-size:1.25em}@media screen and (min-width:768px){body{margin:0 auto}.header .company,body{max-width:1200px}.footer{flex-direction:row;margin:2em auto 0}#smartlink .main-container{margin:0 auto}#smartlink .main-container .list .content-box{border:1px solid #efefef;border:1px solid var(--color-light-gray);padding:1.5rem;width:580px}#smartlink .main-container .list .content-box .image{float:left;width:300px}#smartlink .main-container .list .content-box .image>img{width:100%}#smartlink .main-container .list .content-box .detail{max-height:14.4em}#smartlink .main-container .list hr{display:none}}