@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700&display=swap);
@import url(https://use.typekit.net/efa6xbf.css);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap);
/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:bold}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:rgba(0,0,0,0);text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:rgba(0,0,0,0);padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:bold}:root{--z-modal:10000;--z-header:1000;--z-contents:10;--z-bg:1}html{visibility:hidden}html.wf-active,html.loading-delay{visibility:visible}@font-face{font-family:"Noto Sans JP";font-style:normal;font-weight:300;src:url("/cloud/common/font/NotoSansCJKjp-DemiLight.min.woff2") format("woff2");src:url("/cloud/common/font/NotoSansCJKjp-DemiLight.min.woff") format("woff")}@font-face{font-family:"Noto Sans JP";font-style:normal;font-weight:500;src:url("/cloud/common/font/NotoSansCJKjp-Medium.min.woff2") format("woff2");src:url("/cloud/common/font/NotoSansCJKjp-Medium.min.woff") format("woff")}@font-face{font-family:"Noto Sans JP";font-style:normal;font-weight:700;src:url("/cloud/common/font/NotoSansCJKjp-Bold.min.woff2") format("woff2");src:url("/cloud/common/font/NotoSansCJKjp-Bold.min.woff") format("woff")}body{min-width:320px}main{margin-top:50px}@media screen and (min-width: 64em){main{margin-top:90px}}.pure-g{padding:0}.pure-g *[class^=pure-u]{margin:0}.pure-g--justify-center{justify-content:center}.pure-g--align-center{align-items:center}@media screen and (min-width: 48em){.pure-g--reverse-pc{flex-flow:row-reverse}}.pure-g--box{margin:-0.625rem}.pure-g--box>*[class^=pure-u]{padding:.625rem}.pure-g--box--padding-xs{margin:-0.125rem}.pure-g--box--padding-xs>*[class^=pure-u]{padding:.125rem}.pure-g--box--padding-sm{margin:-0.25rem}.pure-g--box--padding-sm>*[class^=pure-u]{padding:.25rem}*[class^=pure-u]>*:not([class^=pure-g]):first-child{margin-top:0}*[class^=pure-u]>*:not([class^=pure-g]):last-child{margin-bottom:0}@media screen and (width >= 48em){.pure-g--box{margin:-1rem}.pure-g--box>*[class^=pure-u]{padding:1rem}.pure-g--box--padding-xs{margin:-0.125rem}.pure-g--box--padding-xs>*[class^=pure-u]{padding:.125rem}.pure-g--box--padding-sm{margin:-0.25rem}.pure-g--box--padding-sm>*[class^=pure-u]{padding:.25rem}.pure-g--box--padding-lg{margin:-2rem}.pure-g--box--padding-lg>*[class^=pure-u]{padding:2rem}}.l-contents{position:relative;z-index:0;padding:3.75rem 0;overflow:hidden;background:#f7f4ec;border:none}.l-contents::before{position:absolute;top:-0.18em;left:-0.1em;z-index:-1;font-family:Montserrat,sans-serif;font-size:22vw;line-height:1;color:#f0ece0;white-space:nowrap;content:attr(data-title)}.l-contents--howtouse{position:relative;background-repeat:no-repeat}.contents{box-sizing:content-box;max-width:64rem;padding:0 1.25rem;margin:0 auto}.contents+.contents{padding-top:2rem}.contents>*:not(.pure-g--box):first-child{margin-top:0}.contents>*:not(.pure-g--box):last-child{margin-bottom:0}.contents--xl{max-width:80rem}.contents--lg{max-width:64rem}.contents--md{max-width:48rem}.contents--sm{max-width:35.5rem}@media screen and (width >= 48em){.l-contents{padding:5rem 0}.contents{padding:0 3.75rem}.breadcrumb+.l-contents{padding-top:9em;padding-bottom:6em;margin-top:-3em}.contents+.contents{padding-top:6em}}*+.contents__block{margin:2rem 0 0}*+.contents__block--margin-xs,*+.contents__block--margin-sm{margin:1rem 0 0}.contents__block>*:not(.pure-g--box):first-child{margin-top:0}.contents__block>*:not(.pure-g--box):last-child{margin-bottom:0}@media screen and (width >= 48em){*+.contents__block{margin:5rem 0 0}*+.contents__block--margin-xs{margin:1.5rem 0 0}*+.contents__block--margin-sm{margin:3rem 0 0}}.contents__block--heightfix{height:100%}.contents__block--howtouse{position:relative;overflow:hidden}.contents__block--howtouse::before{position:absolute;inset:0 auto auto 0;width:0;height:0;margin:auto;content:"";border-color:#e4f1f8 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:4rem 4rem 0 0}#teacher .contents__block--howtouse::before{border-color:#e4f1f8 rgba(0,0,0,0) rgba(0,0,0,0)}#student .contents__block--howtouse::before{border-color:#e4f0d8 rgba(0,0,0,0) rgba(0,0,0,0)}.contents__block--howtouse--accent::before{border-color:#dbe9ee rgba(0,0,0,0) rgba(0,0,0,0)}*+.contents__block--howtouse{margin:1rem 0 0}@media screen and (width >= 48em){.contents__block--howtouse::before{border-width:6.25rem 6.25rem 0 0}*+.contents__block--howtouse{margin:2rem 0 0}}.contents__block--box{padding:2.5rem 1.25rem;background:#fff;border:none;border-radius:10px}.l-contents--accent .contents__block--box{border:none}@media screen and (width >= 48em){.contents__block--box{padding:2.25rem;border-radius:1rem}.contents__block--box--padding-sm{padding:1.25rem}.contents__block--box--padding-lg{padding:3.75rem}}.contents__block--box__title{padding:.5em .5em .375em;margin:-2.5rem -1.25rem 2.5rem !important;font-family:fot-tsukuardgothic-std,"Noto Sans JP",sans-serif;font-size:1.25em;font-weight:600;text-align:center;letter-spacing:-0.02em;background-color:#f5f5f5;border-radius:.75rem .75rem 0 0}.contents__block--box__title+*:not([class^=pure-g]){margin-top:0}@media screen and (width >= 768px){.contents__block--box__title{margin:-2.25rem -2.25rem 2.25rem !important;border-radius:1rem 1rem 0 0}}.contents__block--bord{padding-top:1.25em;padding-bottom:1.25em;margin-top:3em;background-image:url("/cloud/how-to-use/cloud/common/img/bg_bord.png"),url("/cloud/how-to-use/cloud/common/img/bg_bord.png"),url("/cloud/how-to-use/cloud/common/img/bg_bord.png"),url("/cloud/how-to-use/cloud/common/img/bg_bord.png");background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-position:top left,top right,bottom left,bottom right}.contents__block--border{position:relative;background-color:rgba(0,0,0,0);border:none;border-radius:10px}.contents__block--border::before{position:absolute;inset:0;width:calc(100% - 10px);height:calc(100% - 10px);margin:auto;pointer-events:none;content:"";border:1px dashed #4bacd5;border-radius:10px}@media screen and (width >= 48em){.contents__block--border{height:100%}*+.contents__block--border{margin:3rem 0 0}}.contents__block--memo{position:relative;background-color:#f5f5f5;border:none;border-radius:10px}.contents__block--memo::before{position:absolute;inset:0;width:calc(100% - 10px);height:calc(100% - 10px);margin:auto;pointer-events:none;content:"";border:1px dashed #ccc;border-radius:10px}.contents__block--memo::after{position:absolute;inset:-5px 1.25rem auto auto;display:block;width:0;width:16px;height:0;height:42px;margin:auto;content:"";background-image:url("/cloud/how-to-use/cloud/common/img/img_memo.png");background-repeat:no-repeat;background-size:contain}.heading--memo{font-family:fot-tsukuardgothic-std,"Noto Sans JP",sans-serif;font-size:1.125em;line-height:1;color:#4bacd5;text-align:center}.list-memo{box-sizing:border-box;padding:0;margin:1em 0 0;list-style:none}.list-memo li{position:relative;padding-left:1.25em;font-size:.938rem;line-height:2}.list-memo li::before{position:absolute;inset:.65em auto auto 0;width:.875em;height:.875em;margin:auto;content:"";background-color:#4bacd5;border-radius:.5em}@media screen and (width >= 48em){.contents__block--memo{font-size:1rem}.contents__block--memo::after{right:2em}.heading--memo{font-size:1.25em}}.l-box{position:relative;padding:1.25rem;background-color:#fff;border:2px solid #4bacd5;border-radius:10px}*+.l-box{margin:1rem 0 0}.l-box::before{position:absolute;inset:-42px 0 auto;width:152px;height:42px;margin:auto;content:"";background-position:bottom center;background-size:contain;border-radius:50%/100% 100% 0 0}.box__title{position:relative;box-sizing:content-box;align-items:baseline;height:calc(100% - 1.6em);padding:.5em .5em .375em;margin:-1.25rem -1.25rem 1.25rem;font-family:fot-tsukuardgothic-std,"Noto Sans JP",sans-serif;font-size:1.25em;font-weight:600;line-height:1.4;color:#fff;text-align:center;letter-spacing:-0.02em;background-color:#4bacd5;background-position:top center;border-radius:8px 8px 0 0}@media screen and (width >= 48em){.l-box{padding:2rem}*+.l-box{margin-top:2rem}.l-box::before{top:-42px;width:152px;height:42px}.box__title{margin:-2rem -2rem 2rem}}.l-box--point{background-color:#fff6e8;border:2px solid #ffa815}*+.l-box--point{margin-top:calc(1.25rem + 42px)}.l-box--point::before{background-image:url("/cloud/how-to-use/cloud/common/img/img_point.png")}.box__title--point{background-image:url("/cloud/how-to-use/cloud/common/img/bg_dot-orange.png")}@media screen and (width >= 48em){*+.l-box--point{margin-top:calc(3rem + 42px)}}.l-box--alert{background-color:#fff6ef;border:2px solid #f77047}.l-box--alert::before{content:none}.box__title--alert{background-image:url("/cloud/how-to-use/cloud/common/img/bg_dot-red.png")}.ico-arrow{position:relative;margin:0 .5em 0 .7em}.ico-arrow::after{position:absolute;inset:0 0 0 -0.5em;width:.4em;height:.4em;margin:auto;content:"";border-color:#f8692a;border-style:solid;border-width:1px 1px 0 0;transform:rotate(45deg)}.ico-arrow--up::after{top:.2em;left:-0.3em;transform:rotate(-45deg)}.ico-arrow--down::after{transform:rotate(135deg)}.ico-arrow--reverse::after{right:-0.5em;left:0;transform:rotate(-135deg)}*[class*=-button].ico-arrow::after{right:1.6em;left:auto;border-color:hsla(0,0%,100%,.8)}*[class*=-button].ico-arrow--reverse::after{right:auto;left:1.6em}.ico-sitelink{position:relative;margin:0 .6em}.pure-button.ico-sitelink{margin-right:0;margin-left:0}.ico-sitelink::after{position:absolute;inset:0;width:.6em;height:.6em;margin:auto;content:"";border-color:#f8692a;border-style:solid;border-width:1px 1px 0 0;transform:translateY(-2px)}.ico-sitelink::before{position:absolute;inset:0;width:.6em;height:.6em;margin:auto;content:"";border-color:#f8692a;border-style:solid;border-width:1px;transform:translateX(-2px)}.ico-sitelink--light::after,.ico-sitelink--light::before{border-color:#fff}*[class*=-button] .ico-sitelink::before{border-color:hsla(0,0%,100%,.8)}*[class*=-button].ico-sitelink::before{right:22px;left:auto;border-color:hsla(0,0%,100%,.8);transition:background .2s ease-in}*[class*=-button] .ico-sitelink::after{border-color:hsla(0,0%,100%,.8)}*[class*=-button].ico-sitelink::after{right:22px;left:auto;border-color:hsla(0,0%,100%,.8)}.ico-no{display:inline-flex;align-items:center;justify-content:center;width:2em;height:2em;background-color:#ff7420;border-radius:2em}.ico-no::after{display:contents;height:2.125em;font-family:fot-tsukuardgothic-std,"Noto Sans JP",sans-serif;line-height:0;color:#fff}.ico-no--01::after{content:"1"}.ico-no--02::after{content:"2"}.ico-no--03::after{content:"3"}.ico-no--04::after{content:"4"}.ico-no--05::after{content:"5"}.ico-no--06::after{content:"6"}.ico-no--07::after{content:"7"}.ico-no--08::after{content:"8"}.ico-no--09::after{content:"9"}.hr-dotted{height:1px;background-image:linear-gradient(to right, #90999c, #fff 1px, transparent 1px, transparent 3px);background-repeat:repeat-x;background-position:bottom;background-size:4px 1px;border-bottom:0}@media screen and (width >= 48em){.hr-margin-sm{margin:1em 0}.hr-margin-lg{margin:5em 0}}.img-center{margin:auto}.img-left{margin:auto auto auto 0}.img-right{margin:auto 0 auto auto}.img-round{border-radius:.625rem}.img-inline{display:inline;width:auto;height:1em;margin:0;vertical-align:baseline}.img-shadow{filter:drop-shadow(0 5px 10px rgba(0, 69, 105, 0.1)) drop-shadow(0 20px 20px rgba(0, 69, 105, 0.08)) drop-shadow(0 50px 50px rgba(0, 69, 105, 0.06))}.img-shadow::after{position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;content:"";background-image:linear-gradient(rgb(88, 195, 214), rgb(12, 75, 156));filter:blur(20px);mix-blend-mode:multiply;transform:translateY(10px)}.pure-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;height:4em;padding:1em 3em 1.1em;margin-top:2em;margin-right:auto;margin-left:auto;overflow:hidden;font-size:.937rem;font-weight:300;line-height:1.4;color:#fff;white-space:inherit;background-color:#4bacd5;border:none;border-radius:3rem;transition:opacity .3s}.pure-button:focus,.pure-button:hover{color:#fff;opacity:.5}.button-accent{background-color:#00688d}.button-strong{font-weight:500}.button-sm{padding:.8em 2.6em .9em;font-size:.75rem}.button-lg{padding:1.2em 4em 1.3em;font-size:1.125rem}.button-disable{color:#888;pointer-events:none;background-color:#ccc}@media screen and (width >= 48em){.button-group>.pure-button{margin-right:.5em;margin-left:.5em}}.button-block{display:flex;justify-content:center;width:calc(100% - 1em);max-width:100%}.button-width,.button-sm.button-width,.button-lg.button-width{justify-content:center;width:100%;max-width:100%}@media screen and (width >= 48em){.button-width{display:inline-flex;width:24rem;max-width:100%;padding-right:6em;padding-left:6em}}.button-teacher,.button-student{width:100%}.button-teacher{background-color:#4bacd5}.button-student{background-color:#8fbf29}@media screen and (width >= 48em){.button-teacher,.button-student{width:auto}}.button-dl{position:relative;padding-right:4em;padding-left:4em}.button-dl::before{position:absolute;inset:0 1.75em 0 auto;display:inline-block;-ms-flex-negative:0;flex-shrink:0;width:18px;height:18px;margin:auto;content:"";background-image:url("/cloud/how-to-use/cloud/common/img/icon_dl.png");background-position:center center;background-size:contain}ruby>rt{font-size:.6em;font-weight:normal;letter-spacing:-0.1em;opacity:.7}.button-ruby{align-items:baseline}@supports(-ms-ime-align: auto){rt{position:relative;top:.5em}}.heading{position:relative;margin:2rem 0 1rem;font-weight:600;line-height:1.4}.heading--howtouse{margin-top:1rem;font-family:fot-tsukuardgothic-std,"Noto Sans JP",sans-serif;font-size:1.75em;text-align:center;letter-spacing:-0.02em}.heading--howtouse-block{position:relative;margin-top:0;font-size:1.25rem}.heading--howtouse-block__sub{display:block;font-size:.938rem;font-weight:300}@media screen and (width >= 48em){.heading--howtouse{margin-top:1em;font-family:fot-tsukuardgothic-std,"Noto Sans JP",sans-serif;font-size:2.25em}.heading--howtouse-block{margin-bottom:.6em;font-size:1.875em}.heading--howtouse-block__sub{font-size:1.125rem}}.heading--triangle{position:relative;padding:1.25rem;margin-top:3rem;margin-bottom:2rem;font-family:fot-tsukuardgothic-std,"Noto Sans JP",sans-serif;font-size:1.75em;font-weight:600;color:#fff;text-align:center;background-color:#444;background-image:url("/cloud/how-to-use/cloud/common/img/bg_dot-teacher.png");border-radius:.5em}.heading--triangle::after{position:absolute;inset:auto 0 -0.5em;display:block;width:0;height:0;margin:auto;content:"";border-color:#4bacd5 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:.5em .5em 0}#teacher .heading--triangle{background-image:url("/cloud/how-to-use/cloud/common/img/bg_dot-teacher.png")}#teacher .heading--triangle::after{border-color:#4bacd5 rgba(0,0,0,0) rgba(0,0,0,0)}#student .heading--triangle{background-image:url("/cloud/how-to-use/cloud/common/img/bg_dot-student.png")}#student .heading--triangle::after{border-color:#91c02c rgba(0,0,0,0) rgba(0,0,0,0)}.heading--triangle--accent{background-image:url("/cloud/how-to-use/cloud/common/img/bg_dot-navy.png")}.heading--triangle--accent::after{border-color:#00688d rgba(0,0,0,0) rgba(0,0,0,0)}@media screen and (width >= 48em){.heading--triangle{padding:1.75rem 2.5rem;margin-top:4rem;font-size:2em}}.heading--lv1{padding-bottom:1.25rem;margin-bottom:1.5rem;font-size:1.5em;font-weight:600;line-height:1.6;border-bottom:2px solid #eee}.heading--lv1::after{position:absolute;bottom:-2px;left:0;width:2em;content:"";border-bottom:2px solid #4bacd5}.heading--lv1--accent::after{border-bottom:2px solid #00688d}.heading--lv1__sub{display:block;margin-bottom:.25rem;font-size:1rem;font-weight:500;color:#4bacd5}.heading--lv2{padding:0 0 0 .875rem;margin-bottom:1.25rem;font-size:1.25em;font-weight:700;line-height:1.6;color:#4bacd5}.heading--lv2::after{position:absolute;inset:0 auto 0 0;width:4px;height:86%;margin:auto;content:"";background-color:#4bacd5;border-radius:3px}@media screen and (width >= 48em){.heading--lv1{font-size:1.75em}.heading--lv2{margin-bottom:1.5rem;font-size:1.5em}}.heading--balloon{padding-bottom:.5em;margin-bottom:1.25rem;font-family:fot-tsukuardgothic-std,"Noto Sans JP",sans-serif;font-size:1.25em;line-height:1.6;color:#00688d;text-align:center}.heading--balloon>i::after{position:absolute;inset:auto 0 -7px;display:block;width:14px;height:14px;margin:auto;content:"";border-right:1px solid #ccc;border-bottom:1px solid #ccc;transform:rotate(45deg)}.heading--balloon::before,.heading--balloon::after{position:absolute;inset:auto 0 0;display:inline-block;width:calc(50% - 9px);margin:auto;content:"";border-bottom:solid 1px #ccc}.heading--balloon::before{right:0;left:auto}.heading--balloon::after{right:auto;left:0}.heading--balloon__sub{display:block;font-size:1rem}@media screen and (width >= 48em){.heading--balloon{margin-bottom:1.875rem;font-size:1.75em}}.heading__dot{position:relative}.heading__dot::after{position:absolute;inset:0 0 auto;display:block;width:5px;height:5px;margin:auto;content:"";background-color:#f8692a;border-radius:5px}.heading+.lead{margin-bottom:2rem}@media screen and (width >= 48em){.heading+.lead{margin-top:-1em;margin-bottom:5rem;text-align:center}.lead--howtouse{margin-top:0 !important;font-size:1.125em;text-align:center}}.list-inline,.list-normal,.list-note,.list-note-number,.list-annotation{box-sizing:border-box;padding:0;margin:1em 0 0;list-style:none}.list--sm,.list-normal--sm,.list-note--sm,.list-note-number--sm,.list-annotation--sm{font-size:.875em}.list-normal li,.list-note li,.list-note-number li,.list-annotation li{margin:.4em 0 0}.list-normal li:first-child,.list-note li:first-child,.list-note-number li:first-child,.list-annotation li:first-child{margin-top:0}.list-inline li{box-sizing:border-box;display:inline-block;margin:0 1em 0 0}.list-normal li{padding-left:1em;text-indent:-1em}.list-normal li::before{color:#54483d;content:"・"}.list-inline li{box-sizing:border-box;display:inline-block;padding-left:1em;margin:0 1em 0 0;text-indent:-1em}.list-inline li::before{color:#0985c8;content:"・"}.list-note li{margin-left:1.4em;text-indent:-1.4em}.list-note li::before{display:inline-block;width:1.4em;text-indent:0;content:"※"}.list-note-number li{margin-left:2em;text-indent:-2em;counter-increment:list-note-num}.list-note-number li::before{display:inline-block;width:2em;color:#0985c8;text-indent:0;content:counter(list-note-num) "."}.list-annotation{margin-left:2em}.list-annotation>li{margin-left:1.2em;text-indent:-3em;list-style-type:none;counter-increment:list-annotation}.list-annotation>li::before{display:inline-block;width:3em;text-indent:0;content:"※" counter(list-annotation)}.mv__title{position:relative;z-index:0;padding:2rem 1.25rem;margin:0;background-image:url("/cloud/how-to-use/cloud/common/img/SP_mv_bg.jpg?2103");background-position:center center;background-size:cover}.mv__title::before{position:absolute;inset:0;z-index:-1;margin:auto;content:none;backdrop-filter:blur(4px)}.l-mv--teacher>.mv__title::before{content:"";background-color:rgba(104,206,249,.16)}.l-mv--student>.mv__title::before{content:"";background-color:rgba(108,151,79,.16)}.mv__nav{display:flex;flex-wrap:wrap;padding:0;margin:0;background-color:#f7f4ec;background-image:linear-gradient(#d5d3c7, #d5d3c7);background-repeat:repeat-x;background-position:bottom;background-size:1px 1px;border-top:1px solid #d5d3c7}.mv__nav__title{display:block;width:100%;padding:.875rem;padding:.6em 1em .8em;margin-top:1.6em;font-family:fot-tsukuardgothic-std,"Noto Sans JP",sans-serif;font-size:.875rem;font-weight:400;line-height:1;color:#fff;text-align:center;background-color:#000;background-repeat:repeat;background-position:center bottom;border-radius:6px}.mv__nav__title--teacher{background-color:#4bacd5;background-image:url("/cloud/how-to-use/cloud/common/img/bg_dot-teacher.png")}.mv__nav__title--student{padding-top:1.125em;background-color:#91c02c;background-image:url("/cloud/how-to-use/cloud/common/img/bg_dot-student.png")}@media all and (-ms-high-contrast: none){.mv__nav__title--student{height:50px;padding-top:.5em}}.mv__nav__title::before{position:absolute;position:static;inset:.5em 0 auto;display:inline-block;width:20px;height:20px;margin:auto;margin:0 .4em 0 0;vertical-align:sub;content:"";background-repeat:no-repeat;background-position:center center;background-size:contain}.mv__nav__title--teacher::before{background-image:url("/how-to-use/img/icon_about_teacher.png")}.mv__nav__title--student::before{background-image:url("/how-to-use/img/icon_about_student.png")}.mv__nav__button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;padding:.5em 1.5em .75em;margin-top:0;font-size:.875em;font-weight:500;line-height:1.25;color:#645f51;text-align:center;border-bottom:1px solid #d5d3c7;transition:all .2s}.mv__nav__button:nth-child(odd){border-right:1px solid #d5d3c7}.mv__nav__button,.mv__nav__button:hover{color:#444}.l-mv--teacher .mv__nav__button__current,.l-mv--teacher .mv__nav__button__current:hover{color:#4bacd5}.l-mv--student .mv__nav__button__current,.l-mv--student .mv__nav__button__current:hover{color:#91c02c}.mv__nav__button:hover{opacity:.8}.mv__nav__button>span{position:relative;top:-4px}.mv__nav__button::before{width:20px;height:20px;margin-bottom:.3em;content:"";background-repeat:no-repeat;background-position:center center;background-size:contain}.mv__nav__button--top::before{background-image:url("/cloud/how-to-use/cloud/common/img/ico_top.png")}.mv__nav__button--touchtry::before{background-image:url("/cloud/how-to-use/cloud/common/img/ico_touch-try.png")}.mv__nav__button--func::before{background-image:url("/cloud/how-to-use/cloud/common/img/ico_function.png")}.mv__nav__button--qa::before{background-image:url("/cloud/how-to-use/cloud/common/img/ico_qa.png")}.mv__nav__button::after{position:absolute;inset:0 .75em 0 auto;width:6px;height:6px;margin:auto;content:"";border-style:solid;border-width:1px 1px 0 0;transform:rotate(45deg)}@media screen and (width >= 35.5em){.mv__nav__button br{display:none}}@media screen and (width >= 48em){.l-mv{position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;height:22em;background-image:url("/cloud/how-to-use/cloud/common/img/mv_bg.jpg?2103");background-repeat:no-repeat;background-position:top center;background-size:cover}.l-mv::before{position:absolute;inset:0;z-index:-1;margin:auto;content:none;backdrop-filter:blur(4px)}.l-mv--teacher::before{content:"";background-color:rgba(104,206,249,.16)}.l-mv--student::before{content:"";background-color:rgba(108,151,79,.16)}.l-mv--teacher,.l-mv--student{height:18em}.l-mv--teacher .mv__title,.l-mv--student .mv__title{width:10em}.mv__title{height:167px;padding:0;margin-top:1em;background:none}.mv__title::before,.l-mv--teacher>.mv__title::before,.l-mv--student>.mv__title::before{content:none}.mv__nav{align-items:flex-end;margin-top:auto;background:none;border:none}.mv__nav__title{font-size:1rem}.mv__nav__button{flex-direction:row;width:auto;height:inherit;padding:.6em 1.6em .2em 1em;margin:0 5px;font-size:1.6vw;color:#645f51;background:#d5d2c8;border:none;border-radius:10px 10px 0 0}.l-mv--teacher .mv__nav__button,.l-mv--teacher .mv__nav__button:hover,.l-mv--student .mv__nav__button,.l-mv--student .mv__nav__button:hover{color:#444}.mv__nav__button::before{position:inherit;top:0;width:22px;height:22px;margin-right:.4em;margin-bottom:.1em;opacity:.8}.mv__nav__button::after{content:none}.mv__nav__button__current{padding-bottom:.8em;color:#444;background:#f7f4ec}.mv__nav__button__current::before{opacity:1}.mv__nav__button:hover{padding-bottom:.8em;color:#444;background:#f7f4ec;opacity:1 !important}.mv__nav__button:hover::before{opacity:1}}@media screen and (width >= 1024px){.mv__nav__button{font-size:1em}}.l-movie{position:relative}.l-movie::after,.l-movie::before{position:absolute;inset:0;z-index:1;margin:auto;content:""}.l-movie::after{width:4em;height:4em;border:2px solid #fff;border-radius:4em}.l-movie::before{right:-0.35em;width:0;height:0;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;border-style:solid;border-width:14px 0 14px 20px}.l-movie>img{margin:0}.movie-note{padding:0;margin:.5em 0 0;text-align:right}.movie-note>li{padding:0;margin:0;font-size:.75em;color:#999;list-style:none}.l-modal{position:relative;max-width:600px;margin:1.5rem auto 0;background:#666}.l-modal:hover::after{position:absolute;inset:0;width:50px;height:50px;margin:auto;cursor:pointer;content:"";background-image:url("/cloud/how-to-use/cloud/common/img/img_ico_modal.png");background-repeat:no-repeat;background-position:center;background-size:contain}.l-modal--seminar:hover::after{background-image:none}.l-modal>img{position:relative;margin:0;cursor:pointer;transition:opacity .3s}.l-modal:hover>img{opacity:.5}#js-modal,#js-modal-img,#js-modal-seminar{position:fixed;top:0;left:0;z-index:1000;display:none;width:100%;max-width:100% !important;height:100%;background:rgba(0,0,0,.8)}#js-modal img,#js-modal-img img{position:absolute;inset:0;max-width:90%;max-height:90%;margin:auto !important;cursor:pointer}#js-modal-seminar{overflow-y:auto}#js-modal-seminar .modal-seminar{position:absolute;inset:0;max-width:90%;max-height:100%;margin:auto !important}#js-modal .vpPoster img,#js-modal-img .vpPoster img{max-width:100%;max-height:100%}@media screen and (width >= 48em){.l-modal{margin-top:2.5rem}}.modal-video{display:flex;align-items:center;justify-content:center;width:90%;max-width:960px;height:100%;margin:auto}.modal-seminar{display:none}#js-modal-seminar .modal-seminar{display:flex;align-items:center;justify-content:center}.modal-seminar__inner{display:flex;align-items:center;width:100%;max-width:760px;height:100%}.modal-seminar__body{width:100%;padding:5vw;text-align:center;background-color:#fff;border-radius:1em}.modal-seminar__body .l-privacy{height:8em;padding:1em;margin:1em 0;overflow-y:auto;text-align:left;border:1px solid #ddd}.modal-seminar__body .l-privacy *{font-size:14px}.modal-seminar__box{padding:1em;margin:1em;background-color:#fff7ee}.modal-seminar__text{font-size:14px;color:#f8692a}.modal-seminar__check{margin-top:2em}.button-form{color:#888;pointer-events:none;background-color:#ccc;transition:color .2s,background-color .2s}#check-button-form:checked~.button-form{color:#fff;pointer-events:inherit;background-color:#4bacd5}@media screen and (width >= 48em){.modal-seminar__body{padding:3em}.modal-seminar__body .l-privacy{margin:2em 0}}.js-modal__close,.js-modal-video__close{position:fixed;top:0;right:0;z-index:1000;display:block;width:16vw;max-width:100px;height:16vw;max-height:100px;cursor:pointer;transition:opacity .2s}.js-modal__close:hover,.js-modal-video__close:hover{opacity:.6}.js-modal__close::after,.js-modal__close::before,.js-modal-video__close::after,.js-modal-video__close::before{position:absolute;inset:0;margin:auto;content:"";background-color:#fff}.js-modal__close::after,.js-modal-video__close::after{width:70%;height:2px;transform:rotate(45deg)}.js-modal__close::before,.js-modal-video__close::before{width:2px;height:70%;transform:rotate(-135deg)}@media screen and (width >= 48em){.js-modal__close,.js-modal-video__close{width:6rem;height:6rem}}.l-contents--youtube-link{padding:3.75rem 0 1px;background:#fff}.youtube-link__title{margin:0 1.25rem 2rem;font-size:.938em;text-align:center}.youtube-link__title>br{display:none}.l-youtube-link__btn{position:relative;overflow:hidden}.l-youtube-link__btn::after{display:block;padding-top:30%;content:""}.l-youtube-link__btn::before{position:absolute;inset:0;width:100%;height:100%;content:"";background-repeat:no-repeat;background-position:center;background-size:cover;transition:transform .45s cubic-bezier(0.5, 0.05, 0.01, 0.99)}.l-youtube-link__btn:hover::before{transform:scale(1.1)}.l-youtube-link__btn--teacher::before{background-image:url("/cloud/how-to-use/cloud/common/img/touchtry/btn_youtube-teacher.jpg")}.l-youtube-link__btn--student::before{background-image:url("/cloud/how-to-use/cloud/common/img/touchtry/btn_youtube-student.jpg")}.youtube-link__btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:500;color:#fff;transition:color .3s}.youtube-link__btn::after,.youtube-link__btn::before{position:absolute;inset:calc(50% - .2em) 0 auto;z-index:2;width:.5em;height:.5em;margin:auto;content:""}.youtube-link__btn--teacher::after,.youtube-link__btn--teacher::before{right:-12em}.youtube-link__btn--student::after,.youtube-link__btn--student::before{right:-12em}.youtube-link__btn::after{border-color:#fff;border-style:solid;border-width:0 0 1px 1px}.youtube-link__btn::before{filter:drop-shadow(2px -2px 0 #fff);border-color:#fff;border-style:solid;border-width:1px 1px 0 0}@media all and (-ms-high-contrast: none){.youtube-link__btn::after,.youtube-link__btn::before{content:none}}.youtube-link__btn--teacher:hover::after,.youtube-link__btn--student:hover::after{border-color:#444}.youtube-link__btn--teacher:hover::before,.youtube-link__btn--student:hover::before{filter:drop-shadow(2px -2px 0 #444);border-color:#444}.youtube-link__btn--teacher{background-color:rgba(19,104,140,.6)}.youtube-link__btn--student{background-color:rgba(88,121,18,.6)}.youtube-link__btn--teacher:hover,.youtube-link__btn--student:hover{color:#444}.youtube-link__btn>span{position:relative;z-index:1;width:60%;padding:1em;overflow:hidden;text-align:center;letter-spacing:.04em;border:1px solid #fff;border-radius:80px}.youtube-link__btn>span::before{position:absolute;top:0;right:100%;z-index:-1;display:block;width:100%;height:100%;pointer-events:none;content:"";background-color:#fff;transition:right .45s cubic-bezier(0.5, 0.05, 0.01, 0.99)}.btn__youtube{display:block;font-size:.938rem}.youtube-link__btn:hover>span::before{right:0}@media screen and (width >= 48em){.l-contents--youtube-link{padding:4em 0 1px}.l-youtube-link__btn::after{padding-top:40%}.youtube-link__title{margin:0 0 3em;font-size:1.25em}.youtube-link__title>br{display:block}.youtube-link__btn>span{padding:1em 1.4em;font-size:1.125em}}@media screen and (width >= 1024px){.l-contents--youtube-link{padding:5em 0 1px}.l-youtube-link__btn::after{padding-top:260px}}.u-pc,.u-pc-if{display:none !important}@media screen and (width >= 48em){.u-sp{display:none !important}.u-pc{display:block !important}.u-pc-if{display:inline-flex !important}}.u-mt{margin-top:1.25rem !important}.u-mb{margin-bottom:1.25rem !important}.u-mt-xs,.u-mt-sm{margin-top:.625rem !important}.u-mb-xs,.u-mb-sm{margin-bottom:.625rem !important}.u-mt-md{margin-top:1rem !important}.u-mb-md{margin-bottom:1rem !important}.u-mt-lg{margin-top:2rem !important}.u-mb-lg{margin-bottom:2rem !important}.u-mt-xl{margin-top:3rem !important}.u-mb-xl{margin-bottom:3rem !important}.u-mt-none{margin-top:0 !important}.u-mb-none{margin-bottom:0 !important}.u-mtb-none{margin:0 !important}@media screen and (width >= 48em){.u-mt{margin-top:2rem !important}.u-mb{margin-bottom:2rem !important}.u-mt-xs{margin-top:.5rem !important}.u-mb-xs{margin-bottom:.5rem !important}.u-mt-sm{margin-top:1rem !important}.u-mb-sm{margin-bottom:1rem !important}.u-mt-md{margin-top:1rem !important}.u-mb-md{margin-bottom:1rem !important}.u-mt-lg{margin-top:3rem !important}.u-mb-lg{margin-bottom:3rem !important}.u-mt-xl{margin-top:5rem !important}.u-mb-xl{margin-bottom:5rem !important}}.u-pt{padding-top:1.25rem !important}.u-pb{padding-bottom:1.25rem !important}.u-pt-sm{padding-top:.625rem !important}.u-pb-sm{padding-bottom:.625rem !important}.u-pt-md{padding-top:1rem !important}.u-pb-md{padding-bottom:1rem !important}.u-pt-lg{padding-top:2rem !important}.u-pb-lg{padding-bottom:2rem !important}.u-pt-xl{padding-top:3rem !important}.u-pb-xl{padding-bottom:3rem !important}.u-ptb-none{padding:0 !important}@media screen and (width >= 48em){.u-pt{padding-top:2em !important}.u-pb{padding-bottom:2em !important}.u-pt-sm{padding-top:1em !important}.u-pb-sm{padding-bottom:1em !important}.u-pt-md{padding-top:1em !important}.u-pb-md{padding-bottom:1em !important}.u-pt-lg{padding-top:3em !important}.u-pt-xl{padding-top:5em !important}.u-pb-lg{padding-bottom:3em !important}.u-pb-xl{padding-bottom:5em !important}}.u-layout-center{text-align:center !important}.u-layout-center-sp{text-align:center !important}.u-layout-left{text-align:left !important}.u-layout-right{text-align:right !important}@media screen and (width >= 48em){.u-layout-center-sp{text-align:inherit !important}.u-layout-center-pc{text-align:center !important}.u-fl-left{float:left !important}.u-fl-right{float:right !important}}.u-heading-Lv1,.u-heading-Lv2{font-size:1.25rem !important}.u-heading-Lv3,.u-heading-Lv4{font-size:1.125rem !important}.u-heading-Lv5,.u-heading-Lv6{font-size:1rem !important}@media screen and (width >= 48em){.u-heading-Lv1{font-size:1.625rem !important}.u-heading-Lv2{font-size:1.5rem !important}.u-heading-Lv3{font-size:1.375rem !important}.u-heading-Lv4{font-size:1.25rem !important}.u-heading-Lv5{font-size:1.06rem !important}.u-heading-Lv6{font-size:1rem !important}}.u-text-xs,.u-text-sm{font-size:.75rem !important}.u-text-md{font-size:1rem !important}.u-text-lg,.u-text-xl{font-size:1.25rem !important}.u-text-normal{font-weight:normal !important}.u-text-strong{font-weight:bold !important}.u-text-warning{color:#f8692a !important}.u-text-inline{display:inline-block}.u-text-underline{text-decoration:underline}@media screen and (width >= 48em){.u-text-xs{font-size:.75rem !important}.u-text-sm{font-size:.875rem !important}.u-text-md{font-size:1.125rem !important}.u-text-lg{font-size:1.375rem !important}.u-text-xl{font-size:1.625rem !important}.u-text-strong{font-weight:bold !important}.text-inline{display:inline-block !important}}@media screen and (width >= 35.5em){.u-img-xs{width:100%;max-width:380px}.u-img-sm{width:100%;max-width:568px}.u-img-md{width:100%;max-width:768px}.u-img-lg{width:100%;max-width:1024px}}*,*::before,*::after{box-sizing:border-box}body{min-width:340px;font-weight:400;color:#54483d}p{margin:0;line-height:2}*+p{margin-top:1em}figure{margin:0}a{color:#0985c8;text-decoration:none;transition:color .3s ease-in-out;transition:opacity .3s ease-in-out}a img{transition:opacity .3s ease-in-out}a:hover{color:#0985c8;text-decoration:none;opacity:.5}a:hover img{opacity:.5}img{max-width:100%;height:auto}main img{display:block;margin:2em auto}em{font-style:normal;font-weight:700}ol,ul{padding:0 0 0 1.4em;margin:1em 0}ol>li,ul>li{margin:.4em 0 0}li ol,li ul{margin:1em 0 .4em}dt{margin:.4em 0 0}dd{margin:.4em 0 0}th,td>*:first-child{margin-top:0}th,td>*:last-child{margin-bottom:0}hr{margin:10vw 0;border:0;border-bottom:1px solid #ddd;mix-blend-mode:multiply}.pure-g>*[class^=pure-u]{box-sizing:border-box}@media screen and (width >= 768px){hr{margin:3em 0}.pure-img{backface-visibility:hidden}}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.125rem}h4,h5{font-size:1rem}html,button,input,select,textarea,.pure-g [class*=pure-u]{font-family:"Noto Sans JP","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;font-feature-settings:"palt"}h1,h2,h3,h4,h5{font-weight:600}h1,h2,h3,h4,h5,h6,p,small,dt,dd,li,caption,tbody,tfoot,thead,tr,th,td,figcaption,span{letter-spacing:.06em}p{font-size:.938rem}@media screen and (width >= 768px){h1{font-size:2.375rem}h2{font-size:2rem}h3{font-size:1.375rem}h4,h5{font-size:1.25rem}p{font-size:1rem}}.l-mv--update{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;background-image:url("../img/mv_bg.jpg");background-repeat:repeat;background-position:bottom;background-size:inherit}@media screen and (min-width: 48em){.l-mv--update{height:16em}}.l-mv--update::before,.l-mv--update::after{position:absolute;inset:0;z-index:-1;width:clamp(80px,21.3333333333vw,160px);height:clamp(110px,29.3333333333vw,220px);margin:auto;content:"";background-repeat:no-repeat;background-size:contain}.l-mv--update::after{top:auto;left:auto;background-image:url("../img/img_mv-right.png")}.l-mv--update>h1{margin:0;text-align:center}.mv__title{padding:10vw 5vw;margin:0 auto;background-image:none}@media screen and (min-width: 35.5em){.mv__title{max-width:80%;height:auto}}@media screen and (min-width: 48em){.mv__title{max-width:100%;padding:0}}.contents--annual-ud{box-sizing:content-box;max-width:80em}.contents__block--seminar{background-color:#ecf5fa;border-radius:.5rem}@media screen and (min-width: 48em){.contents__block--seminar{border-radius:1rem}}.l-seminar{margin-top:1em;margin-bottom:1em}@media screen and (min-width: 48em){.l-seminar{margin-bottom:0}}.l-seminar__item{height:100%;padding:1.5em;margin-top:2rem;margin-bottom:0;overflow:hidden;background-color:#fff;border-radius:.5em}@media screen and (min-width: 48em){.l-seminar__item{padding:2em 2.5em}}.l-seminar__item+.l-seminar__item{margin-top:1rem}.heading--seminar{padding:0 0 0 .875rem;font-size:1.25rem;font-weight:700;line-height:1.6;color:#00688d}.heading--seminar::after{position:absolute;inset:0 auto 0 0;width:4px;height:86%;margin:auto;content:"";background-color:#00688d;border-radius:3px}.seminar__heding{position:relative;position:center;padding:clamp(20px,5.3333333333vw,16px) clamp(40px,10.6666666667vw,24px) clamp(20px,5.3333333333vw,24px);margin:-2.5rem -1.25rem 2rem !important;font-family:fot-tsukuardgothic-std,"Noto Sans JP",sans-serif;font-size:clamp(20px,5.3333333333vw,28px);line-height:1.5;color:#fff;text-align:center;background-image:url("../img/SP_bg_onsemi.jpg");background-size:cover;border-radius:clamp(8px,2.1333333333vw,16px) clamp(8px,2.1333333333vw,16px) 0 0}@media screen and (min-width: 48em){.seminar__heding{margin:-3.75rem -3.75rem 2rem !important;background-image:url("../img/bg_onsemi.jpg")}}.seminar__heding::before{position:absolute;inset:-1rem -1rem auto auto;width:4rem;height:4rem;margin:auto;content:"";background-image:url("../img/icon_onsemi.png");background-size:cover}@media screen and (min-width: 48em){.seminar__heding::before{width:5rem;height:5rem}}.seminar__heding span{display:inline-block}.seminar__heding .seminar__subtitle{display:block;margin-bottom:.5em;font-size:.75rem}@media screen and (min-width: 48em){.seminar__heding .seminar__subtitle{margin-bottom:0;font-size:.875rem}}.button-seminar{flex-shrink:0;width:10em;height:2.5em;padding-right:.5em;padding-left:.5em;margin:0;font-size:.875rem;background-color:#f8692a}.button-disable{color:#888;pointer-events:none;background-color:#ccc}.seminar__user{position:relative;padding:0 1em .75em;margin:0;font-family:fot-tsukuardgothic-std,"Noto Sans JP",sans-serif;font-size:1.5rem;font-weight:700;line-height:1.4;color:#00688d;text-align:center}.seminar__user ::before,.seminar__user ::after{position:absolute;inset:auto 0 0;display:inline-block;width:calc(50% - 9px);margin:auto;content:"";border-bottom:solid 1px #ccc}.seminar__user ::before{right:0;left:auto}.seminar__user ::after{right:auto;left:0}.seminar__user>span{display:block;font-size:70%}.seminar__user>i::after{position:absolute;inset:auto 0 -7px;display:block;width:14px;height:14px;margin:auto;content:"";border-right:1px solid #ccc;border-bottom:1px solid #ccc;transform:rotate(45deg)}.seminar__user__sub{display:block;font-size:1rem}.l-seminar__schedule{padding:0;margin:0}.seminar__schedule{display:flex;gap:.5em;align-items:center;justify-content:space-between;padding:1em 0;font-weight:700;border-bottom:1px dashed #ccc}.seminar__schedule--text{text-align:left}.seminar__schedule--day{font-size:2rem;letter-spacing:-0.0075em}.seminar__schedule--youbi{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;padding:.35em;margin-left:.25em;font-size:.75rem;font-weight:300;line-height:1;color:#fff;vertical-align:5px;background-color:#138fcf;border-radius:100%}.seminar__schedule--time{display:inline-block;font-size:1rem;letter-spacing:-0.0075em}@media screen and (min-width: 48em){.seminar__schedule--time{margin-left:.5em}}.img-contact{width:160px;height:41px;margin:0 .2em;vertical-align:middle}*[class*=label-]{position:relative;padding:0;margin:0 0 0 .6em;font-size:.75rem !important;vertical-align:middle}*[class*=label-]::after{position:relative;inset:0;display:inline-flex;align-items:center;justify-content:center;height:1.8em;margin:auto;font-weight:300;color:#fff;white-space:nowrap;content:"";background:#f8692a;border-radius:2px}.label-new::after{width:5em;content:"NEW"}