@charset "UTF-8";/*!
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;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}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}button,input[type=date],input[type=mail],input[type=tel],input[type=text],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;color:#000}button:focus-visible,input[type=date]:focus-visible,input[type=mail]:focus-visible,input[type=tel]:focus-visible,input[type=text]:focus-visible,select:focus-visible,textarea:focus-visible{outline:initial;outline-color:#005fcc;outline-offset:1px;outline-style:auto;outline-width:1px}select::-ms-expand{display:none}li,ol,ul{list-style:none}html{overflow-y:scroll;font-size:100%}html.android a:hover,html.ipad a:hover,html.iphone a:hover,html.ipod a:hover{opacity:1!important}html.android a:hover img,html.ipad a:hover img,html.iphone a:hover img,html.ipod a:hover img{opacity:1!important}body{text-align:center;background:#fff;color:#000;font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;font-weight:400;font-feature-settings:"palt";-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:unset}@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}a{text-decoration:underline}img{vertical-align:bottom}body{margin:0;padding:0;background:url(/brand/suji/howto/img/bg.png) center top/22px auto repeat fixed #1f3c95}body.is-modal-open{overflow:hidden}html.is-modal-open{overflow:hidden}._pc{display:none!important}@media (min-width:769px){._pc{display:block!important}}._sp{display:block!important}@media (min-width:769px){._sp{display:none!important}}._notice li{padding-left:1em;text-indent:-1em;font-size:.6875rem;line-height:1.5;margin:0 0 .25em!important;text-align:left}@media (min-width:769px){._notice li{font-size:.75rem}}._notice span{background:linear-gradient(transparent 30%,#ff0 30%)}._red{color:#e30e0e}._mt0{margin-top:0!important}._mb0{margin-bottom:0!important}.link_list{margin:.4em 0;padding-left:1em;text-indent:-1em}.link_list a{color:#e30e0e}.link_list a i{padding-right:.2em}@media (min-width:769px){.link_list a:visited{color:#be1111}.link_list a:hover{opacity:1;color:#e27314;text-decoration:none}}a,a img{color:#00a0e9;text-decoration:underline;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}a:visited{color:#00a0e9}a:hover{opacity:.6;text-decoration:none}a:hover img{opacity:.8}a:active{opacity:.8}img{max-width:100%;width:100%;height:auto;font-size:0;vertical-align:bottom}.kv{border-bottom:solid 2px #e3ecec}@media (min-width:769px){.kv .kv__head{width:100%;background:#ff7300}.kv .kv__head .kv__head__txt{width:250px;margin:0 auto;padding:10px 0}.kv .kv__img{background:url(/brand/suji/howto/img/kv_bg_pc.png) center center/1200px auto no-repeat}.kv .kv__img .kv__img__logo{width:100%;max-width:900px;margin:0 auto;position:relative}}@media all and (min-width:1200px){.kv .kv__img{background-size:100%}}.contents .contents__box_wrap{padding:0 4%;margin-top:14vw}@media (min-width:769px){.contents .contents__box_wrap{padding:0;margin-top:120px}}.contents__box{background:#fff;position:relative;border-radius:10px;border:solid 3px #000;box-shadow:0 4px 0 #000;z-index:1;padding-bottom:5vw;box-sizing:border-box}@media (min-width:769px){.contents__box{border-radius:20px;width:calc(100% - 40px);max-width:900px;margin:0 auto;padding-bottom:50px;border-width:4px}}.contents__box.contents__box__top{margin-bottom:20px;box-sizing:border-box}@media (min-width:769px){.contents__box.contents__box__top{margin-bottom:40px}}.contents__box h2{width:calc(100% - 32px);margin:-10vw auto 0}@media (min-width:769px){.contents__box h2{width:674px;margin-top:-80px}}.contents__box .contents__box__img{margin:4vw auto 0;width:100%}@media (min-width:769px){.contents__box .contents__box__img{margin-top:20px;width:490px}}.contents__box .contents__box__img__mov{width:calc(100% - 100px);margin:4vw auto 0;background:#e3ecec;padding:20px 20px 14px;border-radius:10px}@media (min-width:769px){.contents__box .contents__box__img__mov{margin-top:20px;width:400px;border-radius:20px}}.contents__box .contents__box__img__mov .mov_list_img{border:solid 2px #000;box-shadow:0 2px 0 #000;border-radius:10px;overflow:hidden}@media (min-width:769px){.contents__box .contents__box__img__mov .mov_list_img{border-radius:20px;border-width:4px;box-shadow:0 4px 0 #000}}.contents__box .contents__box__img__mov p{margin-top:2vw;font-size:.625rem;line-height:1.4}@media (min-width:769px){.contents__box .contents__box__img__mov p{margin-top:14px;font-size:.75rem}}.contents__box .contents__box__kujilist{margin:4vw 18px 0;display:flex;align-items:flex-end;flex-wrap:wrap;gap:20px 10px}@media (min-width:769px){.contents__box .contents__box__kujilist{margin:50px 50px 0;gap:30px 15px}}.contents__box .contents__box__kujilist li{width:calc(50% - 5px)}@media (min-width:769px){.contents__box .contents__box__kujilist li{width:calc(33.3333333333% - 10px)}}.contents__box .contents__box__kujilist li p{font-size:.625rem;margin-top:4px}.contents__box .link_index{display:flex;justify-content:center;align-items:center;gap:6px;margin:4vw 20px 0}@media (min-width:769px){.contents__box .link_index{margin-top:20px;gap:12px}}.contents__box .link_index li{width:50%}@media (min-width:769px){.contents__box .link_index li{width:314px}}.contents__box .howto_box{width:calc(100% - 20px);margin:4vw auto 0}@media (min-width:769px){.contents__box .howto_box{width:calc(100% - 100px);margin-top:50px}}.contents__box .howto_box .howto_box_inner{padding:20px;border-radius:0 0 10px 10px;box-sizing:border-box;border-top:none;background:#c4ebcf}.contents__box .howto_box .howto_box_inner.howto_box_inner02{background:#fee7bf}@media (min-width:769px){.contents__box .howto_box .howto_box_inner{padding:40px 50px 50px;border-width:4px;border-radius:0 0 20px 20px}}.contents__box .howto_box .howto_box_inner .howto_box_mov{margin:4vw auto 0;display:flex;justify-content:center;gap:10px}@media (min-width:769px){.contents__box .howto_box .howto_box_inner .howto_box_mov{gap:20px;flex-wrap:wrap;margin-top:40px}}.contents__box .howto_box .howto_box_inner .howto_box_mov li{width:50%}@media (min-width:769px){.contents__box .howto_box .howto_box_inner .howto_box_mov li{width:auto}}.contents__box .howto_box .howto_box_inner .howto_box_mov li .contents__box__img__mov{margin-top:0;width:100%;height:100%;padding:10px;background:rgba(255,255,255,.6);box-sizing:border-box}@media (min-width:769px){.contents__box .howto_box .howto_box_inner .howto_box_mov li .contents__box__img__mov{padding:20px 20px 14px;width:320px}}.contents__box .howto_box .howto_box_inner .howto_box_mov li .contents__box__img__mov p{margin-top:2vw;font-size:.625rem;line-height:1.4;font-weight:400}@media (min-width:769px){.contents__box .howto_box .howto_box_inner .howto_box_mov li .contents__box__img__mov p{margin-top:14px;font-size:.75rem}}.contents__box .howto_box .howto_box_inner p{font-size:.9375rem;font-weight:900}@media (min-width:769px){.contents__box .howto_box .howto_box_inner p{font-size:1.5rem}}.contents__box .howto_box .howto_box_inner p._mt40{margin-top:4vw}@media (min-width:769px){.contents__box .howto_box .howto_box_inner p._mt40{margin-top:40px}}.contents__box .howto_box .howto_box_inner ol{margin-top:5vw}@media (min-width:769px){.contents__box .howto_box .howto_box_inner ol{margin-top:40px}}.contents__box .howto_box .howto_box_inner ol>li{padding-bottom:14px;background:#fff;border:solid 3px #000;border-radius:10px;overflow:hidden;box-sizing:border-box}.contents__box .howto_box .howto_box_inner ol>li:not(:first-of-type){margin-top:3vw}@media (min-width:769px){.contents__box .howto_box .howto_box_inner ol>li:not(:first-of-type){margin-top:30px}}@media (min-width:769px){.contents__box .howto_box .howto_box_inner ol>li{padding-bottom:30px;border-radius:20px;border-width:4px}}.contents__box .howto_box .howto_box_inner ol>li h4{background:#000;padding:10px 6px;color:#fff;font-size:.9375rem;line-height:1.6}@media (min-width:769px){.contents__box .howto_box .howto_box_inner ol>li h4{padding:14px 10px;font-size:1.25rem}}.contents__box .howto_box .howto_box_inner ol>li .howto_box_list{padding:14px 14px 0}@media (min-width:769px){.contents__box .howto_box .howto_box_inner ol>li .howto_box_list{display:flex;align-items:center;justify-content:space-between;padding:30px 30px 0}}.contents__box .howto_box .howto_box_inner ol>li .howto_box_list .howto_box_list_txt p{text-align:left;font-weight:400;font-size:.875rem;line-height:1.4}@media (min-width:769px){.contents__box .howto_box .howto_box_inner ol>li .howto_box_list .howto_box_list_txt p{font-size:.875rem;line-height:1.6}}.contents__box .howto_box .howto_box_inner ol>li .howto_box_list .howto_box_list_img{margin-top:12px;width:100%}@media (min-width:769px){.contents__box .howto_box .howto_box_inner ol>li .howto_box_list .howto_box_list_img{margin:0;width:300px;flex-shrink:0}}.contents__box .howto_box .howto_box_inner ol>li a{display:block;width:calc(100% - 20px);margin:20px auto 0}.contents__box .howto_box .howto_box_inner ol>li a:not(:first-of-type){margin-top:10px}@media (min-width:769px){.contents__box .howto_box .howto_box_inner ol>li a{width:calc(100% - 60px);margin-top:30px}}.contents__box .howto_box .howto_box_inner ol>li ._notice{width:calc(100% - 20px);margin:10px auto 0}@media (min-width:769px){.contents__box .howto_box .howto_box_inner ol>li ._notice{width:calc(100% - 60px)}}.share{margin-top:40px;padding:30px 20px 30px;background:#e3ecec}@media (min-width:769px){.share{padding:60px 20px 70px}}.share ul{display:flex;justify-content:center;align-items:center;gap:30px}@media (min-width:769px){.share ul{gap:60px}}.share ul li{width:40px}@media (min-width:769px){.share{margin-top:100px}}.footer{padding:15px;background:#000;color:#fff;text-align:center;width:100%;box-sizing:border-box;font-size:.625rem}@media (min-width:769px){.footer{padding:25px;font-size:.75rem}}#pagetop{position:fixed;right:3%;bottom:3%;text-align:center;line-height:1;font-size:1.25rem;z-index:99999}#pagetop a{text-decoration:none;text-align:center;display:block;color:#e30e0e;background:#fff;border-radius:1000px;padding:15px}@media (min-width:769px){#pagetop a{padding:20px}#pagetop a:hover{text-decoration:none}}@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0,100px)}to{transform:translate(0,0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0,100px);-moz-transform:translate(0,100px);-ms-transform:translate(0,100px);-o-transform:translate(0,100px);transform:translate(0,100px)}.modal-video-body{max-width:960px;width:100%;height:100%;margin:0 auto;padding:0 10px;display:flex;justify-content:center;box-sizing:border-box}.modal-video-inner{display:flex;justify-content:center;align-items:center;width:100%;height:100%}@media (orientation:landscape){.modal-video-inner{padding:10px 60px;box-sizing:border-box}}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-45px;right:0;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:0 0}@media (orientation:landscape){.modal-video-close-btn{top:0;right:-45px}}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:after,.modal-video-close-btn:before{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}