@charset="UTF-8";
@media screen and (max-width: 1920px){
  #bgvideo{
    width: 120%;
  }
}

@media screen and (max-width: 1280px){
  #table {
    display: none;
  }
  }
/*@import url(www.youtube.com/iframe_api)*/
/*html          {font-size: 70%;
              overflow: scroll;
              -webkit-text-size-adiust: 100%;
              -ms-text-size-adust: 100%}*/
h1             { margin: 0px; }

h1#cp          {
                /*margin: 50px;*/
                text-align: left;
                font-size: 2.0em;
                color: #ffffff;
                background-color: rgba(12,12,98,1); 
                }

h1             {text-align: center;
               background-color: #E0ECF8;
               font-size: 2.0em; 
               color: #0B0B3B;
               background-color: rgba(255,255,255,0.25);
               }

#make            {text-align: center;  
               margin-top: 0;
               margin-bottom: 0;
               margin-left: auto;
               margin-right: auto;
               /*background-image: url(kurotsushirouproject_titleimg.png);*/
               background-size: cover;
               background-position: center;
               background-repeat: no-repeat;
               padding: auto;
               }

header#site   {display: block;
              border: 3px 3px 3px #aaaaaa ;
              border-radius: 10px;
              margin-bottom: 12px;
              -webkit-box-shadow: 0 1px 5px #aaaaaa;
              padding: 0;
              width:90%;
              font-size: 1.75em;

              /*background-color: #8bbeda;
              opacity: 0.5*/}
              



/*nav          {
             }*/
         

article       {font-family: 'Hiragino kaku Gothic Pro',sans-serif; 
	            text-align: center;
              background-color : rgba(255,255,255,0.45);
              /*opacity: 0.5;*/
              overflow: hidden;
              margin-top: auto;
              margin-right: auto;
              margin-left: auto;
              margin-bottom: auto;
              padding: 50px;              
              -webkit-box-sizing: border-box;
              -box-sizing: border-box;
              border-radius: 100px;
              font-size:2em;
              clear: both}
              

h2            {
              font-size: 1.4em;
              margin-top: 0;
              margin-bottom: 0;
              text-align: center;
              padding: auto;
              margin-left: auto;
              margin-right: auto}
/*p #risizeimeage  {width: 95%;*/


              /*padding: 30px*/
              
#repaire    {
              font-size: 1.3em;
              margin-top: 0;
              margin-bottom: 0;
              /*text-align: center;*/
              padding: auto;
              margin-left: auto;
              margin-right: auto}
table      {
              margin-left: auto;
              margin-right: auto;
              margin-bottom: auto;
              border-collapse: collapse;
              }
tbody         {
              margin: auto;
              }

td         {
              border: solid 2.0px;
              margin: 0.75em;
              }

           
#nav          {
              text-align: center;
              float: none;
              border: outset 6px black;
              border-radius: 70px;
              margin: auto;
              padding: 0;
              font-size: 1.5em;
              color: rgb(255,255,255);
              background-color : rgba(255,255,255,0.65);
              }

ul.menu-list    {
              text-align: center;
              list-style: square;     
              padding:auto;
              /*font-size: 1em;*/
              margin:0;
              width: 90%;
              overflow: hidden;
              }

tr            {text-align: center;
              }

.menu-list    {display: block;
              padding-top : 15px;
              padding-bottom: 10px;
              border-bottom: solid 3px transparent;
              font-size: 2.25em;
              }              

.menu-list            /*{border-left: outset 3px blue;
              border-top: outset 3px blue;
              border-right: outset 3px blue;
              border-bottom: outset 3px blue;
              float:left;
              margin-right: 30px;
              box-sizing: border-box}*/

div#freegame        {/*color: #33a7ff;*/   
              
              font-size: 1.5em;
              color: #fffeee;
              /*text-align: center;*/
              font-family: 'メイリオ';
              padding:50 50 50 auto;
              margin: 100px;
              border: dashed:50 50 50 auto}
              

#player.wrap  {/*background url:kurotsushirouproject.top.;
              background-size: cover;*/               }
#player       {/*display: wide*/}


#PaidGame   {font-family: -apple-system, BlinkMacSystemFont, 
            "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", 
            Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, 
            sans-serif;
            background-color: #ffffff;
            text-align: center;
            font-size: 2.25em;
            margin: 5px;
            background-color: #ffffff; 
            text-align: center;
            position: left;
            float: left;
            width: 25%;
            border-radius: 10px;
            -webkit-box-shadow: 3px 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 3px 5px #aaaaaa;
            }


#sitemap    {font-family: -apple-system, BlinkMacSystemFont, 
            "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", 
            Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, 
            sans-serif;
            background-color: #ffffff;
            text-align: center;
            font-size: 2.0em;
            margin: 5px;
            background-color: #ffffff; 
            text-align: center;
            position: left;
            float: left;
            width: 20%;
            border-radius: 10px;
            -webkit-box-shadow: 3px 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 3px 5px #aaaaaa;
            }

#Game       {display: block;
            font-family: Georgia,游明朝,"Yu Mincho",YuMincho,
            "Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
            background-color: #ffffff;
            text-align: center;
            font-size: 1.8em;
            margin: 5px;
            background-color: #ffffff; 
            text-align: center;
            position: center;
            float: left;
            width: 20%;
            border-radius: 10px;
            -webkit-box-shadow: 3px 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 3px 5px #aaaaaa;
            }

#Game2      {display: block;
            font-family: Georgia,游明朝,"Yu Mincho",YuMincho,
            "Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
            background-color: #ffffff;
            text-align: center;
            font-size: 1.8em;
            margin: 5px;
            background-color: #ffffff; 
            text-align: center;
            position: right;
            float: left;
            width: 20%;
            border-radius: 10px;
            -webkit-box-shadow: 3px 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 3px 5px #aaaaaa;
            }

#Game3      {display: block;
            font-family: Georgia,游明朝,"Yu Mincho",YuMincho,
            "Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
            background-color: #ffffff;
            text-align: center;
            font-size: 1.8em;
            margin: 5px;
            background-color: #ffffff; 
            text-align: center;
            position: right;
            float: left;
            width: 20%;
            border-radius: 10px;
            -webkit-box-shadow: 3px 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 3px 5px #aaaaaa;
            }

#Game4      {display: block;
            font-family: Georgia,游明朝,"Yu Mincho",YuMincho,
            "Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
            background-color: #ffffff;
            text-align: center;
            font-size: 1.8em;
            margin: 5px;
            background-color: #ffffff; 
            position: right;
            float: left;
            width: 24%;
            height: auto;
            border-radius: 10px;
            -webkit-box-shadow: 3px 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 3px 5px #aaaaaa;
            }

#Game5      {display: block;
            font-family: Georgia,游明朝,"Yu Mincho",YuMincho,
            "Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
            background-color: #ffffff;
            text-align: center;
            font-size: 1.8em;
            margin: 5px;
            background-color: #ffffff; 
            position: right;
            float: left;
            width: 20%;
            height: auto;
            border-radius: 10px;
            -webkit-box-shadow: 3px 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 3px 5px #aaaaaa;
            }

#Game6      {display: block;
            font-family: Georgia,游明朝,"Yu Mincho",YuMincho,
            "Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
            background-color: #ffffff;
            text-align: center;
            font-size: 1.8em;
            margin: 5px;
            background-color: #ffffff; 
            position: right;
            float: left;
            width: 20%;
            height: auto;
            border-radius: 10px;
            -webkit-box-shadow: 3px 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 3px 5px #aaaaaa;
            }

table#rank  {margin: 6px;
            font-size: 1.5em;
            background-color: #ECF8E0; 
            text-align: center;
            /*position: left;*/
            float: left;
            width: 32%;
            height: 12%;
            text-align: center;
            -webkit-box-shadow: 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 5px #aaaaaa;
            /*clear: both*/              
            
            }

#lesson     {display: block;
            font-family: Georgia,游明朝,"Yu Mincho",YuMincho,
            "Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
            background-color: #ffffff;
            text-align: center;
            font-size: 1.8em;
            margin: 5px;
            background-color: #ffffff; 
            position: right;
            float: left;
            width: 18%;
            height: auto;
            border-radius: 10px;
            -webkit-box-shadow: 3px 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 3px 5px #aaaaaa;
            }

/* ----- 背景用の動画ファイル ----- */
#bgVideo    {
            position: relative;
            right: 0;
            bottom: 0;
            overflow: hidden;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -10;
            /*background-width:120%;*/
            /*height: auto;*/
            /*background-size: cover;*/
            }

body        {
            margin: 0;
            padding: 0;
            z-index: 5;
            }
nav         {z-index: 2;}

/* ----- 背景の上に表示させたいコンテンツ ----- */
/*{
 position: relative; /*必ず必要*/
 /*z-index: 2; /*必ず必要*/
 /*display: flex;
 width: 100%;
 justify-content: center;
 align-items: center;
 text-align:center;
 margin: auto;
}*/
/*.mainvisual {
            height: 100vh;
            position: relative; 
            }
.mainvisual__video    {background: width:120% height:auto}*/
div#footer.Copyright  {background-color: #ffffff;
            font-size: 1.25em;
            font-color: #e3e5f2}*/


#wp         {background-color: #ffffff;
            text-align: center;
            font-size: 1.5em;
            color: #141629}

h3#cp2      {/*margin: 70px;*/
            text-align: left;
            font-size: 1.45em;
            color: #666666;
            background-color: rgba(215,223,1,1);

            }

h3          {text-align: center;  
            
            margin-top: 0;
            margin-bottom: 0;
            margin-left: auto;
            margin-right: auto;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            padding: 0;
            color: blue}

table.p     {font-weight: bold;
            border-radius: 10px;
            padding: 5px;
            margin-bottom: 10px;
            background-color: #E0ECF8;
            font-size: 2.0em; 
            color: #0B0B3B}


/*div#footer  {background-color: #ffffff;
            text-align: center;
            font-size: 1.0em;
            color: blue;}*/

div#copy    { 
            font-size: 1.25em;
            color: #58D3F7;}      

#site-div   {margin: 0}

#four       {font-size: 1.5em;
            text-align: center;
            clear: both;
            }
            
a           {color: #004b70}

#pc            {font-size: 1.75em;
               text-align: center;
               }
               
#Rrs           {font-size: 1.75em;
               text-align: center;
               color: #0A0A2A;
               }

table#RrsM     {text-align: center;
                margin: 17.5%;
                font-size: 1.20em;
                position: center;
                width: 65%;
                clear: both;
                }

div#HOME       {font-size: 1.5em;
               text-align: center}

/*　記事 */
/*td#colspan     {box-sizing: dashed}*/

/*th         {text-align: center}*/

table#free     /*{text-align: left;
                }*/

table#free2    /*{text-align: center;
                }*/

table#free3    /*{text-align: right;
                }*/

table#free  {
            background-color: #ffffe0; 
            text-align: center;
            font-size: 1.0em;
            float: left;
            width: 32%;
          
            /*-webkit-box-shadow: 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 5px #aaaaaa*/
              position: left;
              background-color: #faf0e6;
              width: 0;
              margin: 0;              
              text-align: center;
              }



table#free  {text-align: center;
            font-size: 1.0em;
            margin: 6px;
            background-color: #E0E0F8; 
            text-align: center;
            position: left;
            float: left;
            width: 32%;
            -webkit-box-shadow: 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 5px #aaaaaa;
            /*clear: both*/}

/*table#free   {display: block;
              float: left;
              background-color: #005299;
              width: 100%;
              height: 50px;
              margin: 0;
              -webkit-box-shadow: 3px 3px 5px #aaaaaa;
              box-shadow: 3px 3px 5px #aaaaaa;
              clear: /both}*/

table#free2   {position: center;
              font-size: 1.0em;
              float: left;
              margin: 6px;
              background-color: #F2F2F2;
              width: 31%;
              -webkit-box-shadow: 3px 3px 5px #aaaaaa;
              box-shadow: 3px 3px 5px #aaaaaa;
              /*clear: both*/
              text-align: center;
              position: left;
              background-color: #F2F2F2;
              text-align: center;
              ;
              
              }
/*.sample      {float: left;}*/

/*.box         {background: rgba(255, 255, 255, 0.5);
              padding: 10px;
              width: 50vw;}*/

table#free3   {position: right;
              font-size: 1.0em;
              float: left;
              position: right;
              background-color: #F2F2F2;
              text-align: center;
              margin: 6px;
              background-color: #F2F2FE;
              width: 32%;
              -webkit-box-shadow: 3px 3px 5px #aaaaaa;
              box-shadow: 3px 3px 5px #aaaaaa;
              text-align: center;
              border-spacing: 2px;
              /*clear: both;*/
              }

table#free4 {margin: 6px;
            font-size: 1.0em;
            background-color: #F8E6E0; 
            text-align: center;
            position: left;
            float: left;
            width: 32%;
            
            -webkit-box-shadow: 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 5px #aaaaaa;
            /*clear: both*/}

table#free5 {margin: 6px;
            font-size: 1.0em;
            background-color: #CEF6F5; 
            text-align: center;
            position: center;
            float: left;
            width: 31%;
            
            -webkit-box-shadow: 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 5px #aaaaaa;
            /*clear: both*/}

table#free6 {margin: 7px;
            font-size: 1.245em;
            background-color: #F6CEE3; 
            text-align: center;
            position: right;
            float: left;
            width: 32%;
            
            -webkit-box-shadow: 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 5px #aaaaaa;
            /*clear: both*/}

table#free7 {margin: 6px;
            font-size: 1.0em;
            background-color: #E0F8E0; 
            text-align: center;
            position: left;
            float: left;
            width: 32%;
          
            -webkit-box-shadow: 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 5px #aaaaaa;
            /*clear: both*/}

table#free8 {margin: 6px;
            font-size: 1.0em;
            background-color: #CED8F6; 
            text-align: center;
            position: left;
            float: left;
            width: 31%;
          
            -webkit-box-shadow: 3px 3px 5px #aaaaaa;
            box-shadow: 3px 3px 5px #aaaaaa;
            /*clear: both*/}


b           {
            font-size: 0.75em;
            font-weight: bold;
            line-height: 0.2em;
            }
p#bold      {font-size: 1.0em;
             font-family: meiryo;}


table#jf    {text-align: center;
            margin: 37%;
            font-size: 1.20em;
            position: center;
            width: 30%;
            clear: both;
            font-weight: bold;
            }

a             {
              text-decoration: none;
              }

a:link        { 
              color: #007ebe;}
a:visited     { 
              color: #007ebe;}
a:hover       { 
              color: #00a8f2;}
a:active      { 
              color: #00a8f2;}

ul.free       {
              list-style: disc;
              position: relative;
              }
.free li    {
              color: #01A9DB;
              }
.free span  {
              color: #01A9DB;}

ul.free2      {
              list-style: disc;
              position: relative;
              }
.free2 li   {
              color: #01A9DB;
              }
.free2 span {
              color: #01A9DB;}

ul.free3      {
              list-style: disc;
              position: relative;
              }
ul.free4      {
              list-style: disc;
              position: relative;
              }

ul.free5      {
              list-style: disc;
              position: relative;
              }

ul.free6      {
              list-style: disc;
              position: relative;
              }

ul.free7      {
              list-style: disc;
              position: relative;
              }

ul.free8      {
              list-style: disc;
              position: relative;
              }


.free3 li   {
              color: #01A9DB;
              }
.free3 span {
              color: #01A9DB;
              }
.free4 li   {
              color: #01A9DB;
              }
.free4 span {
              color: #01A9DB;
              }
.free5 li   {
              color: #01A9DB;
              }
.free5 span {
              color: #01A9DB;
              }
.free6 li   {
              color: #01A9DB;
              }
.free6 span {
              color: #01A9DB;
              }
.free7 li   {
              color: #01A9DB;
              }
.free7 span {
              color: #01A9DB;
              }
.free8 li   {
              color: #01A9DB;
              }
.free8 span {
              color: #01A9DB;
              }
li {
  list-style-type: none;
}

li:before {
  content: '';
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 100%;
  background: #01A9DB;
  position: relative;
  left: -15px;
  top: -3px;
}



div#under     {
              font-size: 1.5em;
              font-family: meiryo;
              }
/*ul.free:before {
    content: "";
    background-color: rgba(255, 228, 181, .6);
    position: absolute;
    top: -1.5em;
    left: 40%;
    width: 100px;
    height: 40px;
    transform: rotate( -10deg );
}*/

h4       {font-size: 1.75em;
          font-weight: bold;
          }

label          {font-size: 20px;}

.form-group      {
                  font-size: 1.55em;
                  font-family: meiryo;
                  /*font-style: bold;*/
                  box-sizing: 500px;
                }

.lastname-furigana col-sm-4  {
                  font-size: 1.55em;
                  font-family: meiryo;
                  font-style: bold;
                }
.textarea        {
                  resize: none;
                  width:500px;
                  height:200px;
                }
.form-control   {
                 resize: none;
                 width: 800px;
                 height: 30px;
                 position:center;
                }

.oto            {
                  text-align: center;
                  font-family: hannari;
                  font-size: 2.0em;

                }
.text           {
                  text-align: center;
                  font-size: 1.25em;
                }
.container      {
                
                max-width: 1000px;
                margin: auto;
                position: center;
                text-align: center;
                }
.button          {
                  resize: none;
                  font-size: 3.0em;
                  width: 800px;
                  height: 80px;
                  position: center;
                 }

.control-label  {
                resize: none;
                width: 600px;
                height: 80px;
                position: center;
                font-size: 20px;
                }

textarea        {
                  resize: none;
                  width:500px;
                  height:200px;
                }

.footer   {
       display: block;
       float: left;
       position: center;
       clear: both;
       margin: 60px;
      
      }

.telfax   {
      background: none;
      width: 200px;
        height: 100px;
      
        margin: 0px;
        display: block;
        color: #000000;
        /*border-top: 0px solid #DDD;
        border-left: 0px solid #DDD;
        border-right: 0px solid #BBB;
        border-bottom: 0px solid #BBB;*/
        font-weight: normal;
        background: none;
        text-align: left;
        /*position: center;*/
        font-size: 1.0em;
      }

#top a {
    width: 160px;
    height: 30px;
    padding: 20px;
    display: absolute;
    color: #ffffff;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    font-weight: bold;
    background: #3cb371;
    text-align: center;
    /*position: center;*/
    font-size: 1.15em;
}
#top a:hover,
a:active {
    background: #66cdaa;

  }

/*div.link     { 
              float: left;
              clear: both;
            }*/

#footer    {
      background-color: #E6E6E6;
      text-align: left;
      margin: auto;
      position: center;
      }

#footer    {
      background-color: #E6E6E6;
      text-align: center;
      margin: auto;
      }

.footer    {
      background-color: #E6E6E6;
      text-align: left;
      margin: auto;
      }
.corp      {
      font-size: 2.0em;
}

.fmap     {
       position: right;
       display: block;
       float: right;
       clear: both;
       margin: auto;
       
      }

.footer   {
       text-align: center;
       display: block;
       float: left;
       position: center;
       clear: both;
       margin: 60px;
      
      }

.telfax   {
      background: none;
      width: 200px;
        height: 100px;
      
        margin: 0px;
        display: block;
        color: #000000;
        /*border-top: 0px solid #DDD;
        border-left: 0px solid #DDD;
        border-right: 0px solid #BBB;
        border-bottom: 0px solid #BBB;*/
        font-weight: normal;
        background: none;
        text-align: left;
        /*position: center;*/
        font-size: 1.0em;
      }