@charset "Shift_JIS";

/** ***************************************
 * 画面固有のCSSを定義
 * 必ず「body#id名」から始まる用にして定義すること
 */

body#index .telBlock .AttentionBlock__message
{
    text-align: left;
}
@media screen and (max-width: 768px) {
    body#index .telBlock .AttentionBlock__message
    {
        text-align: center;
    }
}

body#index .telBlock .AttentionBlock__message .mycar_tel_title
{
    color: #009943;
    font-weight: bold;
    font-size: 1.5em;
    margin: 0px;
}

body#index .telBlock .AttentionBlock__message .link-phone{
    display:block;
    margin-bottom:7px;
    padding:14px 5px;
}
@media screen and (max-width: 768px) {
    body#index .telBlock .AttentionBlock__message .link-phone{
        border:1px #eaeaea solid;
        border-width:1px 1px 3px;
        border-radius:5px;
    }
}

body#index .telBlock .AttentionBlock__message .link-phone img{
    vertical-align:top;
    height:40px;
}

@media screen and (max-width: 768px) {
    body#index .telBlock .AttentionBlock__message .link-phone img{
        height:30px;
    }
}

body#index .telBlock .AttentionBlock__message .counter{
    font-size: 1.2em;
    margin-top: 0px;
}

@media screen and (max-width: 768px){
  body#jikoSeikyuInputData .InputForm__header--claim {
  width: auto;
  }
}

body#jikoSeikyuThanks .FnButton-roadservice{
    width: 500px;
}

@media screen and (max-width: 768px){
  body#jikoSeikyuThanks .FnButton-roadservice{
      width: 100%;
      font-size:1.2rem;
  }
}

@media screen and (max-width: 768px){
  body#jikoSeikyuConfirm .Button-confirm{
      width: 100%;
  }
}