@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　車検ページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
#syaken{
    background-image:url(../images/syaken_bg.jpg);
    background-size: cover;
    padding-top:5%;
    padding-bottom:4%;
}
.shaken_btn a{
    display: block;
    border: 7px solid rgb(255, 255, 255);
    background-color: rgb(0, 11, 46);
    color: rgb(255, 255, 255);
    padding: 9px 20px 10px 1.8em;
    position: relative;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    margin: 0px auto;
    max-width: 640px;
    border-radius: 60px;
    line-height: 1.4;
    box-shadow: rgb(0, 0, 0) 0px 3px 7px;
}
  .shaken_btn2 a{
    display: block;
    border: 7px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    padding: 9px 20px 10px 1.8em;
    background: linear-gradient(#FF0000, #802300);
    position: relative;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    margin: 0px auto;
    max-width: 640px;
    border-radius: 60px;
    line-height: 1.4;
    box-shadow: rgb(0, 0, 0) 0px 3px 7px;
    margin-bottom: 20px;
}
.shaken_btn a::before {
    content: '';
    width: 16px;
    height: 16px;
    border: 0;
    border-top: solid 4px #FFF;
    border-right: solid 4px #FFF;
    position: absolute;
    transform: rotate(45deg);
    top:50%;
    transform: translateY(-50%) rotate(45deg);;
    margin-left:-1.5em;
  }
    .shaken_btn2 a::before {
    content: '';
    width: 16px;
    height: 16px;
    border: 0;
    border-top: solid 4px #FFF;
    border-right: solid 4px #FFF;
    position: absolute;
    transform: rotate(45deg);
    top:50%;
    transform: translateY(-50%) rotate(45deg);;
    margin-left:-1.5em;
    margin-bottom: 20px;
  }

  .syaken_attention{
    text-align: center;
    margin-top: 30px;
    font-size: 3.2vw;
  }

.syaken_btn span{
    display: inline-block;
    color:#FFF;
}



@media screen and (min-width: 745px){
    .syaken_attention{
        font-size: 20px;}
}