.wrap{

  width: 960px;

  margin: 0 auto;

}



header.pc{

  height: 200px;

}

header.sp{

  height: 81px;

  display: none;

}





/* サブナビ・サイド設定 */

.main{

  overflow: hidden;

  text-align: left;

}

.main .sub-nav{

  float: left;

  width: 220px;

}



.main .main-content{

  float: left;

  width: 740px;

}





/* フッター設定 */

.footer-upper .wrap{

  display: table;

}

.footer-upper .company-info,

.footer-upper .site-list,

.footer-upper .aktio{

  display: table-cell;

}

.footer-upper .company-info{

  width: 280px;

}

.site-list .first{

  width: 300px;

}

.site-list .second{

  width: 200px;

}



.pc-off-sp-on{

  display: none;

}



/* ------------------------------------------

 * タブレット

 */

@media screen and (max-width: 959px) {



  header.pc,

  .breadcrumb,

  .sub-nav {

    display: none;

  }

  header.sp {

    display: block;

  }



  header.pc,

  .breadcrumb,

  .sub-nav,

  .wrap,

  .main .main-content,

  .footer-upper .company-info,

  .footer-upper .site-list,

  .footer-upper .aktio{

    width: 100%;

  }



  .wrap{

    padding-left: 10px;

    padding-right: 10px;

  }



  /* フッター */

  .footer-upper .wrap,

  .footer-upper .company-info,

  .footer-upper .site-list,

  .footer-upper .aktio{

    display: block;

  }

  .company-info{

    text-align: center;

  }



  /* トップ */

  .top-content .catch-copy{

    height: 400px;

  }

  .top-content .product{

    border-top: 15px solid #ffffff;

    border-bottom: 15px solid #ffffff;

  }

  .product-lineup__item {

    width: 48%;

  }

  .guide-list__item {

    width: 48%;

    margin-bottom: 15px;

  }

}



/* ------------------------------------------

 * SP

 */

@media screen and (max-width: 599px) {



  .pc-off-sp-on{

    display: block;

  }

  .pc-on-sp-off{

    display: none !important;

  }



  /* フッター */

  .footer__copywrite{

    font-size: 10px;

  }



  /* トップ */

  .top-content .catch-copy{

    height: 100px;

  }

  .catch-copy__word{

    font-size: 14px;

  }

  .product__word{

    font-size: 13px;

  }

  .product-lineup,

  .guide-list,

  .news_list,

  .product-lineup__item,

  .guide-list__item{

    width: 100%;

  }



  /* コンテンツ */

  .table-list__one,

  .table-list__one .tilte,

  .table-list__one .item {

    display: block;

    width: 100%;

  }

  .time-series__one,

  .time-series__one .date,

  .time-series__one .history {

    display: block;

    width: 100%;

  }

  .support-excerpt__item{

    width: 100%;

  }

  .documents .terms-table{

    font-size: 12px;

  }

  .documents__casual p.strong-word {

    font-size: 16px;

  }



  .flex-table thead{

    display: none;

  }

  .flex-table th,

  .flex-table td{

    display: block;

  }

  .rental-insurance2 .col-1{

    width: 100%;

  }

}