/*PC+スマホ共通設定*/
.bold {
  font-weight:bold;
}
.red {
  color:#D60000;
  font-weight: bold;
}
.blue {
  color: #3c59ab;
}
.orange{
  color:#f9b800
}


/*デフォルト設定*/


/*オリジナル設定*/
.btn01 a{
    display: inline-block;
    background: #D60000 url(../img/btn01.png) no-repeat right 20px center;
    color: #FFF !important;
    font-size: 1vw;
    height: 50px;
    padding: 10px 50px;
    text-align: center;
    line-height: 33px;
    background-size: 6px;
    margin-top: 40px;
}

.btn02{
  text-align: center;
}

.btn02 a{
  display: inline-block;
  background-color: #FFE200;
    font-size: 1.2vw;
    padding: 20px 80px;
    text-align: center;
    border-radius: 40px;
    margin-top: 15px;
}

.btn-fl{
  display: flex;
  justify-content:center;
}

.btn-fl .btn02{
  margin-right: 10px;
}

/*タイトル*/
.img-ttl{
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

section h2{
    font-size: 2.5vw;
    margin-bottom: 20px;
}

.ttl02 h2{
  text-align: center;
}

section h3{
    font-size: 2vw;
    margin-bottom: 10px;
    color: #D60000;
    line-height: 1.3;
}

section h4{
    font-size: 1.8vw;
    margin-bottom: 10px;
    color: #cea000;
    line-height: 1.3;
}

.green-text{
  color: #289B11;
}

/* teble */
/*-------------------------------------------*/
.table01 table{
  width: 100%;
}

.table01 table tr{
}

.table01 table th,.table01 table td{
  border-bottom: 1px solid;
  padding: 20px;
}

.table01 table th{
  text-align: left;
}

.table01 table td span{
  font-weight: bold;
}

.table01 table td span.small{
  font-size: 10px;
  font-weight: unset;
}

.table02 table th,.table02 table td{
  padding:35px 0;
}

.table02 table th{
  font-weight: bold;
  font-size: 16px;
  width: 30%;
  border-bottom: 1px solid #3F295E;
  vertical-align: middle;
}

.table02 table td{
  border-bottom: 1px solid #AFA9A9;
}

.table02 table td ul li{
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 20px;
}

/*共通*/
.text_box p{
  color: #707070;
  margin-bottom: 20px;
}

.contact-box{
  background: url(../img/contact-box.jpg) no-repeat left top;
  position: relative;
  height: 280px;
  margin-top: 50px;
}

.contact-box > div{
  position: absolute;
  top: 20px;
  right: 30px;
}

.contact-box h3{
  font-size: 30px;
}

.contact-box p{
  font-size: 23px;
  margin-bottom: 25px;
}

.contact-box ul{
  display: flex;
}

.contact-box ul li{
  margin-right: 15px;
}

/*背景*/
.bg01{
  background: url(../img/bg01.jpg) no-repeat left top;
  background-size: cover;
}

.bg02{
  background: url(../img/bg02.jpg) no-repeat left top;
  background-size: cover;
}

.home section{
  padding: 100px 0 0;
}


.bnr{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
}

.bnr > div{
  width: 48%;
}

/*フッター
=========================================== */
.ft-info .tel{
  margin: 20px 0;
}

.ft-info .tel p{
  font-size: 18px;
}

/*トップページ
=========================================== */
#topBox00{
  padding: 0;
  margin-bottom: 0;
}

#topBox00 ul{
  display: flex;
  justify-content: center;
}

#topBox00 ul li{
  width: 30%;
  border: 1px solid #888888;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
}

#topBox00 ul li:first-child{
  margin-right: 10px;
}

#topBox00 ul li:last-child{
  margin-left: 10px;
}

.top_news{
  overflow: hidden;
}

.top_news .ttl01{
  width: 250px;
  float: left;
}

.top_news .news_con{
  width: 800px;
  float: right;
  padding: 20px 0;
  border-top: 1px solid;
  border-bottom: 1px solid #808080;
}

.top_news-date{
  font-size: 14px;
}

#topBox02{
  text-align: center;
  margin-bottom: 0;
  padding: 60px 0;
}

#topBox02 .wrap > div{
  margin-bottom: 40px;
}

.point p{
  font-size: 1.5vw;
  font-weight: bold;
}

#topBox03{
  padding: 60px 0;
}

#topBox03 h3{
  color: #333;
  text-align: center;
  margin-bottom: 15px;
}

.price-in{
  background-color: #fff;
  padding: 30px;
  margin-bottom: 60px;
}

.illust01,.illust02{
  margin: 50px 0;
  text-align: center;
}

.illust01{
  margin-bottom: 100px;
}

.illust02{
  margin-top: 100px;
}

#topBox06{
  text-align: center;
  padding-top: 0;
}

#topBox07{
  text-align: center;
}

/*車両ラインナップ*/
.car_li-n{
  display: flex;
}

.car_lineup > div img{
  width: 55%;
  margin-right: 5%;
}

.car_li-n > div{
  width: 40%;
}

.car_lineup > div table th,.car_lineup > div table td{
  padding: 5px 20px;
  font-size: 2vw;
  border-bottom: 1px solid;
}

@media screen and (min-width: 1700px) {
  .car_lineup > div table th,.car_lineup > div table td{
    font-size: 1.5vw;
    padding: 5px 10px;
  }

  .car_lineup h4{
    font-size: 2vw !important;
  }
}

.car_lineup > div table th{
  text-align: left;
}

.car_lineup > div table td{
  text-align: right;
}

.car_lineup > div table td span{
  font-size: 12px;
}

.car_lineup > div p{
}

.car_lineup h4{
  font-size: 3vw;
}

.car_lineup h5{
  font-size: 1.5vw;
}

/*貸出〜返却手順
=========================================== */
.flowbox{
  border: 10px solid #f7f7f7;
  padding: 20px;
}

/*約款*/

#copy{
  width: 100%;
  height: 600px;
  padding: 30px;
  overflow-y: scroll;
  font-size: 14px;
  line-height: 1.6;
  color: #585858;
  border: 1px solid #eee;
  border-radius: 4px;
}

#copy h5{
  font-size: 23px;
}

#copy h6{
  font-size: 18px;
}

#copy p{
  margin-bottom: 25px;
}


/* よくある質問
=========================================== */
section#p08Box01{padding:40px 0 80px;}

/*タブ*/
ul.faq-tab{border:solid 1px #FFE200;margin-bottom:30px;}
ul.faq-tab > li{width:25%;display:table;border-right:solid 1px #FFE200;box-sizing: border-box;}
ul.faq-tab > li:nth-child(4n){border-right:none;}
ul.faq-tab > li:nth-child(1){border-bottom:solid 1px #FFE200;}
ul.faq-tab > li:nth-child(2){border-bottom:solid 1px #FFE200;}
ul.faq-tab > li:nth-child(3){border-bottom:solid 1px #FFE200;}
ul.faq-tab > li:nth-child(4){border-bottom:solid 1px #FFE200;}
ul.faq-tab label {display: table-cell;cursor: pointer;text-align: center;padding:10px 20px;transition: 0.3s;
background-color: #fff;font-size: 15px;color:#000;}
ul.faq-tab label:hover{background:  url(../img/p08/p08-ico02.png) no-repeat center bottom 23px #FFE200;color:#000;}
input#que01:checked ~ ul.faq-tab label.que01,
input#que02:checked ~ ul.faq-tab label.que02,
input#que03:checked ~ ul.faq-tab label.que03,
input#que04:checked ~ ul.faq-tab label.que04,
input#que05:checked ~ ul.faq-tab label.que05,
input#que06:checked ~ ul.faq-tab label.que06,
input#que07:checked ~ ul.faq-tab label.que07{background-color:#FFE200;color:#000;}


.p08-cont01 input[type="radio"] {display: none;}
div.faq {box-sizing: border-box;  height:0;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  overflow-y: hidden;}

#que01:checked ~ div.faq-type .faq01 {height: auto;opacity: 1;overflow: initial;}
#que02:checked ~ div.faq-type .faq02 {height: auto;opacity: 1;overflow: initial;}
#que03:checked ~ div.faq-type .faq03 {height: auto;opacity: 1;overflow: initial;}
#que04:checked ~ div.faq-type .faq04 {height: auto;opacity: 1;overflow: initial;}
#que05:checked ~ div.faq-type .faq05 {height: auto;opacity: 1;overflow: initial;}
#que06:checked ~ div.faq-type .faq06 {height: auto;opacity: 1;overflow: initial;}
#que07:checked ~ div.faq-type .faq07 {height: auto;opacity: 1;overflow: initial;}

/*タブ終わり*/

.faq-list {}
article.faqBox {border: solid 1px #a5a5a5;margin-bottom: 15px;}
.q-text {padding: 13px 55px 13px 20px;position:relative;cursor: pointer;background:#eee;}
.q-text:before{content:"＋";position:absolute;height:45px;right:30px;top:0;bottom:0;margin:auto 0;font-size:30px;color: #000;}
.q-text.on:before{content:"－";}

.a-text {padding: 20px;border-top: solid 1px #a5a5a5;display:none;font-size:14px;}
.q-text h3 {font-size: 21px;color: #000;font-weight: 500;margin-bottom: 0;}


/*ブログ
=========================================== */
.blogs{
  padding: 20px 0;
  border-top: 1px solid #cbcbcb;
}

.blogs a{
  display: flex;
  justify-content: space-between;
}

.blogs-img{
  width: 25%;
}

.blogs-cont{
  width: 70%;
}

#blogBox01 .wrap,#s-blogBox01 .wrap{
  display: flex;
  justify-content: space-between;
}

.blog-list{
  width: 72%;
}

.blog-side{
  width: 23%;
}

.blogs-title h2{
  font-size: 20px;
}

a.wp-block-latest-posts__post-title {
    font-size: 14px;
}