@charset "UTF8";

/*-------------------
スマホ縦
-------------------*/
@media screen and (max-width: 480px){

  .vehicle-guide-area{
    width: 100%;
  }

  .vehicle-guide-box{
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
  }

  .vehicle-guide-photo{
    width: 100%;
  }

  .vehicle-guide-photo img{
    width: 100%;
  }

  .vehicle-guide-text{
    width: 100%;
    margin-top: 5%;
    display: flex;
    flex-direction: column;
  }

  .vehicle-name-box{
    width: 100%;
    display: flex;
  }

  .vehicle-name-jp{
    display: flex;
  }

  .vehicle-name-eng{
    display: flex;
    align-items: center;
    margin-left: 2%;
  }

  .vehicle-name-eng p{
    font-weight: normal;
    font-size: 4vw;
    color: #dbdbdb;
  }

  .vehicle-info{
    width: 100%;
    padding: 5% 1% 0 0;
  }

  .bottom-comment{
    width: 80%;
    margin: 0 auto;
  }

  .bottom-comment p{
    text-align: left;
    margin-top: 2%;
    display: flex;
    justify-content: center;
  }

  hr.m-line{
    width: 80%;
    margin: 12.5% auto;
    border: dashed 1px #ca151d;
  }

  .m-space{
    margin-bottom: 25%;
  }

}
/*-------------------
スマホ横
-------------------*/
@media screen and (min-width: 481px) and (max-width: 896px) {

  .vehicle-guide-area{
    width: 100%;
  }

  .vehicle-guide-box{
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20%;
    display: flex;
  }

  .vehicle-guide-photo{
    width: 40%;
  }

  .vehicle-guide-photo img{
    width: 100%;
  }

  .vehicle-guide-text{
    width: 55%;
    margin-left: 2%;
    display: flex;
    flex-direction: column;
  }

  .vehicle-name-box{
    width: 100%;
    display: flex;
  }

  .vehicle-name-jp{
    display: flex;
  }

  .vehicle-name-eng{
    display: flex;
    align-items: center;
    margin-left: 2%;
  }

  .vehicle-name-eng p{
    font-weight: normal;
    font-size: 3vw;
    color: #dbdbdb;
  }

  .vehicle-info{
    width: 100%;
    padding: 8% 1% 0 1%;
  }

  .bottom-comment{
    width: 80%;
    margin: 0 auto;
  }

  .bottom-comment p{
    text-align: left;
    margin-top: 2%;
    display: flex;
    justify-content: center;
  }

  hr.m-line{
    display: none;
  }

  m-space{
    display: none;
  }

}
/*-----------------------
 タブレットスタイル(縦)
-------------------------*/
@media screen and (min-width: 897px) and (max-width: 1024px) {

  .vehicle-guide-area{
    width: 100%;
  }

  .vehicle-guide-box{
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10%;
    display: flex;
  }

  .vehicle-guide-photo{
    width: 40%;
  }

  .vehicle-guide-photo img{
    width: 100%;
  }

  .vehicle-guide-text{
    width: 55%;
    margin-left: 2%;
    display: flex;
    flex-direction: column;
  }

  .vehicle-name-box{
    width: 100%;
    display: flex;
  }

  .vehicle-name-jp{
    display: flex;
  }

  .vehicle-name-eng{
    display: flex;
    align-items: center;
    margin-left: 2%;
  }

  .vehicle-name-eng p{
    font-weight: normal;
    font-size: 2.3vw;
    color: #dbdbdb;
  }

  .vehicle-info{
    width: 100%;
    padding: 5% 1%;
  }

  .bottom-comment{
    width: 80%;
    margin: 0 auto;
    margin-top: 3%;
  }

  .bottom-comment p{
    text-align: left;
    margin-top: 2%;
    display: flex;
    justify-content: center;
  }

  hr.m-line{
    display: none;
  }

  m-space{
    display: none;
  }

}

/*-------------------
タブレット_横
-------------------*/
@media screen and (min-width: 1025px) and (max-width: 1400px) {

  .vehicle-guide-area{
    width: 100%;
  }

  .vehicle-guide-box{
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10%;
    display: flex;
  }

  .vehicle-guide-photo{
    width: 40%;
  }

  .vehicle-guide-photo img{
    width: 100%;
  }

  .vehicle-guide-text{
    width: 55%;
    margin-left: 2%;
    display: flex;
    flex-direction: column;
  }

  .vehicle-name-box{
    width: 100%;
    display: flex;
  }

  .vehicle-name-jp{
    display: flex;
  }

  .vehicle-name-eng{
    display: flex;
    align-items: center;
    margin-left: 2%;
  }

  .vehicle-name-eng p{
    font-weight: normal;
    font-size: 2vw;
    color: #dbdbdb;
  }

  .vehicle-info{
    width: 100%;
    padding: 5% 1%;
  }

  .bottom-comment{
    width: 80%;
    margin: 0 auto;
  }

  .bottom-comment p{
    text-align: left;
    margin-top: 2%;
    display: flex;
    justify-content: center;
  }

  hr.m-line{
    display: none;
  }

  m-space{
    display: none;
  }

}

/*-------------------
ＰＣ
-------------------*/
@media all and (min-width: 1401px){

  .vehicle-guide-area{
    width: 100%;
  }

  .vehicle-guide-box{
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10%;
    display: flex;
  }

  .vehicle-guide-photo{
    width: 40%;
  }

  .vehicle-guide-photo img{
    width: 100%;
  }

  .vehicle-guide-text{
    width: 55%;
    margin-left: 2%;
    display: flex;
    flex-direction: column;
  }

  .vehicle-name-box{
    width: 100%;
    display: flex;
  }

  .vehicle-name-jp{
    display: flex;
  }

  .vehicle-name-eng{
    display: flex;
    align-items: center;
    margin-left: 2%;
  }

  .vehicle-name-eng p{
    font-weight: normal;
    font-size: 1.5vw;
    color: #dbdbdb;
  }

  .vehicle-info{
    width: 100%;
    padding: 5% 1%;
  }

  .bottom-comment{
    width: 80%;
    margin: 0 auto;
  }

  .bottom-comment p{
    text-align: left;
    margin-top: 2%;
    display: flex;
    justify-content: center;
  }

  hr.m-line{
    display: none;
  }

  m-space{
    display: none;
  }

}
/*-------------------
印刷用
-------------------*/
@media print{

  .vehicle-guide-area{
    width: 100%;
  }

  .vehicle-guide-box{
    width: 80%;
    margin: 0 auto;
    margin-bottom: 5%;
    display: flex;
  }

  .vehicle-guide-photo{
    width: 40%;
  }

  .vehicle-guide-photo img{
    width: 100%;
  }

  .vehicle-guide-text{
    width: 55%;
    margin-left: 2%;
    display: flex;
    flex-direction: column;
  }

  .vehicle-name-box{
    width: 100%;
    display: flex;
  }

  .vehicle-name-jp{
    display: flex;
  }

  .vehicle-name-eng{
    display: flex;
    align-items: center;
    margin-left: 2%;
  }

  .vehicle-name-eng p{
    font-weight: normal;
    font-size: 1.5vw;
    color: #dbdbdb;
  }

  .vehicle-info{
    width: 100%;
    padding: 5% 1%;
  }

  .bottom-comment{
    width: 80%;
    margin: 0 auto;
  }

  .bottom-comment p{
    text-align: left;
    margin-top: 2%;
    display: flex;
    justify-content: center;
  }

  hr.m-line{
    display: none;
  }

  m-space{
    display: none;
  }

}


/*-------------------
共通
-------------------*/