/* 自社トラックにてお届けします */
/* ============================================ */

.rental_forward_inner {
    width: 100%;
    margin: 8rem auto 5rem;
    padding: 0 2rem
}

.rental_forward_inner .flexbox{
    display: block;
    padding: 10px 0;
}
.rental_forward_inner .flexbox>div{
    width: 100%;
    padding: 10px 0;
}
.rental_forward_inner .text {
    text-align: left;
    font-feature-settings: "palt";
    line-height: 2.5
}
.rental_forward_inner .title-text {
    color: #F16C16;
    font-size: 3rem;
    font-weight: bold;
}

.rental_forward_inner .text-title {
    font-size: 2.4rem;
    font-weight: bold;
    margin-top: 5rem
}

.rental_forward_inner .table_flexbox{
    display: block;
    padding: 10px 0;
}
.rental_forward_inner .table_flexbox>div{
    width: 100%;
    padding: 0px;
}

.rental_forward_inner .list {
        border-collapse: collapse;
        border: 1px solid #ffffff;
        table-layout:fixed;
        width: 100%;
        margin: 0rem auto ;
}
    .rental_forward_inner .list th, .list td {
        border: 1px solid #ffffff;
        padding: .6em;
        text-align: center;
        background: #F2F2F2;
}
    .rental_forward_inner .list th {
        background: #F16C16;
        color: #fff;
        font-weight: bold;
        font-size: 1.4rem
}


@media (min-width: 768px) {
    .rental_forward_inner {
        max-width: 1200px;
        margin: 9.5rem auto 0;
        padding:0 2rem ;
}
   .rental_forward_inner .flexbox {
       display: flex;
       padding: 0px;
}
    .rental_forward_inner .flexbox>div {
        width: 50%;
        padding: 0px;
        text-align: center;
}
    
   .rental_forward_inner .table_flexbox {
       display: flex;
       padding: 0px;
}
    .rental_forward_inner .table_flexbox>div {
        width: 50%;
        padding: 0px;
        text-align: center;
}
    .rental_forward_inner .title-text {
        color: #F16C16;
        font-size: 3rem;
        font-weight: bold;
        text-align: left;
}
    
    .rental_forward_inner .list {
        border-collapse: collapse;
        border: 1px solid #ffffff;
        table-layout:fixed;
        width: 100%;
        margin: 1rem auto ;
}
    .rental_forward_inner .list th, .list td {
        border: 1px solid #ffffff;
        padding: .6em;
        text-align: center;
        background: #F2F2F2;
}
    .rental_forward_inner .list th {
        background: #F16C16;
        color: #fff;
        font-weight: bold;
}
        .rental_forward_inner .small-text {
            font-size: 1.4rem;
}
} 

@media (min-width: 1201px) {
    .rental_forward_inner {
        max-width: 1240px;
        margin: 9.5rem auto 0;
        padding: 0 2rem ;
}
}
/* 安全運転への取り組み
/* ============================================ */

.safe_driving .title_line_area {
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 0rem;
    margin: 5rem 0 0 auto;

}

.safe_driving .title_line_area .title_line {
    max-width: 1200px;
    border-bottom: solid 2px #F2F2F2;
    position: relative;
    font-size: 3rem;
    font-weight: bold;
    right: 0;
    margin: auto;
    line-height: 2.5;
}
    
.title_line_area .title_line::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #F16C16;
    bottom: -3px;
    width: 80px;
}

.safe_driving_inner {
     max-width: 1200px;
    margin: 2rem auto;
    padding: 1rem 2rem
}

.safe_driving_inner .flexbox{
    display: block;
    padding: 10px 0 0 0 ;
}
.safe_driving_inner .flexbox>div{
    width: 100%;
    padding: 10px 0;
}


.safe_driving_inner .means-block__mail {
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  .safe_driving_inner .means-block__mail {
    width: 285px;
  }
}

@media screen and (min-width: 769px) {
  .safe_driving_inner .means-block__mail {
    width: 285px;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
    
    .safe_driving {
        max-width: 1200px;
        margin: 10rem 0 0 auto;
        padding: 0 0 0 2rem;
}
   
    .safe_driving .title_line_area {
        max-width: 1980px;
        padding-left: 0rem;
        padding-right: 0rem;
        margin: 0rem 0 3rem ;

}
    
.safe_driving .title_line_area .title_line {
        max-width: 1980px;
        border-bottom: solid 2px #F2F2F2;
        position: relative;
        font-size: 3rem;
        font-weight: bold;
        right: 0;
        margin: 0 0 3rem 0;
        padding-left: 0rem;
}
    
    .safe_driving .title_line::after {
        position: absolute;
        content: " ";
        display: block;
        border-bottom: solid 3px #F16C16;
        bottom: -3px;
        width: 80px;
}
    .safe_driving_inner {
        max-width: 1200px;
        margin: 0 ;
        padding:0 2rem 0 0 ;
} 

    .safe_driving_inner .flexbox {
           display: flex;
           padding: 0px;
        margin-bottom: 9rem;
}
    .safe_driving_inner .flexbox>div {
        width: auto;
        padding:0 30px 0 0;
        text-align:start;
}
    .safe_driving_inner .flexbox>div:last-child{
        padding:0 ;
        text-align:start;
}    

    .box{
        border: 2px solid #F16C16;
        margin-bottom: 1rem
}
    h3.box_header{
        background: #F16C16;
        color: #FFF;
        margin: 0;
        display:inline-block;
        padding: .25em .5em;
        font-size: 2rem;
}
    
    .box .inner{
        padding: .5em;
}  
}

@media (min-width: 1201px) {
    .safe_driving {
        max-width: 1240px;
        margin: 5rem auto 5rem;
        padding: 0 2rem;
}
    .safe_driving  .title_line_area {
        max-width: 1560px;
        padding-left: 0rem;
        padding-right: 0rem;
        margin: 6rem auto 3rem ;

}
}
}    
    
    
/* レンタル対応エリア
/* ============================================ */


.rental_area {
    margin: 0rem auto 15rem;
}

.rental_area .title_line_area {
    max-width: 1200px;
    padding-left: 2rem;
    padding-right: 0rem;
    margin: 5rem 0 0 auto;
}

.rental_area .title_line {
    max-width: 1200px;
    border-bottom: solid 2px #F2F2F2;
    position: relative;
    font-size: 2.5rem;
    font-weight: bold;
    right: 0;
    margin:0 auto 3rem;
    line-height: 2.5;
}
    
.rental_area .title_line::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #F16C16;
    bottom: -3px;
    width: 80px;
}

.table_design02 {
  border-collapse: collapse;
  width: 100%;
  max-width:none;
    margin: 0 2rem 0 0  ;
}
 .table_design02 td {
    border-bottom: 1px solid #c1c7c6;
    padding: .5em 0rem;
    font-size: 1.8rem;
     width: 90%;
}
.table_design02 th {
    border-bottom: 2px solid #c1c7c6;
    font-weight: bold;
    font-size: 2rem;
    text-align: left;
    width: auto;
    min-width: 4em;
    vertical-align: middle;
    padding: .5rem
}

.rental_area_inner {
    width: auto;
    margin: 3rem 2rem;
    padding: 0rem
}

@media (min-width: 768px) {
    .rental_area {
        max-width: 1200px;
        margin: 10rem 0 25rem auto;
        padding: 0 0 0 2rem;
}
    
.rental_area .title_line_area {
        max-width: 1980px;
        padding-left: 0rem;
        padding-right: 0rem;
        margin: 0rem 0 3rem ;

}
    
.rental_area .title_line_area .title_line {
        max-width: 1980px;
        border-bottom: solid 2px #F2F2F2;
        position: relative;
        font-size: 3rem;
        font-weight: bold;
        right: 0;
        margin: 0 0 3rem 0;
        padding-left: 0rem;
}
    
.rental_area .title_line::after {
        position: absolute;
        content: " ";
        display: block;
        border-bottom: solid 3px #F16C16;
        bottom: -3px;
        width: 80px;
}
    
    .rental_area_inner {
        max-width: 1200px;
        margin: 0;
        padding:0 2rem 0 0 ;
}
    .table_design02 {
        border-collapse: collapse;
        width: 100%;
        max-width: 1200px;
}
.table_design03 th, .table_design02 td {
    border-bottom: 1px solid #c1c7c6;
    padding: 1em;
    font-size: 1.8rem;
}
.table_design02 th {
    border-bottom: 1px solid #c1c7c6;
    font-weight: bold;
    font-size: 2.4rem;
    text-align: left;
    width: 20%;
    min-width: 4em;
    vertical-align: middle;
}

.compatible_area_inner {
    width: 100%;
    margin: 2rem auto;
    padding: 1rem 2rem
}
}

@media (min-width: 1201px) {
    .rental_area {
        max-width: 1240px;
        margin: 10rem auto 25rem;
        padding: 0 2rem;
}
    
.rental_area .title_line {
    max-width: 1580px;
        border-bottom: solid 2px #F2F2F2;
        position: relative;
        font-size: 3rem;
        font-weight: bold;
        right: 0;
        margin: 0 0 3rem 0;
        padding-left: 0rem;
}
    
}