@media screen and (min-width:0px){
  div.page_bg_wrap {
    /* background:url("../img/top_sp/vision_bg.png") center top repeat; */
    padding-bottom:20%;
    min-height:736px;
  }
  div.page_title {
    width:100%;
    padding-top: 10vh;
    padding-bottom:5vh;
  }
  div.page_title h1 {
    font-size:2.4rem;
    text-align:center;
    color:#999999;
  }
  div.page_title.basicinfo p {
    font-size:2.6rem;
    font-weight: bold;
  }
  div.login_link{
    text-align: center;
    padding-bottom:15%;
    font-size: 1.2rem;
  }
  div.login_link a {
    text-decoration: underline;
  }
  p.item_title {
    font-size:1.2rem;
    font-weight: bold;
    width:80%;
    margin-right: auto;
    margin-left: auto;
  }
  div.box_margin_top{
    margin-top: 5.6%;
  }
  div.input_box {
    width:80%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
  }
  input[type="text"],
  input[type="number"],
  input[type="email"],
  input[type="tel"],
  input[type="password"]{
    border:solid 1px #ddd;
    font-size:2.0rem;
    height:40px;
    width:100%;
    padding:5px 5px;
  }
  div.flex_parent {
    display:flex;
    justify-content: space-between;
  }
  input.half_of_disp {
    width: calc(50% - 10px);
    padding:5px 5px;
  }
  div.other_links {
    font-size:1.4rem;
    text-align: center;
    margin-top: 3%;
  }
  p.ng_message {
    color:red;
    text-align: center;
    margin-top: 3vh;
    font-size: 1.4rem;

  }
  /*basicinfo */
  p#postal_code_search {
    padding:10px 10px;
    display:inline-block;
    background:#999999;
    color:white;
    font-size:15px;
    cursor: pointer;
  }
  select {
    padding: 5px 5px;
    height:45px;
    width:50px;
    border:solid 1px #ddd;
    font-size: 2.0rem;
  }
  select[name="year"]{
    width:70px;
  }
  div.page_bottom_check_box {
    margin-top: 8%;
    width:100%;
    text-align: center;
  }
  div.page_bottom_check_box p {
    font-size: 1.2rem;
  }
  .rounded_box {
    width:80%;
    text-align: center;
    padding-top:1.5vh;
    padding-bottom:1.5vh;
    border:solid 1px #e99d3d;
    border-radius: 8vw 8vw 8vw 8vw;
    font-size:1.5rem;
    color:#e99d3d;
    margin-right: auto;
    margin-left: auto;
  }
  .rounded_box.white_font {
    color:white;
    background:#e99d3d;
  }

  /* form 操作*/
  p.error .invalid {
    display:none;
  }
  p.error .invalid.on {
    font-size:1.4rem;
    margin-top: 0.5em;
    width:80%;
    color:tomato;
    margin-left: auto;
    margin-right: auto;
    display:block;
  }
  /* form 操作*/
  p.error .invalid_unique {
    display:none;
  }
  p.error .invalid_unique.on {
    font-size:1.4rem;
    margin-top: 0.5em;
    width:80%;
    color:tomato;
    margin-left: auto;
    margin-right: auto;
    display:block;
  }
  input.invalid_border,
  select.invalid_border {
    border:solid tomato 1px;
  }
  /*Checkboxes styles*/
  input[type="checkbox"] { display: none; }

  input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font: 14px/20px 'Open Sans', Arial, sans-serif;
    color: #ddd;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }

  input[type="checkbox"] + label:last-child { margin-bottom: 15px; }

  input[type="checkbox"] + label:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid gray;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
  }

  input[type="checkbox"]:checked + label:before {
    width: 10px;
    top: -5px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  /* header */
    .menu_icon_div {
      z-index:11;
    }

}

/*~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-*/
/*~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-*/
/*タブ*/
/*~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-*/
/*~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-*/
@media screen and (min-width:768px){
  div.page_bg_wrap {
    /* background:url("../img/top_sp/vision_bg.png") center top repeat; */
    padding-bottom:280px;
    position: relative;
    z-index:0;
    min-height:1080px;
  }
  div.page_title {
    width:100%;
  }
  div.login_link{
    padding-bottom:70px;
  }
  div.box_margin_top {
    margin-top: 65px;
  }
  p.item_title {
    width:50%;
  }
  div.input_box {
    width:50%;
  }
  input.name_input {
    width: calc(50% - 7.5px);
    padding:5px 5px;
  }

  div.other_links {
    text-align: center;
    margin-top: 65px;
  }
  div.other_links.forgot_login_info {
    margin-top: 25px;
  }
  p.error .invalid.on {
    width:50%;
  }
  .rounded_box {
    width:50%;
  }
  .rounded_box {
    position: relative;
  }

  #login{
    margin-left: auto;
    margin-right: auto;
    width: 65%　;
  }

}