*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;margin: 0;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable="true"]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}

*:focus{
  outline: 1px solid #aaf;
}

/* default
-------------------------------------------------------------------------------- */
body{
  font-size: 16px;
  line-height: 1.5;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif !important;
  font-weight: 400;
  color: #1C1C1C;
  background-color: #fff;
  min-height: 100vh;
}

li{
  list-style: none;
}



.l-container{
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 90%;
  margin: auto;
  border:1px solid #eee;
}
.l-sideNav{
  position: relative;
  max-width: 30%;
  width: 25em;
  border:1px solid #eee;
}
.l-sideNav__inner{
  position: sticky;
  top: 5vh;
  left: 0;
}
.l-sideNav__section:not(:first-child){
  margin-top: 2em;
}
.l-main{
  width: 100%;
  min-height: 100vh;
}
.l-main img{
  border: 1px solid #ddd;
}
.l-main a{
  color: #004D9F;
  text-decoration: underline;
}
.l-section{
  padding: 2em;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.l-section h1{
  font-size: 1.4em;
  font-weight: 500;
  color: #004D9F;
}

.l-section img{
  display: block;
  max-width: 100%;
  width: 50%;
  margin: .5em 0;
}
.l-section .textBox{
  margin-top: 3em;
  margin-bottom: 1em;
  padding-bottom: 3em;
}
.l-section .textBox:not(:last-child){
  border-bottom: 2px dotted #ccc;
}
.l-section .c-row{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.l-section .c-halfBox{
  width: 40%;
  margin-right: 1em;
}