@charset"UTF-8";

/* 
***********************************************************
* Copyright(C) CIDARIO Inc.
* URI:http://cidario.co.jp
* Editor:Hiromi Yoshino
***********************************************************
*/


/* article
========================================================================================================
*/

/*----------------------------------------
                  alternative_car
-----------------------------------------*/

article#alternative_car div.alternative_car01{
  position: relative;
  width:100%;
  padding: 0;
  margin: 0 auto;
}

article#alternative_car div.alternative_car01 img{
  position: relative;
  width:100%;
  z-index: 100;
}

@media print, screen and (min-width:960px) { 
  article#alternative_car div.alternative_car01 img{
   width:100%;
   max-width: 780px;
  }
}

div.alternative_car01::before{
  content: "";
  width:35%;
  height:90%;
  background: url(/images/alternative_car/alternative_car04.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  bottom:9%;
  right: 0;
  z-index: 101;
}

@media print, screen and (min-width:960px) { 
  div.alternative_car01::before{  
    background: url(/images/alternative_car/alternative_car04.png) no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    bottom:9%;
    right: -30px;
  }
}

div.alternative_car01::after{
  content: "";
  width:64%;
  max-width:480px;
  height:38%;
  background: url(/images/alternative_car/alternative_car03.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  left:5%;
  top:26%;
  z-index: 102;
}

article#alternative_car div.alternative_car02{
  width:100%;
  background-color: #F4F4F4;
  padding: 0 0 30px 0;
  margin: 0 auto;  
}

@media print, screen and (min-width:640px) { 
  article#alternative_car div.alternative_car02{
    padding: 0 0 60px 0;
  }
}

article#alternative_car div.alternative_car02 h2{
  width:90%;
  font-size:24px; font-size:2.4rem;
  font-weight: 900;
  font-style: italic;
  text-align: center;
  padding: 30px 0;
  margin: 0 auto;  
}

@media print, screen and (min-width:640px) { 
  article#alternative_car div.alternative_car02 h2{
   width:100%;
   font-size: 36px; font-size: 3.6rem;
   padding: 15px 0 30px 0;
   margin: 0 auto;  
  }
}

article#alternative_car div.alternative_car02 dl::before{
  content: "";
  width:70px;
  height:75px;
  /*background: url(/images/alternative_car/alternative_car02.png) no-repeat 50% 50%;*/
  background-size: 100%;
  position: absolute;
  top:-60px;
  left:0;  
}

@media print, screen and (min-width:640px) { 
  article#alternative_car div.alternative_car02 dl::before{
   content: "";
   width:120px;
   height: 130px;
   position: absolute;
   top:-105px;
   left:2.5%;  
  }
}

article#alternative_car div.alternative_car02 dl{  
  position: relative;
  width:90%;
  background-color: #FFF;
  padding: 25px 4.5% 10px 4.5%;
  margin: 0 auto;
}

@media print, screen and (min-width:960px) { 
  article#alternative_car div.alternative_car02 dl{  
   width:86%;
   padding: 50px 4.5% 20px 4.5%;
   margin: 0 auto;
  }
}

article#alternative_car div.alternative_car02 dl dt{
  font-size: 20px; font-size: 2.0rem;
  font-weight: 700;
  color: #6CC50D;
  text-align: center;
}

@media print, screen and (min-width:960px) { 
  article#alternative_car div.alternative_car02 dl dt{
    font-size: 24px; font-size: 2.4rem;
  }
}

article#alternative_car div.alternative_car02 dl dd{
  line-height: 200%;
  margin: 10px 0 30px 0;
}

@media print, screen and (min-width:960px) { 
  article#alternative_car div.alternative_car02 dl dd{
    margin: 20px 0 40px 0;
  }
}

article#alternative_car div.alternative_car03{
  width:100%;
  padding: 0;
  margin: 0 auto 30px auto;  
}

@media print, screen and (min-width:960px) { 
   article#alternative_car div.alternative_car03{
    margin: 0 auto 60px auto;  
  }
}

article#alternative_car div.alternative_car03 h2{
  width:100%;
  background-color: #00B2B2;
  font-size: 20px; font-size: 2.0rem;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  padding: 20px 0;  
}

@media print, screen and (min-width:960px) { 
  article#alternative_car div.alternative_car03 h2{
   width:100%;
   font-size: 26px; font-size: 2.6rem;
   padding: 20px 0;  
  }
}

article#alternative_car div.alternative_car03 dl{
  width:100%;
  padding: 30px 4.5%;
}

@media print, screen and (min-width:960px) { 
  article#alternative_car div.alternative_car03 dl{
    padding: 50px 4.5%;
  }
}

article#alternative_car div.alternative_car03 dl dt{
  font-size: 18px; font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

@media print, screen and (min-width:960px) { 
  article#alternative_car div.alternative_car03 dl dt{
    font-size: 24px; font-size: 2.4rem;
  }
}

article#alternative_car div.alternative_car03 dl dd{
  line-height: 200%;
  text-align: center;
  margin: 15px 0 0 0;
}

@media print, screen and (min-width:960px) { 
  article#alternative_car div.alternative_car03 dl dd{
    margin: 30px 0 0 0;
  }
}

article#alternative_car div.alternative_car03 div{
  width:90%;
  background-color: #F4F4F4;
  padding: 25px 0;
  margin: 0 auto;
}

@media print, screen and (min-width:960px) { 
  article#alternative_car div.alternative_car03 div{
    width:100%;
    padding: 25px 0;
    margin: 0;
  }
}

article#alternative_car div.alternative_car03 div a{
  position: relative;
  display: block;
  width:240px;
  height: 50px;
  margin: 0 auto;
}

article#alternative_car div.alternative_car03 div a span{
  width: 100%;
  font-size: 16px; font-size: 1.6rem;
  text-align: center;
  position: absolute;
  top:50%;
  left:0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}