@media(min-width: 768px){body{min-width:1280px}}header{background-color:rgba(255,255,255,.95);box-shadow:0px 0px 4px 1px rgba(0,0,0,.2)}@media(min-width: 768px){header #header{max-width:1440px;margin-inline:auto}}div.snsbutton{padding:0;margin:0}div.snsbutton ul li{padding:0;margin:0;float:left;display:inline;vertical-align:bottom;width:110px}.twitbutton{width:110px !important}.clear{margin:0px;padding:0px;clear:both;font-size:0px;font-style:normal;line-height:0px;font-weight:normal;font-variant:normal}.sns{padding:5px 0 5px 0}.sns .facebook{float:left;margin-bottom:5px}.sns .titter{float:left;width:110px;margin-left:5px}@media only screen and (min-width: 768px){#wrapper .howto-2col{align-items:center}}#wrapper .feature-hdg2{z-index:-1}header #header{font-family:"Noto Sans JP","游ゴシック","Yu Gothic",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,Osaka,Sans-Serif}@media only screen and (min-width: 768px){.search_container{width:620px}}#header{width:100%;position:fixed;left:0;top:0;z-index:9998;font-family:"Noto Sans JP","游ゴシック","Yu Gothic",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,Osaka,Sans-Serif}#large-stock{width:100%;max-width:1200px;margin:20px auto 0}.search_container{position:relative;box-sizing:border-box;border:2px solid #3879d9;display:block;padding:3px 10px;border-radius:3px;height:2.3em;width:620px;overflow:hidden;margin-top:6px}.search_container input[type=text]{border:none;height:2em}.search_container input[type=text]:focus{outline:0}.search_container input[type=submit]{cursor:pointer;font-family:FontAwesome;border:none;background:#3879d9;color:#fff;position:absolute;width:3.5em;height:3em;right:0px;top:-5px;outline:none}@media only screen and (max-width: 767px){#header{height:138px}.sns{padding:0 !important}#large-stock{margin:140px auto 0}}.logo_komeri01{position:absolute}.totop{margin-top:10px;margin-right:4px}@media only screen and (max-width: 768px){.totop{margin-right:55px}}@media only screen and (max-width: 767px){#header-icon{display:none;width:50px}}#header-icon ul{float:left;margin-right:10px}#header-icon li{float:left}#header-icon li a{display:block;width:40px;height:50px;text-indent:-9999px;background-repeat:no-repeat;background-position:center center;background-size:24px 24px}#header-icon li.twitter a{background-image:url(/contents/howto/html_new/img/common/tw.png)}#header-icon li.youtube a{background-image:url(/contents/howto/html_new/img/common/yt.png)}#header-icon li.facebook a{background-image:url(/contents/howto/html_new/img/common/fb.png)}.top-icon{float:right;margin-top:10px;display:none}@media(min-width: 768px){.shopping-icon{grid-area:ec;width:fit-content;margin-inline-start:auto}}@media(max-width: 767px){.shopping-icon{position:absolute;top:0;right:0}}.shopping-icon a{display:block;height:48px;line-height:48px;background-color:#e00012;color:#fff;padding:0 20px;padding-left:64px;background-image:url(/contents/howto/html_new/img/common/shopping-icon.png);background-repeat:no-repeat;background-position:left 20px center;background-size:24px 24px}.top-icon a{display:block;height:48px;line-height:48px;background-color:#297bc4;color:#fff;padding:0 20px;padding-left:64px;background-image:url(/contents/howto/html_new/img/common/home.png);background-repeat:no-repeat;background-position:left 20px center;background-size:24px 24px}.corporate-icon{float:left}.corporate-icon a{display:block;height:50px;line-height:50px;background-color:#e00012;color:#fff;padding:0 20px;padding-left:64px;background-image:url(/contents/howto/html_new/img/common/corporate-icon.png);background-repeat:no-repeat;background-position:left 20px center;background-size:24px 24px}@media only screen and (max-width: 767px){.shopping-icon a{width:50px;padding:0;padding-left:0;background-position:center center;text-indent:-9999px}.top-icon{display:block}.top-icon a{width:50px;margin-right:1px;padding:0;padding-left:0;background-position:center center;text-indent:-9999px}.corporate-icon a{width:50px;padding:0;padding-left:0;background-position:center center;text-indent:-9999px}}#header-icon a{display:block;color:#fff}#header-icon a:hover{color:#fff}#header-icon a:link{color:#fff;text-decoration:none;font-weight:bold}#header-icon a:visited{color:#fff}.shopping-icon a:link{color:#fff;text-decoration:none;font-weight:bold}.top-icon a:link{color:#fff;text-decoration:none;font-weight:bold}#header-nav ul{margin:0 auto;overflow:hidden}#naviArea{display:none}@media only screen and (max-width: 767px){#naviArea{display:block}}#header-nav li{float:left}@media(min-width: 768px){#header-nav li a{height:36px;line-height:36px;display:block;text-align:center;font-size:14px;padding:5px 1.3em;background-repeat:no-repeat;background-position:left center}}#header-nav li:last-child a{background-position:left center,right center}#header-nav li a:link{color:#333;text-decoration:none;font-weight:bold}#header-nav li a:visited{color:#333}.floatR{float:right}.wide375{width:375px;margin-top:10px}.wide375s{display:none}.floatL{float:left}@media only screen and (max-width: 767px){.wide375{margin-top:20px}}@media only screen and (max-width: 650px){.wide375{display:none}.wide375s{display:block;margin-top:10px}}@media only screen and (max-width: 345px){.totop{margin-top:0}}.snsbotan{height:36px;line-height:36px;display:block;padding:5px 1.3em;background-repeat:no-repeat;background-position:left center}@media only screen and (max-width: 767px){.snsbotan{background-image:none}}header{position:sticky;top:0;left:0;z-index:9999}#header{width:100%;position:relative;left:0;top:0;z-index:9998}#header-icon{grid-area:search}@media(min-width: 768px){#header-icon{align-self:end}}#header::after{content:"";display:block;clear:both}.sns .facebook{float:left;margin-top:5px;margin-bottom:0px}#pageTop{position:fixed;bottom:0;right:0;z-index:9999;width:80px;height:80px}#pageTop img{width:100%;height:auto}@media only screen and (max-width: 768px){#pageTop{bottom:25px;right:15px;width:42px;height:42px}}html{scroll-behavior:smooth;scroll-padding-top:120px}@media(max-width: 767px){html{scroll-padding-top:68px}}@media(min-width: 768px){#header{height:102px}}@media(min-width: 768px){#header #header-nav{height:48px;overflow:hidden}}#footer{width:100%}#footer .inner{overflow:hidden}@media only screen and (max-width: 769px){#footer .inner{width:86%;margin:0 7%;padding:0 0 30px}}#footerNav{overflow:hidden;background-color:#fafafa;margin:30px auto}@media only screen and (max-width: 769px){#footerNav{background-color:#fff;margin:10px auto}}#footerNav .footerNavLeftBox{float:left;width:280px;margin:0}@media only screen and (max-width: 1024px){#footerNav .footerNavLeftBox{width:29%;margin-left:25px}}@media only screen and (max-width: 769px){#footerNav .footerNavLeftBox{float:none;width:100%;margin-left:initial}}#footerNav .footerNavRightBox{max-width:1200px;margin:auto}@media only screen and (max-width: 769px){#footerNav .footerNavRightBox{float:none;width:100%;display:none}}#footerNav .category{color:red;width:180px;font-size:16px;font-weight:bold;float:left;margin-bottom:14px;padding-bottom:30px}@media only screen and (max-width: 769px){#footerNav .category{width:100%;float:none}}#footerNav .category a:link{color:#297bc4;text-decoration:none}#footerNav .category a:visited{color:#297bc4;text-decoration:none}#footerNav .category a:hover{color:red}#footerNav .category a:active{color:red;text-decoration:none}@media only screen and (max-width: 769px){#footerNav ul{float:none;width:100%}}#footerNav dt{font-weight:bold;font-size:16px}#footerNav dd{display:inline-block;margin-right:1.6em;font-size:14px}#footerNav dd::before{content:"> ";color:#297bc4}#footerNav dd a:link{color:#333;text-decoration:none}#footerNav dd a:visited{color:#333;text-decoration:none}#footerNav dd a:hover{color:#333;text-decoration:underline}#footerNav dd a:active{color:#333;text-decoration:none}#footerNav .item{border-bottom:solid 1px #ccc;overflow:hidden;padding:20px 0}#footerNav .item:last-child{border-bottom:none}#footerNav .contactBtn{display:block;background-color:#0072b9;background-image:url(/contents/howto/html_new/img/common/mail-icon.png);background-repeat:no-repeat;background-size:24px;background-position:left 20px center;padding-left:56px;font-weight:normal;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;line-height:3.5em;width:220px}@media only screen and (max-width: 1024px){#footerNav .contactBtn{width:65%;font-size:70%}}@media only screen and (max-width: 769px){#footerNav .contactBtn{width:80%;padding:0 10%;text-align:center}}#footerNav .contactBtn:link{color:#fff;text-decoration:none}#footerNav .contactBtn:visited{color:#fff;text-decoration:none}#footerNav .contactBtn:hover{color:#fff;text-decoration:underline}#footerNav .contactBtn:active{color:#fff;text-decoration:none}#footerNav .address{font-size:13px;margin-top:10px;margin-bottom:30px}#footerNav .address span{font-size:20px;font-weight:bold}#footer-pagetop{clear:both;background-color:#297bc4;color:#fff;text-align:right}@media only screen and (max-width: 769px){#footer-pagetop{display:none}}#footer-pagetop .inner{padding:12px 0}@media only screen and (max-width: 1024px){#footer-pagetop .inner{padding:12px 15px 12px 0}}#footer-menu{clear:both;background-color:#e00012;color:#fff;border-bottom:solid 1px #fff}#footer-menu .inner{padding:10px 0}#footer-menu ul{overflow:hidden}@media only screen and (max-width: 1024px){#footer-menu ul{padding:0 30px;text-align:center}}@media only screen and (max-width: 767px){#footer-menu ul{text-align:center}}#footer-menu li{float:left;font-size:14px;padding:0px .9em;margin:4px 0;border-left:1px solid #fff;box-sizing:content-box;border-right:1px solid #fff;margin-right:-1px}@media only screen and (max-width: 1024px){#footer-menu li{padding:0px 1.3em;display:inline-block;float:none}}@media only screen and (max-width: 767px){#footer-menu li{font-size:12px;padding:0px 1.3em;display:inline-block;float:none}}@media only screen and (max-width: 375px){#footer-menu li{font-size:9px;padding:0px .5em}}#footer-menu a:link{color:#fff;text-decoration:none}#footer-menu a:visited{color:#fff;text-decoration:none}#footer-menu a:hover{color:#fff;text-decoration:underline}#footer-menu a:active{color:#fff;text-decoration:none}#copyright{background-color:#fff;background-position:center;border-top-width:1px;border-top-style:solid;display:block;border-top-color:#19499c;padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;font-size:small;clear:both;text-align:center}@media only screen and (max-width: 767px){#copyright{font-size:10px}}#contact{background:url(/contents/howto/html_new/img/common/bg_footer.jpg) no-repeat center;background-size:cover;padding:5px 0 10px 0;background-position:75%}#contact .footerNavLeftBox{width:280px}@media only screen and (max-width: 1024px){#contact .footerNavLeftBox{width:29%;margin-left:25px}}@media only screen and (max-width: 769px){#contact .footerNavLeftBox{float:none;width:100%;margin-left:initial}}#contact .contactBtn{display:block;background-color:#0072b9;background-image:url(/contents/howto/html_new/img/common/mail-icon.png);background-repeat:no-repeat;background-size:24px;background-position:left 20px center;padding-left:56px;font-weight:normal;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;line-height:3.5em;width:220px}@media only screen and (max-width: 1024px){#contact .contactBtn{_width:65%;font-size:70%}}@media only screen and (max-width: 760px){#contact .contactBtn{width:50%;padding:0 3% 0 12%;background-position:left 5% center;text-align:center}}#contact .contactBtn:link{color:#fff;text-decoration:none}#contact .contactBtn:visited{color:#fff;text-decoration:none}#contact .contactBtn:hover{color:#fff;text-decoration:underline}#contact .contactBtn:active{color:#fff;text-decoration:none}#contact .address{font-size:13px;margin-bottom:20px;color:#535353}#contact .address span{font-size:20px;font-weight:bold}#footer #contact .inner{padding:20px 0}@media only screen and (max-width: 1024px){#footer #contact .inner{max-width:100%;padding:100px 0 80px 20px}}.apbn{width:99%;margin:10px auto;max-width:1180px}@media only screen and (max-width: 769px){#footer #contact .inner{padding:20px 0}.apbn{width:90%;max-width:620px}}ul.terms{margin:10px 0;padding-block:.75rem;padding-inline:.5rem;text-align:left;list-style-type:none;list-style-position:inside;border:solid 1px #ccc;font-size:.8em;line-height:1.6;width:96%;margin:0 auto;max-width:1160px}ul.terms *+*{margin-block-start:.25rem}ul.terms li{float:none;display:block;text-indent:-1em;padding:0 0 0 1em}.foots{display:none}#naviArea{max-width:600px;margin:0 auto}#naviArea ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}#naviArea ul li{border:1px solid #297bc4;margin-top:-1px;margin-left:-1px;width:24%;text-align:center}.wmax600{max-width:1200px;display:flex;justify-content:space-between}.alignmC{margin:0 auto}.tohome{margin-bottom:50px;padding:0 10px}.blue{color:#2979c6}.tohome p{margin:0px;text-align:left;font-size:80%;display:block;padding:0 0 10px 0}.apbns{display:none}.wmax600 a{text-decoration:none;color:#83838f}@media only screen and (max-width: 767px){.wmax600{flex-direction:column}.tohome p{padding-left:25px}ul.terms{max-width:600px;margin:0 auto 10px;width:90%}.foots{display:block}.wmax600{max-width:600px}.tohome{margin-bottom:0}}@media only screen and (max-width: 600px){.apbnp{display:none}.apbns{display:block}.apbn{width:94%}}footer{border-top:1px solid #297bc4;padding-block:.75rem}@media(max-width: 767px){footer{padding-inline:1rem}}footer .l-footer__bnr{display:block;max-width:1160px;margin-inline:auto;margin-block:1rem .5rem}footer .l-footer__bnr img{width:100%;height:auto}footer ul.terms{box-sizing:border-box;width:100%;margin-block-start:.75rem}footer #footerNav{background-color:#f1f1f1}footer #footerNav .category a{color:#333}footer #footerNav .category a:visited{color:#333}@media(min-width: 768px){#header #header-logo{padding-inline-start:1.25rem}}@media(max-width: 767px){#header #header-logo{display:flex;align-items:center;height:48px}}@media(max-width: 767px){#header #header-logo img{width:calc(100% - 96px - 34px);height:auto;padding-inline-start:1rem}}@media(max-width: 767px){#header #header-nav{margin:0;float:revert}}@media(max-width: 767px){#header #header-nav ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background-color:#a67c52;gap:1px;padding-block:1px}}@media(max-width: 767px){#header #header-nav ul li{float:revert;background-color:#fff}}@media(max-width: 767px){#header #header-nav ul li a{display:flex;justify-content:center;align-items:center;height:40px;font-size:clamp(.563rem,-0.563rem + 5vw,.75rem);color:#a67c52;font-weight:600;text-align:center;line-height:1.2}}@media(max-width: 767px){#header #header-nav ul li:last-child{display:none}}@media(max-width: 767px){#header .shopping-icon,#header .top-icon{margin-top:0}}@media(min-width: 768px){.u-desctop-hidden{display:none}}@media(max-width: 767px){header #header{height:48px}}@media(max-width: 767px){header #header #header-nav{position:fixed;top:48px;width:100%;z-index:2;transition:.85s}}@media(max-width: 767px){header #header #header-nav.hide{transform:translateY(-60px);z-index:-1;pointer-events:none;opacity:0}}html:has(dialog[open]){overflow:hidden}@media(min-width: 768px){#header{display:grid;grid:"logo search ec" 54px "nav nav nav" auto/400px 1fr 1fr;gap:0 1.5rem}}@media(min-width: 768px){#header #header-logo{grid-area:logo;align-self:end}}@media(min-width: 768px){#header #header-logo img{width:376px;height:auto}}@media(min-width: 768px){#header #header-icon{align-self:end}}#header #header-icon #header-search{width:480px;height:44px}#header #header-icon #header-search *{box-sizing:border-box}#header #header-icon #header-search form{display:grid;grid-template-columns:1fr 42px;height:100%;border:1px solid #979797;border-radius:4px}#header #header-icon #header-search input:is([type=text]){padding:0;outline:none;background:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,0);height:100%;cursor:pointer;border-radius:4px 0 0 4px}#header #header-icon #header-search button{padding:0;outline:none;background:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,0);height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#979797;width:42px;height:42px;border-radius:0 2px 2px 0}#header #header-icon #header-search button img{width:20px;height:auto}#header #header-icon #header-search input[type=text]{background-color:#fff;color:#333;padding-inline:1rem}#header #header-icon #header-search input[type=text]:focus{background-color:#eff7ff}#header #header-nav{grid-area:nav;align-self:center}@media(any-hover: hover)and (min-width: 768px){#header #header-nav li a:hover{text-decoration:underline;text-underline-offset:.35em;opacity:.85;transition:.4s}}#header .top-icon{position:absolute;top:0;right:49px}#header .top-icon button{padding:0;outline:none;background:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,0);height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#979797;width:48px;height:48px}#header .top-icon button img{width:20px;height:auto}#header :where(dialog){inline-size:unset;max-inline-size:unset;block-size:unset;max-block-size:unset;padding:unset;margin:unset;color:unset;background-color:unset;border:unset;overflow:unset}#header dialog{--gutter: max(5vmin, 24px);border:0;position:fixed;margin:auto;border-radius:12px;background-color:#fff;box-shadow:0 0 14px 0 rgba(15,17,17,.5);inline-size:min(100% - var(--gutter)*2,1080px);block-size:40dvh;transition:opacity .2s ease-out,transform .2s ease-out;border-radius:12px}@media(max-width: 767px){#header dialog{position:fixed;inline-size:100vw;block-size:100dvh;border-radius:16px 16px 0 0;top:90dvh;translate:0 100%}}#header dialog .modal-dialog__close{padding:0;outline:none;background:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:100%;cursor:pointer;position:absolute;top:20px;right:16px;width:24px;height:24px}#header dialog .modal-dialog__close::before{content:"";display:block;position:absolute;width:24px;height:1px;transform:translateY(0) rotate(-45deg);background-color:#333;transition:.1s;border-radius:2px}#header dialog .modal-dialog__close::after{content:"";display:block;position:absolute;left:0;width:24px;height:1px;background-color:#333;transition:.1s;border-radius:4px;transform:translateY(0px) rotate(45deg)}#header dialog .modal-dialog-container{position:relative;margin-block-start:3.5rem;padding-inline:1.5rem}#header dialog .modal-dialog-container h2,#header dialog .modal-dialog-container p{font-weight:bold}#header dialog .modal-dialog-search{width:100%;margin-block-start:.75rem;height:44px}#header dialog .modal-dialog-search *{box-sizing:border-box}#header dialog .modal-dialog-search form{display:grid;grid-template-columns:1fr 42px;height:100%;border:1px solid #979797;border-radius:4px}#header dialog .modal-dialog-search input:is([type=text]){padding:0;outline:none;background:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,0);height:100%;cursor:pointer;font-size:16px}#header dialog .modal-dialog-search button{padding:0;outline:none;background:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,0);height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#979797;width:42px;height:42px;border-radius:0 2px 2px 0}#header dialog .modal-dialog-search button img{width:20px;height:auto}#header dialog .modal-dialog-search input[type=text]{background-color:#fff;color:#333;padding-inline:1rem;border-radius:4px 0 0 4px}#header dialog .modal-dialog-search input[type=text]:focus{border:1px solid #333}@media(max-width: 767px){#header dialog[open]{translate:0;transition:.3s cubic-bezier(0.33, 1, 0.68, 1)}@starting-style{#header dialog[open]{visibility:hidden;translate:0 100%}}}@media(max-width: 767px)and (max-width: 767px){#header dialog[open].hide-to{animation-name:modalOut;animation-duration:.3s;animation-fill-mode:fowards;animation-timing-function:ease-out}}@media(max-width: 767px)and (min-width: 768px){#header dialog[open].hide-to{animation-name:modalOutMd;animation-duration:.2s;animation-fill-mode:fowards;animation-timing-function:ease-out}}@media(max-width: 767px){#header dialog[open].hide-to::backdrop{opacity:0}}#header dialog[open]::backdrop{background-color:rgba(0,0,0,.5);backdrop-filter:blur(2px)}@keyframes modalOut{0%{transform:translateY(0);opacity:1}100%{transform:translateY(100%);opacity:0}}@keyframes modalOutMd{0%{transform:translateY(0);opacity:1}100%{transform:translateY(8px);opacity:0}}body{font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:100%;color:#333;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}html{scroll-behavior:smooth;scroll-padding-top:120px}@media(max-width: 767px){html{scroll-padding-top:68px}}@media(max-width: 767px){#wrap{margin-block-start:88px}}.maindesign *,.maindesign *:before,.maindesign *:after{box-sizing:border-box;min-height:0%;color:#333}.maindesign a{text-decoration:none;color:#333}#main{width:1200px;margin-left:auto;margin-right:auto;margin-bottom:100px !important}@media screen and (max-width: 767px){#main{width:100%;margin-bottom:50px !important}}header{position:sticky;top:0;left:0;z-index:9999}.sns .facebook{float:left;margin-top:5px;margin-bottom:0px}#pageTop{position:fixed;bottom:0;right:0;z-index:9999;width:80px;height:80px}#pageTop img{width:100%;height:auto}@media only screen and (max-width: 768px){.top-icon{right:51px;position:absolute}#pageTop{bottom:25px;right:15px;width:42px;height:42px}}.maindesign .u-mt-leave{margin-top:50px}.maindesign .u-mt-moderate{margin-top:30px}.maindesign .u-mt-close{margin-top:15px}.maindesign .u-mt-thin{margin-top:10px}@media screen and (max-width: 767px){.maindesign .u-mt-leave{margin-top:30px}.maindesign .u-mt-close{margin-top:10px}.maindesign .u-one-side{margin-right:16px;margin-left:16px}}.maindesign .c-feature-hdg2{position:relative;padding-bottom:1.25rem;border-bottom:3px solid #b6b6b6;font-size:1.75rem;font-family:"Noto Sans JP",sans-serif;margin-top:calc(80px - .6rem);margin-bottom:calc(40px - .75rem);padding-top:15px}.maindesign .c-feature-hdg2::after{position:absolute;content:" ";border-bottom:solid 3px #e5002d;bottom:-3px;width:8%;display:block}@media screen and (max-width: 767px){.maindesign .c-feature-hdg2{font-size:1.5rem;margin-block:2.5rem 1rem;line-height:1.2;padding-bottom:.75rem}}.maindesign .u-pc-only{display:block}.maindesign .u-sp-only{display:none}@media screen and (max-width: 767px){.maindesign .u-pc-only{display:none}.maindesign .u-sp-only{display:block}}.maindesign img{width:100%;height:auto;display:block}.maindesign .c-lead-text{font-size:1.1rem;line-height:1.5}@media screen and (max-width: 767px){.maindesign .c-lead-text{font-size:.95rem}}.maindesign .p-toc-title{height:300px;overflow:hidden;position:relative}@media(max-width: 767px){.maindesign .p-toc-title{height:50dvh}}.maindesign .p-toc-title::after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:"";background-color:rgba(0,0,0,.35);z-index:-1}.maindesign .p-toc-title img{position:absolute;top:0;left:0;z-index:-1}.maindesign .p-toc-title hgroup{position:absolute;margin:auto;inset:0;width:fit-content;height:fit-content}@media(max-width: 767px){.maindesign .p-toc-title hgroup{padding-inline:1.25rem}}.maindesign .p-toc-title hgroup .p-heading,.maindesign .p-toc-title hgroup .p-desciption{color:#fff;text-shadow:0px 0px 6px rgba(0,0,0,.5);font-family:"Noto Sans JP",sans-serif;letter-spacing:.175em}@media(max-width: 767px){.maindesign .p-toc-title hgroup .p-desciption{letter-spacing:initial}}.maindesign .p-toc-title img{object-fit:cover;object-position:center;width:100%;height:100%}.maindesign .p-heading{font-size:3rem;font-weight:bold;text-align:center}.maindesign .p-desciption{text-align:center;line-height:1.7;font-size:1.35rem;margin-top:15px;text-align:center}@media screen and (max-width: 767px){.maindesign .p-heading{font-size:9.5vw}.maindesign .p-desciption{font-size:4.25vw;text-align:left}}.maindesign .l-nav-list{display:flex;justify-content:space-between;flex-wrap:wrap}.maindesign .l-nav-list .l-nav-list--btn:nth-child(n+5){margin-top:15px}.maindesign .l-nav-list--btn{position:relative;border:1px solid #b6b6b6;width:24%;font-size:1em;font-feature-settings:"palt";line-height:1.3;text-align:center;border-radius:40px;color:#333;cursor:pointer}.maindesign .l-nav-list--btn::after{content:"";position:absolute;top:50%;right:15px;border-top:2px solid #b6b6b6;border-right:2px solid #b6b6b6;width:8px;height:8px;transform:translateY(-50%) rotate(135deg)}.maindesign .l-nav-list--btn:hover{border-color:#e5002d;opacity:.75;transition:.6s}.maindesign .l-nav-list--inner{display:flex !important;opacity:1;width:100%;height:100%;align-items:center;justify-content:center;padding:.35rem 1.75rem .35rem 1.5rem;min-height:3em}.maindesign .l-nav-list::before,.maindesign .l-nav-list::after{content:"";width:24%;height:0;display:block}.maindesign .l-nav-list::before{order:1}@media screen and (max-width: 767px){.maindesign .l-nav-list--btn{width:49%}.maindesign .l-nav-list::before,.maindesign .l-nav-list::after{width:49%}.maindesign .l-nav-list .l-nav-list--btn:nth-child(n+3){margin-top:15px}.maindesign .l-nav-list--inner{font-size:3.75vw}}.maindesign h3.c-checkPoint{position:relative;font-size:1.25rem;font-weight:bold;margin-bottom:20px;padding:0 0 10px 0;text-align:left;border-bottom:#aaa 2px solid;display:flex;align-items:center;line-height:1.15}.maindesign h3.c-checkPoint span{font-size:1.5rem}.maindesign h3.c-checkPoint .st0{fill:#aaa}.maindesign h3.c-checkPoint .st1{fill:none;stroke:#fff;stroke-width:3;stroke-miterlimit:10}.maindesign h3.c-checkPoint span{width:calc(100% - 60px);margin-left:20px}@media screen and (max-width: 767px){.maindesign h3.c-checkPoint{font-size:1.15rem;margin-block-end:1rem}.maindesign h3.c-checkPoint span{font-size:1.35rem}}.maindesign .p-section-column{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}@media(max-width: 767px){.maindesign .p-section-column{grid-template-columns:1fr;gap:0}}.maindesign .p-section-column::after{content:"";display:block;height:0;width:46%}.maindesign .p-section-column .p-section-column--item:nth-child(n+3){margin-top:2rem}@media screen and (max-width: 767px){.maindesign .p-section-column--item{width:100%}.maindesign .p-section-column .p-section-column--item:nth-child(n+2){margin-top:1rem}.maindesign .p-section-column .p-section-column--item:nth-child(n+2):has(h3){margin-block-start:2rem}}.maindesign .p-toc-list .p-toc-list--item:not(:first-child){margin-block-start:24px}@media(max-width: 767px){.maindesign .p-toc-list .p-toc-list--item:not(:first-child){margin-block-start:1rem}}.maindesign .p-toc-list--item{position:relative;font-size:1.35rem;font-weight:bold;width:100%}.maindesign .p-toc-list--item a{display:block;box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px;padding:1.25rem;border-radius:8px}@media(max-width: 767px){.maindesign .p-toc-list--item a{padding-block:.5rem;padding-inline-start:.5rem;padding-inline-end:.75rem}}@media(any-hover: hover){.maindesign .p-toc-list--item a:hover{box-shadow:rgba(17,17,26,.05) 0px 4px 16px,rgba(17,17,26,.05) 0px 8px 32px;transition:.25s;opacity:.75}}.maindesign .p-toc--inner{display:grid;grid:"img ttl" auto/120px 1fr;gap:16px;align-items:center}@media(max-width: 767px){.maindesign .p-toc--inner{grid:"img ttl" auto/96px 1fr;gap:8px}}.maindesign .p-toc--inner:not(:has(.p-toc--thumbnail)){grid:"ttl" auto/1fr}.maindesign .p-toc--thumbnail{width:120px;grid-area:img}.maindesign .p-toc--thumbnail img{border-radius:4px}.maindesign .p-toc--ttl{display:flex;font-feature-settings:"palt";letter-spacing:.022em;line-height:1.35;grid-area:ttl}@media screen and (max-width: 767px){.maindesign .p-toc-list--item{width:100%;margin-left:auto;margin-right:auto;font-size:clamp(1rem,.761rem + 1.02vw,1.25rem)}.maindesign .p-toc--thumbnail{width:96px}.maindesign .p-toc--ttl{line-height:1.25}.maindesign .p-toc--inner::after{font-size:.85rem}}.maindesign .c-breadcrumb *{box-sizing:border-box}.maindesign .c-breadcrumb{margin-block:.5rem}@media(min-width: 768px){.maindesign .c-breadcrumb{max-width:1440px;margin-inline:auto;padding-inline:1.25rem}}@media screen and (max-width: 767px){.maindesign .c-breadcrumb{margin-inline:.5rem}}.maindesign .c-breadcrumb li{display:inline;color:#83838f;font-size:14px;position:relative}.maindesign .c-breadcrumb a{display:inline;text-decoration:none}.maindesign .c-breadcrumb a span{color:#83838f}.maindesign .c-breadcrumb li:not(:first-child) a::before{content:"＞";display:inline-block;margin-inline:.5em;font-size:11px;position:relative;top:-1px;color:#83838f}.maindesign .p-section-column.--navi-movie .p-toc--thumbnail,.maindesign .p-toc-list--item.--navi-movie .p-toc--thumbnail{position:relative}.maindesign .p-section-column.--navi-movie .p-toc--thumbnail::after,.maindesign .p-toc-list--item.--navi-movie .p-toc--thumbnail::after{content:"";background-image:url("/contents/howto/image/movie_icon.png");background-position:center;background-size:contain;width:40px;height:40px;display:block;position:absolute;inset:0;margin:auto}@media(min-width: 768px){.maindesign .p-toc-list.--50on{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}}@media(min-width: 768px){.maindesign .p-toc-list.--50on .p-toc-list--item{margin:0}}/*# sourceMappingURL=category_toc.css.map */