:root{--font_family:"Noto Sans JP",sans-serif;--color_text_white:#fff;--color_text_black:#333;--color_text_red:#ef5e5e;--color_background_white:#fff;--color_background_black:#333;--color_background_gray:#f3f3f3;--color_background_pink:#fa6482;--color_border_black:#333;--color_border_gray:#e7e5e5}.v-application p{margin:0!important}html{font-size:var(--font-size-html);scroll-behavior:smooth}body{color:var(--color_text_black);font-family:var(--font_family);font-size:15px;font-weight:400;line-height:160%}[id]{scroll-margin-top:6rem}img{display:block;height:auto;image-rendering:-webkit-optimize-contrast;max-width:100%}.sp_view{display:none}a.anchor{display:block;margin-top:-70px;padding-top:70px}@media (max-width:767px){.pc_view{display:none}.sp_view,a.anchor{display:block}a.anchor{margin-top:-105px;padding-top:105px}}header{align-items:center;background:#fff;border-bottom:1px solid #dbdbdb;display:none;height:40px;position:fixed;top:0;width:100%;z-index:100}.sp_cart{left:15px;position:absolute;top:11px}.sp_cart img{width:20px}.sp_logo{align-items:center;display:flex;flex-flow:column wrap;justify-content:center;left:0;margin:0 auto;position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:65px}.sp_logo a{display:block;height:auto;width:auto}.sp_logo a img{height:30px;width:auto}header .sp_link{padding:0 15px 15px}nav{background:#f8f9fa;bottom:0;display:block;overflow-x:hidden;overflow-y:auto;position:fixed;right:-70%;top:40px;width:70%;-webkit-overflow-scrolling:touch;transition:all .5s;z-index:3}.open nav{right:0;top:40px}.toggle_btn{cursor:pointer;height:15px;position:fixed;right:15px;top:13px;z-index:3}.toggle_btn,.toggle_btn span{display:block;transition:all .5s;width:20px}.toggle_btn span{background-color:var(--color_background_black);border-radius:4px;height:1px;left:0;position:absolute}.toggle_btn span:first-child{top:0}.toggle_btn span:nth-child(2){top:7px}.toggle_btn span:nth-child(3){bottom:0}.open .toggle_btn span:first-of-type{transform:translateY(7px) rotate(-45deg)}.open .toggle_btn span:nth-of-type(2){opacity:0}.open .toggle_btn span:nth-of-type(3){transform:translateY(-7px) rotate(45deg)}#mask{display:none;transition:all .5s}.open #mask{background:#000;cursor:pointer;display:block;height:100%;left:0;opacity:.8;position:fixed;top:40px;width:100%;z-index:2}#mv{align-items:center;display:grid;gap:50px;grid-template-columns:100%;height:auto;justify-content:center;margin:0;padding:70px 100px;width:100%;@media (max-width:767px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:40px;padding-bottom:40px;padding-left:25px;padding-right:25px;padding-top:40px}}#mv>.logo{align-items:center;display:flex;flex-flow:column wrap;justify-content:center}#mv>.logo,#mv>.logo>img{height:auto;margin:0;padding:0;width:100%}#mv>.logo>img{max-width:410px}#mv>h1{align-items:center;display:flex;flex-flow:column wrap;justify-content:center;margin:0}#mv>h1,#mv>h1>img{height:auto;padding:0;width:100%}#mv>h1>img{margin:0 0 30px;max-width:130px}#mv>h1>p{font-size:16px;font-weight:700;text-align:center}#mv>.visual,#mv>h1>p{height:auto;margin:0;padding:0;width:100%}#mv>.visual{align-items:center;display:flex;flex-flow:column wrap;justify-content:center}#mv>.visual>img{height:auto;margin:0;max-width:1024px;padding:0;width:100%}#mv>.button{background:#333;color:var(--color_text_white);margin:20px auto 0;max-width:28rem;position:relative;transition-duration:.3s;transition-property:background-color,color;width:auto}#mv>.button a,.right_base a,.right_demo a{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/external-link_white.svg);background-position:right 1rem center;background-repeat:no-repeat;background-size:1.6rem}#mv>.button a:hover,.right_demo a:hover{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/external-link_black.svg)}#mv>.button a{border:1px solid var(--color_border_black);color:var(--color_text_white);display:block;font-size:18px;line-height:1;padding:1.2rem 4rem 1.2rem 3rem;text-align:center}#mv>.button:hover,.right_demo:hover{background-color:var(--color_background_white)}#mv>.button a:hover{color:var(--color_text_black)!important;opacity:1}main{>.layer{>.contents{align-items:center;display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;padding:0;width:100%;>.layer{align-items:stretch;display:grid;gap:30px;grid-template-columns:1fr 200px;height:auto;justify-content:start;margin:0;max-width:1140px;padding:0 2.5rem 10rem;position:relative;width:100%;@media (max-width:767px){grid-template-columns:100%;padding-bottom:4rem;padding-left:2.5rem;padding-right:2.5rem;padding-top:0}>.contents{align-items:center;display:flex;flex-flow:column wrap;gap:50px;justify-content:center}>.contents,>.menu{height:auto;margin:0;padding:0;width:100%}}.red{color:var(--color_text_red)}}}}#feature,#guide,#other{align-items:start;display:grid;gap:30px;grid-template-columns:100%;height:auto;justify-content:start;margin:0;padding:0;width:100%}#feature>h2,#guide>h2,#other>h2{border-bottom:1px solid var(--color_border_black);border-left:6px solid var(--color_border_black);font-size:20px;font-weight:500;height:auto;margin:0;padding:5px 15px 10px;text-align:left;width:100%}#feature>.layer,#guide>.layer,#other>.layer{align-items:start;display:grid;gap:4rem;grid-template-columns:100%;height:auto;justify-content:start;margin:0;padding:0;width:100%}#feature>.layer>dl,#guide>.layer>dl,#other>.layer>dl{height:auto;margin:0;padding:0 0 0 20px;width:100%}#feature>.layer>dl>dt,#guide>.layer>dl>dt,#other>.layer>dl>dt{height:auto;margin:0;padding:0;width:100%}#feature>.layer>dl>dd,#guide>.layer>dl>dd,#other>.layer>dl>dd{align-items:start;display:grid;gap:20px;grid-template-columns:100%;height:auto;justify-content:start;margin:0;padding:0;width:100%}#feature>.layer>dl>dd>h3,#guide>.layer>dl>dd>h3,#other>.layer>dl>dd>h3{background:#333;color:var(--color_text_white);display:inline-block;font-size:14px;font-weight:500;height:auto;line-height:18px;margin:0;padding:12px 20px;text-align:center;width:-moz-max-content;width:max-content}#feature>.layer>dl>dd>dl,#feature>.layer>dl>dd>dl>dd,#guide>.layer>dl>dd>dl,#guide>.layer>dl>dd>dl>dd{align-items:start;display:grid;gap:30px;grid-template-columns:100%;height:auto;justify-content:start;margin:0;padding:0;width:100%}#feature>.layer>dl>dd>dl>dd>dl,#guide>.layer>dl>dd>dl>dd>dl{align-items:start;display:grid;gap:10px;grid-template-columns:100%;height:auto;justify-content:start;margin:0;padding:0;width:100%}#guide>.layer>dl>dd>dl>dd>dl.attention{background-color:var(--color_background_gray)!important;padding:30px!important}#feature>.layer>dl>dd>dl>dd>dl>dt,#guide>.layer>dl>dd>dl>dd>dl>dt{border-left:5px solid var(--color_border_black);font-size:14px;font-weight:700;height:auto;line-height:24px;margin:0;padding:0 0 0 12px;text-align:left;width:100%}#guide>.layer>dl>dd>dl>dd>dl.attention>dt{border-left:unset!important;font-size:14px!important;font-weight:500!important;line-height:18px!important;padding:0!important}#feature>.layer>dl>dd>dl>dd>dl>dd,#guide>.layer>dl>dd>dl>dd>dl>dd{height:auto;margin:0;padding:0;width:100%}#feature>.layer>dl>dd>dl>dd>dl>dd.captions,#guide>.layer>dl>dd>dl>dd>dl>dd.captions{align-items:start;display:grid;gap:7px;grid-template-columns:100%;height:auto;justify-content:start;margin:0;padding:0;width:100%}#feature>.layer>dl>dd>dl>dd>dl>dd>p,#guide>.layer>dl>dd>dl>dd>dl>dd>p{font-size:14px;font-weight:500;height:auto;line-height:22px;margin:0;padding:0;text-align:left;width:100%}#guide>.layer>dl>dd>dl>dd>dl.setting>dd{align-items:start;display:grid;gap:10px;grid-template-columns:100%;justify-content:start}#guide>.layer>dl>dd>dl>dd>dl.attention>dd{font-size:14px!important;font-weight:300!important}#guide>.layer>dl>dd>dl>dd>dl.attention>dd>ul{align-items:start;display:grid;gap:5px;grid-template-columns:100%;height:auto;justify-content:start;margin:0;padding:0;width:100%}#guide>.layer>dl>dd>dl>dd>dl.attention>dd>ul>li{font-size:14px;height:auto;line-height:20px;list-style-position:inside;list-style-type:disc;margin:0;padding:0 0 0 40px;text-indent:-20px;text-wrap:wrap;width:100%}#guide>.layer>dl>dd>dl>dd>dl.attention>dd>ul>li>a{color:#a00000;text-decoration:underline}#guide>.layer>dl>dd>dl>dd>dl>dd>dl{align-items:start;border:1px solid var(--color_border_gray);display:grid;gap:7px;grid-template-columns:100%;height:auto;justify-content:start;margin:0;padding:20px 30px;width:100%}#guide>.layer>dl>dd>dl>dd>dl>dd>dl>dt{font-size:14px;font-weight:700;height:auto;line-height:18px;margin:0;padding:0;text-align:left;width:100%}#guide>.layer>dl>dd>dl>dd>dl>dd>dl>dt>span{color:var(--color_text_red)}#guide>.layer>dl>dd>dl>dd>dl>dd>dl>dd,#guide>.layer>dl>dd>dl>dd>dl>dd>dl>dd>p{height:auto;margin:0;padding:0;width:100%}#guide>.layer>dl>dd>dl>dd>dl>dd>dl>dd>p{font-size:14px;font-weight:500;line-height:22px;text-align:left}#other>.layer>dl>dd>dl,#other>.layer>dl>dd>dl>dd{height:auto;margin:0;padding:0;width:100%}#other>.layer>dl>dd>dl>dd{align-items:start;display:grid;gap:20px;grid-template-columns:100%;justify-content:start}#other>.layer>dl>dd>dl>dd>p{background-color:unset!important;height:auto;margin:0;padding:0;width:100%}#other>.layer>dl>dd>dl>dd>dl{gap:5px}#other>.layer>dl>dd>dl.qanda>dd>dl>dd,#other>.layer>dl>dd>dl.qanda>dd>dl>dt,#other>.layer>dl>dd>dl>dd>dl{align-items:start;display:grid;grid-template-columns:100%;height:auto;justify-content:start;margin:0;padding:0;width:100%}#other>.layer>dl>dd>dl.qanda>dd>dl>dd,#other>.layer>dl>dd>dl.qanda>dd>dl>dt{gap:15px}#other>.layer>dl>dd>dl.qanda>dd>dl>dd>dl{align-items:start;display:grid;gap:15px;grid-template-columns:26px calc(100% - 41px);height:auto;justify-content:start;margin:0;padding:0;width:100%}#other>.layer>dl>dd>dl.qanda>dd>dl>dd>dl>dt{border-radius:5px;display:inline-block;font-size:14px;font-weight:700;height:26px;margin-right:0;padding:0;text-align:center;width:26px}#other>.layer>dl>dd>dl.qanda>dd>dl>dd>dl.question>dt{background-color:var(--color_background_black);color:var(--color_text_white)}#other>.layer>dl>dd>dl.qanda>dd>dl>dd>dl.answer>dt{background-color:var(--color_background_white);border:1px solid var(--color_border_black);color:var(--color_text_black)}#other>.layer>dl>dd>dl.qanda>dd>dl>dd>dl>dd{height:auto;margin:0;padding:0;width:100%}#other>.layer>dl>dd>dl.qanda>dd>dl>dd>dl>dd>p{font-size:14px;height:auto;line-height:24px;margin:0;padding:0;text-align:left;width:100%}#other>.layer>dl>dd>dl.qanda>dd>dl>dd>dl.question>dd>p{font-weight:700}#other>.layer>dl>dd>dl.qanda>dd>dl>dd>dl.answer>dd>p{font-weight:500}#other>.layer>dl>dd>dl.qanda>dd>dl>dd>dl.answer>dd>p.code{background-color:#eee!important;color:#333;display:block;font-size:14px;font-weight:300!important;height:auto;line-height:24px;margin:5px 0 0!important;padding:10px;text-align:left;width:100%}#other>.layer>dl>dd>dl.apps>dd>table{border:1px solid var(--color_border_gray);width:100%;>tbody{>tr{margin:0 20px;>th{background:#f8f9fa;border:1px solid var(--color_border_gray);font-weight:400;padding:8px;text-align:center;width:35%;@media (max-width:767px){width:45%}}>td{border:1px solid var(--color_border_gray);padding:8px;width:65%}}}}dd.images,dd.images-icon{align-items:center;display:grid;gap:20px;grid-auto-flow:column;justify-content:start}dd>picture{border:1px solid var(--color_border_gray);display:block;height:auto;width:100%}@media (max-width:767px){main>.layer{gap:0;grid-template-columns:100%}#feature>.layer>dl,#guide>.layer>dl,#other>.layer>dl{padding:0}#guide>.layer>dl>dd>dl>dd>dl.attention{padding:20px 15px!important}#guide>.layer>dl>dd>dl>dd>dl.attention>dd>ul>li{font-size:14px;line-height:22px;padding:0 0 0 20px;text-indent:-10px}#other>.layer>dl>dd>dl.apps>dd>table>tr>th{width:45%}#other>.layer>dl>dd>dl.apps>dd>table>tr>td{width:55%}dd.images{align-items:start;gap:20px;grid-auto-flow:row;justify-content:start}}main .menu{flex-shrink:0;width:200px}.page_link{background:#f8f9fa;padding:15px}.page_link>ul{gap:20px}.page_link>ul,.page_link>ul>li{align-items:start;display:grid;grid-template-columns:100%;height:auto;justify-content:start;margin:0;padding:0;width:100%}.page_link>ul>li{gap:10px}.page_link>ul>li>h2{background-color:var(--color_background_white);border:1px solid var(--color_border_black);font-size:14px;height:auto;margin:0;padding:0;text-align:center;width:100%}.page_link>ul>li>ul{align-items:start;display:grid;font-size:12px;gap:3px;grid-template-columns:100%;height:auto;justify-content:start;margin:0;padding:0!important;width:100%}.page_link>ul>li>ul>li{align-items:flex-start;display:flex;flex-flow:column wrap;height:auto;justify-content:center;margin:0;padding:0;width:100%}.page_link>ul>li>ul>li>a{display:inline-block;line-height:18px;width:auto}.page_link>ul>li>ul>li a:hover{opacity:.8}.right_base,.right_theme,header .right_demo,main .menu .right_demo{margin:15px auto 0;position:relative;text-align:center;transition-duration:.3s;transition-property:background-color,color}.right_demo{background:#333}header .right_demo a,main .menu .right_demo a{border:1px solid var(--color_border_black);color:var(--color_text_white)!important;display:block;font-size:15px;line-height:1;padding:1rem 2rem 1rem 1rem;@media (max-width:767px){font-size:1.2rem}}.right_theme a{border:1px solid var(--color_border_black);display:block;font-size:15px;line-height:1;opacity:1;padding:1rem;transition:.2s;@media (max-width:767px){font-size:1.2rem}&:hover{opacity:.8}}.sp_link .right_demo a:hover,main .menu .right_demo a:hover{color:var(--color_text_black)!important;opacity:1}.right_base a:before,.right_demo:before{font-size:13px}.right_base{background:#11beae}.right_base a{color:var(--color_text_white)!important;display:block;font-size:15px;line-height:1;padding:1rem 2rem 1rem 1rem;@media (max-width:767px){font-size:1.2rem}}.right_base:hover{background-color:var(--color_background_pink)}main .menu .sticky{bottom:0;margin:20px 0;position:sticky;top:20px}@media (max-width:767px){main .menu{display:none}.page_link>ul>li>ul>li{line-height:280%}}