.blk_pc{display: block;}
  .blk_mb{display: none;}
  .iln_pc{display: inline;}
  .iln_mb{display: none;}

  .navbar{color:#fff; z-index: 99999;}
  .navbar-expand-lg .navbar-nav .nav-link{color:#fff;}
  .navbar{z-index: 99999;}
  
  #default, .bg-primary{
    /* background-color: #21252a; */
    background-color: #183319 !important;
  }
  #default .navbar{background-color: transparent !important;}


  #default main{
    /* background-image: url(../images/main_bg_b.jpg); background-repeat: no-repeat; background-size: 100%; */
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 54.9479167%;
    max-width: 3072px;
    margin: 0 auto;

  }

  #default header {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex; align-items: center;
    padding-top: 0vw;

  }
  .accordion-button{
    border-top: 1px solid #ddd;
  }
  footer{
    padding:50px;
    width: 100%;
    margin: 0 auto;
  }
  footer > div{
    max-width: 1620px;
    margin: 0 auto;
    width: 100%;
    padding: 10px;
  }
  #default .maintitle{max-width: 900px; width:100%; margin-bottom: 5vw; margin-left: auto;}
  #default .maintitle img{width: 100%;}

  .d-flex > .form-check{width: 50%;}
  .per_info > .form-floating {width: 49%;}
  .per_info {display: flex; flex-wrap: wrap; justify-content: space-between;}
  .memo01_etc{display: none;}
  .agreebox{overflow-y: auto; max-height: 300px;}
  #regist p span{font-size: 0.6em; color:#000;}
  .navbar-expand-lg .navbar-nav .nav-link{color:#fff;}
  .navbar{z-index: 99999;}

  @media(max-width:991px){
    .blk_pc{display: none;}
    .blk_mb{display: block;}
    .iln_pc{display: none;}
    .iln_mb{display: inline;}
    footer{text-align: center;}

    #default main{background-image: url(../images/main_bgmb.jpg);padding-bottom: 157.9341317%}
    #default .maintitle{width:80%; margin-bottom: 8vw; margin-top: 30vw; }
/*    #default .px-5{ 
      padding-right: 1.2rem !important;
      padding-left: 1.2rem !important;
    }*/
/*    #default .navbar{background-color: #00336f;}*/


  .d-flex > .form-check{width: 100%;}
  .per_info > .form-floating {width: 100%;}


  }



  @media(max-width:650px){

    #default .maintitle{width:100%; margin: 0 0 100px;}
    footer.py-4{
      padding: 10px 0 !important;
      font-size: 0.8em;
    }
    footer.py-4 a{
      color: white;
    }
    .d-grid{
      place-items: center;
    }
    #default header{
      padding: 0;
    }
    #default main{
      padding-bottom: 200.934132%;
    }
    .only_mb{
      display: block;
    }



  }