*,*::before,*::after{margin:0;padding:0;list-style:none;word-wrap:break-word;box-sizing:border-box;-webkit-box-sizing:border-box;}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{vertical-align:baseline;background-color:transparent;border:none;}main,section{overflow-x:hidden;}input,button,textarea,select{background:none;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;outline:none;}a:link,a:visited,a:active{color:inherit;text-decoration:none;outline:none;}button,input[type="submit"]{user-select:none;}abbr[title]{border-bottom-width:0;text-decoration:none;}img{margin:0;padding:0;vertical-align:bottom;flex-shrink:0;}address{font-style:normal;}html{font-size:14px;font-size:clamp(12px,3vw,14px);}@media screen and (max-width:960px){html{font-size:13px;}}@media screen and (max-width:560px){html{font-size:12px;}}body{color:#333;max-width:4000px;line-height:200%;background-color:#fff;margin-left:auto;margin-right:auto;font-family:"メイリオ","Meiryo","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","Hiragino Sans W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}select,button,input[type="submit"]{cursor:pointer;}.animation,a,a *,a *:before,a *:after,input,select,textarea,button,a img,label{-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;}table{table-layout:fixed;border-collapse:collapse;}th{text-align:left;}a[href^="tel:"]{pointer-events:none;}#siteWrapper{min-height:100vh;}#siteContents{flex:1;overflow-x:hidden;}.inner{width:94%;margin-right:auto;margin-left:auto;}.innerLL{max-width:2560px;}.innerL{max-width:1800px;}.innerM{max-width:1200px;}.innerS{max-width:960px;}.innerSS{max-width:640px;}html[theme='dark-mode']{filter:invert(1) hue-rotate(180deg);}html[theme='dark-mode'] img{filter:invert(1) hue-rotate(180deg);}html{transition:color 300ms,background-color 300ms;}.width100P{width:100%;height:auto;}.widthAuto{width:auto;}.height100P{width:auto;height:100%;}.heightAuto{height:auto;}.flex{display:flex;display:-webkit-flex;}.flexBetween{justify-content:space-between;-webkit-justify-content:space-between;}.flexTop{-webkit-align-items:flex-start;align-items:flex-start;}.flexBottom{-webkit-align-items:flex-end;align-items:flex-end;}.flexWrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;}.flexEnd{align-items:end;-webkit-align-items:end;}.flexRow{-webkit-flex-direction:row;flex-direction:row;}.flexRowReverse{-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}.flexCenterColumn{align-items:center;-webkit-align-items:center;}.flexCenterLine{justify-content:center;-webkit-justify-content:center;}.flexStartWrap{justify-content:flex-start;-webkit-justify-content:flex-start;flex-wrap:wrap;-webkit-flex-wrap:wrap;}.flexEndWrap{justify-content:flex-end;-webkit-justify-content:flex-end;flex-wrap:wrap;-webkit-flex-wrap:wrap;}.flexColumn{flex-direction:column;-webkit-flex-direction:column;align-items:flex-start;-webkit-align-items:flex-start;}.flexColumnReverse{flex-direction:column-reverse;-webkit-flex-direction:column-reverse;align-items:flex-start;-webkit-align-items:flex-start;}.flexCenterCenter{align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;}.displayInline{display:inline;}.displayBlock{display:block;}.displayIB{display:inline-block;}.displayNone{display:none;}.displayFlex{display:flex;display:-webkit-flex;}@media screen and (max-width:1760px){body .display1760{display:inline;}body .displayBlock1760{display:block;}body .displayIB1760{display:inline-block;}body .displayNone1760{display:none;}body .displayFlex1760{display:flex;display:-webkit-flex;}}@media screen and (max-width:1600px){body .display1600{display:inline;}body .displayBlock1600{display:block;}body .displayIB1600{display:inline-block;}body .displayNone1600{display:none;}body .displayFlex1600{display:flex;display:-webkit-flex;}}@media screen and (max-width:1440px){body .display1440{display:inline;}body .displayBlock1440{display:block;}body .displayIB1440{display:inline-block;}body .displayNone1440{display:none;}body .displayFlex1440{display:flex;display:-webkit-flex;}}@media screen and (max-width:1280px){body .display1280{display:inline;}body .displayBlock1280{display:block;}body .displayIB1280{display:inline-block;}body .displayNone1280{display:none;}body .displayFlex1280{display:flex;display:-webkit-flex;}}@media screen and (max-width:1120px){body .display1120{display:inline;}body .displayBlock1120{display:block;}body .displayIB1120{display:inline-block;}body .displayNone1120{display:none;}body .displayFlex1120{display:flex;display:-webkit-flex;}}@media screen and (max-width:960px){body .display960{display:inline;}body .displayBlock960{display:block;}body .displayIB960{display:inline-block;}body .displayNone960{display:none;}body .displayFlex960{display:flex;display:-webkit-flex;}}@media screen and (max-width:800px){body .display800{display:inline;}body .displayBlock800{display:block;}body .displayIB800{display:inline-block;}body .displayNone800{display:none;}body .displayFlex800{display:flex;display:-webkit-flex;}}@media screen and (max-width:640px){body .display640{display:inline;}body .displayBlock640{display:block;}body .displayIB640{display:inline-block;}body .displayNone640{display:none;}body .displayFlex640{display:flex;display:-webkit-flex;}}@media screen and (max-width:560px){body .display560{display:inline;}body .displayBlock560{display:block;}body .displayIB560{display:inline-block;}body .displayNone560{display:none;}body .displayFlex560{display:flex;display:-webkit-flex;}}@media screen and (max-width:480px){body .display480{display:inline;}body .displayBlock480{display:block;}body .displayIB480{display:inline-block;}body .displayNone480{display:none;}body .displayFlex480{display:flex;display:-webkit-flex;}}@media screen and (max-width:400px){body .display400{display:inline;}body .displayBlock400{display:block;}body .displayIB400{display:inline-block;}body .displayNone400{display:none;}body .displayFlex400{display:flex;display:-webkit-flex;}}.colWrap{margin-left:-1.25%;margin-right:-1.25%;width:calc(100% + 2.5%);}.col1,.col2to1,.col2to2,.col3to1,.col3to2,.col4to1,.col4to2,.col5to1,.col5to2,.col6to1,.col6to2{margin-left:1.25%;margin-right:1.25%;}.col1{width:calc(100% / 1 - 2.5%);}.col2to1,.col2to2{width:calc(100% / 2 - 2.5%);}.col3to1,.col3to2{width:calc(100% / 3 - 2.5%);}.col4to1,.col4to2{width:calc(100% / 4 - 2.5%);}.col5to1,.col5to2{width:calc(100% / 5 - 2.5%);}.col6to1,.col6to2{width:calc(100% / 6 - 2.5%);}@media screen and (max-width:960px){.col2to1{width:calc(100% / 1 - 2.5%);}.col3to1,.col3to2{width:calc(100% / 2 - 2.5%);}.col4to1,.col4to2{width:calc(100% / 3 - 2.5%);}.col5to1,.col5to2{width:calc(100% / 4 - 2.5%);}.col6to1,.col6to2{width:calc(100% / 5 - 2.5%);}}@media screen and (max-width:800px){.col3to1{width:calc(100% / 1 - 2.5%);}.col4to1,.col4to2{width:calc(100% / 2 - 2.5%);}.col5to1,.col5to2{width:calc(100% / 3 - 2.5%);}.col6to1,.col6to2{width:calc(100% / 4 - 2.5%);}}@media screen and (max-width:640px){.col4to1{width:calc(100% / 1 - 2.5%);}.col5to1,.col5to2{width:calc(100% / 2 - 2.5%);}.col6to1,.col6to2{width:calc(100% / 3 - 2.5%);}}@media screen and (max-width:560px){.col5to1{width:calc(100% / 1 - 2.5%);}.col6to1,.col6to2{width:calc(100% / 2 - 2.5%);}}@media screen and (max-width:480px){.col6to1{width:calc(100% / 1 - 2.5%);}}.fontWeightBold{font-weight:bold;}.fontWeightNormal{font-weight:normal;}.textalignCenter{text-align:center;}.textalignRight{text-align:right;}.textalignLeft{text-align:left;}.cursorPointer{cursor:pointer;}.cursorDefault{cursor:default;}.textEllipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}a.urlLink:link,a.urlLink:visited,a.urlLink:active{color:#0073aa;}a.whLink:link,a.whLink:visited,a.whLink:active{color:#fff;}.text1Line{display:table;margin-right:auto;margin-left:auto;text-align:left;line-height:125%;}.fadeIn,.fadeInUp,.fadeInDown,.fadeInRight,.fadeInLeft{-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s;visibility:visible !important;}.fadeIn{-webkit-animation-duration:0.5s;-ms-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-name:fadeIn;animation-name:fadeIn;}@-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);}100%{opacity:1;-webkit-transform:translateX(0);}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);}100%{opacity:1;-webkit-transform:translateX(0);}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}#header{width:100%;}.headerLeft{width:320px;height:160px;background:#112951;color:#fff;}.headerLogoWrap{margin-bottom:16px;}.autoFillLogoSvg{width:160px;height:25px;margin:0 auto;display:table;}.siteTitleHeading{font-size:1rem;display:block;width:200px;text-align:center;margin:0 auto;border-top:2px solid #fff;border-bottom:2px solid #fff;padding:4px 0;}.headerRight{width:calc(100% - 320px);text-align:right;padding:8px 16px 0 0;color:rgba(0,0,0,0.6);}.CopyrightBox{margin:0 0 0 auto;display:table;}.langNav{margin:0 0 0 auto;display:table;}.langNavLi:not(:last-of-type){margin-right:8px;}.langNavLink{font-size:0.8rem;background:rgba(0,0,0,0.05);padding:4px 12px 4px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;user-select:none;}.langNavLink:hover{background:rgba(0,0,0,0.6);color:#fff;}.mainContents{width:calc(100% - 320px);padding:0 4% 40px;}h2.sectionInnerHeading{font-size:1.2rem;}h3.sectionInnerHeading,h4.sectionInnerHeading,h5.sectionInnerHeading,h6.sectionInnerHeading{font-size:1rem;}.settingItemWrapContainer .sectionInnerHeading{margin-bottom:16px;background:rgba(0,0,0,0.05);padding:4px 8px;border-radius:3px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:3px;font-weight:normal;border-left:6px solid #112951;}.settingItemWrapContainer .sectionInnerHeading:not(:first-of-type){margin-top:40px;}#beforeCodeHeading,#afterCodeHeading{margin-bottom:8px;}.sourceCodeTextarea{border:1px solid rgba(0,0,0,0.3);width:100%;height:50vh;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:8px;}.sourceCodeTextarea:hover,.sourceCodeTextarea:focus{border-color:#333;}#sourceCodeAfter{height:5vh;}#actionButtonSection{padding:40px 0 48px;}.clearButtonWrap{height:104px;padding:24px 24px 0;}#actionButton.basicButton,#copyButton.basicButton,#clearButton.basicButton,#contactFormButton.basicButton{color:#112951;width:100%;font-weight:bold;font-size:1rem;padding:8px 0;border-radius:9999px;-webkit-border-radius:9999px;-moz-border-radius:9999px;border:2px solid#112951;letter-spacing:0.125rem;}#actionButton.basicButton,#copyButton.basicButton{max-width:272px;margin:0 8px;}#actionButton.basicButton:hover,#copyButton.basicButton:hover,#clearButton.basicButton:hover,#contactFormButton.basicButton:hover,.contactFormCloseButton:hover{background:#112951;color:#fff;}.sidebar{width:320px;background:#eee;}.sidebarFormWrap{padding:0 24px;height:calc(100vh - 160px - 104px - 104px);overflow-y:scroll;}.sidebarTabButtonListWrap{margin:0 24px;height:104px;padding-top:40px;}.sidebarTabButtonList{width:calc(96% / 3);text-align:center;}.sidebarTabButton{font-size:1rem;background:rgba(0,0,0,0.05);width:100%;padding:8px 0 4px;border-radius:3px;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:3px;border-bottom:6px solid rgba(0,0,0,0.05);}.sidebarTabButton:hover{border-bottom-color:rgba(0,0,0,0.6);}.sidebarTabButton.active{border-bottom-color:#112951;}.sidebarSettingsSection{display:none;}.sidebarSettingsSection.activeContents{display:block;}.sidebarSectionDesc{margin-bottom:24px;}.settingItemWrapContainer{margin-bottom:24px;}.settingItemWrap:not(:last-of-type){margin-bottom:16px;}#underscoreNumberSettingItemWrap,#hyphenNumberSettingItemWrap{display:none;}.selectLabel{display:block;}.checkboxLabel{vertical-align:text-bottom;cursor:pointer;}.checkboxLabel:hover{color:#000;}.selectBox{background:#fff;width:100%;font-size:1rem;padding:6px 4px;}.selectBox,.inputText,.andInputText,.tagInputText,.textArea{border:1px solid #fff;}.selectBox:hover,.inputText:hover,.andInputText:hover,.tagInputText:hover,.textArea:hover{border-color:rgba(0,0,0,0.3);}.inputText,.andInputText,.tagInputText,.textArea{background:#fff;width:100%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:6px 8px;font-size:1.2rem;}.inputText::placeholder,.textArea::placeholder{font-size:1rem;}.inputCheckbox{height:16px;width:16px;cursor:pointer;}#settingsForm .inputCheckbox{margin-right:8px;margin-top:5px;}#settingsForm .checkboxLabel{width:calc(100% - 24px);}.tagInputLabel{display:block;}.contactFormWrap{position:fixed;right:-64px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);z-index:25;border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;background:#eee;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;}.contactFormWrap:hover{right:0;}.contactFormWrap.active{background:#eee;right:0;width:100%;max-width:560px;padding:64px 0;border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;}.contactFormWrap.none{right:-120px;}.contactFormIcon{padding:8px;}.contactFormWrap.active .contactFormIcon{padding:0;margin:0 auto 32px;cursor:default;}.contactForm,#resultArea{margin:0 48px;}.contactFormLabel{display:block;}.contactEmail,.contactTitleSelect{margin-bottom:16px;}.contactComment{height:15vh;margin-bottom:24px;font-family:"メイリオ","Meiryo","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","Hiragino Sans W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}#contactFormButton.basicButton{max-width:272px;margin:0 auto;display:table;}#contactFormButton[type="button"]{cursor:not-allowed;}.contactFormIconText{font-weight:bold;color:#112951;margin-left:8px;font-size:0.8rem;width:56px;}.contactFormWrap.active .contactFormIconText{font-size:1rem;width:auto;}.mailSvg{width:24px;height:18px;}.backgroundWhite{position:fixed;background:rgba(255,255,255,0.9);z-index:15;left:0;top:0;width:100vw;height:100vh;}#resultArea h4{color:#112951;border:2px solid #112951;text-align:center;font-size:1rem;padding:4px 0;margin-bottom:24px;}#resultArea h4.error{color:red;border-color:red;}#resultArea p{line-height:200%;}#resultArea .checkSvg path{fill:#112951;}#resultArea .cautionSvg path{fill:red;}.contactFormCloseButton{display:none;position:absolute;right:16px;top:24px;color:#112951;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border:2px solid#112951;width:24px;height:24px;line-height:24px;}.contactFormCloseButton .crossSvg{width:10px;height:10px;}.contactFormCloseButton:hover .crossSvg polygon{fill:#fff;}.contactFormWrap.active .contactFormCloseButton{display:flex;display:-webkit-flex;}#messageBox{position:fixed;z-index:10;top:0;right:0;background:#112951;color:#fff;font-weight:bold;width:calc(100% - 320px);text-align:center;padding:8px 0;border-left:2px solid #fff;}.checkSvg{width:16px;height:16px;margin-bottom:2px;margin-right:8px;}.cautionSvg{width:16px;height:16px;margin-bottom:2px;margin-right:8px;}@media screen and (max-width:960px){#siteContents{flex-direction:column;-webkit-flex-direction:column;align-items:flex-start;-webkit-align-items:flex-start;}#header{flex-direction:column-reverse;-webkit-flex-direction:column-reverse;align-items:flex-start;-webkit-align-items:flex-start;margin-bottom:64px;}.headerLeft{width:100%;height:120px;padding-bottom:32px;}.headerRight{background:#112951;width:100%;color:#fff;padding-bottom:16px;}.CopyrightBox{margin-bottom:-8px;}.langNav{margin:0 0 0 auto;display:table;}.langNavLi:not(:last-of-type){margin-right:16px;}.langNavLink{background:unset;padding:0;}.langNavLink:hover{background:unset;}.mainContents{width:100%;}#clearButton.basicButton{max-width:272px;margin:0 auto;display:table;}.sidebar{width:100%;}#messageBox{width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);border-radius:3px;-webkit-border-radius:6px;-moz-border-radius:3px;border:none;}}@media screen and (max-width:640px){#actionButtonSection{flex-direction:column;-webkit-flex-direction:column;align-items:flex-start;-webkit-align-items:flex-start;}#actionButton.basicButton,#copyButton.basicButton{margin:0 auto;}#actionButton.basicButton{margin-bottom:16px;}.contactFormWrap.active{padding:48px 0;}.contactForm,#resultArea{margin:0 24px;}}@media screen and (max-width:400px){#messageBox{width:94%;}}