@charset "UTF-8";



     body{
      background-color:#fffdf4;
      font-family: 'Noto Sans JP', sans-serif;
     }
     
             .breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #3966ed;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

     
     @media screen and (min-width: 830px) {
         
                 .box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight:400;
             width:60%;
             position:relative;
             left:20%;
             top:10px;
}
.box14 p {
    margin: 0; 
    padding: 0;
}
                        .toc-002 {
    margin-bottom: 200px;
    border: 2px solid #3202a3;
    border-radius: 3px;
             position:relative;
             width:50%;
             left:25%;
             top:60px;
}

.toc-002 div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #3202a3;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}

.toc-002 div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M3.8%2017.2h-3c-.5%200-.8.4-.8.8v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8v-3c-.1-.4-.4-.8-.8-.8zm0-15h-3c-.5%200-.8.4-.8.8v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8V3c-.1-.4-.4-.8-.8-.8zm0%207.6h-3c-.5%200-.8.3-.8.7v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8v-3c-.1-.4-.4-.7-.8-.7zM23.2%2018h-15c-.4%200-.8.3-.8.8v1.5c0%20.4.3.8.8.8h15c.4%200%20.8-.3.8-.8v-1.5c0-.5-.3-.8-.8-.8zm0-15h-15c-.4%200-.7.3-.7.8v1.5c0%20.4.3.7.7.7h15c.5%200%20.8-.3.8-.8V3.8c0-.5-.3-.8-.8-.8zm0%207.5h-15c-.4%200-.8.3-.8.8v1.5c0%20.4.3.8.8.8h15c.4%200%20.8-.3.8-.8v-1.5c0-.5-.3-.8-.8-.8z%22%2F%3E%3C%2Fsvg%3E');
    content: '';
}

.toc-002 ol {
    list-style-type: disc;
    margin: 0;
    overflow: hidden;
}

.toc-002 > ol {
    padding: 1em 1em 1em 3em;
}

.toc-002 ol ol {
    margin-top: 5px;
    padding-left: 1.1em;
}

.toc-002 li {
    padding: 5px 0;
    font-weight: 600;
}

.toc-002 ol ol li {
    font-weight: 500;
    font-size: .9em;
}

.toc-002 a {
    color: #333;
    text-decoration: none;
}
         
         .syosai2{
             color:purple;
         }
         .syosai3{
             text-decoration-color:#030180;
             color:#030180;
         }
         .syosai{
             font-family: 'Noto Sans JP', sans-serif;
             font-weight:500;
             font-size:24px;
             position: relative;
             left:20px;
             top:-20px;
             margin-bottom: -20px;
         }

         .koko0{
             position:relative;
             width:100%;
             text-align: center;
         }
         
         .koko{
             position:relative;
             width:100%;
             text-align: center;
             top:30px;
         }
         
         .koko01{
             text-align: center;
             position: relative;
             top:60px;
             margin-bottom: 30px;
             height:660px;
             
         }
         
                #nav-drawer {
     display:none;
   }
         
  
         
         
         .rogo01{
             position: fixed;
             top:-10px;
             z-index: 15;
             width:20%;
         }
         
         .menu{
             display:flex;
             position: fixed;
             top:-25px;
             right:0px;
             width:50%;
             font-size:25px;
             text-align: center;
             z-index:10;
             color: whitesmoke;
         }
         .menu01{
               display:inline-block;
               background: linear-gradient(to bottom, #f7315c, transparent);
               width:25%;
               padding:0.3em;
               font-family: 'Noto Sans JP', sans-serif;
               font-weight:400;
               -webkit-transition: all 0.3s ease;
               -moz-transition: all 0.3s ease;
               -o-transition: all 0.3s ease;
               transition: all  0.3s ease;
         }    
         .menu02{
               display:inline-block;
               background: linear-gradient(to bottom,#d1c12c,transparent);
               width:25%;
               padding:0.3em;
               font-family: 'Noto Sans JP', sans-serif;
               font-weight:400;
               -webkit-transition: all 0.3s ease;
               -moz-transition: all 0.3s ease;
               -o-transition: all 0.3s ease;
               transition: all  0.3s ease;
         }    
         .menu03{
               display:inline-block;
               background: linear-gradient(to bottom, #1bd188, transparent);
               width:25%;
               padding:0.3em;
               font-family: 'Noto Sans JP', sans-serif;
               font-weight:400;
               -webkit-transition: all 0.3s ease;
               -moz-transition: all 0.3s ease;
               -o-transition: all 0.3s ease;
               transition: all  0.3s ease;
         }    
         .menu04{
               display:inline-block;
               background: linear-gradient(to bottom, #316af7, transparent);
               width:25%;
               padding:0.3em;
               font-family: 'Noto Sans JP', sans-serif;
               font-weight:400;
               -webkit-transition: all 0.3s ease;
               -moz-transition: all 0.3s ease;
               -o-transition: all 0.3s ease;
               transition: all  0.3s ease;
         }
         .menu01:hover{
             background-color:#f2859d;
         }
         .menu02:hover{
             background-color:#eff59d;
         }
         .menu03:hover{
             background-color:#a5f2cd;
         }
         .menu04:hover{
             background-color:#9ab4f5;
         }
         
         .menu01 a{
             text-decoration: none;
             color: white;
         }
         .menu02 a{
             text-decoration: none;
             color: white;
         }
         .menu03 a{
             text-decoration: none;
             color: white;
         }
         .menu04 a{
             text-decoration: none;
             color: white;
         }
         
         .top01 {
             position: relative;
             width:100%;
             left:0;
             z-index: 1;                                      
             animation: fadein 1s forwards;
         }
         @keyframes fadein {
	        0% {opacity: 0}
	        100% {opacity: 1}
          }
         
          .NT01{
             position:relative;
             top:50px;
             width:50%;
             left:25%;

         }
         .NT02{
             text-align: center;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight:500;
             
         }
         .NT03{
             font-size:45px;
         }
         .NT04{
             font-size:60px;
             color: #f0c802;
         }
         .NT05{
             font-size:35px;
             position: relative;
             top:-55px;
         }
         .NT06{
             font-size:50px;
             color: #f0c802;
         }
         
         .NT07{
             position: relative;
             display: block;
             width:10%;
             left: 45%;
             height: 15px;
             position: relative;
             top:-100px;
             border-radius: 15px 15px 15px 15px;
             background: #f0c802;
            }
         
        .TOP00{
             position: relative;
             top:180px;
             width:60%;
             left:20%;
             display:flex;
             text-align: center;
         }
         .TOP00-1{
             position: relative;
             top:-160px;
         }
         .TOP00-2{
             position: relative;
             top:-10px;
         }
         .TOP00-3{
             position: relative;
             top:-125px;
         }

         .TOP01{
             width:48%;
             left:0px;
             background: #FFFFF0;
             box-shadow: 2px 2px 4px gray;
             cursor: pointer;
             transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
          }
         
         .TOP01:hover {
             transform: translateY(-5px);
         } 
         
             
         .TOP02{
             width:96%;
             position: relative;
             left:0%;
             display:inline-block;
             background: linear-gradient(to bottom, #b9d902, transparent);
             padding:2%;
             -webkit-transition: all 0.3s ease;
             -moz-transition: all 0.3s ease;
             -o-transition: all 0.3s ease;
             transition: all  0.3s ease;
              }
         
         .TOP02:hover{
             background-color:#f2859d;
             opacity:0.8; 
         }
         .TOP03{
             text-align: center;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight:400;
             font-size:24px;
             position: relative;
             text-align: left;
             left:5%;
             padding-left: 10px;
             border-left: solid 4px #d9ce02;
             top:-18px;
             color:#01135e;
             width:90%;
         }
         
         .TOP04{
             color: black;
             font-size:10px;
             position: relative;
             left:50%;
             width:65%;
             bottom:20px;
             margin-bottom: -15px;
         }
         .TOP05{
             width:48%;
             position: relative;
             left:4%;
             background: #FFFFF0;
             box-shadow: 2px 2px 4px gray;
             cursor: pointer;
             transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
          }
         
         .TOP05:hover {
             transform: translateY(-5px);
         } 
         
        .TOP06{
             position:absolute;
             bottom:45%;
             left:10%;
             width:80%;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight: 400;
             text-align: center;
             z-index: 10;
             top:-30px;
          }  
          
          .TOP07{
              font-size:40px;
          }
         
         .TOP00-0{
             position:relative;
             display:block;
             top:250px;
         }
         
         .c00{
             background: #015923;
             text-align: center;
             position: relative;
             bottom:-400px;
             height:40px;
             color: azure;
             top:800px;
         }
         
         .RM01{
             position:relative;
             top:350px;
             left:70%;
             width:30%;
             
         }
         
         .back{
             position:relative;
             top:100px;
             width:65%;
             left:3%;
             background:white;
             border-radius: 3px;
             padding:5px 5px 5px 5px;
         }
         
         .back01{
             margin-bottom: 120px;
         }
         
          .T-00{
             position:relative;
             width:90%;
             left:5%;
             top:25px;
         }
         
.T-01 {
    border-bottom: solid 3px skyblue;
    position: relative;
    font-size:35px;
    width:90%;
    left:5%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:500;
}

.T-01:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}
         
         
         .T-02{
             color: #303030;
             font-size:12px;
             position: relative;
             left:0%;
             width:20%;
             top:20px;
             margin-bottom: -15px;
         }
         
         .T-03 {
             width:100%;
             position:relative;
             left:0px;
             height: auto;
         }

         .T-04{
             width:50%;
             margin: 5px;
             position: relative;
             left:-20px;
         }
         .T-05{
             text-align: center;
             display:flex;
             position: relative;
             left:10px;
         }
         

         
         .b00{
             position:relative;
             width:90%;
             left:5%;
             font-size:18px;
             top:15px;
         }
         
         .b01{
             font-family: 'Noto Sans JP', sans-serif;
             font-weight:300;
             padding-bottom: 3px;
         }
         
         .b02 {
            position: relative;
            padding: 0.25em 0;
            width:100%;
            left:0%;
            font-size:35px;
             font-weight: 500;
             font-family: 'Noto Sans JP', sans-serif;
         }
         .b02:after {
             content: "";
             display: block;
             height: 4px;
             background: -webkit-linear-gradient(to right, #027843, #056bfa);
             background: linear-gradient(to right, #027843, #056bfa);
            }
         
         
         .b03{
             position:relative;
             width:90%;
             left:5%;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight:400;
             font-size:18px;
             top:50px;
             padding:0px;
         }
         .b04{
             font-family: 'Noto Sans JP', sans-serif;
             font-weight:400;
             padding-bottom: 3px;
             font-size:25px;
             margin:-5px;
             
         }
        
         .b05{
             font-family: 'Noto Sans JP', sans-serif;
             font-weight:300;
             padding-bottom: 3px;
         }
         
         .b06{
             position: relative;
             height:0.5px;
             background: black;
             width:80%;
             left:10%;
             top:0px;
             margin-bottom: 3px;
         }
         
         
         .M-00{
             position: relative;
             border: 3px solid;
             border-color: #010e73;
             padding:5px;
             width:75%;
             left:12.5%;
             top:30px;
         }
         
         .M-01{
             font-size:40px;
             color: #010e73;
             position:relative;
             width:30%;
             left:35%;
             top:-25px;
             text-align: center;
             color: #364e96;/*文字色*/
             padding: -0.4em 0;/*上下の余白*/
             border-top: solid 3px #364e96;/*上線*/
             border-bottom: solid 3px #364e96;/*下線*/
         }
         .M-02{
             position: relative;
             top:-50px;
             font-size:25px;
             left:5%;
             color: #010e73;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight: 500;
             padding: 0em 0.2em;/*上下 左右の余白*/
             color: #494949;/*文字色*/
             background: transparent;/*背景透明に*/
             border-left: solid 5px #010e73;/*左線*/
         }
         .M-03{
             position: relative;
             top:-60px;
             font-size:15px;
             margin: 3px;
             left:5%;
             color: #010e73;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight: 300;
         }
         
         .M-04{
             margin-bottom: -50px;
         }
         
         .side-00{
             position:absolute;
             top:100px;
             left:73%;
             width:24%;
             background: white;
             border: 1px solid;
             border-color: black;
         }
         .side-01{
             text-align: center;
             font-size:25px;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight: 400;
             position:relative;
             top:px;
             padding: 0em 0em;
             background: transparent;
             border-left: solid 5px #7db4e6;
             width:50%;
             left:25%;
         }
         
         .side-02{
             display:flex;
          }
         
         .side-03{
             position: relative;
             left:2%;
             width:30%;
          }
          .side-04 {
             background: #ffffff; 
             transition: all 1s; 
             opacity:1; 
                }
         .side-04:hover {
             opacity:0.1; 
                }
         
         .side-05{
             position: absolute;
             width:65%;
             left:33%;
         }
         .side-06{
             position:relative;
             top:-15px;
             font-size:18px;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight: 300;
         }
         .side-07{
             position: relative;
             top:-25px;
             font-size:8px;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight: 100;
             color: black;
         }
         
         .side-08{
             position: relative;
             height:0.5px;
             background: black;
             width:80%;
             left:10%;
             top:-3px;
         }
         
         .sideM-01{
              position: relative;
              top:0px;
          }
         
         .sideM-02{
             font-family: 'Noto Sans JP', sans-serif;
             font-weight: 400;
             font-size:25px;
             text-align: center;
             position: relative;
             top:-10px;
             padding: 0em 0px;
             background: transparent;
             border-left: solid 5px #7db4e6;
             width:50%;
             left:25%;
         }
         .sideM-03{
             position: relative;
             top:-15px;
             font-size:14px;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight: 100;
             margin-top:2px;
             margin-bottom: 0px;
             color: dimgray; 
             left:15px;
         }
         .sideM-04{
             font-size:16px;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight: 400;
             margin-top:2px;
             margin-bottom: 0px;
             position: relative;
             top:-14px;
             left:15px;
         }
         .Youtube{
             text-align: center;
             position: relative;
             width:80%;
             left:10%;
         }
         .day00{
              font-size:30px;
          }
                   .kizi01 {
    padding: 0.5em 0.5em;
    margin: 2em 0;
    font-weight: bold;
    color: #044eb0;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
    text-align: left;
}
.kizi01 p {
    margin: 0; 
    padding: 0;
}
         
         .kizi01-1{
             position:relative;
             width:30%;
             left:0%;
             top:-8px;
             height: auto;



         }
         .kizi01-2{
             position: relative;
             left:4%;
             top:8px;
             font-size:28px;
             width:85%;

         }
         .kizi01-3{
             display: flex;
             color: #044eb0;

         }
         .kizi01-4{
             display: flex;
             color: darkblue;
             font-size: 16px;
             font-weight: 300;
             position: relative;
             width:90%;
             left:4%;

         }

     }
     
      @media screen and (max-width: 829px) {
           .kizi01 {
    padding: 0.5em 1em;
    margin: 1em 0;
    font-weight: bold;
    color: #044eb0;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.kizi01 p {
    margin: 0; 
    padding: 0;
}
          
          .kizi01-1{
             position:relative;
             width:40%;
             left:-3px;
             top:-1px;
             height: auto;

         }
         .kizi01-2{
             position: relative;
             left:1%;
             top:0px;
             font-size:18px;
             width:100%;
         }
         .kizi01-3{
             display: flex;
             color: #044eb0;

         }
         .kizi01-4{
             display: none;

         }
          .koko0{
              display:none
          }
          .koko{
              display:none;
          }
          
          .koko01{
              display:none;
          }
          
          .koko2{
              text-align: center;
          }
          
          .koko3{
              position: relative;
              top:60px;
              text-align: center;
          }
          
header {
  padding:10px;
}

#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  position: relative;
  top:9px;
  left:2px;
  width: 30px;
  height: 22px;
  vertical-align: middle;
  
}

/*ハンバーガーの形をCSSで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒箇所*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*メニューの中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 90%;
  max-width: 330px;/*最大幅（お好みで調整を）*/
  height: 100%;
  background: #fff;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

/*チェックがついたら表示させる*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.header-logo-menu{
    position: relative;
    z-index:9999;
 display: flex; 
 position:fixed;
 top:20px;
 left:90%;
 display: -moz-flex;
 display: -o-flex;
 display: -webkit-flex;
 display: -ms-flex;
 flex-direction: row;
 -moz-flex-direction: row;
 -o-flex-direction: row;
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
}

/*ロゴやサイトタイトルをセンタリング*/
.logo-area{text-align:center;margin:auto;}
                  .san{
             width:40px;
             height:40px;
             text-align: center;
             border-radius: 100px 100px;
             background: #eff59d;
             z-index: 9999; 
             position:relative;
             left:-14px;
         }   
      
          
         .rogo01{
             position: fixed;
             top:10px;
             z-index: 15;
             width:30%;
         }
         
         .menu{
             display:none;
         }
       
         
         .top01 {
             position: relative;
             width:100%;
             left:0;
             z-index: 1;                                      
             animation: fadein 1s forwards;
         }
         @keyframes fadein {
	        0% {opacity: 0}
	        100% {opacity: 1}
          }
         
          .NT01{
             position:relative;
             top:50px;
             width:50%;
             left:25%;

         }
         .NT02{
             text-align: center;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight:500;
             
         }
         .NT03{
             font-size:45px;
         }
         .NT04{
             font-size:60px;
             color: #f0c802;
         }
         .NT05{
             font-size:35px;
             position: relative;
             top:-55px;
         }
         .NT06{
             font-size:50px;
             color: #f0c802;
         }
         
         .NT07{
             position: relative;
             display: block;
             width:10%;
             left: 45%;
             height: 15px;
             position: relative;
             top:-100px;
             border-radius: 15px 15px 15px 15px;
             background: #f0c802;
            }
          .TOP00-0{
              position:relative;
              top:120px;
          }
         
        .TOP00{
             position: relative;
             top:80px;
             width:60%;
             left:20%;
             display:flex;
             text-align: center;
         }
         .TOP00-1{
             position: relative;
             top:-160px;
         }
         .TOP00-2{
             position: relative;
             top:-10px;
         }
         .TOP00-3{
             position: relative;
             top:-125px;
         }
         .TOP01{
             width:48%;
             left:0%;
             background: #FFFFF0;
             box-shadow: 2px 2px 4px gray;
             cursor: pointer;
             transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
          }
         
         .TOP01:hover {
             transform: translateY(-5px);
         } 
         
             
         .TOP02{
             width:96%;
             position: relative;
             left:0%;
             display:inline-block;
             background: linear-gradient(to bottom, #b9d902, transparent);
             padding:2%;
             -webkit-transition: all 0.3s ease;
             -moz-transition: all 0.3s ease;
             -o-transition: all 0.3s ease;
             transition: all  0.3s ease;
              }
         
         .TOP02:hover{
             background-color:#f2859d;
             opacity:0.8; 
         }
         .TOP03{
             text-align: center;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight:400;
             font-size:13px;
             position: relative;
             text-align: left;
             left:5%;
             width:85%;
             border-left: solid 4px #d9ce02;
             top:-18px;
             color:#01135e;
             padding:3px;
         }
         
         .TOP04{
             color: black;
             font-size:10px;
             position: relative;
             left:38%;
             width:65%;
             bottom:20px;
             margin-bottom: -15px;
         }
         .TOP05{
             width:48%;
             position: relative;
             left:4%;
             background: #FFFFF0;
             box-shadow: 2px 2px 4px gray;
             cursor: pointer;
             transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
          }
         
         .TOP05:hover {
             transform: translateY(-5px);
         } 
          
          .TOP06{
             position:absolute;
             bottom:45%;
             left:10%;
             width:80%;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight: 400;
             text-align: center;
             z-index: 10;
             top:-30px;
          }  
          
          .TOP07{
              font-size:20px;
          }
          
         
         .c00{
             background: #015923;
             text-align: center;
             position: relative;
             bottom:-400px;
             height:60px;
             color: azure;
             position:relative;
             top:340px;
         }
         
         .RM01{
             position:relative;
             top:200px;
             left:65%;
             width:35%;
         }
          
         .back{
             position:relative;
             top:20px;
             width:95%;
             left:0%;
         }
         
         .back01{
             margin-bottom: 120px;
         }
         
         .T-00{
             position:relative;
             width:95%;
             left:5%;
             top:25px;
             text-align: center;
         }
         
.T-01 {
    border-bottom: solid 3px skyblue;
    position: relative;
    font-size:28px;
    width:100%;
    left:0%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:500;
}

.T-01:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}
         
         
         .T-02{
             color: #303030;
             font-size:10px;
             position: relative;
             left:0%;
             width:20%;
             top:15px;
             margin-bottom: -15px;
         }
         

        .T-03 {
             width:100%;
             height: auto;
         }
         
         
         .T-04{
             width:50%;
             margin: 5px;
             position: relative;
             left:-20px;
         }
         .T-05{
             text-align: center;
             display:flex;
             position:relative;
             left:10px;
          }
          .b00{
             position:relative;
             width:100%;
             font-size:16px;
             top:20px;
             padding:10px;
         }
         
         .b01{
             font-family: 'Noto Sans JP', sans-serif;
             font-weight:400;
             position:relative;
             width:96%;
             left:2%;
         }
         
         .b02 {
            position: relative;
            padding: 0.25em 0;
            width:100%;
            left:0%;
            font-size:30px;
             font-weight: 500;
             font-family: 'Noto Sans JP', sans-serif;
         }
         .b02:after {
             content: "";
             display: block;
             height: 4px;
             background: -webkit-linear-gradient(to right, #027843, #056bfa);
             background: linear-gradient(to right, #027843, #056bfa);
            }
         
         
         .b03{
             position:relative;
             width:90%;
             left:5%;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight:400;
             font-size:18px;
             top:50px;
             padding:10px;
         }
          
          .b04{
             font-family: 'Noto Sans JP', sans-serif;
             font-weight:400;
             padding-bottom: 3px;
             font-size:18px;
             margin:-5px;
             
         }
          
          .b06{
             position: relative;
             height:0.5px;
             background: black;
             width:80%;
             left:10%;
             top:-3px;
             margin-bottom: 10px;
         }
        
         .M-00{
             position: relative;
             border: 3px solid;
             border-color: #010e73;
             padding:5px;
             width:75%;
             left:12.5%;
             top:30px;
         }
         
         .M-01{
             font-size:24px;
             color: #010e73;
             position:relative;
             width:30%;
             left:35%;
             top:-15px;
             text-align: center;
             color: #364e96;/*文字色*/
             padding: -0.4em 0;/*上下の余白*/
             border-top: solid 3px #364e96;/*上線*/
             border-bottom: solid 3px #364e96;/*下線*/
         }
         .M-02{
             position: relative;
             top:-20px;
             font-size:20px;
             left:5%;2
             color: #010e73;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight: 500;
             padding: 0em 0.2em;/*上下 左右の余白*/
             color: #494949;/*文字色*/
             background: transparent;/*背景透明に*/
             border-left: solid 5px #010e73;/*左線*/
         }
         .M-03{
             position: relative;
             top:-30px;
             font-size:14px;
             margin: 3px;
             left:5%;
             width:93%;
             color: #010e73;
             font-family: 'Noto Sans JP', sans-serif;
             font-weight: 300;
         }
         
         .M-04{
             margin-bottom: -20px;
         }
         
         .side-00{
             display:none
          }
          .day00{
              font-size:22px;
          }
          .syosai2{
             color:purple;
         }
         .syosai3{
             text-decoration-color:#030180;
             color:#030180;
         }
         .syosai{
             font-family: 'Noto Sans JP', sans-serif;
             font-weight:500;
             font-size:18px;
             position: relative;
             top:-16px;
             margin-bottom: -20px;
         }
                          .toc-002 {
    margin-bottom: 30px;
    border: 2px solid #3202a3;
    border-radius: 3px;
              width:90%;
              position: relative;
              left:7%;
              top:20px;
}

.toc-002 div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #3202a3;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}

.toc-002 div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M3.8%2017.2h-3c-.5%200-.8.4-.8.8v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8v-3c-.1-.4-.4-.8-.8-.8zm0-15h-3c-.5%200-.8.4-.8.8v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8V3c-.1-.4-.4-.8-.8-.8zm0%207.6h-3c-.5%200-.8.3-.8.7v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8v-3c-.1-.4-.4-.7-.8-.7zM23.2%2018h-15c-.4%200-.8.3-.8.8v1.5c0%20.4.3.8.8.8h15c.4%200%20.8-.3.8-.8v-1.5c0-.5-.3-.8-.8-.8zm0-15h-15c-.4%200-.7.3-.7.8v1.5c0%20.4.3.7.7.7h15c.5%200%20.8-.3.8-.8V3.8c0-.5-.3-.8-.8-.8zm0%207.5h-15c-.4%200-.8.3-.8.8v1.5c0%20.4.3.8.8.8h15c.4%200%20.8-.3.8-.8v-1.5c0-.5-.3-.8-.8-.8z%22%2F%3E%3C%2Fsvg%3E');
    content: '';
}

.toc-002 ol {
    list-style-type: disc;
    margin: 0;
    overflow: hidden;
}

.toc-002 > ol {
    padding: 1em 1em 1em 3em;
}

.toc-002 ol ol {
    margin-top: 5px;
    padding-left: 1.1em;
}

.toc-002 li {
    padding: 5px 0;
    font-weight: 600;
}

.toc-002 ol ol li {
    font-weight: 500;
    font-size: .9em;
}

.toc-002 a {
    color: #333;
    text-decoration: none;
}
                   .box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
              font-family: 'Noto Sans JP', sans-serif;
               font-weight:400;
              width:86%;
             position:relative;
             left:7%;
             top:10px;
}
.box14 p {
    margin: 0; 
    padding: 0;
}
         

     }
        .UnderMidashi{
            padding: 0.5em;/*文字周りの余白*/
            color: #494949;/*文字色*/
            background: #fffaf4;/*背景色*/
            border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
            font-family: 'Noto Sans JP', sans-serif;
            font-weight:600;
     }

.h4Midashi {
  color: #505050;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: #dbebf8;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

.h4Midashi:before {
  content: '●';
  color: white;
  margin-right: 8px;
}