@charset "utf-8";
@media screen and (max-width:479px)
{

  .step_area {
      background-color: #019dbe;
      border-radius: 5px;
      display: block;
      margin: 10px;
  }

  h1 {
      background-color: #038928;
      color: #ffffff;
      padding: 10px;
      text-align: center;
  }

  .lead {
      margin: 10px;
  }

  h2::before {
      background: none repeat scroll 0 0 #038928;
      border-radius: 4px;
      bottom: 3px;
      content: "";
      display: block;
      height: 86%;
      left: 0;
      position: absolute;
      width: 8px;
  }
  h2 {
      color: #038928;
      font-size: 1.25em;
      line-height: 1.2;
      margin: 10px;
      padding: 10px 1em;
      position: relative;
  }

  .mn_002_00_inner{}
  .mn_002_00_inner input#mn_002_00_01,
  .mn_002_00_inner input#mn_002_00_02,
  .mn_002_00_inner input#mn_002_00_03,
  .mn_002_00_inner input#mn_002_00_04,
  .mn_002_00_inner input#mn_002_00_05,
  .mn_002_00_inner input#mn_002_00_06,
  .mn_002_00_inner input#mn_002_00_Si_01,
  .mn_002_00_inner input#mn_002_00_Si_02,
  .mn_002_00_inner input#mn_002_00_Si_03,
  .mn_002_00_inner input#mn_002_00_Si_04,
  .mn_002_00_inner input#mn_002_00_Si_05,
  .mn_002_00_inner input#mn_002_00_Si_06{
      width:12%;
      min-width:32px;
      margin-right: 0.5%;
      padding-left: 1%;
      padding-right: 1%;
      float: left;
  }

  .minHeightPhoneStyle{
      min-height:50px;
  }

  input[type="text"], input[type="password"] {
      border: 2px solid #038928;
      border-radius: 5px;
      display: block;
      margin: 10px auto;
      padding: 10px 3%;
      width: 94%;
  }
  
  select {
      border: 2px solid #038928;
      border-radius: 5px;
      margin: 10px auto 10px 0;
      padding: 10px 3%;
      width: 85%;
      height:40px;
  }
  
  fieldset {
      border: medium none;
  }

  form {
      margin: 10px;
  }

  legend {
      display: none;
  }

  .label_title {
      border-bottom: 1px dotted #038928;
      border-top: 1px dotted #038928;
      display: block;
      font-size: 1.25em;
      font-weight: bold;
      padding: 10px;
      position: relative;
  }
  .point {
      background-color: #ffffff;
      color: #e60909;
      display: inline-block;
      font-size: 0.8em;
      padding: 5px;
      position: absolute;
      right: 10px;
      top: 7px;
  }

  .label_txt {
      margin: 10px 0;
  }
  .formError {
      margin: 0 !important;
      opacity: 1 !important;
      position: initial !important;
  }
  .formError {
      margin: 0 !important;
      position: initial !important;
  }

  .formError .formErrorArrow {
      margin: -2px 0 0 13px;
      position: relative;
      width: 15px;
  }
  .formError .formErrorArrow div {
      background: none repeat scroll 0 0 #ee0101;
      border-left: 2px solid #ddd;
      border-right: 2px solid #ddd;
      box-shadow: 0 2px 3px #444;
      display: block;
      font-size: 0;
      height: 1px;
      line-height: 0;
      margin: 0 auto;
  }
  .formErrorContent {
      background-color: #ee0101;
      background-image: url("../img/btn_close.png");
      background-repeat: no-repeat;
      background-position: 99% 3px;
      min-width: 305px;
      border: 2px solid #ddd;
      border-radius: 5px;
      box-shadow: 0 0 6px #000;
      color: #ffffff;
      font-weight: bold;
      padding: 9px;
      margin-top: 15px;
  }
  .greenPopup .formErrorArrow div {
      background: none repeat scroll 0 0 #33be40;
  }
  .blackPopup .formErrorArrow div {
      background: none repeat scroll 0 0 #393939;
      color: #fff;
  }
  .formError .formErrorArrow .line10 {
      border: medium none;
      width: 13px;
  }
  .formError .formErrorArrow .line9 {
      border: medium none;
      width: 11px;
  }
  .formError .formErrorArrow .line8 {
      width: 11px;
  }
  .formError .formErrorArrow .line7 {
      width: 9px;
  }
  .formError .formErrorArrow .line6 {
      width: 7px;
  }
  .formError .formErrorArrow .line5 {
      width: 5px;
  }
  .formError .formErrorArrow .line4 {
      width: 3px;
  }
  .formError .formErrorArrow .line3 {
      border-bottom: 0 solid #ddd;
      border-left: 2px solid #ddd;
      border-right: 2px solid #ddd;
      width: 1px;
  }
  .formError .formErrorArrow .line2 {
      background: none repeat scroll 0 0 #ddd;
      border: medium none;
      width: 3px;
  }
  .formError .formErrorArrow .line1 {
      background: none repeat scroll 0 0 #ddd;
      border: medium none;
      width: 1px;
  }
  .btn_reload_area button {
          background: url("../img/btn_kousin.png") no-repeat scroll 90% center,  -webkit-linear-gradient(
              top,
              #eb5602 0%,
              #d83900 100%
          );
          background: url("../img/btn_kousin.png") no-repeat scroll 90% center,  -moz-linear-gradient(
              top,
              #eb5602 0%,
              #d83900 100%
          ) !important;
          background: url("../img/btn_kousin.png") no-repeat scroll 90% center,  linear-gradient(
              top,
              #eb5602 0%,
              #d83900 100%
          );
          background: url("../img/btn_kousin.png") no-repeat scroll 90% center,  -webkit-gradient(
              linear, left top, left bottom,
              from(#eb5602),
              to(#d83900)
          );
      background: url("../img/btn_kousin.png") no-repeat scroll 90% center, linear-gradient(to bottom, #eb5602 0%, #d83900 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
      border-color: #9b4603;
      border-image: none;
      border-radius: 4px;
      border-style: solid;
      border-width: 1px 1px 4px;
      box-sizing: border-box;
      color: #FFFFFF;
      font-size: 1.14em;
      font-weight: bold;
      letter-spacing: 0.4em;
      padding: 6px;
      text-align: center;
      text-decoration: none;
      width: 100px;
  }
  
  .btn_submit_area input {
          background: url("../img/icon_reload.png") no-repeat scroll 96% center, -webkit-linear-gradient(
              top,
              #1797d2 0%,
              #0277ad 100%
          );
          background: url("../img/icon_reload.png") no-repeat scroll 96% center, -moz-linear-gradient(
              top,
              #1797d2 0%,
              #0277ad 100%
          ) !important;
          background: url("../img/icon_reload.png") no-repeat scroll 96% center, linear-gradient(
              top,
              #1797d2 0%,
              #0277ad 100%
          );
          background: url("../img/icon_reload.png") no-repeat scroll 96% center, -webkit-gradient(
              linear, left top, left bottom,
              from(#1797d2),
              to(#0277ad)
          );
      border-color: #03729b #03729b #066089;
      border-image: none;
      border-radius: 4px;
      border-style: solid;
      border-width: 1px 1px 4px;
      color: #fff;
      font-size: 1.75em;
      letter-spacing: 1em;
      padding: 10px;
      text-align: center;
      width: 100%;
      background-size: auto auto,100% auto;
  }

  .btn_submit_area {
      margin: 15px 0 0;
  }

  .btn_reload_area p img {
      height: auto;
      margin-right: 10px;
      vertical-align: middle;
      width: 145px;
  }
  .back_btn {
          background: url("../img/btn_back.png") no-repeat scroll 14px center, -webkit-linear-gradient(
              top,
              #908f8f 0%,
              #656565 100%
          );
          background: url("../img/btn_back.png") no-repeat scroll 14px center, -moz-linear-gradient(
              top,
              #908f8f 0%,
              #656565 100%
          ) !important;
          background: url("../img/btn_back.png") no-repeat scroll 14px center, linear-gradient(
              top,
              #908f8f 0%,
              #656565 100%
          );
          background: url("../img/btn_back.png") no-repeat scroll 14px center, -webkit-gradient(
              linear, left top, left bottom,
              from(#908f8f),
              to(#656565)
          );
      border-color: #4d4d4d;
      border-image: none;
      border-radius: 4px;
      border-style: solid;
      border-width: 1px 1px 4px;
      box-sizing: border-box;
      color: #fff !important;
      display: block;
      line-height: 1;
      padding: 10px 3% 10px 14%;
      text-decoration: none;
      top: 0;
      width: 180px;
  }

  .back_area {
      margin: 10px;
  }

  .formError + #myn_captcha {
      width: 94% !important;
  }
  .btn_reload_area {
      border: 1px dotted #038928;
      padding: 10px;
  }

  aside {
      margin-right: 10px;
      margin-top: 30px;
      text-align: right;
  }
  .to_pagetop > a {
      background: url("../img/to_pagetop.png") no-repeat scroll 18px center #038928;
      border-radius: 5px 5px 0 0;
      color: #ffffff !important;
      display: block;
      font-weight: bold;
      margin-left: auto;
      padding: 10px;
      width: 120px;
  }
  
  .myn_birth_inner > * {
      display: table-cell;
  }
  .myn_birth_inner {
      display: table;
      width: 100%;
  }

  .year_ad {
      width: 3em;
  }

  .labelcell input {
      display: inline-block;
      margin-right: 8px;
      width: 78%;
  }

  div.lead p {
      font-size: 1.6em;
  }

  div.lead_text {
      padding: 1rem 0 1.5rem 0;
  }

  div.lead_text span {
      text-decoration: underline;
      color: red;
  }

  .form_areabox .helpMark {
      width: 20px;
      vertical-align: text-top;
  }

  .form_areabox .fukidashi {
      display: none;
      margin:  10px 0;
      padding: 16px;
      border-radius: 5px;
      background: #eee;
      color: #333;
      border: 1px solid #222;
  }

  .label_title:hover + .fukidashi {
      display: block;
  }
    
  .validated_area {
      background-color: #ffeff1;
      border: 2px solid #cccccc;
      border-radius: 4px;
  }
  .validated_area .label_title {
      background-color: #ffffff;
  }
  .error {
      border: 2px solid #e60909;
      border-radius: 6px;
      color: #e60909;
      font-weight: bold;
      margin: 10px;
      padding: 10px;
      white-space: pre-line;
  }

  .form_areabox {
      padding: 10px;
  }

  .form_area .form_areabox input:focus {
      background: none repeat scroll 0 0 #ddf0ff;
  }

  .form_areabox .fukidashi_sp {
      display: none;
      margin:  10px 0;
      padding: 16px;
      border-radius: 5px;
      background: #eee;
      color: #333;
      border: 1px solid #222;
  }

  .label_title:hover + .fukidashi_sp {
      display: block;
  }

  .fukidashi {
      display: none;
  }

}