/* =================================================================
  1. Base Style (Mobile First)
  - すべてのデバイスの基本となるスタイル
================================================================= */

.ten-years-carlife {
  width: 100%;
  /*
    max-width: 1440px;
    */
  margin: 0 auto;
  margin-top: 30px;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  background-color: #e8edeb;
}

.case1case2-head {
  margin: 0 auto;
  text-align: center;
  width: 100vw;
}

body.cs12-mobile-portrait .case1case2-head  {
  padding: 66px 0 40px;
  width: 100vw;
}
body.cs12-mobile-landscape .case1case2-head  {
  padding: 50px 0 30px;
  width: 100vw;
}
.case1case2-head img {
  width: 100%;
}






@media screen and (min-width: 768px) and (min-width: 933px),
screen and (min-width: 768px) and (orientation: portrait) {
  .ten-years-carlife {
    width: 100%;

    max-width: 1440px;
    margin: 0 auto;

    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    background-color: #e8edeb;
  }

  .case1case2 {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    margin-top: 30px;
    box-sizing: border-box !important;
    width: 100%;
    /*
    max-width: 1270px;
    */
    padding-left: 0;
    
  }

  .case1,
  .case2 {
    overflow: hidden;
  }

}
/*
*
*
* PC
*
*
*
*/
@media screen and (min-width: 768px) {

  body.cs12-desktop-device .ten-years-carlife {
    width: 100%;
    padding-top: 30px;
  }

  body.cs12-desktop-device .case1case2 {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    
    box-sizing: border-box !important;
    /*
    max-width: 1270px;
    */
    padding-left: 170px;
    
  }
  body.cs12-desktop-device .case1case2-head {
    padding: 66px 0 40px;
    width: 100%;
    /*
    max-width: 414px;
    */
    margin: 0 auto;
  }
  
  body.cs12-desktop-device .case1,
  body.cs12-desktop-device .case2 {
    overflow: hidden;
  }
}