@charset "UTF-8";html{line-height:1.4}abbr,address,b,blockquote,body,cite,code,dd,del,dfn,div,dl,dt,em,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,li,object,ol,p,pre,q,samp,small,span,strong,sub,sup,ul,var{background:transparent;border:0;margin:0;outline:0;padding:0;vertical-align:baseline}dd,dl,dt,li,ol,ul{list-style:none}caption,fieldset,form,label,legend,table,tbody,td,tfoot,th,thead,tr{background:transparent;border:0;margin:0;outline:0;padding:0;vertical-align:baseline}caption,table,tbody,td,tfoot,th,thead,tr{border-collapse:collapse}article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,nav,section,summary,time,video{background:transparent;border:0;margin:0;outline:0;padding:0;vertical-align:baseline}body{font-family:Noto Sans JP,Hiragino Sans,游ゴシック体,Yu Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li,nav ul,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}.pre-line{margin:-1rem 0;white-space:pre-line}header{height:5rem;margin:0 auto;max-width:1024px;width:100%}header .head{align-items:center;border-bottom:1px solid #c3c3c3;display:flex;justify-content:space-between;padding:1rem}header .header-logo{align-items:center;display:flex;height:3rem;width:50%}header .header-logo a{align-items:center;color:#333;display:flex;gap:.5rem;justify-content:center;text-decoration:none}header .header-logo a p{font-weight:700}header .header-logo a span{font-size:12px;margin-left:-6px}header .header-logo picture{display:block;height:auto}header .header-logo img{height:auto;max-height:100%;max-width:100%;width:60px}header .header-info{align-items:center;display:flex;justify-content:center}header .header-info ul{display:flex;gap:3rem}header .header-info a{color:#000;font-size:1.1rem;padding:1rem 0;text-decoration:none}header .header-info .current,header .header-info a:hover{border-bottom:3px solid #cc4b00}header .show{display:block}header .menu-img{display:none}@media screen and (max-width:650px){header{background-color:#fff;height:4rem;position:sticky;top:0;z-index:100}header .head{padding:.5rem}header .header-logo{width:80%}header .header-logo img{width:14vw}header .header-logo a span{font-size:10px}header .menu-img{display:block}header .menu-img button{background:none;border:none;padding:0}header .menu-img .menu-close{display:none;padding:0}header .lists{background:#fff;border-radius:0 0 24px 24px;padding-bottom:.5rem}header .header-info{align-items:center;border-top:2px solid grey;display:flex;justify-content:center;padding:1.1rem 0}header .header-info ul{display:flex;gap:3rem}header .header-info a{color:#000;font-size:1.1rem;padding:1rem 0;text-decoration:none}header .header-info{background:rgba(0,0,0,.2);display:none;height:100vh;left:0;padding:0;position:absolute;top:65px;width:100%;z-index:5}header .header-info ul{display:block;margin:0 auto 1rem;width:60%}header .header-info li{margin:0;position:relative}header .header-info li a{display:block;font-size:20px;padding:1rem 0 .3rem}header .header-info li a:before{top:calc(50% + 4px);transform:translateY(-50%) rotate(-45deg);transition-property:transform}header .header-info li a:after,header .header-info li a:before{background-color:#28344c;content:"";display:block;height:10px;position:absolute;right:0;width:2px}header .header-info li a:after{top:calc(50% + 10px);transform:translateY(-50%) rotate(45deg)}header .header-info .buttons-sp{align-items:center;display:flex;gap:4vw;justify-content:center}header .header-info .buttons-sp .user-singup{color:#fff;padding:4px 0}header .header-info .buttons-sp a:hover{color:#cc4b00}}footer{background-color:#f9f2eb;max-width:1024px;padding:1rem 0;width:100%}.footer-content,footer{margin:0 auto}.footer-content ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}.footer-content a{color:#333;text-decoration:none}.footer-content span{color:#999;margin:0 10px}main{margin:0 auto;max-width:1024px;width:100%}.article-contents h2{border-left:5px solid #cc4b00;font-size:24px;line-height:1.4;margin:3rem 0 1rem;padding-left:.5rem}.article-contents h2:first-child{margin-top:0}.article-contents h3{border-left:4px solid #5e5e5e;font-size:20px;line-height:1.4;margin:2rem 0 1rem;padding-left:.5rem}.article-contents p{font-size:18px;line-height:1.7;margin:1rem 0}.article-contents .bold{font-weight:700}.article-contents picture{display:block;text-align:center}.article-contents picture img{height:auto;max-height:100%;max-width:100%;width:auto}.article-contents .cta-article-show{margin:1rem auto;max-width:350px;width:70%}.article-contents .cta-article-show .cta{padding:0 1rem;width:100%}.article-contents .cta-article-show .cta .arrow{display:block}.article-contents ul{margin-left:1rem}.article-contents li{list-style:disc}.article-contents .simple-table{background:#fff;border:1px solid #c5c5c5;overflow-wrap:anywhere;width:100%}.article-contents .simple-table thead{background:#d5d5d5}.article-contents .simple-table thead th{border-right:1px solid #c5c5c5;padding:.5rem 0}.article-contents .simple-table tbody tr{border-bottom:1px solid #c5c5c5}.article-contents .simple-table tbody tr td:first-child{background:hsla(0,0%,89%,.71)}.article-contents .simple-table tbody td{border-right:1px solid #c5c5c5;padding:1rem 4px;text-align:center;vertical-align:middle}.article-contents .simple-table-header-color{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:1.5rem 1%;max-width:100%;overflow:hidden;overflow-wrap:anywhere;width:98%}.article-contents .simple-table-header-color td,.article-contents .simple-table-header-color th{border-bottom:1px solid #e0e0e0;min-width:80px;padding:10px;text-align:left;word-break:break-all}.article-contents .simple-table-header-color th{background-color:#3498db;color:#ecf0f1}@media screen and (max-width:768px){.article-contents .table-area{overflow-x:scroll}.article-contents .simple-table{white-space:nowrap;width:-moz-max-content;width:max-content}.article-contents .simple-table tbody{font-size:14px}}.article-contents .comma{border:1px solid #8bc0b8;border-radius:10px;color:#333;font-family:Arial,sans-serif;font-size:1rem;line-height:1.5;margin:20px 0;padding:20px;position:relative}.article-contents .comma p{margin-bottom:.5rem}.article-contents .comma:before{left:10px;top:8px}.article-contents .comma:after,.article-contents .comma:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 448 512'%3E%3Cpath fill='%238BC0B8' d='M0 216C0 149.7 53.7 96 120 96h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V216zm256 0c0-66.3 53.7-120 120-120h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64h-64c-35.3 0-64-28.7-64-64V216z'/%3E%3C/svg%3E");height:24px;position:absolute;width:24px}.article-contents .comma:after{bottom:8px;right:10px;transform:rotate(180deg)}.article-contents .comma cite{color:#888;display:block;font-size:.8rem;font-style:normal;padding-right:20px;text-align:right}.article-contents .underline{text-decoration:underline;text-decoration-color:#008282;text-decoration-thickness:2px;text-underline-offset:3px}.article-contents .point-box{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border:2px solid #68d391;border-radius:15px;margin:20px 0;padding:25px;position:relative}.article-contents .point-box:before{content:"💡";font-size:1.5em;left:20px;position:absolute;top:20px}.article-contents .point-title{color:#276749;font-size:1.1em;font-weight:700;margin-bottom:10px;margin-left:40px}.article-contents .point-text{color:#22543d;line-height:1.6;margin-left:40px}.article-contents .stats-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:30px 0}.article-contents .stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.08);padding:25px;text-align:center;transition:transform .3s ease}.article-contents .stat-card:hover{transform:translateY(-5px)}.article-contents .stat-number{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#cc4b00,#d49c00);-webkit-background-clip:text;background-clip:text;font-size:2.5em;font-weight:700}.article-contents .stat-label{color:#4a5568;font-size:.9em;margin-top:5px}.article-contents .profile-card{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.08);display:flex;margin:30px 0;padding:25px}@media (max-width:600px){.article-contents .profile-card{flex-direction:column;text-align:center}}.article-contents .profile-avatar{align-items:center;background:linear-gradient(135deg,#cc4b00,#d49c00);border-radius:50%;color:#fff;display:flex;font-size:2em;font-weight:700;height:80px;justify-content:center;margin-right:20px;width:80px}@media (max-width:600px){.article-contents .profile-avatar{margin-bottom:15px;margin-right:0}}.article-contents .profile-info{flex:1}.article-contents .profile-name{color:#2d3748;font-size:1.3em;font-weight:700;margin-bottom:5px}.article-contents .profile-role{color:#718096;margin-bottom:10px}.article-contents .profile-description{color:#4a5568;line-height:1.5}.article-contents .progress-container{margin:20px 0}.article-contents .progress-item{align-items:center;display:flex;margin-bottom:15px}@media (max-width:600px){.article-contents .progress-item{align-items:flex-start;flex-direction:column}}.article-contents .progress-label{color:#4a5568;font-weight:500;width:120px}@media (max-width:600px){.article-contents .progress-label{margin-bottom:5px}}.article-contents .progress-bar{background:#e2e8f0;border-radius:6px;flex:1;height:12px;margin:0 15px;overflow:hidden}@media (max-width:600px){.article-contents .progress-bar{margin:0 0 5px;width:100%}}.article-contents .progress-fill{background:linear-gradient(90deg,#cc4b00,#d49c00);border-radius:6px;height:100%;transition:width .8s ease}.article-contents .progress-percent{color:#cc4b00;font-weight:600;text-align:right;width:50px}.article-contents .review-container{margin:20px 0}.article-contents .review-item{background:#fff;border-left:4px solid #68d391;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.08);margin-bottom:15px;padding:20px}.article-contents .review-header{align-items:center;display:flex;margin-bottom:15px}.article-contents .review-avatar{align-items:center;background:linear-gradient(135deg,#cc4b00,#d49c00);border-radius:50%;color:#fff;display:flex;font-weight:700;height:50px;justify-content:center;margin-right:15px;width:50px}.article-contents .review-info{flex:1}.article-contents .review-name{color:#2d3748;font-weight:600;margin-bottom:2px}.article-contents .review-stars{color:#f6e05e;font-size:.9em}.article-contents .review-text{color:#4a5568;font-style:italic;line-height:1.6}.article-contents .card-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}@media (max-width:600px){.article-contents .card-grid{grid-template-columns:1fr}}.article-contents .feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.08);padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.article-contents .feature-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.15);transform:translateY(-8px)}.article-contents .feature-icon{font-size:2.5em;margin-bottom:15px}.article-contents .feature-title{color:#2d3748;font-size:1.2em;font-weight:700;margin-bottom:10px}.article-contents .feature-description{color:#4a5568;font-size:.9em;line-height:1.5}.article-contents .chat-container{background:#f8f9fa;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.08);margin:30px 0;padding:25px}.article-contents .chat-message{align-items:flex-start;display:flex;gap:15px;margin:20px 0}.article-contents .chat-message.user{flex-direction:row-reverse}.article-contents .chat-message:first-child{margin-top:0}.article-contents .chat-message:last-child{margin-bottom:0}.article-contents .chat-avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);flex-shrink:0;height:50px;-o-object-fit:cover;object-fit:cover;width:50px}.article-contents .chat-bubble{word-wrap:break-word;max-width:70%;position:relative}@media (max-width:600px){.article-contents .chat-bubble{max-width:85%}}.article-contents .chat-bubble-content{border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:.95em;line-height:1.6;padding:15px 20px;position:relative}.article-contents .chat-message.user .chat-bubble-content{background:linear-gradient(135deg,#fff5f0,#fed7aa);border:1px solid #fed7aa;border-bottom-right-radius:5px;color:#cc4b00}.article-contents .chat-message.user .chat-bubble-content:after{border:8px solid transparent;border-bottom:0;border-left-color:#fed7aa;bottom:0;content:"";height:0;position:absolute;right:-8px;width:0}.article-contents .chat-message:not(.user) .chat-bubble-content{background:#f1f5f9;border:1px solid #e2e8f0;border-bottom-left-radius:5px;color:#334155}.article-contents .chat-message:not(.user) .chat-bubble-content:after{border:8px solid transparent;border-bottom:0;border-right-color:#f1f5f9;bottom:0;content:"";height:0;left:-8px;position:absolute;width:0}@media screen and (max-width:768px){.article-contents h2{font-size:20px}.article-contents h3{font-size:18px}.article-contents p{font-size:1rem}}.breadcrumb{margin:0 auto;max-width:1024px;width:100%}.breadcrumb ul{display:flex;padding:.5rem 0}.breadcrumb li{padding:0 .25rem}.breadcrumb a{color:#00e;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}@media screen and (max-width:768px){.breadcrumb{overflow-x:auto;padding:.5em 0;white-space:nowrap}.breadcrumb ul{align-items:center;margin:0;padding:0}.breadcrumb-item{padding:0 .5em}}.discount-text{padding-bottom:4px}.discount-text span{color:#cc4b00;font-weight:700}.cta{align-items:center;background-color:#cc4b00;border:2px solid #fff;border-radius:8px;box-shadow:1px 1px 1px rgba(0,0,0,.1);box-shadow:0 4px 4px 0 hsla(33,14%,52%,.4);color:#fff;display:inline-flex;font-weight:600;justify-content:center;padding:1rem;text-decoration:none;width:300px}.cta .cta-free-text{background-color:#fff;border-radius:8px;color:#cc4b00;margin-right:8px;min-width:40px;padding:4px 8px;text-align:center}.cta .arrow{height:1rem;position:relative;width:3rem}.cta .arrow:before{background:#fff;height:2px;left:12px;top:8px;width:45px}.cta .arrow:after,.cta .arrow:before{content:"";display:block;position:absolute}.cta .arrow:after{border:2px solid transparent;border-bottom-color:#fff;height:24px;left:35.5px;top:0;transform:rotate(-135deg);width:12px}@media screen and (max-width:768px){.cta{align-items:center;display:inline-flex;font-size:1rem;justify-content:center;padding:12px 1rem;text-align:left}.cta .cta-free-text{display:inline-block;min-width:34px;text-align:left}.cta .cta-text{display:inline-block;font-size:1rem}.cta .arrow{width:20%}.cta .arrow:before{left:6px;top:8px;width:100%}.cta .arrow:after{left:unset;right:0;width:13px}}@media screen and (max-width:335px){.cta{width:90%}}.box-shadow{box-shadow:0 0 16px rgba(0,0,0,.102)}.box-shadow-low{box-shadow:0 0 16px hsla(0,0%,63%,.102)}.box-shadow-10{box-shadow:0 0 10px rgba(0,0,0,.102)}section{margin:2rem 0}.article-fv{height:400px;margin:0 auto 1rem;max-width:1024px;text-align:center;width:100%}.article-fv picture{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.article-fv img{height:auto;max-height:100%;max-width:100%;width:auto}.contents{display:flex;gap:3%;margin:0 1%;width:98%}.header{margin:2rem 0}h1{font-size:2rem;margin:1rem 0}.tags{display:flex;gap:1rem;margin-bottom:1rem}.tags li{border:1px solid #28344c;border-radius:8px;padding:.3rem .5rem}.tags li a{color:#28344c;font-size:14px;text-decoration:none}.tags li a:hover{text-decoration:underline}.topics{margin:2rem 0}.topics h2{font-size:1.5rem;font-weight:600}.topics h2 span{background-color:#fff}.topics ul{border:1px solid #28344c;border-radius:8px;list-style:none;margin:-12px 0 0 12px;padding:1rem .5rem .5rem}.topics li{border-bottom:1px solid #fff;display:flex;padding:.5rem}.topics .dli-caret-circle-fill-right{background:currentColor;border:.075em solid;border-radius:50%;box-sizing:content-box;color:#28344c;display:inline-block;height:1rem;line-height:1;position:relative;vertical-align:middle;width:1rem}.topics .dli-caret-circle-fill-right:before{border-color:transparent transparent transparent currentcolor;border-style:solid;border-width:.3rem .5rem;border-right:0;bottom:0;color:#fff;content:"";height:0;left:0;margin:auto;position:absolute;right:0;top:0;transform:translateX(15%);width:0}.topics .accordion-content{color:#333;padding:0 .5rem;text-decoration:none;width:100%}.topics .accordion-content:hover{cursor:pointer;text-decoration:underline}.description h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}article{width:75%}aside{border-radius:16px;height:100%;padding:1rem;position:sticky;top:1rem;width:24%}aside .aside-cta-area{text-align:center;width:100%}aside .cta{padding:1rem 0;width:100%}aside .cta .arrow{display:none}aside .recommend-title{padding:1.5rem 0 .5rem;text-align:center}aside li{align-items:center;border-bottom:1px solid #28344c;display:flex}aside li p{color:#28344c;padding-right:.5rem}aside li a{color:#333;font-size:1rem;margin:1rem 0;text-decoration:none}@media screen and (max-width:768px){h1{font-size:1.5rem}.article-fv{height:200px;margin:0}.contents{display:block;margin:0 auto}.tags{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.topics li{align-items:flex-start}.topics .dli-caret-circle-fill-right{margin-top:1px;width:1.1rem}.topics ul{margin:-12px 0 0 8px;padding:1rem 4px 4px}article{margin:0 2%;width:96%}aside{margin:1rem auto;padding:0;width:98%}aside .cta .arrow{display:block}}
