form .input_back{
    position:absolute;
    margin-left: 10px;
    margin-top:26px;
    width:53px;
    height:53px;
    padding:0;
    border:0;
    background:url(../img/left.png) no-repeat left top;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}

form input.input_back:hover,
form input.input_back:focus {
    background-position:left -53px;
}
form input.input_back_top{
    margin-bottom: 10px;
    margin-left: 10px;
    width:53px;
    height:53px;
    padding:0;
    border:0;
    background:url(../img/left.png) no-repeat left top;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}

form input.input_back_top:hover,
form input.input_back_top:focus {
    background-position:left -53px;
}

form input.input_next{
    position:absolute;
    left:45%;
    width:106px;
    height:106px;
    padding:0;
    border:0;
    background:url(../img/right.png) no-repeat left top;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}

@media screen and (max-width:640px){
form input.input_next{ left:70%;}
}
    
form input.input_next:hover,
form input.input_next:focus {
    background-position:left -106px;
}
form .input_finish{
    position:absolute;
    left:45%;
    width:106px;
    height:106px;
    padding:0;
    border:0;
    background:url(../img/checkmark.png) no-repeat left top;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}
    
form input.input_finish:hover,
form input.input_finish:focus {
    background-position:left -106px;
}
@media screen and (max-width:640px){
form input.input_finish{ left:70%;}
}


form input.input_login{
    position:absolute;
    width:160px;
    height:53px;
    padding:0;
    border:0;
    background:url(../img/login.png) no-repeat left top;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}

form input.input_login:hover,
form input.input_login:focus {
    background-position:left -53px;
}
form input.input_save{
    position:absolute;
    margin-left: 73px;
    margin-top:26px;
    width:160px;
    height:53px;
    padding:0;
    border:0;
    background:url(../img/save.png) no-repeat left top;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}

form input.input_save:hover,
form input.input_save:focus {
    background-position:left -53px;
}
form input.input_save_top{
    margin-bottom: 10px;
    margin-left: 10px;
    width:160px;
    height:53px;
    padding:0;
    border:0;
    background:url(../img/save.png) no-repeat left top;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}

form input.input_save_top:hover,
form input.input_save_top:focus {
    background-position:left -53px;
}
form img.back_spacer{
    margin-bottom: -43px;
    margin-left: 10px;
    width:53px;
    height:53px;
    padding:0;
    border:0;

    font-size: 0px;
    line-height: 0px;

}
form input.restart_login{
    position:absolute;
    width:160px;
    height:53px;
    padding:0;
    border:0;
    background:url(../img/restart.png) no-repeat left top;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}

form input.restart_login:hover,
form input.restart_login:focus {
    background-position:left -53px;
}
form input.send_mail{
    position:inherit;
    width:160px;
    height:53px;
    padding:0;
    border:0;
    background:url(../img/send_mail.png) no-repeat left top;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}

form input.send_mail:hover,
form input.send_mail:focus {
    background-position:left -53px;
}

form input.input_passchange{
    position:inherit;
    width:160px;
    height:53px;
    padding:0;
    border:0;
    background:url(../img/passchange.png) no-repeat left top;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}

form input.input_passchange:hover,
form input.input_passchange:focus {
    background-position:left -53px;
}

form input.enq_view{
    position:inherit;
    width:160px;
    height:53px;
    padding:0;
    border:0;
    background:url(../img/enq_view.png) no-repeat left top;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}

form input.enq_view:hover,
form input.enq_view:focus {
    background-position:left -53px;
}

form a.enq_view{
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 15pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #000066;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 2px #666666;  /* 影の設定 */
  border        : 1px solid #000066;    /* 枠の指定 */
  text-decoration: none;
}

form a.enq_view:hover,
form a.enq_view:focus {
  
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}


form input.edit_answer{
    position:inherit;
    width:160px;
    height:53px;
    padding:0;
    border:0;
    background:url(../img/edit_answer.gif) no-repeat left top;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}

form input.edit_answer:hover,
form input.edit_answer:focus {
    background-position:left -53px;
}

form input.view_hrnext{
    position:inherit;
    width:160px;
    height:53px;
    padding:0;
    border:0;
    background:url(../img/2/view_hrnext.png) no-repeat left top;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}

form input.view_hrnext:hover,
form input.view_hrnext:focus {
    background-position:left -53px;
}

button.send_mail_hrnext{
    position:inherit;
    width:160px;
    height:53px;
    padding:0;
    border:0;
    background:url(../img/2/send_mail_hrnex.png) no-repeat left top;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}

button.send_mail_hrnext:hover,
button.send_mail_hrnext:focus {
    background-position:left -53px;
}



.input_53 {
  /* 既存のスタイル */
  width: 53px;
  height: 53px;
  background-position: top; /* 上端に合わせる */
  display: inline-block;
  vertical-align: middle;
}

.input_53:hover,
.input_53:focus {
  background-position: left 0; /* または、left: 50% */
  background-position-y: 100%; /* 画像の下端を要素の下端へ */
}


.input_106 {
  /* 既存のスタイル */
  width: 106px;
  height: 106px;
  background-position: top; /* 上端に合わせる */
  display: inline-block;
  vertical-align: middle;
}

.input_106:hover,
.input_106:focus {
  background-position: left 0; /* または、left: 50% */
  background-position-y: 100%; /* 画像の下端を要素の下端へ */
}


.input_53b {
  /* 既存のスタイル */
  width: 160px;
  height: 53px;
  background-position: top; /* 上端に合わせる */
  display: inline-block;
  vertical-align: middle;
}

.input_53b:hover,
.input_53b:focus {
  background-position: left 0; /* または、left: 50% */
  background-position-y: 100%; /* 画像の下端を要素の下端へ */
}


.img_scale_10 {
  transform: scale(0.1); /* 10%に縮小 */
}

.img_scale_20 {
  transform: scale(0.2); /* 20%に縮小 */
}

.img_scale_30 {
  transform: scale(0.3); /* 30%に縮小 */
}

.img_scale_40 {
  transform: scale(0.4); /* 40%に縮小 */
}

.img_scale_50 {
  transform: scale(0.5); /* 50%に縮小 */
}

.img_scale_60 {
  transform: scale(0.6); /* 60%に縮小 */
}

.img_scale_70 {
  transform: scale(0.7); /* 70%に縮小 */
}

.img_scale_80 {
  transform: scale(0.8); /* 80%に縮小 */
}

.img_scale_90 {
  transform: scale(0.9); /* 90%に縮小 */
}

.margin_m5{
  margin : -5px;
}
.margin_m10{
  margin : -10px;
}

.margin_m15{
  margin : -15px;
}

.margin_m20{
  margin : -20px;
}

.margin_m25{
  margin : -25px;
}

.margin_m30{
  margin : -30px;
}

.button-link {
    display: inline-block;
    padding: 10px 20px;
    line-height: 1.5em!important;
    color: white;
    background-color: #4682B4;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-link:hover {
    background-color: #0056b3;
}