h1, h2, h3{font-weight:500;}
h4,h5{font-weight:600;}
h1{font-size:2rem;}
h2{font-size:1.7rem;}
h3{font-size:1.5rem;margin:1rem 0;}
h4, h5{margin:1rem 0;}
h3:before{content:"\2756"; font-size:1.2em;line-height:1em;position:relative;top:0.05em;margin-right:0.1em;}
b{font-weight:600;}

ol,ul{overflow:hidden;list-style:none;counter-reset:num;margin:1em 0;padding-left:0.5em;}
li {position:relative;padding-left:1.7em;margin:0.25em 0;}
ul>li{padding-left:1.3em;}
li:before{position:absolute;border:1px solid transparent;text-align:center;content:"";left:0;top:0.1em;line-height:1.24em;height:1.3em;width:1.3em;border-radius:50%;}
ol>li:before{content:counter(num); counter-increment:num;}
ul>li:before{top:0.5em;left:0.4em;width:0.5em;height:0.5em;}
li>ul, li>ol{padding-left:0;margin:0;}

.anchor{top:-68px;}

.g_main .g_fw{display:flex;padding:0 1em 40px 1em;}

.g_main .g_fw .h_nav{max-width:30%;flex:none;font-size:0.9rem;overflow:clip auto;position:sticky;top:60px;height:calc(100vh - 100px);}
.g_main .g_fw .h_nav ul{margin:2rem 1rem;padding:0;min-width:max-content;}
.g_main .g_fw .h_nav li{padding:0; margin:0 0 0.6em 0;}
.g_main .g_fw .h_nav li:last-child{margin-bottom:0;}
.g_main .g_fw .h_nav li:before{content:none;border:0;height:0;width:0;position:inherit;}
.g_main .g_fw .h_nav li ul{margin:0.5em 0 0.6em 1.2em;}
.g_main .g_fw .h_nav b, .g_main .g_fw .h_nav .boldfont{font-weight:normal;text-shadow: 0px 0px 1px transparent;}
.g_main .g_fw .h_nav a {text-decoration:none;}
.g_main .g_fw .h_nav a:hover{text-decoration:underline;}

.g_main .g_fw .h_content{flex:auto;margin:2rem 0 1rem 2rem;}
.g_main .g_fw .h_content>h1:first-of-type{margin-top:0; margin-bottom:2rem;}
.g_main .g_fw .h_content h1 + ul {margin-top:0;}
.g_main .g_fw .h_content h1 + ul > li {margin-top:0;}
.g_main .g_fw .h_content ul li h3:first-child{margin-top:0;}
.g_main .g_fw .h_content p:last-child, .g_main .g_fw .h_content p:first-child,.g_main .g_fw .h_content>ul:last-child{margin:1em 0;}

.g_main .g_fw .h_content .button{border-radius:0.25em;display:inline-block;line-height:1em;padding:0.2em;}
.g_main .g_fw .h_content a.button{text-decoration:none !important;margin:0.5em; padding:0.3em 0.5em;}
.g_main .g_fw .h_content .btnwrap{display:inline;padding:0 0.2em;}
.g_main .g_fw .h_content a.btnwrap{padding:0.1em 0.5em;}

.g_footer{position:fixed;bottom:0;left:0;right:0;}

.h_smallfont{font-size:0.9rem;}
.h_sp {clear:both; height:1px; margin:2rem 0 1.4rem 0; }
.h_sp2 {clear:both; height:0; margin:2rem 0 1.4rem 0;}

.h_tipbox {border-radius:0.375em; padding:0.5em; margin:0.5em 0;padding-left:2.3em;}
.h_tipbox:before, .h_tipicon:before{content:"i";font-weight:600;display:inline-block;line-height:1.25em; width:1.35em; height:1.35em;margin: 0 0.3em 0 -1.65em;text-align:center;border-radius:50%;}
.h_tipicon:before{margin: 0 0.3em 0 0;}
.h_blockbox {border-radius:0.375em; padding: 0.1em 0.5em;display:table;}
.h_tipbox>ul{padding-left:0;margin:0.4em 0 0 -0.4em;}
.h_tipbox>p:last-child, .blockbox>p:last-child{margin-bottom:0;}


@media screen and (max-width:768px) {
  .g_main .g_fw .h_nav{display:none;}
  .g_main .g_fw .h_content{margin-left:0;}
}