/*
Theme Name: トヨタレンタリース202508
Theme URI: http://www.trl-fukushima.co.jp
Description: トヨタレンタリース福島
Author: トヨタレンタリース福島
Author URI: http://www.trl-fukushima.co.jp
version: 2025August;
*/

@charset "utf-8";

/*---------------------------------------------------------------------------
  基本設定
----------------------------------------------------------------------------*/

/* ベース
------------------------------------------- */
*{
  margin: 0;
  padding: 0;
  word-break: break-all;
  box-sizing: border-box;
}
html {
  color: #000000;
  font-size : 88%;
  font-family:'メイリオ',Meiryo,MS Serif,'ＭＳ Ｐゴシック',sans-serif;
  line-height : 1.5;
  margin: 0px;
  overflow-x: hidden;
}
body {
  padding: 0;
  width: 100%;
}
input[type=submit] {
  -webkit-appearance: none;
}

/* リンク
------------------------------------------- */
a {
  outline:none;
  color: #000000;
  text-decoration : none;
}
a:hover {
  color: #cccccc;
}

/* リスト
------------------------------------------- */
ul, ol { list-style : none; }

/* table
------------------------------------------- */
/*table { font-size:88%; }*/

/* タイトル
------------------------------------------- */
h1,h2,h3,h4,h5,h6 { 
  margin-bottom : 1rem;
  font-weight: normal;
}
h1 {
  font-size : 48px; 
  line-height : 1;
}
h2 {
  font-size : 36px;
  line-height : 1.3333;
}
h3 {
  font-size : 24px;
  line-height : 1;
}
hgroup h2,h4,h5,h6 {
  font-size : 16px;
  line-height : 1.5;
}

/* 文字色
------------------------------------------- */
.c_red { color: #D30004; }
.bl { color: #87B2D9; }
.ye { color: #F8B62C; }
.pk { color: #EC6E82; }
.vl { color: #B7B1D1; }
.gl { color: #00B7A4; }
.gr { color: #999999; }

/* 太さ
------------------------------------------- */
.fw { font-weight: 700 !important; }

/* 文字揃え
------------------------------------------- */
.tx_r { text-align: right !important; }
.tx_c { text-align: center !important; }
.tx_l { text-align: left !important; }

/* サイズ
------------------------------------------- */
.f_small { font-size: 69% !important; }
.f_mid { font-size: 100% !important; }
.f_midmid { font-size: 113% !important; }
.f_large { font-size: 150% !important; }

/* 揃え
------------------------------------------- */
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}

/* 画像
------------------------------------------- */
img {
  border: 0;
  vertical-align : center;
  max-width : 100%;
}
#map img {
  max-width: none;
}

/* キャプション
------------------------------------------- */
.wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  margin-bottom: 20px;
  max-width: 632px !important;
  padding: 8px;
  text-align: center;
}
.wp-caption img {
  margin: 0px auto 5px auto;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  color: #666666;
  font-size: 14px;
  margin: 5px;
}
  @media only screen and (max-width: 768px){ /* スマホ */
    .wp-caption {
      background: #f1f1f1;
      line-height: 18px;
      width: 90% !important;
      margin: 10px auto;
      padding: 8px;
      text-align: center;
    }
    .wp-caption img {
      width: 100%;
      height: auto;
      margin-bottom: 0;
    }
  }

/* クリアフィクス
------------------------------------------- */
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.cle { clear: both; }

/* ページフロート
------------------------------------------- */
.flo_ll {
  float: left;
}
.flo_l {
  float: left;
  display: block;
}
.flo_r {
  float: right;
  display: block;
}
.flo_l2 {
  float: left;
  display: block;
  width: 50%;
}
.flo_r2 {
  float: right;
  display: block;
  width: 50%;
}
.flo_l3 {
  float: left;
  display: block;
  width: 20%;
}
.flo_r3 {
  float: right;
  display: block;
  width: 78%;
}
  @media only screen and (max-width: 768px){ /* スマホ */
    .flo_l {
      display: block;
      width: 90%;
    }
    .flo_r {
      display: block;
      width: 90%;
    }
  }

/* 背景
------------------------------------------- */
.topbg {
  background: #ffffff;
}

/* レスポンシブ
------------------------------------------- */
@media print, screen and (min-width: 768px) { /* PC */
  a[href^="tel:"] {
    pointer-events: none;
  }
  .smp_off {
    display: none !important;
  }
}

@media only screen and (max-width: 768px){ /* スマホ */
  .smp_img {
    display: block;
    float: left;
    width: 48% !important;
    padding:1% 1%;
    vertical-align : middle !important;
    margin-bottom: 0% !important;
  }
  .pc_off {
    display: none !important;
  }
}

/*---------------------------------------------------------------------------
  ヘッダー
----------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) { /* PC */
  #header {
    position: relative;
    display: block;
    background-color: #F7D114;
    padding-bottom: 1rem;
  }
  body.home #header {
    padding-bottom: 0;
  }
  #header:after {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background-image: url(img/color_line.png);
    background-repeat: repeat-x;
    background-position: center top;
    background-size: contain;
    position: absolute;
    z-index: 10000;
    left: 0;
    top: 0;
  }
  #header .nav {
    width: 80%;
    min-width: 1100px !important;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
    top: 3px;
  }
  body.home #header .nav {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
  }
  #header .nav nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding:0;
    background: #fff;
    border-radius: 0 0 0.5rem 0.5rem;
    box-shadow: 0 0 0.5rem #cccccc;
  }
  #header .nav nav .smp-btn {
    display: none;
  }
  #header .nav nav h1 {
    width: 37%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
  }
  #header .nav nav h1 a {
    display: flex;
    align-items: center;
  }
  #header .nav nav h1 a img {
    width: 100%;
  }
  #header .nav nav ul {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  #header .nav nav ul li {
    width: calc(100% / 7);
    border-left: 1px solid #eee8e0;
  }
  #header .nav nav ul li a {
    display: block;
  }
  #header .nav nav ul li a:hover {
    background: #f9f6f1;
  }
  #header .nav nav ul li:nth-last-child(2) a {
    border-radius: 0 0 0.5rem 0;
  }
  #header .nav nav ul li:first-child,
  #header .nav nav ul li:last-child,
  #header .nav nav ul li a span {
    display: none;
  }
  #header .nav nav ul li a img {
    width: 100%;
    vertical-align: top;
  }
  #header .nav p.inq {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  #header .nav p.inq a {
    width: 8%;
    margin-right: 1.5rem;
    display: block;
  }
  #header .nav p.inq a img {
    width: 100%;
  }
}

@media only screen and (max-width: 768px){ /* スマホ */
  #header {
    position: relative;
    display: block;
  }
  #header:after {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background-image: url(img/color_line.png);
    background-repeat: repeat-x;
    background-position: center top;
    background-size: contain;
    position: absolute;
    z-index: 10000;
    left: 0;
    top: 0;
  }
  #header .nav {
    box-shadow: 0 0 0.5rem #cccccc;
    position: relative;
    z-index: 1000;
  }
  #header nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 60px;
  }
  #header nav h1 {
    width: 70%;
    margin-bottom: 0;
  }
  #header nav h1 a {
    display: flex;
    align-items: center;
  }
  #header nav h1 a img {
    width: 100%;
  }
  #header nav a.smp-btn {
    width: 25%;
    max-height: 50px;
    display: flex;
    align-items: center;
  }
  #header nav a.smp-btn img {
    width: 100%;
  }
  #header nav ul#smp-menu {
    width: 100%;
    display: none;
    background-color: #F9F6F1;
    border-top: 1px solid #cccccc;
    position: absolute;
    z-index: 9998;
    top: 60px;
    left: 0;
  }
  #header nav ul#smp-menu .smpclick {
    display: none;
  }
  #header nav ul#smp-menu li {
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
  }
  #header nav ul#smp-menu li a {
    display: block;
    margin: auto;
    padding: 0 2rem;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    color: #664E23;
    font-weight: 700;
    font-size: 115%;
  }
  #header nav ul#smp-menu li a span {
    display: flex;
    align-items: center;
  }
  #header nav ul#smp-menu li a span:before {
    content: "";
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    margin-right: 0.5rem;
  }
  #header nav ul#smp-menu li:nth-of-type(1) a span:before { background-image: url(img/nav/nav-home_sp.svg); }
  #header nav ul#smp-menu li:nth-of-type(2) a span:before { background-image: url(img/nav/nav-rental_sp.svg); }
  #header nav ul#smp-menu li:nth-of-type(3) a span:before { background-image: url(img/nav/nav-lease_sp.svg); }
  #header nav ul#smp-menu li:nth-of-type(4) a span:before { background-image: url(img/nav/nav-store_sp.svg); }
  #header nav ul#smp-menu li:nth-of-type(5) a span:before { background-image: url(img/nav/nav-sight_sp.svg); }
  #header nav ul#smp-menu li:nth-of-type(6) a span:before { background-image: url(img/nav/nav-qa_sp.svg); }
  #header nav ul#smp-menu li:nth-of-type(7) a span:before { background-image: url(img/nav/nav-company_sp.svg); }
  #header nav ul#smp-menu li:nth-of-type(8) a span:before { background-image: url(img/nav/nav-contact_sp.svg); }
  #header nav ul#smp-menu li:nth-of-type(9) a span:before { background-image: url(img/nav/nav-en_sp.svg); }
  #header nav ul#smp-menu li a img,
  #header .nav p.inq {
    display: none;
  }
}

/*---------------------------------------------------------------------------
  フッター
----------------------------------------------------------------------------*/
#footer {
  color : #666666;
  text-align : center;
  width: 100%;
  position: relative;
  margin-top: 3rem;
}
#footer:after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: url(img/color_line.png) repeat-x center bottom;
  background-size: contain;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
}
#footer p {
  font-size: 100%;
}
#footer a {
  color: #666666;
  font-size: 100%;
}
#footer_nav {
  padding-top: 1.75rem;
  padding-bottom: 0.2rem;
  background: #E6E6E6;
}
#footer_nav ul {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
#footer_nav ul li {
  position: relative;
}
#footer_nav ul li:after {
  content: "";
  display: block;
  width: 1px;
  height: 1.25em;
  background: #666666;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.625em;
}
#footer_nav ul li:last-child:after {
  content: none;
}
#footer_nav ul li a {
  padding: 0 0.75em;
}
#footer_nav ul li a img {
  display: none;
}
#copy {
  display:block;
  margin: 0 auto;
  padding: 1.5rem 0;
  text-align: center;
  font-size: 75%;
  background: #E6E6E6;
  position: relative;
}
#copy:before {
  content: "";
  display: block;
  width: 90%;
  height: 1px;
  background: #cccccc;
  position: absolute;
  left: 5%;
  top: 0;
}
  @media only screen and (max-width: 768px){ /* スマホ */
    #footer {
      z-index: 10;
      padding : 5px 0;
      color : #666666;
      text-align : center;
      text-align : center;
      background: url(img/color_line.png) repeat-x center bottom #ffffff;
      background-size: contain;
      width: 100%;
    }
    #footer p {
      font-size: 75%;
    }
    #footer a {
      color: #666666;
      font-size: 75%;
    }
    #copy {
      display:block;
      background: #fff;
      font-size: 3vw;
      line-height: 1.75em;
      padding: 1rem 0;
    }
    #footer_nav {
      width: 100%;
      background: #fff;
    }
    #footer_nav ul:nth-of-type(1) {
      flex-wrap: wrap;
      background: #F9F6F1;
      padding: 1rem 0;
      margin-bottom: 1rem;
    }
    #footer_nav ul:nth-of-type(1) li {
      width: 25%;
    }
    #footer_nav ul:nth-of-type(1) li:after {
      content: none;
    }
    #footer_nav ul:nth-of-type(1) li a span {
      color: #664e24;
      font-size: 3.5vw;
    }
    #footer_nav ul:nth-of-type(1) li a span:before {
      content: "";
      display: block;
      width: 100%;
      height: 70px;
      background-image: url(img/nav/nav-rental_sp.svg);
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
    }
    #footer_nav ul:nth-of-type(1) li:nth-child(2) a span:before {
      background-image: url(img/nav/nav-yoyaku.svg);
    }
    #footer_nav ul:nth-of-type(1) li:nth-child(4) a span:before {
      background-image: url(img/nav/nav-store_sp.svg);
    }
    #footer_nav ul:nth-of-type(1) li:nth-child(5) a span:before {
      background-image: url(img/nav/nav-sight_sp.svg);
    }
    #footer_nav ul:nth-of-type(1) li:nth-child(6) a span:before {
      background-image: url(img/nav/nav-lease_sp.svg);
    }
    #footer_nav ul:nth-of-type(1) li:nth-child(7) a span:before {
      background-image: url(img/nav/nav-qa_sp.svg);
    }
    #footer_nav ul:nth-of-type(1) li:nth-child(8) a span:before {
      background-image: url(img/nav/nav-company_sp.svg);
    }
    #footer_nav ul:nth-of-type(1) li:nth-child(11) a span:before {
      background-image: url(img/nav/nav-contact_sp.svg);
    }
    #footer_nav ul:nth-of-type(1) li a {
      display: block;
      width: 100%;
      padding: 0;
    }
    #footer_nav ul:nth-of-type(1) li a img {
      display: block;
      width: 100%;
    }
    #footer_nav ul:nth-of-type(2) {
      flex-wrap: wrap;
    }
  }

/* ページトップへ
------------------------------------------- */
.pagetop_base {
  display: block;
  width: 85%;
  margin: 0 auto;
  position: relative;
}
.pagetop_base img {
  width: 100%;
  vertical-align:top;
}
.page_link {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
}
#pageTop{
  z-index: 100;
  position: absolute;
  right: 8%;
  display: block;
  margin: 0;
  padding: 0;
  width: 6%;
}
#pagehome{
  z-index: 100;
  position: absolute;
  right: 15%;
  display: block;
  margin: 0;
  padding: 1% 0 0 0;
  width: 6%;
}

  @media only screen and (max-width: 768px){ /* スマホ */
    .page_link {
      display:block;
      margin: 0;
      padding: 0;
      width: 100%;
    }
    .page_link a.smp_off {
      display: block !important;
    }
    #pageTop{
      width: 25%;
      height: 0;
      right: 0;
      margin-top: -0.25rem;
    }
    #pagehome{
      display: none !important;
    }
    .pagetop_base > img {
      display: none;
    }
  }


/*---------------------------------------------------------------------------
  全ページ共通
----------------------------------------------------------------------------*/

/* コンテンツブロック
------------------------------------------- */
@media print, screen and (min-width: 768px) { /* PC */
  .contents {
    width: 75%;
    min-width: 1100px !important;
    margin : 0 auto;
  }
  .contents p {
    margin-bottom: 1em;
    line-height: 180%;
  }
}
@media only screen and (max-width: 768px){ /* スマホ */
  .contents {
    margin : 1% auto 3% auto !important;
    width : 90%;
    text-align : center;
  }
  .contents p { 
    display: block;
    margin-bottom : 24px;
    margin-right: auto;
    margin-left: auto;
    line-height: 180%;
    text-align : left;
  }
}

/* フレックス、サイドバー
------------------------------------------- */
.flex {
  display: flex;
  justify-content: space-between;
}
.flex #main {
  width:73%;
}
.flex #sidebar {
  width:25%;
}
.flex #sidebar ul li a {
  display: block;
}
.flex #sidebar ul li {
  margin-bottom: 1rem;
}
.flex #sidebar ul li:last-child {
  margin-bottom: 0;
}
.flex #sidebar .globalsign {
  text-align: center;
}

@media only screen and (max-width: 768px){ /* スマホ */
  .flex {
    flex-direction: column;
  }
  .flex #main {
    width: 100%;
  }
  .flex #sidebar {
    width: 100%;
  }
}

/*---------------------------------------------------------------------------
  トップページ
----------------------------------------------------------------------------*/

/* スライダー
------------------------------------------- */
@media print, screen and (min-width: 768px) { /* PC */
  #slider {
    display: block !important;
    width: 90% !important;
    min-width: 1000px !important;
    margin: 0 auto !important;
    position: relative;
  }
  #slider a {
    display: block;
  }
  .slidesjs-container {
    width: 100% !important;
  }
  #slider li img {
    width: 100%;
    z-index: 0;
    display: block;
  }
  .prev-arrow {
    z-index: 200;
    display: block;
    position: absolute;
    padding-left: 2%;
    top: 50%;
    transform: translate(0, -50%);
    left: 0%;
    cursor: pointer;
  }
  .next-arrow {
    z-index: 200;
    display: block;
    position: absolute;
    padding-right: 2%;
    top: 50%;
    transform: translate(0, -50%);
    right: 0%;
    cursor: pointer;
  }
}
@media only screen and (max-width: 768px){ /* スマホ */
  #slider,
  .slidesjs-container {
    aspect-ratio: 3 / 2;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
  }
  img.slide-arrow {
    width: 30px;
  }
  .prev-arrow  {
    z-index: 200;
    display: block;
    position: absolute;
    padding-left: 2%;
    top: 50%;
    transform: translate(0, -50%);
    left: 0%;
  }
  .next-arrow  {
    z-index: 200;
    display: block;
    position: absolute;
    padding-right: 2%;
    top: 50%;
    transform: translate(0, -50%);
    right: 0%;
  }
}

/* お知らせ情報
------------------------------------------- */
.div_topnews {
  background: #ffffff;
  position: relative;
  margin: 2rem auto !important;
  box-sizing: border-box;
  width: 80%;
  min-width: 1100px;
  text-align: center;
  z-index: 500;
  zoom: 1;
  display: flex;
  justify-content: space-between;
}
.div_topnews div {
  width: 49%;
  display: flex;
  flex-direction: column;
}
.div_topnews div.info {
  border: 1px solid #9B7768;
} 
.div_topnews div.staffblog {
  border: 1px solid #1a9431;
} 
.div_topnews h2 {
  font-size: 1.1rem;
  color: #ffffff;
  background-color: #664f22;
  margin-bottom: 0;
  padding: 0.75rem;
  line-height: normal;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.div_topnews div.staffblog h2 {
  background-color: #1a9431;
}
.div_topnews ul {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.div_topnews ul li {
  margin-bottom: 0.5rem;
}
.div_topnews ul li:last-child {
  margin-bottom: 0;
}
.div_topnews ul li a {
  display: flex;
  align-items: flex-start;
}
.div_topnews ul li a span {
  color: #fff;
  padding: 0.25rem;
  border-radius: 0.25rem;
  white-space: nowrap;
  width: 100px !important;
}
.div_topnews ul li a span.blog,
.div_topnews ul li a span.blog_shop { background: #D30004; }
.div_topnews ul li a span.blog_days { background: #05a147; }
.div_topnews ul li a span.area_nakadori { background: #e06d93; }
.div_topnews ul li a span.area_hamadori { background: #489ed2; }
.div_topnews ul li a span.area_aizu { background: #f26522; }
.div_topnews ul li a span.campaign { background: #75b039; }
.div_topnews ul li a span.news { background: #f16422; }
.div_topnews ul li a time {
  margin: 0 0.5rem;
  white-space: nowrap
}
.div_topnews ul li a time {
  width: 100px;
  padding: 0.25rem 0;
}
.div_topnews ul li a time:before {
  content: "▶";
  color: #D30004;
  margin-right: 0.25em;
}
.div_topnews ul li a h3 {
  margin: 0;
  padding: 0.25rem 0;
  font-size: 1rem;
  line-height: 1.5em;
  text-align: left;
  width: calc(100% - 200px);
}
.div_topnews ul + p {
  margin-top: auto;
  margin-bottom: 0.5rem;
  padding: 0 1em 1em 0;
  text-align: right;
}
.div_topnews ul + p a {
  border: 1px solid #cccccc;
  border-radius: 0.25em;
  padding: 0.25em 0.75em;
}
.div_topnews ul + p a:before {
  content: "▶";
  color: #D30004;
  margin-right: 0.25em;
}

/* 店舗マップ
------------------------------------------- */
body.home .shopmap {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 1px solid #cccccc;
  border-radius: 1rem;
}
body.home .shopmap h2 {
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  background: #1a9431;
  display: flex;
  align-items: center;
  border-radius: 1rem 1rem 0 0;
  margin-bottom: 0;
}
body.home .shopmap h2:before {
  content: "";
  display: block;
  width: 3em;
  height: 3em;
  background-image: url(img/nav/nav-store_sp.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  margin-right: 0.5rem;
}
#trlmap {
  height: 500px;
}
#trlmap > div {
  border-radius: 0 0 1rem 1rem !important;
  overflow: hidden;
}
#trlmap div ul li a {
  font-size: 1rem;
  display: flex;
  align-items: center;
}
#trlmap div ul li a:before {
  content: "▶";
  color: rgb(211, 0, 4);
  margin-right: 0.25em;
}

@media only screen and (max-width: 768px) { /* スマホ */
  #trlmap {
    height: 300px;
  }
  body.home .shopmap h2 {
    font-size: 1.25rem;
  }
}

/* 観光情報
------------------------------------------- */
body.home .kankou {
  padding: 1rem;
  border: 1px solid #cccccc;
  border-radius: 1rem;
  margin-top: 1rem;
}
body.home .kankou h2 {
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  background: #f16622;
  border-radius: 2em;
  text-align: center;
  padding: 0.5rem 1em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
body.home .kankou h2:before,
body.home .kankou h2:after {
  content: "●";
  color: #F7D114;
}
body.home .kankou ul {
  width: 95%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
body.home .kankou ul li {
  width: 32%;
}
body.home .kankou ul li a {
  display: block;
  width: 100%;
  border-radius: 0.5rem;
}
body.home .kankou ul li a img {
  width: 100%;
  border-radius: 0.5rem;
}

/* トップのみサイドバー */
body .flex #sidebar .lease {
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
}
body .flex #sidebar .lease h2 {
  font-size: 1.25rem;
  text-align: center;
  color: #fff;
  background: #1f442c;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
}
body .flex #sidebar .lease img {
  border: 1px solid #ccc;
}

@media only screen and (max-width: 768px){ /* スマホ */
  .div_topnews {
    width: 90%;
    min-width: initial !important;
    flex-direction: column;
    margin: 0rem auto !important;
  }
  .div_topnews div {
    width: 100%;
    margin-bottom: 1rem;
  }
  .div_topnews h2 {
    width: 100%;
    margin: 0 0 0.25em 0;
  }
  .div_topnews ul {
    padding: 0 0.5rem;
  }
  .div_topnews ul li:nth-child(2) {
    display: none;
  }
  .div_topnews ul li a {
    flex-wrap: wrap;
    padding: 0.5rem 0;
    border-bottom: 0;
  }
  .div_topnews ul li a time {
    order: 1;
  }
  .div_topnews ul li a span {
    order: 2;
    text-align: center;
  }
  .div_topnews ul li a h3 {
    order: 3;
    width: 100%;
    margin-top: 0.5rem;
  }
  .div_topnews ul li a:nth-of-type(2) {
    display: block;
    width: 95%;
    margin: 0 auto;
    text-align: right;
    border-left: 0;
    border-top: 1px solid #ccc;
  }
  .div_topnews ul li a span {
    padding: 0;
  }
  .div_topnews ul li a h3 {
    margin-top: 0;
    padding: 0.25rem 0.5em;
  }
  body.home #main {
    order: 1;
  }
  body.home #sidebar {
    order: 2;
    width: 95%;
    margin: 1rem auto;
  }
  body.home #sidebar ul li {
    margin-bottom: 0.5rem;
  }
  body .flex #sidebar .lease h2 {
    font-size: 5vw;
  }
  body.home #sidebar .lease + ul {
    padding: 0 1rem;
  }
  body.home .kankou ul {
    width: 95%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  body.home .kankou ul li {
    width: 100%;
  }
}


/*---------------------------------------------------------------------------
  個別記事・固定ページ
----------------------------------------------------------------------------*/

/* ページタイトル
------------------------------------------- */
.page header + h2,
.single header + h2,
.archive header + h2 {
  width: 100%;
  background-color: #e3e1dd;
  border-bottom: 1px solid #999999;
  border-top: 1px solid #999999;
  margin-bottom: 2rem;
}
.page header + h2 span,
.single header + h2 span,
.archive header + h2 span {
  display: flex;
  align-items: center;
  width: 75%;
  min-width: 1100px !important;
  padding: 0.5rem 0;
  margin: 0 auto;
  color: #664e24;
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
}
.page header + h2 span:before,
.single header + h2 span:before,
.archive header + h2 span:before {
  content: "";
  display: block;
  width: 3em;
  height: 3em;
  background-image: url(img/nav/nav-rental_sp.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  margin-right: 0.5rem;
}
.combinationplan header + h2 span:before,
.carlease header + h2 span:before,
.tsuyomi header + h2 span:before,
.lease-shop header + h2 span:before,
.lease-contact header + h2 span:before {
  background-image: url(img/nav/nav-lease_sp.svg);
}
.shoplist header + h2 span:before {
  background-image: url(img/nav/nav-store_sp.svg);
}
.nakadori header + h2 span:before,
.hamadoori header + h2 span:before,
.aizu header + h2 span:before {
  background-image: url(img/nav/nav-sight_sp.svg);
}
.qa_r header + h2 span:before,
.qa_c header + h2 span:before {
  background-image: url(img/nav/nav-qa_sp.svg);
}
.aboutus header + h2 span:before,
.recruit header + h2 span:before,
.new-graduate header + h2 span:before,
.CSR header + h2 span:before,
.kanyuhoshin header + h2 span:before,
.privacypolicy header + h2 span:before {
  background-image: url(img/nav/nav-company_sp.svg);
}
.inq header + h2 span:before {
  background-image: url(img/nav/nav-contact_sp.svg);
}
.single header + h2 span:before,
.archive header + h2 span:before,
.posts header + h2 span:before {
  background-image: url(img/nav/nav-news_sp.svg);
}

@media print, screen and (min-width: 768px) { /* PC */
  .content_title{
    display: block;
    width: 100%;
    color: #000000;
    font-size: 140%;
    margin-bottom: 1em;
    padding: 1% 0% 0% 12%;
    z-index: 0;
    overflow: hidden;
  }
  .content_title img{
    height: 50px;
  }
}
@media only screen and (max-width: 768px){ /* スマホ */
  .content_title{
    background-color: #e3e1dd;
    border-bottom: 1px solid #666666;
    border-top: 1px solid #666666;
    display: block;
    width: 100%;
    color: #000000;
    font-size: 88%;
    z-index: 0;
  }
  .content_title img {
    margin: 1% auto;
  }
  .page header + h2 span,
  .single header + h2 span,
  .archive header + h2 span {
    min-width: initial !important;
  }
  .page header + h2 span,
  .single header + h2 span,
  .archive header + h2 span {
    width: 95%;
  }
}

/*---------------------------------------------------------------------------
  お知らせ、ブログ、車種一覧
----------------------------------------------------------------------------*/

/* サイドバー
------------------------------------------- */
body.single #sidebar div.sidebar-pc div, 
body.date #sidebar div.sidebar-pc div, 
body.category #sidebar div.sidebar-pc div, 
body.tax-blog_post-cat #sidebar div.sidebar-pc div,
body.post-type-archive #sidebar div.sidebar-pc div,
body.posts #sidebar div.sidebar-pc div {
  border: 1px solid #2B8225;
  border-radius: 10px;
  margin-bottom: 2rem;
}
body.single #sidebar div.sidebar-pc div.side_campain,
body.date #sidebar div.sidebar-pc div.side_campain,
body.category #sidebar div.sidebar-pc div.side_campain,
body.tax-blog_post-cat #sidebar div.sidebar-pc div.side_campain,
body.post-type-archive #sidebar div.sidebar-pc div.side_campain,
body.posts #sidebar div.sidebar-pc div.side_campain {
  border: 1px solid #00B7A4;
}
body.single #sidebar ul,
body.date #sidebar ul,
body.category #sidebar ul,
body.tax-blog_post-cat #sidebar ul,
body.post-type-archive #sidebar ul,
body.posts #sidebar ul {
  width: 90%;
  margin: 0.5rem auto;
}
body.single #sidebar ul li,
body.date #sidebar ul li,
body.category #sidebar ul li,
body.tax-blog_post-cat #sidebar ul li,
body.post-type-archive #sidebar ul li,
body.posts #sidebar ul li {
  display: flex;
  font-size: 113%;
  line-height: 200%;
  border-bottom: 1px dashed #cccccc;
  margin-bottom: 0;
  padding: 0.5rem 0;
}
body.single #sidebar ul li:last-child,
body.date #sidebar ul li:last-child,
body.category #sidebar ul li:last-child,
body.tax-blog_post-cat #sidebar ul li:last-child,
body.post-type-archive #sidebar ul li:last-child,
body.posts #sidebar ul li:last-child {
  border-bottom: 0;
}
body.single #sidebar ul li a,
body.date #sidebar ul li a,
body.category #sidebar ul li a,
body.tax-blog_post-cat #sidebar ul li a,
body.post-type-archive #sidebar ul li a,
body.posts #sidebar ul li a {
  display: flex;
}
body.single #sidebar ul li a:before,
body.date #sidebar ul li a:before,
body.category #sidebar ul li a:before,
body.tax-blog_post-cat #sidebar ul li a:before,
body.post-type-archive #sidebar ul li a:before,
body.posts #sidebar ul li a:before {
  content: "▶";
  color: #D30004;
  margin-right: 0.25em;
}

@media print, screen and (min-width: 768px) { /* PC */
  body.single #sidebar div.sidebar-pc div h3, 
  body.date #sidebar div.sidebar-pc div h3,
  body.category #sidebar div.sidebar-pc div h3, 
  body.tax-blog_post-cat #sidebar div.sidebar-pc div h3, 
  body.post-type-archive #sidebar div.sidebar-pc div h3, 
  body.posts #sidebar div.sidebar-pc div h3 {
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo, sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
    color: #fff;
    background: #1a9431;
    padding: 1.5rem 1em;
    border-radius: 8px 8px 0 0;
  }
}

/* 記事一覧、記事 共通
------------------------------------------- */
.news_waku {
  padding: 0.5% 0% 0.5% 0% !important;
  width : 98%;
  background-color: #ffffff;
  text-align : center;
  border: 1px solid #9B7768;
  border-radius: 9px;
}
.news_waku p.blog_cat time:before {
  content: "▶";
  color: #D30004;
  margin-right: 0.25em;
}
.news_waku p.blog_cat span {
  display: block;
  color: #ffffff;
  background: #f26522;
  padding: 0 0.5rem;
  margin-left: 1em;
  border-radius: 0.25rem;
}
.news_waku p.blog_cat span.news { background: #f26522; }
.news_waku p.blog_cat span.campaign { background: #74b03b; }
.news_waku p.blog_cat span.area_nakadori { background: #e06d93; }
.news_waku p.blog_cat span.area_hamadori { background: #489ed2; }
.news_waku p.blog_cat span.area_aizu { background: #f26522; }
.news_waku p.blog_cat span.blog_days { background: #05a147; }
.news_waku p.blog_cat span.blog_shop { background: #d01617; }


/* 記事一覧
------------------------------------------- */
.date #main .catename,
.category #main .catename,
.tax-blog_post-cat #main .catename,
.post-type-archive #main .catename,
.posts #main .catename {
  font-size: 130%;
  border-bottom: 4px solid #F7D114;
  padding-top: 0.25rem;
  margin-bottom: 2rem;
}
.date #main a,
.category #main a,
.tax-blog_post-cat #main a,
.post-type-archive #main a,
.posts #main a {
  display: block;
  width: 100%;
}
.date #main a:hover,
.category #main a:hover,
.tax-blog_post-cat #main a:hover,
.post-type-archive #main a:hover,
.posts #main a:hover {
  opacity: 0.8;
}
.date .news_waku,
.category .news_waku,
.tax-blog_post-cat .news_waku,
.post-type-archive .news_waku,
.posts .news_waku {
  display: flex;
  align-items: flex-start;
  margin : 1% auto 1.5rem auto !important;
  padding: 1.25rem !important;
  box-sizing: border-box;
}
.date .news_waku img,
.category .news_waku img,
.tax-blog_post-cat .news_waku img,
.post-type-archive .news_waku img,
.posts .news_waku img {
  width: 25%;
  height: auto;
  margin: 0;
}
.date .news_waku div,
.category .news_waku div,
.tax-blog_post-cat .news_waku div,
.post-type-archive .news_waku div,
.posts .news_waku div {
  width: 75%;
  box-sizing: border-box;
}
.date .news_waku div p,
.category .news_waku div p,
.tax-blog_post-cat .news_waku div p,
.post-type-archive .news_waku div p,
.posts .news_waku div p {
  width: 90%;
  padding-bottom: 0.75rem;
  margin: 0 auto 0.75rem auto;
  display: flex;
  border-bottom: dotted 1px #999999;
}
.date .news_waku h1,
.category .news_waku h1,
.tax-blog_post-cat .news_waku h1,
.post-type-archive .news_waku h1,
.posts .news_waku h1  {
  line-height: 1.5em;
  width: 90%;
  margin: 1% auto;
  font-size: 130% !important;
  text-align: left;
}
.date .news_waku div p.more,
.category .news_waku div p.more,
.tax-blog_post-cat .news_waku div p.more,
.post-type-archive .news_waku div p.more,
.posts .news_waku div p.more {
  border-bottom: 0;
  text-align: right;
  display: block;
  margin: 0 auto;
}
.date .news_waku h2,
.category .news_waku h2,
.tax-blog_post-cat .news_waku h2,
.post-type-archive .news_waku h2,
.posts .news_waku h2  {
  font-size: 130%;
  text-align: left;
  width: 92%;
  margin: 2.5em auto 1em auto;
  padding: 0.5em;
  box-sizing: border-box;
  background: #e3e1dd;
  border-radius: 0.25rem;
}
.date .news_waku h2:nth-of-type(1),
.category .news_waku h2:nth-of-type(1),
.tax-blog_post-cat .news_waku h2:nth-of-type(1),
.post-type-archive .news_waku h2:nth-of-type(1),
.posts .news_waku h2:nth-of-type(1) {
  margin-top: 1em;
}

/* 記事
------------------------------------------- */
.single .news_waku p.blog_cat {
  display: flex;
}
.single .news_waku h1 {
  line-height: 1.5em;
  width: 90%;
  margin: 1% auto;
  border-bottom: dotted 1px #999999;
  font-size: 150% !important;
  text-align: left;
}
.single .news_waku h2 {
  font-size: 130%;
  text-align: left;
  width: 92%;
  margin: 2.5em auto 1em auto;
  padding: 0.5em;
  box-sizing: border-box;
  background: #e3e1dd;
  border-radius: 0.25rem;
}
.single .news_waku h2:nth-of-type(1) {
  margin-top: 1em;
}
.single .news_waku img {
  padding: 0.5rem;
  border: 1px solid #ccc;
  margin: 1rem auto;
}
.news_waku p { 
  width: 90%;
  margin : 1% auto;
  line-height: 180%;
  text-align : left;
}

/* ブログ用シェアボタン
------------------------------------------- */
.share_button{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 90%;
  border-top: 2px dotted #cccccc;
  margin: 2rem auto;
  padding-top: 1.5rem;
}
.share_button div{
  text-align: center;
  border: 1px;
  border-radius: 4px; 
}
.share_button .share_button_box{
  width:calc(100% / 4);
  margin:2px;
  color:white;
  padding:0.5em 0em;
  font-size:12px;
  cursor : pointer;
}
.share_button .share_button_box:hover{
  opacity:0.8;
}
.share_button .share_button_box .fa-2x {
  font-size: 1.5em;
}
.share_button .a { background-color:rgb(71,160,235); }
.share_button .b { background-color:rgb(64,90,147); }
.share_button .c { background-color:rgb(59,110,183); }
.share_button .d { background-color:rgb(206,85,66); }
.share_button .e { background-color:rgb(222,79,90); }
.share_button .f { background-color:rgb(85,191,56); }

  @media screen and (max-width: 480px){ /* スマホ */
    .date .contents,
    .category .contents,
    .post-type-archive .contents,,
    .posts .contents,
    .single .contents {
      display: flex;
      flex-direction: column;
    }
    .date .contents #main,
    .category .contents #main,
    .post-type-archive .contents #main,
    .posts .contents #main,
    .single .contents #main {
      order: 1;
    }
    .date .contents #sidebar,
    .category .contents #sidebar,
    .post-type-archive .contents #sidebar,
    .posts .contents #sidebar,
    .single .contents #sidebar {
      order: 2;
    }
    .date #sidebar,
    .category #sidebar,
    .post-type-archive #sidebar,
    .posts #sidebar,
    .single #sidebar {
      text-align: center;
      width: 96%;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
    }
    .date #sidebar div.sidebar-pc,
    .category #sidebar div.sidebar-pc,
    .post-type-archive #sidebar div.sidebar-pc,
    .posts #sidebar div.sidebar-pc,
    .single #sidebar div.sidebar-pc {
      order: 2;
    }
    .date #sidebar div.smp_off,
    .category #sidebar div.smp_off,
    .post-type-archive #sidebar div.smp_off,
    .posts #sidebar div.smp_off,
    .single #sidebar div.smp_off {
      order: 1;
      border: 1px solid #2B8225;
      border-radius: 9px;
      margin-bottom: 2rem;
    }
    .date #sidebar h3,
    .category #sidebar h3,
    .post-type-archive #sidebar h3,
    .posts #sidebar h3,
    .single #sidebar h3,
    .single #sidebar div.sidebar-pc div h3, 
    .date #sidebar div.sidebar-pc div h3, 
    .category #sidebar div.sidebar-pc div h3,
    .post-type-archive #sidebar div.sidebar-pc div h3,
    .posts #sidebar div.sidebar-pc div h3 {
      color: #ffffff;
      background-color: #2B8225;
      border-radius: 9px 9px 0 0;
      font-size: 5vw;
      padding: 0.5rem;
      text-align: center;
      margin-bottom: 0;
    }
    .date #sidebar select,
    .category #sidebar select,
    .post-type-archive #sidebar select,
    .posts #sidebar select,
    .single #sidebar select {
      width: 80%;
      margin: 1rem auto;
      font-size: 4vw;
    }
    .news_waku {
      margin : 1% auto 3% auto !important;
      padding: 3% 0% 0.5% 0% !important;
      width : 96%;
      background-color: #ffffff;
      text-align : center;
      border: 1px solid #9B7768;
      -webkit-border-radius: 9px;
      -moz-border-radius: 9px;
      border-radius: 9px;
      -o-border-radius: 9px;
      -ms-border-radius: 9px;
    }
    .news_waku img {
      margin-bottom: 2%;
    }
    .news_waku p { 
      width: 90%;
      margin : 1% auto;
      line-height: 180%;
      text-align : left;
    }
    .date .news_waku,
    .category .news_waku,
    .post-type-archive .news_waku,
    .posts .news_waku {
      padding: 0.75rem;
    }
    .date .news_waku img,
    .category .news_waku img,
    .post-type-archive .news_waku img,
    .posts .news_waku img {
      width: 30%;
    }
    .date .news_waku div,
    .category .news_waku div,
    .post-type-archive .news_waku div,
    .posts .news_waku div {
      width: 70%;
    }
    .date .news_waku h1,
    .category .news_waku h1,
    .post-type-archive .news_waku h1,
    .posts .news_waku h1 {
      line-height: 1.5em;
      width: 90%;
      margin: 1% auto;
      border-bottom: dotted 1px #999999;
      font-size: 1rem !important;
      text-align: left;
    }
    .date .news_waku h2,
    .category .news_waku h2,
    .post-type-archive .news_waku h2,
    .posts .news_waku h2 {
      font-size: 130%;
      text-align: left;
      width: 92%;
      margin: 2.5em auto 1em auto;
      padding: 0.5em;
      box-sizing: border-box;
      background: #e3e1dd;
      border-radius: 0.25rem;
    }
    .date .news_waku h2:nth-of-type(1),
    .category .news_waku h2:nth-of-type(1),
    .post-type-archive .news_waku h2:nth-of-type(1),
    .posts .news_waku h2:nth-of-type(1) {
      margin-top: 1em;
    }
    .date .news_waku div p.blog_cat,
    .category .news_waku div p.blog_cat,
    .post-type-archive .news_waku div p.blog_cat,
    .posts .news_waku div p.blog_cat {
      padding-bottom: 0.5rem;
    }
    .date .news_waku div p.blog_cat span,
    .category .news_waku div p.blog_cat span,
    .post-type-archive .news_waku div p.blog_cat span,
    .posts .news_waku div p.blog_cat span {
      font-size: 3vw;
      margin-left: 0.5em;
    }
    .single .news_waku h1 {
      line-height: 1.5em;
      width: 90%;
      margin: 1% auto;
      border-bottom: dotted 1px #999999;
      font-size: 150% !important;
      text-align: left;
    }
    .single .news_waku h2 {
      font-size: 130%;
      text-align: left;
      width: 92%;
      margin: 2.5em auto 1em auto;
      padding: 0.5em;
      box-sizing: border-box;
      background: #e3e1dd;
      border-radius: 0.25rem;
    }
    .single .news_waku h2:nth-of-type(1) {
      margin-top: 1em;
    }
    .share_button{
      margin-top:1em;
      display:-webkit-box;
      display:-moz-box;
      display:-ms-flexbox;
      display:-webkit-flex;
      display:flex;
      -webkit-box-lines:multiple;
      -moz-box-lines:multiple;
      -webkit-flex-wrap:wrap;
      -moz-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
    }
    .share_button .share_button_box{
      min-width:calc(100% / 4);
      padding: 1rem;
      box-sizing: border-box;
      margin:1px;
      color:white;
      font-size:3vw;
      flex:1;
    }
    .share_button .share_button_box .fa-2x {
      font-size: 1.33333333em;
      line-height: 0.75em;
      vertical-align: -15%;
    }
    .share_button .share_button_box:active{
      opacity:0.8;
    }
  }


/*---------------------------------------------------------------------------
  車種ページ
----------------------------------------------------------------------------*/

/* 車種一覧ページ
------------------------------------------- */
.carlist h3 {
  margin-bottom: 1rem;
}
.carlist h3 img {
  width: 100%;
}
p.highseason {
  display: block;
  font-size: 90%;
}
p.highseason a {
  text-decoration: underline;
}
.parts-rent_under {
  margin-top: 2rem;
}
@media print, screen and (min-width: 768px) { /* PC */
  .carul {
    text-align: left;
    position: relative;
  }
  .carul:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #cccccc;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
  }
  .carul li {
    font-size: 95%;
    display: inline-block;
    background-color: #ffffff;
    padding: 8px;
    border: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
    border-radius: 5px 5px 0 0;
    background-color: #eeeeee;
    z-index: 5;
  }
  body.term-passenger .carul li:nth-child(1),
  body.term-minivan-wagon .carul li:nth-child(2),
  body.term-suv .carul li:nth-child(3),
  body.term-van-truck .carul li:nth-child(4),
  body.term-bus .carul li:nth-child(5),
  body.term-wellcab .carul li:nth-child(6) {
    border-bottom: 2px solid #fff;
    background: #fff;
  }
  p.renta_caution {
    font-size: 90%;
  }
  .ul_carlineup {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }
  .ul_carlineup li {
    width: 23%;
    margin-left: 1%;
    margin-bottom: 1rem;
    font-size: 88%;
    white-space: nowrap;
  }
  .ul_carlineup li a {
    display: block;
  }
  .renta_table {
    border: solid 1px #999999;
    border-collapse: collapse;
    width: 75%;
    margin: 0% 0.5% 0.5rem 0%;
    float: left;
    font-size: 82%;
  }
  .renta_table th {
    vertical-align: middle;
    border: solid 1px #999999;
    background: #eeeeee;
    padding: 1% 0%;
    white-space: nowrap;
    width: 20%;
  }
  .renta_table td {
    vertical-align: middle;
    border: solid 1px #999999;
    padding: 1% 0%;
    white-space: nowrap;
    text-align: center;
  }
  .renta_table2 {
    border: solid 1px #999999;
    border-collapse: collapse;
    width: 19%;
    margin: 0% 0% 0% 0%;
    float: left;
    font-size: 82%;
  }
  .renta_table2 th {
    vertical-align: middle;
    border: solid 1px #999999;
    background: #eeeeee;
    padding: 4% 0%;
    white-space: nowrap;
  }
  .renta_table2 td {
    vertical-align: middle;
    border: solid 1px #999999;
    padding: 4% 0%;
    white-space: nowrap;
    text-align: center;
  }
  .shahu_img {
    display: block;
    float: left;
    width: 23%;
    margin-left: 1%;
    font-size: 88%;
    white-space: nowrap;
  }
  .anchor {
    margin-bottom: -1500px;
  }
  div.parts-rent_under a {
    text-decoration: underline;
  }
}

/* 車種一覧のみサイドバー */
body .flex #sidebar .rental {
  border: 1px solid #2B8225;
  border-radius: 10px;
  margin-bottom: 1rem;
}
body .flex #sidebar .rental h3 {
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo, sans-serif;
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  background: #1a9431;
  padding: 1.5rem 1em;
  border-radius: 8px 8px 0 0;
}
body .flex #sidebar .rental img {
  width: 100%;
}
body .flex #sidebar .rental ul {
  padding: 1em;
}
body .flex #sidebar .rental ul li a {
  display: block;
  border-bottom: 1px dashed #cccccc;
  font-size: 113%;
  line-height: 200%;
}
body .flex #sidebar .rental ul li a:before {
  content: "▶";
  color: #D30004;
  margin-right: 0.25em;
}
body .flex #sidebar .rental ul li:last-child a {
  border-bottom: 0;
}

@media only screen and (max-width: 768px){ /* スマホ */
  .rent_carlist #sidebar .rental img,
  .rent_carlist #sidebar .rental + ul {
    display: none;
  }
  .rent_carlist #sidebar .rental {
    border: 0 !important;
  }
  .rent_carlist #sidebar .rental ul li {
    margin-bottom: 0 !important;
  }
  .rent_carlist #sidebar .rental ul li a {
    text-align: left;
    font-size: 100%;
    font-weight: 700;
    line-height: 250%;
    color: #664E23;
    padding: 0.25rem 0;
  }
  .rent_carlist #sidebar .rental ul li a:before {
    content: "●" !important;
    font-size: 118% !important;
    color: #F16522 !important;
  }
  .carul {
    text-align: center;
    border: 1px solid #cccccc;
    border-bottom: 0;
  }
  .carul li {
    font-size: 95%;
    background-color: #eeeeee;
    border-bottom: 1px solid #cccccc;
  }
  body.term-passenger .carul li:nth-child(1),
  body.term-minivan-wagon .carul li:nth-child(2),
  body.term-suv .carul li:nth-child(3),
  body.term-van-truck .carul li:nth-child(4),
  body.term-bus .carul li:nth-child(5),
  body.term-wellcab .carul li:nth-child(6) {
    background-color: #ffffff;
  }
  .carul li a {
    display: block;
    padding: 8px;
  }
  p.renta_caution {
    font-size: 90%;
  }
  p.renta_caution span {
    width: 2rem;
    border: 1px solid #999999;
    background-color: #e3f4ea;
  }
  .ul_carlineup {
    display: flex;
    flex-wrap: wrap;
  }
  .ul_carlineup li {
    width: 50%;
    padding: 0.5rem;
    box-sizing: border-box;
  }
  .ul_carlineup li a {
    display: block;
  }
  .renta_table {
    border: solid 1px #999999;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    float: left;
    font-size: 82%;
  }
  .renta_table th {
    vertical-align: middle;
    border: solid 1px #999999;
    background: #eeeeee;
    width: 25%;
    padding: 0.25rem 0;
  }
  .renta_table td {
    vertical-align: middle;
    border: solid 1px #999999;
    padding: 1% 0%;
    white-space: nowrap;
  }
  .renta_table2 {
    clear: both;
    border: solid 1px #999999;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    float: left;
    font-size: 82%;
  }
  .renta_table2 th {
    vertical-align: middle;
    border: solid 1px #999999;
    background: #eeeeee;
    padding: 0.25rem 0;
    white-space: nowrap;
  }
  .renta_table2 td {
    vertical-align: middle;
    border: solid 1px #999999;
    padding: 0.25rem 0;
    white-space: nowrap;
  }
  .h3clear {
    clear: both;
  }
  .carline {
    clear: both;
    border: 1px solid #cccccc;
    z-index: -5;
  }
  .cat_list {
    display:block;
    width: 95%;
    min-width: 180px;
    border-bottom: 1px dashed #cccccc;
    text-align: left;
    font-size: 113%;
    white-space: nowrap;
    overflow: hidden;
    padding: 1% 0%;
    margin: 2% auto;
  }
  .cat_title {
    padding-left: 25px;
    font-size: 125%;
  }
  .shahu_img {
    display: block;
    width: 95%;
    margin-left: 1%;
  }
  body .flex #sidebar .rental h3 {
    display: none;
  }
}

/*　モーダルウィンドウ：colorbox
--------------------------------------------- */
#cboxOverlay { background: rgba(0, 0, 0, 0.8) !important; }
#colorbox { margin-top: -2rem !important; }
#cboxLoadedContent,
.cboxIframe { background: transparent !important; }
#cboxContent .carlineup-template-default { background: transparent !important; }

/* 車種詳細ページ
------------------------------------------- */
.carliup-box {
  display: flex;
  justify-content: center;
  width: 1000px;
  padding: 3rem 0;
  margin: 0 auto;
}

/* スライドショー */
.car-image { width: 50%; }
.bx-wrapper {
  overflow: hidden !important;
  background: #ffffff !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important; 
  box-shadow: none !important; 
  margin-bottom: 0.5rem !important;
  border: 1px solid #fff !important;
}
.bx-viewport { overflow: hidden !important;}
.bx-pager ul {
  display: flex;
}
.bx-pager ul li {
  width: 24%;
  border: 1px solid #ccc;
  margin-right: calc(4% / 3);
}
.bx-pager ul li:last-child {
  margin-right: 0;
}
.bx-pager ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}  
.bx-pager ul li a.active {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.bx-pager ul li a img {
  width: 100%;
}

/* スペック表 */
.car-spec {
  width: 50%;
  padding-left: 2rem;
  padding-top: 0.5rem;
}
.car-spec dl {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  border-bottom: 0;
  margin-bottom: 1rem;
}
.car-spec dl dt {
  display: flex;
  align-items: center;
  width: 45%;
  padding: 0.75em;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: #efefef;
  box-sizing: border-box;
}
.car-spec dl dd {
  display: flex;
  align-items: center;
  width: 55%;
  padding: 0.75em;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
.car-spec ul {
  margin-top: 1rem;
}
.car-spec ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.car-spec ul li:before {
  content: "※";
}

@media print, screen and (min-width: 768px) { /* PC */
  .single-carlineup .js-open { display: none; }
  .single-carlineup #header,
  .single-carlineup #footer,
  .single-carlineup .car-nav,
  .single-carlineup .button-back {
    display: none;
  }
  #carslider li {
    position: relative;
    height: 350px;
  }
  #carslider img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    object-fit: cover;
  }
}
@media only screen and (max-width: 768px){ /* スマホ */
  .carliup-box {
    width: 100%;
    margin: 0 auto 2rem auto;
    padding: 0;
    flex-direction: column;
  }
  .car-nav {
    margin-bottom: 1rem;
  }
  .car-nav {
    background-color: #e3e1dd;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
    padding: 1em;
  }
  .car-nav p a {
    padding-right: 1em;
    margin-right: 0.5em;
    position: relative;
  }
  .car-nav p a:after {
    content: "";
    display: block;
    width: 1px;
    height: 90%;
    background: #000;
    position: absolute;
    top: 5%;
    right: 0;
  }
  .car-image {
    width: 90%;
    margin: 1rem auto;
  }
  #carslider li {
    position: relative;
    aspect-ratio: 4 / 3;
    border: 1px solid #ccc;
  }
  #carslider li figure {
    display: flex;
    align-items: center;
    width: 100%;
    aspect-ratio: 4 / 3;
  }
  .car-spec {
    width: 90%;
    margin: 0 auto;
    padding-left: 0;
    padding-top: 0.5rem;
  }
  .car-spec dl {
    margin-bottom: 0.5rem;
  }
  .car-spec dl dt {
    width: 30%;
  }
  .car-spec dl dd {
    width: 70%;
  }
  .button-back {
    margin-top: 2rem;
    text-align: center;
  }
  .button-back ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px dotted #cccccc;
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 3rem;
    padding: 1rem 0;
    position: relative;
  }
  .button-back ul:after {
    content: "";
    display: block;
    width: 1px ;
    height: 50%;
    background: #ccc;
    position: absolute;
    left: 50%;
    top: 25%;
  }
  .button-back  ul li:before {
    content: none;
  }
  .button-back  ul li:first-child a:before {
    content: "\0ab";
  }
  .button-back  ul li:last-child a:after {
    content: "\0bb";
  }
  .button-back > a {
    padding: 1em 2em;
    color: #ffffff;
    background: #f16422;
    border-radius: 0.5rem;
  }
}


/*---------------------------------------------------------------------------
  レンタカーについて／ご利用について
----------------------------------------------------------------------------*/
body.riyou table {
  text-align: center;
}

/* 予約取消料 */
.torikeshi_info {
  display: flex;
  gap: 0;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.torikeshi_info table {
  width: 50%;
border-collapse: collapse;   /* 枠線を結合 */
    border-spacing: 0;     
}
.torikeshi_info table th,
.torikeshi_info table td {
  border: 1px solid #fff;
}
.torikeshi_info table:nth-of-type(1) tbody td {
  width: 50%;
}
.torikeshi_info table:nth-of-type(2) {
  margin-left: -1px;
}
.torikeshi_info table thead tr td {
  padding: 0.5em;
  color: #ffffff;
  background-color: #1a9431;
}
.torikeshi_info table tbody tr td {
  padding: 0.5em;
  background-color: #e8f0cb;
}
.torikeshi_info ul {
  margin-top: 0.5rem;
  width: 100%;
}
.torikeshi_info ul li {
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}
.torikeshi_info ul li:before {
  content: "※";
}
@media only screen and (max-width: 768px){ /* スマホ */
  .torikeshi_info {
    flex-direction: column;
  }
  .torikeshi_info table {
    width: 100%;
    font-size: 0.9rem;
  }
  .torikeshi_info table:nth-of-type(2) {
    margin-left: 0;
  }
}

body.riyou .div_shiharai h4 {
  color: #ffffff;
  background: #664e24;
  padding: 0.5em;
}
body.riyou .ul_shiharai {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.riyou .ul_shiharai li h5 {
  color: #2B8225;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
  font-weight: bold;
}
body.riyou .ul_shiharai li:nth-child(1),
body.riyou .ul_shiharai li:nth-child(2) {
  width: 49%;
  padding: 1em 1em 0 1em;
  text-align: center;
  background: #e8f0cb;
  border-radius: 0.5rem;
}
body.riyou .ul_shiharai li:last-child {
  width: 100%;
  margin-top: 1rem;
}
body.riyou .ul_shiharai li:last-child h5 {
  margin-bottom: 0;
}
body.riyou .ul_shiharai li:last-child p {
  padding: 0 1em;
}
body.riyou dl {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #cccccc;
  border-bottom: 0;
}
body.riyou dl dt {
  width: 20%;
  background: #efefef;
  padding: 0.5em;
  border-bottom: 1px solid #cccccc;
}
body.riyou dl dd {
  width: 80%;
  padding: 0.5em;
  border-bottom: 1px solid #cccccc;
}
body.riyou dl dd ul li {
  margin-bottom: 0.25rem;
  padding-left: 1em;
  text-indent: -1em;
}
body.riyou dl dd ul li:before {
  content: "●";
}

@media only screen and (max-width: 768px){ /* スマホ */
  body.riyou .ul_shiharai li h5 {
    text-align: left;
  }
  body.riyou .ul_shiharai li:nth-child(1),
  body.riyou .ul_shiharai li:nth-child(2) {
    width: 100%;
  }
  body.riyou .ul_shiharai li:nth-child(1) {
    margin-bottom: 1rem;
  }
  body.riyou .ul_shiharai li:last-child p {
    padding: 0.5em 0 0 0;
  }
  body.riyou dl dt {
    width: 100%;
    border-bottom: 0;
  }
  body.riyou dl dd {
    width: 100%;
    padding: 0.5em;
    border-bottom: 1px solid #cccccc;
  }
  body.riyou dl dd ul li {
    text-align: left;
  }
}




/*---------------------------------------------------------------------------
  観光情報ページ
----------------------------------------------------------------------------*/
.kanko_spot {
  margin-bottom: 2rem;
}
.kanko_spot ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  margin: 0 auto 2rem auto;
}
.kanko_spot ul li {
  width: 31.5%;
  margin-right: 2.75%;
  margin-bottom: 1.5rem;
}
.kanko_spot ul li:nth-child(3n) {
  margin-right: 0;
}
.kanko_spot ul li figure {
  width: 100%;
}
.kanko_spot ul li figure img {
  width: 100%;
}
.kanko_spot ul li p span {
  line-height: 170%;
  border-bottom: dotted 1px #999999;
}
.kanko_spot ul li dl dt {
  display: inline;
  color: #fff;
  background-color: #987072;
  padding: 0 0.25rem;
}
.kanko_spot ul li dl dd {
  padding: 0.25rem;
}

.kanko_food {
  margin-bottom: 2rem;
}
.kanko_food ul {
  width: 95%;
  margin: 0 auto 2rem auto;
}
.kanko_food ul li {
  margin-bottom: 2rem;
}
.kanko_food ul li > div {
  display: flex;
  width: 100%;
}
.kanko_food ul li > div figure {
  width: 35%;
  margin-right: 2%;
}
.kanko_food ul li > div figure img {
  width: 100%;
}
.kanko_food ul li > div .div_food {
  width: 63%;
}
.kanko_food ul li > div .div_food h5 {
  font-size: 110%;
  font-weight: bold;
  color: #555555;
  border-bottom: dotted 2px #FCE42E;
  margin-bottom: 0.5rem;
}
.kanko_food ul li > div .div_food p span {
  line-height: 170%;
  border-bottom: dotted 1px #999999;
}
.kanko_food ul li > div .div_food dl dt {
  display: inline;
  color: #fff;
  background-color: #987072;
  padding: 0 0.25rem;
}
.kanko_food ul li > div .div_food dl dd {
  padding: 0.25rem;
}

@media print, screen and (min-width: 768px) { /* PC */
  .kanko_spot li h4,
  .kanko_food li h4 {
    display: none;
  }
}
@media only screen and (max-width: 768px){ /* スマホ */
  .kanko_spot,
  .kanko_food {
    margin-bottom: 1rem;
  }
  .kanko_spot ul {
    flex-direction: column;
  }
  .kanko_spot ul li,
  .kanko_food ul li {
    width: 100%;
    margin: 0;
  }
  .kanko_spot ul li h4,
  .kanko_food ul li h4 {
    display: block;
    width: 100%;
    line-height: 200%;
    border-top: 1px dotted #666666;
    font-size: 113%;
    text-align: left;
    color: #000000;
    cursor:pointer;
    margin-bottom: 3px;
  }
  .kanko_spot ul li h4:before,
  .kanko_food ul li h4:before {
    content: "▶";
    color: #D30004;
    margin-right: 0.25em;
  }
  .kanko_spot ul li div,
  .kanko_food ul li > div {
    width:100%;
    height:auto;
    padding: 2%;
    margin: 1% auto;
    line-height:200%;
    text-align:left;
    display:none;
    border:1px solid #777;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    position:relative;
    overflow: initial !important;
  }
  .kanko_spot ul li div:before,
  .kanko_food ul li > div:before {
    border:10px solid transparent;
    border-bottom-color:#fff;
    border-top-width:0;
    top:-9px;
    content:"";
    display:block;
    left:30px;
    position:absolute;
    width:0;
    z-index:1;
  }
  .kanko_spot ul li div:after,
  .kanko_food ul li > div:after {
    border:10px solid transparent;
    border-bottom-color:#000;
    border-top-width:0;
    top:-10px;
    content:"";
    display:block;
    left:30px;
    position:absolute;
    width:0;
  }
  .kanko_food ul li > div figure {
    width: 100%;
    margin-right: 0;
  }
  .kanko_food ul li > div .div_food {
    width: 100%;
  }
}

/* ブログ連携エリア
------------------------------------------- */
@media print, screen and (min-width: 768px) { /* PC */
  body.date .news_waku p {
    color: #000000;
  }
  div.blog_area {
    border: 1px solid #9B7768;
    border-radius: 9px;
    margin-bottom: 2rem;
  }
  div.blog_area h3 {
    border-bottom: 3px solid #75b03a;
    line-height: 0;
    margin-bottom: 1rem;
    padding-top: 0.5rem;
  }
  div.blog_area h3 img {
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }
  div.blog_area ul {
    margin: 1rem 1rem 0.5rem 1rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1rem;
    border-bottom: 1px solid #cccccc;
  }
  div.blog_area ul li {
    width: 48%;
    margin: 0 1%;
    box-sizing: border-box;
    text-align: left;
  }
  div.blog_area ul li a {
    display: block;
    border-right: 1px dashed #cccccc;
    padding: 0.75rem 0;
    box-sizing: border-box;
  }
  div.blog_area ul li:nth-of-type(2n) a {
    border-right: 0;
  }
  div.blog_area ul li a img {
    width: 26%;
    height: 80px;
    object-fit: cover; /* この一行を追加するだけ！ */
    box-sizing: border-box;
    float: left;
  }
  div.blog_area ul li a:hover {
    opacity: 0.7;
  }
  div.blog_area ul li a p img {
    height: 100%;
    width: auto;
    margin-left: 1rem;
    margin-bottom: 0;
  }
  div.blog_area ul li a h4 {
    width: 70%;
    margin-left: 26%;
    padding-left: 1rem;
    font-size: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0;
  }
  div.blog_area > p {
    text-align: right;
    margin-right: 1rem;
    margin-bottom: 1rem;
    box-sizing: border-box;
  }
  .div_blog iframe {
    width: 90% !important;
    margin: 1rem auto !important;
  }
  .div_blog p iframe {
    width: 100% !important;
    margin: 1rem auto !important;
  }
  .div_blog p a {
    color: #0000ff !important;
  }
  .div_blog p a:hover {
    opacity: 0.5 !important;
  }
}

div.blog_area ul li a p {
  display: flex;
  margin-bottom: 0;
}
div.blog_area ul li a p time {
  text-align: left;
  font-size: 1rem;
  margin-left: 1rem;
  box-sizing: border-box;
  float: left;
}
div.blog_area ul li a p time:before {
  content: "▶";
  color: #D30004;
  margin-right: 0.25em;
}
div.blog_area ul li a p span {
  display: block;
  color: #ffffff;
  background: #f26522;
  padding: 0 0.5rem;
  margin-left: 1em;
  border-radius: 0.25rem;
}
div.blog_area ul li a p span.area_aizu {
  background: #f26522;
}
div.blog_area ul li a p span.area_nakadori {
  background: #e06d93;
}
div.blog_area ul li a p span.area_hamadori {
  background: #489ed2;
}

@media only screen and (max-width: 768px){ /* スマホ */
  div.blog_area {
    border: 1px solid #9B7768;
    border-radius: 9px;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  div.blog_area h3 {
    border-bottom: 3px solid #75b03a;
    line-height: 0;
    margin-bottom: 1rem;
    padding-top: 0.5rem;
  }
  div.blog_area h3 img {
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }
  div.blog_area ul {
    margin: 1rem 1rem 0.5rem 1rem;
    box-sizing: border-box;
  }
  div.blog_area ul li a {
    display: block;
    border-bottom: 1px dashed #cccccc;
    padding: 0.75rem 0;
    box-sizing: border-box;
  }
  div.blog_area ul li a:hover {
    opacity: 0.7;
  }
  div.blog_area ul li a p {
    font-size: 1rem;
    height: 1.5rem;
    margin-right: 1rem;
    margin-left: 0;
    margin-bottom: 0;
  }
  div.blog_area ul li a p time {
    font-size: 1rem;
    margin-left: 0;
  }
  div.blog_area ul li a img {
    width: 100%;
    height: 55vw;
    object-fit: cover;
    margin-bottom: 0;
  }
  div.blog_area ul li a h4 {
    width: 100%;
    font-size: 1rem;
    padding: 0.5rem 0 0 1.2rem;
    margin-bottom: 0;
    text-align: left;
  }
  div.blog_area > p {
    text-align: right;
    margin-right: 1rem;
    margin-bottom: 1rem;
    box-sizing: border-box;
  }
  div.div_blog p img {
    width: 100% !important;
    height: auto !important;
  }
  .div_blog iframe {
    width: 90% !important;
    min-width: initial !important;
    margin: 1rem auto !important;
  }
  .div_blog p iframe {
    width: 100% !important;
    min-width: initial !important;
    margin: 1rem auto !important;
  }
  .div_blog p a {
    color: #0000ff !important;
  }
  .div_blog p a:hover {
    opacity: 0.5 !important;
  }
  p.blog_cat {
    display: flex;
    align-items: center;
  }
  p.blog_cat img {
    width: 20vw;
  }
}

/* ページ下部 店舗一覧
------------------------------------------- */
.kankou .shoplist {
  border-top: 5px solid #F7D114;
  padding: 2rem 1rem 1rem 1rem;
}
.kankou .shoplist h4 {
  color: #664e24;
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.kankou .shoplist h4:before {
  content: "●";
  color: #f16622;
  font-size: 2rem;
  margin-right: 0.25em;
}
.kankou .shoplist ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.kankou .shoplist ul li {
  width: 49%;
  border: 1px solid #664e24;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.kankou .shoplist ul li a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 1rem 5rem 1rem 1rem;
  position: relative;
  transition: .3s;
  border-radius: 0.5rem;
}
.kankou .shoplist ul li a:hover {
  background: #efefef;
  transition: .3s;
  color: #000000;
}
.kankou .shoplist ul li a:after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-top: 3px solid #F7D114;
  border-right: 3px solid #F7D114;
  transform: rotate(45deg);
  position: absolute;
  right: 2rem;
}
.kankou .shoplist ul li a h5 {
  display: block;
  width: 100%;
  color: #664e24;
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo, sans-serif;
  font-size: 1.25rem;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 0.25rem;
}
.kankou .shoplist ul li a dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.kankou .shoplist ul li a dl dt {
  width: 15%;
  color: #fff;
  background-color: #987072;
  padding: 0 0.25rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.kankou .shoplist ul li a dl dd {
  width: 85%;
  padding-left: 1em;
  margin-bottom: 0.5rem;
}

@media only screen and (max-width: 768px){ /* スマホ */
  .kankou .shoplist ul li {
    width: 100%;
    text-align: left;
  }
  .kankou .shoplist ul li a dl dt {
    width: 30%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .kankou .shoplist ul li a dl dd {
    width: 70%;
    text-align: left;
  }
}

/*---------------------------------------------------------------------------
  保険・補償制度
----------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) { /* PC */
  div.page_hoken {
    text-align: left;
    padding-top: 1rem;
  }
  div.page_hoken article {
    margin-bottom: 2rem;
  }
  div.page_hoken article h3 {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
    font-size: 120%;
    color: #ffffff;
    background-color: #2B8225;
    margin-bottom: 1rem;
    padding: 0.5rem;
    border-radius: 3px;
    overflow: hidden;
  }
  div.page_hoken article h3.h3_osusume {
    position: relative;
    padding-left: 100px;
  }
  div.page_hoken article h3.h3_osusume span {
    background-color: #FF8300;
    padding: 0.5rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  div.page_hoken article h4 {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
    font-size: 110%;
    font-weight: bold;
    color: #2B8225;
    margin-top: 2rem;
    margin-bottom: 1rem;
    border-left: 5px solid #2B8225;
    border-top: 1px solid #2B8225;
    border-right: 1px solid #2B8225;
    border-bottom: 1px solid #2B8225;
    padding: 0.2rem;
  }
  div.page_hoken article dl {
    background-color: #efefef;
    width: 80%;
    box-sizing: border-box;
    margin-bottom: 1rem;
    border: 1px solid #cccccc;
    border-top: 0;
  }
  div.page_hoken article dl dt {
    width: 20%;
    clear: both;
    float: left;
    border-top: 1px solid #cccccc;
    box-sizing: border-box;
    padding: 0.2rem 0.4rem;
  }
  div.page_hoken article dl dd {
    width: 80%;
    float: left;
    background-color: #ffffff;
    box-sizing: border-box;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    padding: 0.2rem 0.4rem;
  }
  div.page_hoken article dl dd span {
    color: #cc0000;
    font-weight: bold;
  }
  div.page_hoken article dl.dl_noc dt {
    width: 70%;
  }
  div.page_hoken article dl.dl_noc dd {
    width: 30%;
  }
  div.page_hoken article div.hoken_caution {
    background-color: #efefef;
    padding: 1rem;
    border-radius: 3px;
    width: 94%;
    margin-left: 2%;
    box-sizing: border-box;
  }
  div.page_hoken article div.hoken_caution h5 {
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: center;
  }
  div.page_hoken article div.hoken_caution h5 span {
    color: #ffffff;
    background-color: #cc0000;
    padding: 0 0.6rem 0 1rem;
    margin-right: 0.5rem;
  }
  div.page_hoken article ul li {
    padding-left: 1em;
    text-indent: -1em;
  }
  div.page_hoken article ul li:before {
    content: "●";
  }
  div.page_hoken article figure img {
    width: 94%;
    margin: 1rem 0 1rem 3%;
  }
  div.page_hoken article .p_caution {
    font-size: 90%;
    line-height: 1.2rem;
  }
  div.page_hoken article span.span_price {
    background-color: #efefef;
    padding: 0.2rem 0.5rem;
    margin-right: 0.5rem;
  }
}

@media only screen and (max-width: 768px){ /* スマホ */
  div.page_hoken {
    text-align: left;
    padding-top: 1rem;
  }
  div.page_hoken article {
    margin-bottom: 2rem;
  }
  div.page_hoken article h3 {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
    font-size: 120%;
    color: #ffffff;
    background-color: #2B8225;
    margin-bottom: 1rem;
    padding: 0.2rem;
    border-radius: 3px;
    overflow: hidden;
  }
  div.page_hoken article h3.h3_osusume {
    position: relative;
    padding-left: 100px;
  }
  div.page_hoken article h3.h3_osusume span {
    background-color: #FF8300;
    padding: 0.2rem 0.5rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  div.page_hoken article h4 {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
    font-size: 110%;
    font-weight: bold;
    color: #2B8225;
    margin-top: 2rem;
    margin-bottom: 1rem;
    border-left: 5px solid #2B8225;
    border-top: 1px solid #2B8225;
    border-right: 1px solid #2B8225;
    border-bottom: 1px solid #2B8225;
    padding: 0.2rem;
  }
  div.page_hoken article dl {
    background-color: #efefef;
    width: 94%;
    box-sizing: border-box;
    margin-bottom: 1rem;
    margin-left: 2%;
    border: 1px solid #cccccc;
    border-top: 0;
  }
  div.page_hoken article dl dt {
    border-top: 1px solid #cccccc;
    box-sizing: border-box;
    padding: 0.2rem 0.4rem;
  }
  div.page_hoken article dl dd {
    background-color: #ffffff;
    box-sizing: border-box;
    border-top: 1px solid #cccccc;
    padding: 0.2rem 0.4rem;
  }
  div.page_hoken article dl dd span {
    color: #cc0000;
    font-weight: bold;
  }
  div.page_hoken article div.hoken_caution {
    background-color: #efefef;
    padding: 1rem;
    border-radius: 3px;
    width: 94%;
    margin-left: 2%;
    box-sizing: border-box;
  }
  div.page_hoken article div.hoken_caution h4 {
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: center;
  }
  div.page_hoken article div.hoken_caution h4 span {
    color: #ffffff;
    background-color: #cc0000;
    padding: 0 0.6rem 0 1rem;
    margin-right: 0.5rem;
  }
  div.page_hoken article ul li {
    padding-left: 1em;
    text-indent: -1em;
  }
  div.page_hoken article ul li:before {
    content: "●";
  }
  div.page_hoken article figure img {
    width: 94%;
    margin: 1rem 0 1rem 3%;
  }
  div.page_hoken article .p_caution {
    font-size: 90%;
    line-height: 1.2rem;
  }
  div.page_hoken article span.span_price {
    background-color: #efefef;
    padding: 0.2rem 0.5rem;
    margin-right: 0.5rem;
  }
}

/*---------------------------------------------------------------------------
  中型免許についてのページ
----------------------------------------------------------------------------*/
div.page_menkyo article h3 {
  margin-bottom: 0;
}
div.page_menkyo article h4 {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
  font-size: 110%;
  font-weight: bold;
  color: #2B8225;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-left: 5px solid #2B8225;
  border-top: 1px solid #2B8225;
  border-right: 1px solid #2B8225;
  border-bottom: 1px solid #2B8225;
  padding: 0.2rem;
  text-align: left;
}
.table_menkyo {
  border: solid 1px #999999;
  border-collapse: collapse;
  width: 96%;
  margin: 1rem 2% 2% 2%;
  text-align: center;
  }
.table_menkyo tr td.td_futsu {
  background-color: #ccd6e0;
}
.table_menkyo tr td.td_junchu {
  background-color: #cde0cc;
}
.table_menkyo tr td.td_chu {
  background-color: #fccba4;
}
.table_menkyo tr td.td_oo {
  background-color: #f7cdd2;
}
.table_menkyo img {
  line-height: 0;
  margin-bottom: 0;
  margin-top: 0.5rem;
}
.table_menkyo th:first-child {
  width: 33%;
  font-size: 100%;
}
.table_menkyo th {
  vertical-align: middle;
  border: solid 1px #999999;
  background: #eeeeee;
  padding: 1% 0%;
  white-space: nowrap;
  width: calc(67% / 9);
  }
.table_menkyo td {
  width: calc(67% / 9);
  vertical-align: middle;
  border: solid 1px #999999;
  padding: 1% 0%;
  white-space: nowrap;
  }
.table_menkyo td.td_name {
  width: 33%;
}
.table_menkyo td.td_name span {
  font-weight: bold;
  font-size: 110%;
}
div.menkyo_ok {
  text-align: left;
}
div.menkyo_ok img {
  height: 50px;
  margin-right: 3px;
}
  @media only screen and (max-width: 768px) { /* スマホ */
    div.page_menkyo article h3 {
      margin-bottom: 0;
      margin-top: 1rem;
    }
    div.page_menkyo article h4 {
      font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
      font-size: 110%;
      font-weight: bold;
      color: #2B8225;
      margin-top: 2rem;
      margin-bottom: 1rem;
      border-left: 5px solid #2B8225;
      border-top: 1px solid #2B8225;
      border-right: 1px solid #2B8225;
      border-bottom: 1px solid #2B8225;
      padding: 0.2rem;
      text-align: left;
    }
    .table_menkyo {
      border: solid 1px #999999;
      border-collapse: collapse;
      text-align: center;
      width: 100%;
      box-sizing: border-box;
      }
    .table_menkyo thead {
      display: none;
    }
    .table_menkyo tbody tr,
    .table_menkyo tbody th {
      display: block !important;
      box-sizing: border-box;
    }

    .table_menkyo tr td {
      box-sizing: border-box;
      border-right: 1px solid #999999;
      border-bottom: 1px solid #999999;
    }
    .table_menkyo tr td span {
      font-weight: bold;
    }
    .table_menkyo tr td:before {
      background-color: #eeeeee;
      color: #4f4d47;
      display: block;
      box-sizing: border-box;
      white-space: nowrap;
    }

    .table_menkyo tr td:nth-of-type(2),
    .table_menkyo tr td:nth-of-type(3),
    .table_menkyo tr td:nth-of-type(4),
    .table_menkyo tr td:nth-of-type(5),
    .table_menkyo tr td:nth-of-type(6),
    .table_menkyo tr td:nth-of-type(7),
    .table_menkyo tr td:nth-of-type(8),
    .table_menkyo tr td:nth-of-type(9),
    .table_menkyo tr td:nth-of-type(10) {
      width: calc(100% / 9);
      display: inline-block;
      letter-spacing: normal;
      font-weight: bold;
      font-size: 3vw;
    }

    .table_menkyo tr td:nth-of-type(2):before { content: "T1";}
    .table_menkyo tr td:nth-of-type(3):before { content: "T2";}
    .table_menkyo tr td:nth-of-type(4):before { content: "T3";}
    .table_menkyo tr td:nth-of-type(5):before { content: "T3-AP";}
    .table_menkyo tr td:nth-of-type(6):before { content: "T4";}
    .table_menkyo tr td:nth-of-type(7):before { content: "T4-AP";}
    .table_menkyo tr td:nth-of-type(8):before { content: "T4-C";}
    .table_menkyo tr td:nth-of-type(9):before { content: "BUS1";}
    .table_menkyo tr td:nth-of-type(10):before { content: "BUS2";}
    
    .table_menkyo tr td.td_futsu {
      background-color: #ccd6e0;
      display: block;
      width: 100% !important;
      box-sizing: border-box;
    }
    .table_menkyo tr td.td_junchu {
      background-color: #cde0cc;
      display: block;
      width: 100% !important;
      box-sizing: border-box;
    }
    .table_menkyo tr td.td_chu {
      background-color: #fccba4;
      display: block;
      width: 100%;
      box-sizing: border-box;
    }
    .table_menkyo tr td.td_oo {
      background-color: #f7cdd2;
      display: block;
      width: 100%;
      box-sizing: border-box;
    }
    .table_menkyo img {
      line-height: 0;
      margin-bottom: 0;
      margin-top: 0.5rem;
    }

    div.menkyo_ok {
      text-align: left;
    }
    div.menkyo_ok img {
      height: 50px;
      margin-right: 3px;
    }
  }

/*---------------------------------------------------------------------------
  よくある質問
----------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) { /* PC */
  body.qa_r #sidebar,
  body.qa_c #sidebar {
    padding-right: 2rem;
  }
  body.qa_r #sidebar ul,
  body.qa_c #sidebar ul {
    height: 100%;
    position: relative;
  }
  body.qa_r #sidebar ul:after,
  body.qa_c #sidebar ul:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #cccccc;
    position: absolute;
    right: 5px;
    top: 0;
  }
  body.qa_r #sidebar ul li,
  body.qa_c #sidebar ul li {
    position: relative;
    margin-bottom: 0.5rem;
  }
  body.qa_r #sidebar ul li a,
  body.qa_c #sidebar ul li a {
    display: block;
    width: 100%;
    text-align: right;
    line-height: 250%;
    font-size: 100%;
    color: #664E23;
    font-weight: 700;
    position: relative;
    padding-right: 1em;
  }
  body.qa_r #sidebar ul li a:after,
  body.qa_c #sidebar ul li a:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #F16522;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -5px;
    right: 0;
  }
}

#acMenu dt {
  display: block;
  width: 100%;
  line-height: 200%;
  border-top: 1px dotted #666666;
  font-size: 113%;
  text-align: left;
  color: #000000;
  cursor:pointer;
  margin-bottom: 3px;
}
#acMenu dd {
  width:90%;
  height:auto;
  padding: 2%;
  margin: 1% auto;
  line-height:200%;
  text-align:left;
  display:none;
  border:1px solid #777;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  position:relative;
  overflow: initial !important;
}
#acMenu dd:before {
  border:10px solid transparent;
  border-bottom-color:#fff;
  border-top-width:0;
  top:-9px;
  content:"";
  display:block;
  left:30px;
  position:absolute;
  width:0;
  z-index:1;
}
#acMenu dd:after {
  border:10px solid transparent;
  border-bottom-color:#000;
  border-top-width:0;
  top:-10px;
  content:"";
  display:block;
  left:30px;
  position:absolute;
  width:0;
}
.inq_ta2 {
  border-collapse: collapse;
  margin: 1% auto;
  text-align: center;
  width: 90%;
  border: 1px solid #666666;
}
.inq_ta2 td {
  border: 1px solid #666666;
  padding: 1%;
}

@media only screen and (max-width: 768px){ /* スマホ */
  body.qa_r #sidebar ul,
  body.qa_c #sidebar ul {
    margin-bottom: 1rem;
  }
  body.qa_r #sidebar ul li,
  body.qa_c #sidebar ul li {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 0;
  }
  body.qa_r #sidebar ul li a,
  body.qa_c #sidebar ul li a {
    color: #664E23;
    text-align: left;
    padding: 0.5rem 0;
  }
  body.qa_r #sidebar ul li a:before,
  body.qa_c #sidebar ul li a:before {
    content: "●";
    color: #F16522;
    font-size: 1.1rem;
    margin-right: 0.5em;
  }
}


/*---------------------------------------------------------------------------
  会社概要ページ
----------------------------------------------------------------------------*/
body.aboutus h3 {
  color: #664e24;
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.25rem;
  border-bottom: 5px solid #00b7a4;
  padding-top: 0.25rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}
body.aboutus .aisatsu {
  display: flex;
  margin-bottom: 2rem;
}
body.aboutus .aisatsu figure {
  width: 38%;
}
body.aboutus .aisatsu figure img {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #cccccc;
}
body.aboutus .aisatsu div {
  width: 62%;
  padding-left: 2rem;
}
body.aboutus .aisatsu div h4 {
  border-bottom: 1px dotted #333333;
  padding-bottom: 0.5rem;
}
body.aboutus .aisatsu div p span {
  display: block;
  text-align: right;
  margin-top: 2rem;
}

@media print, screen and (min-width: 768px) { /* PC */
  body .gaiyou {
    margin-bottom: 3rem;
  }
  body .gaiyou #sidebar {
    padding-right: 2rem;
  }
  body .gaiyou #sidebar ul {
    height: 100%;
    position: relative;
  }
  body .gaiyou #sidebar ul:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #cccccc;
    position: absolute;
    right: 5px;
    top: 0;
  }
  body .gaiyou #sidebar ul li {
    position: relative;
    margin-bottom: 0.5rem;
  }
  body .gaiyou #sidebar ul li a {
    display: block;
    width: 100%;
    text-align: right;
    line-height: 250%;
    font-size: 100%;
    color: #664E23;
    font-weight: 700;
    position: relative;
    padding-right: 1em;
  }
  body .gaiyou #sidebar ul li a:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #F16522;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -5px;
    right: 0;
  }
  body.aboutus dl {
    display: flex;
    flex-wrap: wrap;
    width: 98%;
    margin: 0 auto;
  }
  body.aboutus dl dt {
    width: 30%;
    line-height: 180%;
    border-bottom: dotted 1px #999999;
    padding: 0.5rem 0;
  }
  body.aboutus dl dt:before {
    content: "●";
    color: #999999;
    margin-right: 1em;
  }
  body.aboutus dl dd {
    width: 70%;
    line-height: 180%;
    border-bottom: dotted 1px #999999;
    padding: 0.5rem 0;
  }
}

@media only screen and (max-width: 768px){ /* スマホ */
  body.aboutus h3 {
    font-size: 5vw;
  }
  body .gaiyou #sidebar ul {
    margin-bottom: 1rem;
  }
  body .gaiyou #sidebar ul li {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 0;
  }
  body .gaiyou #sidebar ul li a {
    color: #664E23;
    text-align: left;
    padding: 0.5rem 0;
  }
  body .gaiyou #sidebar ul li a:before {
    content: "●";
    color: #F16522;
    font-size: 1.1rem;
    margin-right: 0.5em;
  }

  body.aboutus .aisatsu {
    flex-direction: column;
  }
  body.aboutus .aisatsu figure {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  body.aboutus .aisatsu figure img {
    width: 80%;
  }
  body.aboutus .aisatsu div {
    width: 100%;
    padding: 0;
  }
  body.aboutus dl {
    width: 98%;
    margin: 0 auto;
  }
  body.aboutus dl dt {
    width: 100%;
    line-height: 180%;
    padding: 0.5rem 0 0 0;
    text-align: left;
  }
  body.aboutus dl dt:before {
    content: "●";
    color: #999999;
    margin-right: 1em;
  }
  body.aboutus dl dd {
    width: 100%;
    line-height: 180%;
    border-bottom: dotted 1px #999999;
    padding: 0 1em 0.5rem 1em;
    text-align: left;
  }
}

/*---------------------------------------------------------------------------
  勧誘方針
----------------------------------------------------------------------------*/
body.kanyuhoshin #main {
  text-align: left;
}
body.kanyuhoshin h3 {
  color: #664e24;
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.25rem;
  border-bottom: 5px solid #00b7a4;
  padding-top: 0.25rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}
body.kanyuhoshin ol {
  margin-top: 2rem;
  padding-left: 0;
  list-style-type: decimal;
}
body.kanyuhoshin ol li {
  margin-left: 2em;
  margin-bottom: 1rem;
}


/*---------------------------------------------------------------------------
  FD宣言
----------------------------------------------------------------------------*/
body.fd #main {
  text-align: left;
}
body.fd h3 {
  color: #664e24;
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.25rem;
  border-bottom: 5px solid #00b7a4;
  padding-top: 0.25rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}
body.fd h3 + p {
  margin-bottom: 1.5rem;
  padding-left: 0.5em;
  font-size: 16px;
  line-height: 1.5;
}
body.fd h4 {
  margin: 2% auto 0.75rem auto !important;
}
body.fd h4 + p {
  width: 98%;
  margin: 0 auto 1em auto;
  line-height: 1.5em;
}

/*---------------------------------------------------------------------------
  プライバシーポリシー
----------------------------------------------------------------------------*/
.privacypolicy #main h4 {
  margin: 2% auto 0.75rem auto !important;
}
.privacypolicy #main h4 + p {
  width: 98%;
  margin: 0 auto 1em auto;
  line-height: 1.5em;
}
.privacypolicy #main > ol {
  margin-left: 3em;
  padding-right: 1em;
}

.privacypolicy #main > ol > li {
  list-style-type: none;
  counter-increment: cnt;
  margin-bottom: 0.25rem;
}

.privacypolicy #main > ol > li::before {
  content: "(" counter(cnt) ")";
  display: inline-block;
  margin-left: -3em;
  width: 3em;
  text-align: center;
}
.privacypolicy #main ol li > ul {
  padding-left: 0.5em;
}
.privacypolicy #main ol li > ul li {
  position: relative;
  padding: 0 0 0 1em;
}
.privacypolicy #main ol li > ul li:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #000000;
  border-radius: 1em;
  position: absolute;
  left: 0.25rem;
  top: 0.5rem;
}
.privacypolicy #main ol li > ol {
  padding-left: 0.5em;
}
.privacypolicy #main ol li > ol > li {
  padding-left: 1em;
  text-indent: -1em;
}


@media only screen and (max-width: 768px){ /* スマホ */
  .privacypolicy #main li {
    text-align: left;
  }
  .privacypolicy #main > ol {
    margin-left: 2.5em;
    padding-right: 0;
    margin-bottom: 1em;
  }
}


/*---------------------------------------------------------------------------
 こども110番
----------------------------------------------------------------------------*/
body.kodomo110 .flex figure {
  width: 35%;
}
body.kodomo110 .flex figure img {
  width: 100%;
  border: 1px solid #cccccc;
}
body.kodomo110 .flex div {
  width: 65%;
  padding-left: 2rem;
}
body.kodomo110 .flex div h3 {
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-size: 120%;
  color: rgb(255, 255, 255);
  background-color: #cc0000;
  margin-bottom: 1rem;
  padding: 0.5rem 0.25rem;
  border-radius: 3px;
  overflow: hidden;
  text-align: left;
}
body.kodomo110 .flex div ol {
  width: 63%;
  text-align: left;
  border: 3px solid #cccccc;
  padding: 1rem 2rem;
  box-sizing: border-box;
  margin-bottom: 1rem;
  list-style-type: disc;
}
body.kodomo110 .flex div ol li {
  list-style-type: disc;
}

@media only screen and (max-width: 768px){ /* スマホ */
  body.kodomo110 .flex figure {
    width: 100%;
    margin-bottom: 1rem;
  }
  body.kodomo110 .flex div {
    width: 100%;
    padding: 0;
  }
  body.kodomo110 .flex div ol {
    width: 100%;
  }
}

/*---------------------------------------------------------------------------
  共通
----------------------------------------------------------------------------*/
.title_usual {
  width: 98%;
  margin: 2% auto;
  border: 1px solid #999999;
  background:#eeeeee;
  line-height: 180%;
  font-size: 113%;
  text-align: left;
  padding-left: 2%;
}
.normal_title {
  width:100%;
  text-align: left;
  font-size: 113%;
  margin-top: 4%;
}
.dotline {
  border-bottom: dotted 1px #999999;
}
body.archive {
  width: 100% !important;
}
.inq_tel {
  width:60%;
  margin: 3% auto;
  padding: 2% 2%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #cccccc;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
}
.inq_ta {
  border-collapse: collapse;
  margin: 1% auto;
  text-align: left;
  width: 80%;
  border: 1px solid #666666;
}
.inq_ta th {
  border: 1px solid #666666;
  background: #F5F8FD;
  padding: 2%;
  vertical-align: top;
}
.inq_ta td {
  border: 1px solid #666666;
  padding: 2%;
}

/*---------------------------------------------------------------------------
  コンタクトフォーム
----------------------------------------------------------------------------*/
.contactbox form {
  background:#ffffff;
  margin-left: 15px;
}
.contactbox .bb {
  background:#efefef;
  color:#333333;
  width:20%;
  border: 1px solid #999999;
}
.contactbox .cc {
  background:#ffffff;
  color:#333333;
  border: 1px solid #999999;
}
.contactbox table {
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
  margin: 0 auto;
}
.contactbox table .aa {
  width:100%;
  margin: 0 auto;
}
.contactbox td {
  padding: 10px;
  margin: 0;
}
.contactbox .button {
  text-align: right;
  margin-right: 370px;
  margin-top: 10px;
}
.wpcf7-textarea {
  background-color: #FAFAFA;
  width: 94%;
  border:1px solid #D8D8D8;
}
.wpcf7-text {
  background-color: #FAFAFA;
  width: 90%;
  padding: 2%;
  border:1px solid #D8D8D8;
}
.wpcf7-submit {
  border:1px solid #D8D8D8;
  padding: 4px 10px;
  width: 30%;
  color: #333;
  cursor: pointer;
  background: #FAFAFA;
  font-size: 100%;
}

/*---------------------------------------------------------------------------
  ページネーション
----------------------------------------------------------------------------*/
div.pagination {
  clear:both;
  padding:20px 0;
  position:relative;
  font-size:11px;
  line-height:13px ;
  background:none;
  margin:10px 0 20px;
  vertical-align: middle;
}
@media only screen and (max-width: 768px){ /* スマホ */
  div.pagination {
    display: flex;
    justify-content: center;
  }
}
div.pagination span, .pagination a {
  display:block;
  float:left ;
  margin: 2px 2px 2px 0 ;
  padding:6px 9px 5px 9px ;
  text-decoration:none;
  width: initial !important;
  height: initial !important;
  color:#fff ;
  background: #666 ;
}
div.pagination a:hover{
  color:#fff ;
  background: #fdcd1a;
}
div.pagination .current{
  padding:6px 9px 5px 9px ;
  background: #fdcd1a;
  color:#fff ;
}

/*---------------------------------------------------------------------------
  店舗一覧ページ
----------------------------------------------------------------------------*/

body.shoplist .contents h3 + p.caution {
  width: 90%;
  padding: 1em;
  margin: 1em auto 2em auto;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  color: #2B8225;
  background-color: #e8f0cb;
  border-radius: 1em;
}
body.shoplist .contents .ul_shoplist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.shoplist .contents .ul_shoplist li {
  width: 23.5%;
  margin-bottom: 3rem;
}
body.shoplist .contents .ul_shoplist li h4 {
  color: #e96a26;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
body.shoplist .contents .ul_shoplist li figure {
  width: 100%;
  margin-bottom: 0.25rem;
}
body.shoplist .contents .ul_shoplist li figure img {
  width: 100%;
  vertical-align: bottom;
}
body.shoplist .contents .ul_shoplist li div {
  display: flex;
  justify-content: flex-end;
}
body.shoplist .contents .ul_shoplist li a {
  width: 33%;
  display: table;
  color: #fff;
  background: #e96a26;
  padding: 0.5em;
  text-align: center;
}

body.shoplist .contents .ul_shoplist li.city_fukushima h4 { color: #e96a26; }
body.shoplist .contents .ul_shoplist li.city_koriyama h4 { color: #4ec1b0; }
body.shoplist .contents .ul_shoplist li.city_aizu h4 { color: #279835; }
body.shoplist .contents .ul_shoplist li.city_iwaki h4 { color: #cb120a; }
body.shoplist .contents .ul_shoplist li.city_soma h4 { color: #635024; }

body.shoplist .contents .ul_shoplist li.city_fukushima figure { border-bottom: 4px solid #e96a26; }
body.shoplist .contents .ul_shoplist li.city_koriyama figure { border-bottom: 4px solid #4ec1b0; }
body.shoplist .contents .ul_shoplist li.city_aizu figure { border-bottom: 4px solid #279835; }
body.shoplist .contents .ul_shoplist li.city_iwaki figure { border-bottom: 4px solid #cb120a; }
body.shoplist .contents .ul_shoplist li.city_soma figure { border-bottom: 4px solid #635024; }

body.shoplist .contents .ul_shoplist li.city_fukushima a:last-of-type { background: #e96a26; }
body.shoplist .contents .ul_shoplist li.city_koriyama a:last-of-type { background: #4ec1b0; }
body.shoplist .contents .ul_shoplist li.city_aizu a:last-of-type { background: #279835; }
body.shoplist .contents .ul_shoplist li.city_iwaki a:last-of-type { background: #cb120a; }
body.shoplist .contents .ul_shoplist li.city_soma a:last-of-type { background: #635024; }
body.shoplist .contents .ul_shoplist li a.toyotashare {
  background-color: transparent;
}
body.shoplist .contents .ul_shoplist li a.toyotashare {
  margin-right: 5px;
  padding: 0;
  display: flex;
  align-items: center;
}
body.shoplist .contents .ul_shoplist li a.toyotashare img {
  width: 100%;
  vertical-align: bottom;
}
@media only screen and (max-width: 768px){ /* スマホ */
  body.shoplist .contents h3 + p.caution {
    width: 100%;
    padding: 1em;
    margin: 1em auto 2em auto;
    font-size: 0.9rem;
    text-align: left;
  }
  body.shoplist .contents .ul_shoplist {
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
  }
  body.shoplist .contents .ul_shoplist li {
    width: 100%;
  }
  body.shoplist .contents .ul_shoplist li h4 {
    text-align: left;
  }
  body.shoplist .contents .ul_shoplist li a {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.shoplist .contents .ul_shoplist li div img {
    padding-right: 5px;
  }
}

/*---------------------------------------------------------------------------
  店舗詳細ページ
----------------------------------------------------------------------------*/
.page-shopinfo {
  text-align: left !important;
}
.page-shopinfo h2 {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', HiraginoCustom, 'Hiragino Kaku Gothic ProN', YuGothic, 'Yu Gothic Medium', Meiryo, sans-serif;
  font-size: 2rem;
  font-weight: bold;
  color: #664f22;
  text-align: left;
  border-bottom: 5px solid #f7d014;
  padding-bottom: 3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0.5rem;
}
.page-shopinfo h2 a.toyotashare {
  margin-left: 0.5em;
}
.page-shopinfo h2 a.toyotashare img {
  vertical-align: middle;
}
.page-shopinfo h2 a:last-of-type {
  color: #ffffff;
  background: #d21004;
  border: #d21004;
  font-size: 1.2rem;
  font-weight: normal;
  box-sizing: border-box;
  border-radius: 0.5rem;
  border-bottom: solid 3px #a50b03;
  padding: 0.75rem 1rem;
  margin-left: auto;
}
.page-shopinfo h2 a:last-of-type:hover {
  background: #a50b03;
  border-bottom: solid 3px #7a0602;
}
@media only screen and (max-width: 768px){ /* スマホ */
  .page-shopinfo h2 {
    display: flex;
    flex-direction: column;
    border-bottom: 0;
    margin-bottom: 2rem;
  }
  .page-shopinfo h2 span {
    order: 2;
    font-size: 5.5vw;
    display: block;
    width: 100%;
    border-bottom: 5px solid #f7d014;
    padding-bottom: 3px;
    margin-bottom: 1rem;
  }
  .page-shopinfo h2 a.toyotashare {
    order: 1;
    margin-left: 0;
    text-align: left;
    margin-bottom: 0.75rem;
    width: 100%;
  }
  .page-shopinfo h2 a:last-of-type {
    order: 3;
    width: 96%;
    margin: 0 auto;
    display: block;
    text-align: center;
  }
}
.page-shopinfo h3 {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', HiraginoCustom, 'Hiragino Kaku Gothic ProN', YuGothic, 'Yu Gothic Medium', Meiryo, sans-serif;
  font-size: 1.3rem;
  color: #ffffff;
  background: rgb(43, 130, 37);
  text-align: left;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.div_shopinfo0 {
  width: 100%;
  margin: 0 auto 3rem auto;
  box-sizing: border-box;
}
.div_shopinfo0 ol {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.div_shopinfo0 ol li {
  width: 25%;
  padding: 0.25rem 0.75rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
  border-right: 1px dotted #cccccc;
}
.div_shopinfo0 ol li h4 {
  color: #ffffff;
  background: #F16522;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  box-sizing: border-box;
  border-radius: 0.5rem;
  font-size: 1rem;
}
.div_shopinfo0 ol li figure {
  width: 94%;
  margin: 0 auto 0.75rem auto;
  line-height: 0;
}
.div_shopinfo0 ol li figure img {
  width: 100%;
  line-height: 0;
  margin: 0 auto;
}
.div_shopinfo0 ol li p {
  font-size: 0.9rem;
  line-height: 1.75em;
}
.div_shopinfo0 .div_byshop {
  padding: 1rem;
  box-sizing: border-box;
  border: 5px solid #efefef;
  display: flex;
}
.div_shopinfo0 .div_byshop figure {
  width: 30%;
}
.div_shopinfo0 .div_byshop figure img {
  width: 100%;
}
.div_shopinfo0 .div_byshop div {
  width: calc(70% - 2rem);
  margin-left: 2rem;
}
.div_shopinfo0 .div_byshop h5 {
  text-align: left;
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  border-bottom: 2px solid #efefef;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.div_shopinfo0 .div_byshop p {
  margin-bottom: 0;
}
.div_shopinfo0 .div_byshop div p:last-of-type {
  margin-top: 1em;
}
.div_shopinfo0 .div_byshop div p:last-of-type a {
  color: #F16522;
  border-bottom: 1px solid #F16522;
}


@media print, screen and (min-width: 768px) { /* PC */
  .div_shopinfo0 ol li:nth-child(4n) {
    border: 0;
  }
}

@media only screen and (max-width: 768px){ /* スマホ */
  .div_shopinfo0 ol {
    width: 95%;
    margin: 0 auto;
    flex-direction: column;
  }
  .div_shopinfo0 ol li {
    width: 100%;
    padding: 1rem 0;
    border-right: 0;
    border-bottom: 1px dotted #cccccc;
  }
  .div_shopinfo0 ol li figure {
    width: 90%;
    margin: 0 auto 0.75rem auto;
  }
  .div_shopinfo0 ol li p {
    margin-bottom: 0;
    font-size: 1rem;
  }
  .div_shopinfo0 .div_byshop {
    display: flex;
    flex-direction: column;
  }
  .div_shopinfo0 .div_byshop figure {
    width: 100%;
    margin-bottom: 1rem;
  }
  .div_shopinfo0 .div_byshop div {
    width: 100%;
    margin-left: 0;
  }
  .div_shopinfo0 .div_byshop div h5 {
    font-size: initial;
  }
}
.div_shopinfo1 {
  width: 98%;
  margin: 0 auto 2rem auto;
  box-sizing: border-box;
}
.div_shopinfo1 figure {
  float: left;
  width: 30%;
  box-sizing: border-box;
}
.div_shopinfo1 figure img {
  width: 100%;
}
.div_shopinfo1 dl {
  float: left;
  width: 68%;
  margin-left: 2%;
  box-sizing: border-box;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}
.div_shopinfo1 dl dt {
  color: #F16522;
  font-weight: bold;
  width: 17%;
  padding: 0.75rem 0.25rem;
  box-sizing: border-box;
  border-bottom: 1px dotted #cccccc;
}
.div_shopinfo1 dl dd {
  width: 83%;
  padding: 0.75rem 0.25rem;
  box-sizing: border-box;
  border-bottom: 1px dotted #cccccc;
}
.div_shopinfo1 dl dd img {
  display: block;
  margin: 0.5rem 0;
}
.div_shopinfo1 dl dd img + a {
  color: #e60021;
  border-bottom: 1px solid #e60021;
}
.div_shopinfo1 dl dd span {
  font-size: 0.9em;
  color: #555555;
  display: block;
  background: #efefef;
  margin-top: 0.5rem;
  padding: 0.5rem;
  box-sizing: border-box;
  border-radius: 0.25rem;
}
.div_shopinfo1 dl dd ul {
  background: #efefef;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.div_shopinfo1 dl dd ul li {
  font-size: 0.9em;
  color: #555555;
  list-style: disc;
  margin-left: 1.5em;
  padding: 0;
}
.div_shopinfo1 iframe {
  width: 100% !important;
  max-height: 300px !important;
  margin: 1.5rem 0 !important;
}
@media only screen and (max-width: 768px){ /* スマホ */
  .div_shopinfo1 figure {
    float: none;
    width: 90%;
    margin: 0.5rem auto;
  }
  .div_shopinfo1 dl {
    float: none;
    width: 96%;
    flex-direction: column;
    margin: 0 auto;
  }
  .div_shopinfo1 dl dt {
    width: 100%;
    border-bottom: 0;
    padding: 0;
  }
  .div_shopinfo1 dl dd {
    width: 100%;
    padding: 0 0 0.5rem 0;
    margin-bottom: 0.5rem;
    border-bottom: 2px dotted #cccccc;
  }
  .div_shopinfo1 dl dd span,
  .div_shopinfo1 dl dd ul {
    margin-bottom: 0.5rem;
  }
  .div_shopinfo1 iframe {
    width: 96% !important;
    max-height: 250px !important;
    margin: 1rem 2% !important;
  }
}
.dl_shopservice {
  width: 98%;
  margin: 1rem auto;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #cccccc;
  border-bottom: 0;
}
.dl_shopservice dt {
  color: rgb(43, 130, 37);
  font-weight: bold;
  background: #cde0cc;
  width: 17%;
  padding: 0.75rem;
  box-sizing: border-box;
  border-bottom: 1px solid #cccccc;
}
.dl_shopservice dd {
  width: 83%;
  padding: 0.75rem;
  box-sizing: border-box;
  border-bottom: 1px solid #cccccc;
}
.dl_shopservice dd span {
  font-size: 0.9em;
  color: #555555;
  display: block;
  background: #efefef;
  margin-top: 0.5rem;
  padding: 0.5rem;
  box-sizing: border-box;
  border-radius: 0.25rem;
}
.dl_shopservice dd span a {
  color: #F16522;
}

@media only screen and (max-width: 768px){ /* スマホ */
  .dl_shopservice {
    width: 96%;
    margin: 1rem auto;
    flex-direction: column;
    border: 1px solid #cccccc;
    border-bottom: 0;
  }
  .dl_shopservice dt {
    width: 100%;
  }
  .dl_shopservice dd {
    width: 100%;
  }
  .dl_shopservice + p {
    width: 96%;
    margin: 0 auto;
  }
  .page-shopinfo a.shopyoyaku {
    display: block;
    width: 96%;
    margin: 1rem auto;
    color: #ffffff;
    background: #d21004;
    border: #d21004;
    font-size: 1.2rem;
    font-weight: normal;
    box-sizing: border-box;
    border-radius: 0.5rem;
    border-bottom: solid 3px #a50b03;
    padding: 0.75rem 1rem;
    text-align: center;
  }
  .page-shopinfo a.shopyoyaku:hover {
    background: #a50b03;
    border-bottom: solid 3px #7a0602;
  }
}

/*---------------------------------------------------------------------------
  新卒採用
----------------------------------------------------------------------------*/
.div_gra div {
  margin-bottom: 2rem;
}
.div_gra div h2 {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', HiraginoCustom, 'Hiragino Kaku Gothic ProN', YuGothic, 'Yu Gothic Medium', Meiryo, sans-serif;
  font-size: 1.3rem;
  color: #ffffff;
  background: rgb(43, 130, 37);
  text-align: left;
  padding: 0.5rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.div_gra div p span {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.div_gra dl {
  display: flex;
  flex-wrap: wrap;
  border: solid 1px #999999;
  border-bottom: 0;
  font-size: 88%;
}
.div_gra dl dt {
  font-weight: bold;
  vertical-align: top;
  border-bottom: solid 1px #999999;
  border-right:solid 1px #999999;
  background: #eeeeee;
  padding: 1% 1%;
  white-space: nowrap;
  width: 25%;
  box-sizing: border-box;
}
.div_gra dl dd {
  vertical-align: top;
  border-bottom: solid 1px #999999;
  padding: 1% 1%;
  text-align: left;
  width: 75%;
  box-sizing: border-box;
  line-height: 1.5rem;
}

/*---------------------------------------------------------------------------
  スマホだけ
----------------------------------------------------------------------------*/
@media only screen and (max-width: 768px){ /* スマホ */
  .home_link {
    position: absolute;
    top:0;
    left: 0;
    z-index: 500;
    display: block;
    margin: 0% auto;
    padding-top: 15% !important;
    height: 0 !important;
    width: 75%;
  }

  #head_read {
    z-index: 24; 
    display: block;
    margin: 0px;
    padding: 2px 10px 2px auto;
    width: 100%;
    background-color : #eb6d80;
    text-align: right;
  }

  #head_read span img {
    vertical-align : middle !important;
    margin: 1%;
    width: 70%;
  }
}


.button-open {
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo, sans-serif;
  font-size: 1.25rem;
  font-weight: bold;
  position: fixed;
  z-index: 9999;
  bottom: 1.5rem;
  right: 1rem;
  color: #ffffff;
  background: #e6001f;
  border: 2px solid #fff;
  border-radius: 0.5em;
  padding: 1rem 1.5rem;
  box-shadow: 0 0 0.75rem #aaaaaa;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .3s;
}
.button-open:hover {
  background: #d1001b;
  transition: .3s;
}
.button-open:before {
  content: "";
  display: block;
  width: 3rem;
  height: 3rem;
  background-image: url(img/nav/icon-reserve.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 1rem;
}
.button-open:after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  transform: rotate(45deg);
  margin-left: 1rem;
}
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.modal-window {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  max-width: 1100px;
  height: auto;
  background-color: #fff;
  z-index: 10001;
  padding: 1rem;
}
.modal-window h2 {
  font-size: 1.8rem;
  color: #fff;
  background: #333;
  padding: 0.5rem;
  margin-bottom: 2rem;
  position: relative;
}
.modal-window h2 span {
  position: absolute;
  right: 1em;
}
.modal-window h2 + p {
  width: 90%;
  padding: 1em;
  margin: 1em auto 2em auto;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  background-color: #efefef;
  border-radius: 1em;
}
.modal-window ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 96%;
  margin: 0 auto 2rem auto;
}
.modal-window ul li {
  width: 30%;
  margin-bottom: 2rem;
  margin-right: 5%;
}
.modal-window ul li:nth-child(3n) {
  margin-right: 0;
}
.modal-window ul li a {
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  color: #fff;
  background: #ea6b91;
  border: 2px solid #fff;
  border-radius: 2em;
  padding: 1rem 0;
  box-shadow: 0 0 0.75rem #aaaaaa;
  position: relative;
  transition: .3s;
}
.modal-window ul li a:hover {
  opacity: .7;
  transition: .3s;
}
.modal-window ul li.koriyama a {
  background: #d30004;
}
.modal-window ul li.aizu a {
  background: #1a9431;
}
.modal-window ul li.hamadori a {
  background: #1d2087;
}
.modal-window ul li a:after {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  transform: rotate(45deg);
  position: absolute;
  right: 2rem;
}

@media only screen and (max-width: 768px){ /* スマホ */
  .button-open {
    width: 100%;
    bottom: 0;
    left: 0;
    border: 0;
    border-top: 2px solid #fff;
    border-radius: 0;
  }
.modal-window h2 {
  font-size: 1.25rem;
  margin-bottom: 1rem; /* 店舗統合案内時のみのCSS */
}
.modal-window h2 + p {
  width: 100%;
  padding: 0.75em;
  margin: 1em auto 2em auto;
  font-size: 0.9rem;
  text-align: left;
  border-radius: 0.5em;
}
.modal-window ul {
  flex-direction: column;
  margin-bottom: 1rem;
}
.modal-window ul li {
  width: 100%;
  margin: 0 0 1rem 0;
}
.modal-window ul li a {
  font-size: 1.25rem;
  padding: 0.5rem 0; /* 店舗統合案内時のみのCSS */
}
}


/*---------------------------------------------------------------------------
  カーリース＆レンタカーコンビネーションプラン
----------------------------------------------------------------------------*/
.combinationplan {
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo, sans-serif;
}
.combinationplan .red {
  color: #e6001f;
}
.combinationplan h2 {
  margin-bottom: 0 !important;
}
.combinationplan .title {
  color: #ffffff;
  background: url(img/combi/title-bg.svg) no-repeat left center / contain;
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
}
.combinationplan .title:before {
  content: "";
  display: block;
  width: 70vw;
  height: 130%;
  background: #45b051;
  position: absolute;
  z-index: -1;
  right: 30%;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  border-radius: 0 10rem 10rem 0;
}
.combinationplan .title:after {
  content: "";
  display: block;
  width: 50vw;
  height: 100%;
  background: linear-gradient(#ffffff, #cececf);
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 0;
}
.combinationplan .title .contents {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.combinationplan .title .contents p {
  font-size: 2rem;
  line-height: 1.25em;
  font-weight: bold;
  text-shadow: 0px 0px 8px #333;
  margin-bottom: 0;
}
.combinationplan .title .contents p span {
  display: block;
  font-size: 1.25rem;
  text-shadow: none;
}
.combinationplan h3 {
  font-weight: bold;
  border-left: 8px solid #01a140;
  border-bottom: 1px solid #01a140;
  padding: 0.25em 0.5em;
  margin-bottom: 2rem;
  text-align: left;
}
.combinationplan .flex {
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.combinationplan h4 {
  width: 100%;
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  background-color: #1f442c;
  padding: 0.75rem;
  margin-bottom: 2rem;
  border: 0;
}
.combinationplan .flex div {
  width: 57%;
  padding-left: 1rem;
}
.combinationplan .flex div h5 {
  font-size: 1.2rem;
  font-weight: bold;
}
.combinationplan .flex figure {
  width: 40%;
  padding-right: 1rem;
}
.combinationplan .flex figure img {
  width: 100%;
  border: 2px solid #cccccc;
}

.combinationplan .flex:nth-of-type(1) div > div {
  width: 100%;
  border: 2px solid #1ba040;
  padding: 0.5rem;
}
.combinationplan .flex:nth-of-type(1) div > div p {
  color: #1ba040;
  font-weight: bold;
  border-bottom: 1px solid #1ba040;
  margin-bottom: 0.5rem;
}
.combinationplan .flex:nth-of-type(1) div > div ul {
  padding: 0 0.5rem;
}
.combinationplan .flex:nth-of-type(1) div > div ul li {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 1.25em;
  margin-bottom: 0.25rem;
}
.combinationplan .flex:nth-of-type(1) div > div ul li:before {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #000000;
  position: absolute;
  left: 0;
  top: 0.25em;
}
.combinationplan .flex:nth-of-type(2) div figure,
.combinationplan .flex:nth-of-type(2) div figure img {
  width: 100%;
}
.combinationplan .flex:nth-of-type(2) div figure img {
  border: 2px solid #1ba040;
}
.combinationplan .flex:nth-of-type(3) div p {
  margin-top: 2rem;
}
.combinationplan .flex:nth-of-type(3) div p:last-of-type a {
  color: #333333;
  border: 1px solid #cccccc;
  border-bottom: 2px solid #1f442c;
  padding: 1rem;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.combinationplan .flex:nth-of-type(3) div p:last-of-type a:after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 3px solid #e6001f;
  border-right: 3px solid #e6001f;
  transform: rotate(45deg);
  margin-left: 3rem;
}
.combinationplan .flex:nth-of-type(3) figure img {
  border: 0;
}
.combinationplan .flex:nth-of-type(4) {
  margin-bottom: 4rem;
}
.combinationplan .flex:nth-of-type(4) ul li:before {
  content: "※";
  margin-right: 0.25rem;
}

.combinationplan .carlist,
.combinationplan .carlist2 {
  width: 100%;
  margin: 0.5rem auto 2rem auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.combinationplan .carlist li {
  width: 31%;
  display: flex;
  flex-direction: column;
}
.combinationplan .carlist li h5,
.combinationplan .carlist2 li h5 {
  color: #ffffff;
  background: #1ba040;
  padding: 0.25rem 0.5rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
}
.combinationplan .carlist li figure,
.combinationplan .carlist2 li figure {
  width: 100%;
  text-align: center;
  margin-bottom: 0.5rem;
}
.combinationplan .carlist li figure a,
.combinationplan .carlist2 li figure a {
  display: block;
}
.combinationplan .carlist li figure img,
.combinationplan .carlist2 li figure img {
  width: 90%;
}
.combinationplan .carlist li h6,
.combinationplan .carlist2 li h6 {
  text-align: center;
  font-weight: bold;
  border-top: 2px solid #1ba040;
  border-bottom: 2px solid #1ba040;
  padding: 0.5rem 0;
}
.combinationplan .carlist li dl {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  border-bottom: 0;
  margin-top: auto;
  margin-bottom: 1rem;
}
.combinationplan .carlist li dl dt {
  width: 50%;
  border-bottom: 1px solid #ccc;
  padding: 0.5rem;
  background: #efefef;
  text-align: center;
}
.combinationplan .carlist li dl dd {
  width: 50%;
  border-bottom: 1px solid #ccc;
  padding: 0.5rem;
  text-align: center;
}
.combinationplan .carlist li dl + p {
  color: #e6001f;
  border: 2px solid #e6001f;
  text-align: center;
  padding-bottom: 0.25rem;
  font-size: 1.125rem;
  font-weight: bold;
}
.combinationplan .carlist li dl + p span:nth-of-type(1) {
  display: block;
  color: #ffffff;
  background: #e6001f;
  padding: 0.25rem 0;
  margin-bottom: 0.25rem;
}

.combinationplan .carlist2 li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
  border-bottom: 2px dotted #1ba040;
}
.combinationplan .carlist2 li:last-child {
  border-bottom: 0;
}
.combinationplan .carlist2 li div:nth-of-type(1) {
  width: 31%;
}
.combinationplan .carlist2 li div:nth-of-type(2) {
  width: 65.5%;
}
.combinationplan .carlist2 li dl {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border: 1px solid #ccc;
  border-bottom: 0;
  border-right: 0;
  margin-top: auto;
  margin-bottom: 1rem;
}
.combinationplan .carlist2 li dl dt {
  border-right: 1px solid #ccc;
  padding: 0.5rem;
  background: #efefef;
  text-align: center;
}
.combinationplan .carlist2 li dl dd {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0.5rem;
  text-align: center;
}
.combinationplan .carlist2 li dl dt:nth-of-type(1) { order: 1; }
.combinationplan .carlist2 li dl dt:nth-of-type(2) { order: 2; }
.combinationplan .carlist2 li dl dt:nth-of-type(3) { order: 3; }
.combinationplan .carlist2 li dl dt:nth-of-type(4) { order: 4; }
.combinationplan .carlist2 li dl dt:nth-of-type(5) { order: 5; }
.combinationplan .carlist2 li dl dd:nth-of-type(1) { order: 6; }
.combinationplan .carlist2 li dl dd:nth-of-type(2) { order: 7; }
.combinationplan .carlist2 li dl dd:nth-of-type(3) { order: 8; }
.combinationplan .carlist2 li dl dd:nth-of-type(4) { order: 9; }
.combinationplan .carlist2 li dl dd:nth-of-type(5) { order: 10; }

.combinationplan .carlist2 dl + p {
  color: #e6001f;
  border: 2px solid #e6001f;
  text-align: center;
  font-size: 1.125rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.combinationplan .carlist2 dl + p span {
  display: block;
  width: 50%;
  color: #ffffff;
  background: #e6001f;
  padding: 0.25rem 0;
}
.combinationplan .carlist2 dl + p span:nth-of-type(2) {
  color: #e6001f;
  background: #ffffff;
}
.combinationplan .carlist2 .menkyo {
  width: 100% !important;
  background: #e3edc7;
  padding: 1rem;
}
.combinationplan .carlist2 .menkyo a {
  border-bottom: 1px solid;
}
.combinationplan .carlist2 .menkyo img {
  height: 50px;
  margin-right: 3px;
}

@media only screen and (max-width: 768px){ /* スマホ */
  .combinationplan .title {
    background: none;
  }
  .combinationplan .title .contents {
    flex-direction: column;
    width: 100%;
    margin: 0 !important;
  }
  .combinationplan .title .contents p {
    font-size: 7vw;
    padding: 1rem;
    background: url(img/combi/title-bg.svg) no-repeat left bottom / cover,#45b051;
  }
  .combinationplan .title .contents p span {
    line-height: 1.5em;
  }
  .combinationplan .title img {
    display: none;
  }
  .combinationplan .title:before,
  .combinationplan .title:after {
    content: none;
  }
  .combinationplan .contents p {
    margin-bottom: 1rem;
  }
  .combinationplan h3 {
    font-size: 5vw;
    line-height: 1.5em;
  }
  .combinationplan .flex {
    flex-direction: column;
  }
  .combinationplan h4 {
    margin-bottom: 1rem;
    text-align: left;
  }
  .combinationplan .flex div {
    width: 100%;
    padding-left: 0;
    margin-bottom: 1rem;
  }
  .combinationplan .flex div ul li {
    text-align: left;
  }
  .combinationplan .flex div h5 {
    text-align: left;
  }
  .combinationplan .flex:nth-of-type(1) div > div ul li {
    text-align: left;
  }
  .combinationplan .flex figure {
    width: 100%;
    padding-right: 0;
  }
  .combinationplan .flex:nth-of-type(3) div p:last-of-type a {
    width: 100%;
    justify-content: space-between;
  }
  .combinationplan .carlist, 
  .combinationplan .carlist2 {
    flex-direction: column;
  }
  .combinationplan .carlist li {
    width: 100%;
    margin-bottom: 1rem;
  }
  .combinationplan .carlist li dl + p {
    width: 100%;
    color: #e6001f;
    border: 2px solid #e6001f;
    text-align: center;
    font-size: 1.125rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-bottom: 0;
  }
  .combinationplan .carlist li dl + p span {
    display: block;
    width: 50%;
    color: #ffffff;
    background: #e6001f;
    padding: 0.25rem 0;
    margin-bottom: 0 !important;
  }
  .combinationplan .carlist li dl + p span:nth-of-type(2) {
    color: #e6001f;
    background: #ffffff;
  }
  .combinationplan .carlist2 li {
    flex-direction: column;
  }
  .combinationplan .carlist2 li div:nth-of-type(1),
  .combinationplan .carlist2 li div:nth-of-type(2) {
    width: 100%;
  }
  .combinationplan .carlist2 li dl {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ccc;
    border-bottom: 0;
    margin-top: auto;
    margin-bottom: 1rem;
  }
  .combinationplan .carlist2 li dl dt {
    width: 50%;
    border-bottom: 1px solid #ccc;
    border-right: 0;
    padding: 0.5rem;
    background: #efefef;
    text-align: center;
    order: initial !important;
  }
  .combinationplan .carlist2 li dl dd {
    width: 50%;
    border-bottom: 1px solid #ccc;
    border-right: 0;
    padding: 0.5rem;
    text-align: center;
    order: initial !important;
  }
}


/*---------------------------------------------------------------------------
  トヨタレンタリース福島の強み
----------------------------------------------------------------------------*/
body.tsuyomi h2 {
  margin-bottom: 0 !important;
}
.tsuyomi .red {
  color: #e6001f;
}
.tsuyomi .flex {
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.tsuyomi h4 {
  width: 100%;
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  background-color: #1f442c;
  padding: 0.75rem;
  margin-bottom: 2rem;
  border: 0;
}
.tsuyomi h5 {
  font-weight: bold;
}
.tsuyomi .tym01 {
  align-items: center;
}
.tsuyomi .tym01 figure {
  width: 50%;
}
.tsuyomi .tym01 figure img {
  width: 100%;
}
.tsuyomi .tym01 div {
  width: 50%;
  padding-left: 2rem;
}
.tsuyomi .tym01 div h4 {
  font-size: 24px;
  font-weight: bold;
  color: #01a140;
  background: none;
  padding: 0;
  margin-bottom: 1.5rem;
}
.tsuyomi .tym01 div h4 + p {
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.tsuyomi .tym01 div h4 + p + p {
  font-weight: bold;
}

.tsuyomi .tym02 .left {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  align-items: center;
}
.tsuyomi .tym02 .left div {
  width: 55%;
}
.tsuyomi .tym02 .left ul {
  border: 2px solid #1ba040;
  padding: 0.5rem;
}
.tsuyomi .tym02 .left ul li {
  position: relative;
  padding-left: 1.25em;
  margin-bottom: 0.25rem;
}
.tsuyomi .tym02 .left ul li:before {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #1ba040;
  position: absolute;
  left: 0;
  top: 0.25em;
}
.tsuyomi .tym02 .left ul li:last-child {
  margin-bottom: 0;
}
.tsuyomi .tym02 .left figure {
  width: 45%;
  text-align: center;
}
.tsuyomi .tym02 .left figure img {
  width: 95%;
}
.tsuyomi .tym02 .right {
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  padding: 0 1rem;
  position: relative;
}
.tsuyomi .tym02 .right:after {
  content: "";
  display: block;
  width: calc(100% - 2rem);
  height: 90%;
  background-color: #e4ebc9;
  border-radius: 0.5rem;
  position: absolute;
  left: 1rem;
  bottom: 0;
  z-index: -1;
}
.tsuyomi .tym02 .right figure {
  width: 15%;
  margin-right: 2rem;
  line-height: 0;
}
.tsuyomi .tym02 .right div {
  text-align: center;
  width: 75%;
}
.tsuyomi .tym02 .right div p {
  font-size: 1.25rem;
  font-weight: bold;
  color: #1f442c;
  margin-bottom: 1rem;
}
.tsuyomi .tym02 .right ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.tsuyomi .tym02 .right ul li {
  width: 15%;
}
.tsuyomi .tym02 .right img {
  width: 100%;
}

.tsuyomi .tym03 h5 {
  width: 100%;
  text-align: center;
  margin-bottom: 2rem;
}
.tsuyomi .tym03 .left {
  padding: 0 1rem;
}
.tsuyomi .tym03 .left ul {
  width: calc(36% - 2rem);
  margin-right: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tsuyomi .tym03 .left ul li:first-child {
  position: relative;
}
.tsuyomi .tym03 .left ul li:first-child:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -2.5rem;
  margin-top: -1.5rem;
  border: 1.5rem solid transparent;
  border-left: 1.5rem solid #1ba040;
  z-index: 2;
}
.tsuyomi .tym03 .left ul li img {
  display: block;
  width: 100%;
}
.tsuyomi .tym03 .left div {
  width: 64%;
  padding: 1rem 15% 1rem 1rem;
  border: 2px solid #cccccc;
  border-radius: 1rem;
  background-image: url(img/tsuyomi/mainte-man.svg);
  background-position: right 5% center;
  background-size: 15%;
  background-repeat: no-repeat;
}
.tsuyomi .tym03 .left div p:nth-of-type(1) {
  color: #1ba040;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 1em;
}
.tsuyomi .tym03 .right {
  width: 100%;
  padding: 0 1rem;
}
.tsuyomi .tym03 .right h6 {
  margin-bottom: 0;
}
.tsuyomi .tym03 .right h6:before {
  content: "■";
  color: #1ba040;
  font-size: 2rem;
  margin-right: 0.25rem;
}
.tsuyomi .tym03 table {
  width: 100%;
  font-size: 1rem;border-collapse: collapse;
  border:2px solid #1ba040;
  margin-bottom: 0.5rem;
}
.tsuyomi .tym03 table th,
.tsuyomi .tym03 table td {
  padding: 0.5rem;
  font-weight: normal;
  border:1px solid #ccc;
}
.tsuyomi .tym03 table thead {
  background-color: #e4ebc9;
}
.tsuyomi .tym03 table tbody th {
  width: 15%;
  text-align: left;
  font-weight: bold;
}
.tsuyomi .tym03 table tbody td {
  width: calc(85% / 11);
  text-align: center;
  font-size: 1.25rem;
  font-family: initial;
}
.tsuyomi .tym03 table tbody tr:nth-of-type(1) th {
  color: #ffffff;
  background-color: #1ba040;
}
.tsuyomi .tym03 table tbody tr:nth-of-type(1) td {
  color: #d26e1f;
}
.tsuyomi .tym03 table tbody tr:nth-of-type(2) th {
  color: #ffffff;
  background-color: #666666;
}
.tsuyomi .tym03 table tbody tr:nth-of-type(2) td {
  color: #666666;
}
.tsuyomi .tym03 table tbody td span {
  color: #000000;
  font-weight: normal;
}

.tsuyomi .tym04 > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 1rem;
}
.tsuyomi .tym04 > ul > li {
  width: 49%;
  display: flex;
  flex-direction: column;
  border: 2px solid #1ba040;
  margin-bottom: 2rem;
}
.tsuyomi .tym04 > ul > li h5 {
  color: #ffffff;
  background-color: #1ba040;
  padding: 0.5rem 0.5rem 0.5rem 4rem;
  position: relative;
}
.tsuyomi .tym04 > ul > li h5:before {
  content: "";
  display: block;
  width: 3rem;
  height: 2.5rem;
  background-image: url(img/tsuyomi/service-icon01.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.tsuyomi .tym04 > ul > li:nth-child(2) h5:before { background-image: url(img/tsuyomi/service-icon02.svg); }
.tsuyomi .tym04 > ul > li:nth-child(3) h5:before { background-image: url(img/tsuyomi/service-icon03.svg); }
.tsuyomi .tym04 > ul > li:nth-child(4) h5:before { background-image: url(img/tsuyomi/service-icon04.svg); }
.tsuyomi .tym04 > ul > li ul {
  padding: 0 1rem 1rem 1rem;
}
.tsuyomi .tym04 > ul > li ul li {
  position: relative;
  padding-left: 1.25em;
  margin-bottom: 0.25rem;
}
.tsuyomi .tym04 > ul > li ul li:before {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #333333;
  position: absolute;
  left: 0;
  top: 0.25em;
}
.tsuyomi .tym04 > ul > li ul li span {
  font-weight: bold;
}
.tsuyomi .tym04 > ul > li p {
  text-align: right;
  margin: 0 1rem 1rem 0;
}
.tsuyomi .tym04 > ul > li p a {
  color: #333333;
  border: 1px solid #cccccc;
  border-bottom: 2px solid #1f442c;
  padding: 1rem;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.tsuyomi .tym04 > ul > li p a:after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 3px solid #e6001f;
  border-right: 3px solid #e6001f;
  transform: rotate(45deg);
  margin-left: 3rem;
}
.tsuyomi .tym04 > ul > li figure {
  width: 100%;
  padding: 0 1rem;
  margin: auto 0 1rem 0;
}
.tsuyomi .tym04 > ul > li figure img {
  width: 100%;
}

.tsuyomi .tym05 .left {
  padding: 0 1rem;
}
.tsuyomi .tym05 .left figure {
  width: calc(30% - 1.5rem);
  margin-right: 1.5rem;
}
.tsuyomi .tym05 .left figure img {
  width: 100%;
}
.tsuyomi .tym05 .left div {
  width: 70%;
}
.tsuyomi .tym05 .left div h5 {
  text-align: center;
  background-color: #e4ebc9;
  padding: 0.5rem;
}
.tsuyomi .tym05 .left div p:last-of-type {
  background: #efefef;
  border-radius: 1rem;
  padding: 1rem;
  margin-top: 1rem;
}
.tsuyomi .tym05 ul {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
}
.tsuyomi .tym05 ul li {
  width: 31.5%;
  border: 2px solid #1ba040;
  display: flex;
  flex-direction: column;
}
.tsuyomi .tym05 ul li p {
  margin: 0 1rem 1rem 1rem;
}
.tsuyomi .tym05 ul li figure {
  width: 100%;
  padding: 0 1rem 1rem 1rem;
  margin-top: auto;
}
.tsuyomi .tym05 ul li figure img {
  width: 100%;
}
.tsuyomi .tym05 ul li h5 {
  color: #ffffff;
  background-color: #1ba040;
  padding: 0.5rem 0.5rem 0.5rem 3.5rem;
  position: relative;
}
.tsuyomi .tym05 ul li h5:before {
  content: "";
  display: block;
  width: 3rem;
  height: 2.5rem;
  background-image: url(img/tsuyomi/houmon-icon01.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.tsuyomi .tym05 ul li:nth-child(2) h5:before { background-image: url(img/tsuyomi/houmon-icon02.svg); }
.tsuyomi .tym05 ul li:nth-child(3) h5:before { background-image: url(img/tsuyomi/houmon-icon03.svg); }
.tsuyomi .tym05 ul + p {
  padding: 0 1rem;
  margin-top: 0.5rem;
}

.tsuyomi .tym06 {
  margin-bottom: 4rem;
}
.tsuyomi .tym06 p {
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
}
.tsuyomi .tym06 div {
  width: 90%;
  margin: 2rem auto;
  padding: 2rem;
  border: 2px solid #cccccc;
  border-radius: 1rem;
}
.tsuyomi .tym06 div h5,
.tsuyomi .tym06 div h5 img {
  width: 100%;
}
.tsuyomi .tym06 div ul {
  display: flex;
  justify-content: space-between;
}
.tsuyomi .tym06 div ul li {
  width: 24%;
}
.tsuyomi .tym06 div ul li img {
  width: 100%;
}

@media only screen and (max-width: 768px){ /* スマホ */
  .tsuyomi .flex {
    margin-bottom: 1rem;
  }
  .tsuyomi h4 {
    font-size: 5vw;
    text-align: left;
    margin-bottom: 1rem;
  }
  .tsuyomi h5 {
    text-align: left;
  }
  .tsuyomi .tym01 figure {
    width: 100%;
  }
  .tsuyomi .tym01 div {
    width: 100%;
    padding-left: 0;
  }
  .tsuyomi .tym01 div h4 {
    font-size: 5vw;
    text-align: left;
  }
  .tsuyomi .tym02 .left,
  .tsuyomi .tym02 .right {
    padding: 0;
  }
  .tsuyomi .tym02 .right {
    flex-direction: initial;
    align-items: center;
    background-color: #e4ebc9;
    padding: 1rem;
    border-radius: 1rem;
  }
  .tsuyomi .tym02 .right:after {
    content: none;
  }
  .tsuyomi .tym02 .right figure {
    width: 30%;
    margin-right: 1rem;
    line-height: 0;
  }
  .tsuyomi .tym02 .right div {
    width: calc(70% - 1rem);
  }
  .tsuyomi .tym02 .right div p {
    font-size: 1.2rem;
    line-height: 1.5em;
  }
  .tsuyomi .tym02 .right ul {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .tsuyomi .tym02 .right ul li {
    width: 33%;
  }
  .tsuyomi .tym02 .left div,
  .tsuyomi .tym02 .left figure,
  .tsuyomi .tym02 .left figure img {
    width: 100%;
  }
  .tsuyomi .tym02 .left ul {
    margin-bottom: 1rem;
  }
  .tsuyomi .tym02 .left ul li {
    text-align: left;
  }
  .tsuyomi .tym03 h5 {
    text-align: left;
  }
  .tsuyomi .tym03 .left {
    padding: 0;
  }
  .tsuyomi .tym03 .left ul {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    display: flex;
    flex-direction: initial;
    justify-content: space-between;
  }
  .tsuyomi .tym03 .left ul li {
    width: 49%;
  }
  .tsuyomi .tym03 .left ul li:first-child:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    right: initial;
    margin-top: -1px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #1ba040;
  }
  .tsuyomi .tym03 .left div {
    width: 100%;
    padding: 1rem;
    border: 2px solid #cccccc;
    border-radius: 1rem;
    background-image: url(img/tsuyomi/mainte-man.svg);
    background-position: right 1rem top 1rem;
    background-size: 20%;
    background-repeat: no-repeat;
  }
  .tsuyomi .tym03 .left div p:nth-of-type(1) {
    width: 77%;
    margin-right: 23%;
    font-size: 1.2rem;
    line-height: 1.5em;
  }
  .tsuyomi .tym03 table thead th {
    display: none;
  }
  .tsuyomi .tym03 table tbody {
    display: flex;
  }
  .tsuyomi .tym03 table tbody tr {
    display: flex;
    flex-direction: column;
    width: 50%;
  }
  .tsuyomi .tym03 table tbody tr th {
    width: 100%;
    text-align: center;
  }
  .tsuyomi .tym03 table tbody tr td {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .tsuyomi .tym03 table tbody td[data-title]::before {
    font-size: 0.9rem;
    color: #000;
    content: attr(data-title) " :";
    padding: 0 10px 0 0;
    display: inline;
  }
  .tsuyomi .tym03 table tbody td:nth-of-type(10)[data-title]::before {
    font-size: 0.8rem;
  }
  .tsuyomi .tym04 > ul > li {
    width: 100%;
    margin-bottom: 1rem;
    text-align: left;
  }
  .tsuyomi .tym05 .left figure {
    width: 100%;
    margin-right: 0;
  }
  .tsuyomi .tym05 .left div {
    width: 100%;
  }
  .tsuyomi .tym05 ul {
    flex-wrap: wrap;
  }
  .tsuyomi .tym05 ul li {
    width: 100%;
    margin-bottom: 1rem;
  }
  .tsuyomi .tym06 div {
    width: 100%;
    padding: 1rem;
  }
  .tsuyomi .tym06 div h5 {
    margin-bottom: 0.5rem;
  }
  .tsuyomi .tym06 div ul {
    flex-wrap: wrap;
  }
  .tsuyomi .tym06 div ul li {
    width: 49%;
  }
  .tsuyomi .tym06 p {
    text-align: left;
  }
}


/* ---------------------------------------------------------------------------
 TOYOTA SHARE
----------------------------------------------------------------------------*/
body.page-template-page-toyotashare h2 {
  margin-bottom: 0;
}
.tshare {
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo, sans-serif;
  position: relative;
  padding-top: 20px;
}
.tshare:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  display: block;
  width: 100vw;
  height: 20px;
  background-color: #e60021;
}
.tshare .about h2 {
  display: flex;
  justify-content: space-between;
  font-size: 2rem;
}
.tshare .about h2 div {
  display: flex;
  align-items: center;
  padding-top: 1rem;
  width: 40%;
}
.tshare .about h2 div img {
  width: 90%;
}
.tshare .about h2 span {
  display: flex;
  align-items: center;
  position: relative;
  width: 40%;
  color: #ffffff;
  background-color: #e60021;
  font-weight: bold;
}
.tshare .about h2 span:before {
  content: "";
  position: absolute;
  right: 100%;
  display: block;
  width: 15vw;
  height: 100%;
  background: url(img/toyotashare/square.svg) no-repeat top right / contain;
}
.tshare .about h2 span:after {
  content: "";
  position: absolute;
  left: 100%;
  display: block;
  width: 20vw;
  height: 100%;
  background-color: #e60021;
}
.tshare .about figure {
  width: 80%;
  margin: 4rem auto;
}
.tshare .about figure img {
  width: 100%;
}
.tshare-station h3 {
  position: relative;
  margin-bottom: 3rem;
  padding: 0.75rem;
  border-radius: 0.25rem;
  color: #ffffff;
  background-color: #e60021;
  font-weight: bold;
}
.tshare-station h3:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -1rem;
  border: 1rem solid transparent;
  border-top: 1rem solid #e60021;
}
.tshare-station ul {
  width: 90%;
  margin: 1rem auto 3rem auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tshare-station ul li {
  display: flex;
  flex-direction: column;
  width: 31%;
}
.tshare-station ul li h4 {
  font-size: 1.25rem;
  font-weight: bold;
  padding-left: 1em;
  border-bottom: 3px solid #e60021;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
  position: relative;
}
.tshare-station ul li h4:before {
  content: "";
  display: block;
  width: 0.75em;
  height: 0.75em;
  background-color: #e60021;
  position: absolute;
  left: 0;
  top: 0.25em;
  border-radius: 2em;
}
.tshare-station ul li figure {
  margin-bottom: 0.75rem;
}
.tshare-station ul li figure img {
  vertical-align: bottom;
  width: 100%;
}
.tshare-station ul li figcaption {
  color: #fff;
  background: #000;
  padding: 0.5rem;
}
.tshare-station ul li figure + p {
   margin-bottom: 0.5rem;
}
.tshare-station dl {
  display: flex;
  margin-top: auto;
  margin-bottom: 1rem;
}
.tshare-station dl dt {
  width: 25%;
  padding: 0.5rem;
  border: 1px solid #ccc;
  text-align: center;
  background-color: #efefef;
}
.tshare-station dl dd {
  width: 75%;
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-left: 0;
}
.tshare-station dl + p a {
  display: block;
  color: #fff;
  background: #e60021;
  font-weight: bold;
  text-align: center;
  padding: 0.5rem 0;
  border-radius: 2em;
}
.tshare-station dl + p.none {
  display: block;
  color: #fff;
  padding: 0.5rem 0;
  text-align: center;
}
.fivepoint h3 {
  position: relative;
  margin-bottom: 3rem;
  padding: 0.75rem;
  border-radius: 0.25rem;
  color: #ffffff;
  background-color: #e60021;
  font-weight: bold;
}
.fivepoint h3:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -1rem;
  border: 1rem solid transparent;
  border-top: 1rem solid #e60021;
}
.fivepoint div > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.fivepoint div > ul > li {
  width: 30%;
  margin: 0 1.5% 1rem 1.5%;
}
.fivepoint div > ul > li figure {
  width: 100%;
  margin-bottom: 0;
}
.fivepoint div > ul > li figure img {
  width: 100%;
  border-radius: 0.5rem 0.5rem 0 0;
  vertical-align: bottom;
}
.fivepoint div > ul > li h4 {
  padding: 0.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
  color: #ffffff;
  background-color: #000000;
  text-align: center;
  font-weight: bold;
}
.fivepoint div > ul > li span {
  font-size: 1rem;
  font-weight: normal;
}
.fivepoint div > ul > li > ul li {
  margin-bottom: 0.5rem;
  padding-left: 1.5em;
  text-indent: -0.75em;
  font-size: 1.125rem;
  font-weight: bold;
}
.fivepoint div > ul > li > ul li:before {
  content: "■";
  color: #e60021;
  font-size: 1.25rem;
}
.tshare-anzen {
  width: 90%;
  margin: 0 auto 5rem auto;
  padding: 3rem 3rem 2rem 3rem;
  background: #efefef;
  border-radius: 2rem;
}
.tshare-anzen h3 {
  text-align: center;
  color: #e60021;
  background-color: transparent;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1em;
}
.tshare-anzen h3 span {
  display: inline-block;
  margin: 0 0.25rem;
  background:linear-gradient(transparent 60%, #fde500 60%);
}
.tshare-anzen figure {
  width: 55%;
  margin: 0.5rem auto 2rem auto;
}
.tshare-anzen figure img {
  width: 100%;
}
.tshare-anzen ul li {
  font-size: 1.25rem;
  width: 100%;
  border: 0;
  border-radius: 0;
  padding: 0 0 0 1.5em;
  margin-bottom: 0.5em;
  position: relative;
}
.tshare-anzen ul li:before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-color: #e60021;
  border-radius: 1em;
  position: absolute;
  left: 0;
  top: 0.25em;
}
.tshare-anzen p + p {
  background: #ffffff;
  text-align: center;
  padding: 1rem 0;
}
.tshare-download {
  position: relative;
  padding: 3rem 0;
  color: #ffffff;
  background-color: #e60021;
}
.tshare-download:before,
.tshare-download:after {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 20vw;
  height: 100%;
  background-color: #e60021;
}
.tshare-download:before {
  right: 100%;
}
.tshare-download:after {
  left: 100%;
}
.tshare-download {
  width: 100% !important;
  margin-top: 0 !important;
}
.tshare-download h3 {
  padding: 1rem 0;
  text-align: center;
  font-size: 2rem;
  line-height: 1.25em;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.tshare-download p {
  text-align: center;
}
.tshare-download ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.tshare-download ul li {
  display: flex;
  align-items: center;
  margin: 1rem;
}
.tshare-download ul li a {
  margin-right: 1rem;
}
.tshare-download ul li a img {
  height: 60px;
  width: auto;
}
.tshare-download ul li a + img {
  width: 150px;
}
.tshare-contact {
  padding: 4rem 0;
}
.tshare-contact h3 {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 2px dotted #e60021;
  color: #e60021;
  font-weight: bold;
  text-align: center;
}
.tshare-contact h3 + p {
  font-weight: bold;
  text-align: center;
}
.tshare-contact > ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
  margin: 2rem auto;
}
.tshare-contact > ol > li {
  width: 48%;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  position: relative;
  font-weight: bold;
  font-size: 1.125rem;
}
.tshare-contact > ol > li:before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: #e60021;
  position: absolute;
  left: -1.25rem;
}
.tshare-contact > ol > li:after {
  content: "01";
  color: #ffffff;
  font-size: 1.5rem;
  position: absolute;
  left: -1.55rem;
  top: -0.35rem;
  width: calc(2rem + 10px);
  height: calc(2rem + 10px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.tshare-contact > ol > li:nth-child(1):after { content: "1"; }
.tshare-contact > ol > li:nth-child(2):after { content: "2"; }
.tshare-contact > ol > li:nth-child(3):after { content: "3"; }
.tshare-contact > ol > li:nth-child(4):after { content: "4"; }
.tshare-contact > ol > li:nth-child(5):after { content: "5"; }
.tshare-contact > ol > li:nth-child(6):after { content: "6"; }
.tshare-contact > ol > li span {
  font-size: 1.35rem;
  background:linear-gradient(transparent 60%, #e60021 60%);
}
.tshare-contact > ol > li > ul {
  margin-top: 0.5rem;
}
.tshare-contact > ol > li > ul li {
  list-style: none;
  font-size: 1rem;
  font-weight: normal;
  padding-left: 1em;
  text-indent: -1em;
}
.tshare-contact > ol > li > ul li:before {
  content: "・";
}
.tshare-contact > ol + p {
  text-align: center;
}
.tshare-contact > ol + p span {
  display: inline-block;
  position: relative;
  margin-bottom: 3rem;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  color: #ffffff;
  background-color: #e60021;
  font-weight: bold;
  font-size: 1.25rem;
}
.tshare-contact > ol + p span:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -1rem;
  border: 1rem solid transparent;
  border-top: 1rem solid #e60021;
}
.tshare-contact > ol + p + div {
  width: 60%;
  min-width: 500px;
  margin: 0 auto;
  padding: 2rem 4rem;
  color: #00a03f;
  border: 3px solid #00a03f;
  text-align: center;
  font-size: 1.25rem;
}
.tshare-contact > ol + p + div h4 {
  font-size: 1.25rem;
}
.tshare-contact > ol + p + div p:nth-of-type(1) {
  margin-bottom: 1rem;
}
.tshare-contact > ol + p + div p a {
  color: #00a03f;
  font-size: 4rem;
  font-weight: bold;
}
.tshare-contact > ol + p + div p + p {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px){ /* スマホ */
  .tshare {
    margin-top: 0 !important;
  }
  .tshare .about h2 {
    flex-direction: column;
  }
  .tshare .about h2 div {
    order: 2;
    width: 100%;
    justify-content: center;
  }
  .tshare .about h2 span {
    order: 1;
    width: 80%;
    font-size: 1.25rem;
    padding-bottom: 0.5rem;
  }
  .tshare .about h2 span:before {
    content: "";
    position: absolute;
    right: 100%;
    display: block;
    width: 20vw;
    height: 100%;
    padding-bottom: 0.5rem;
    background-color: #e60021;
  }
  .tshare .about h2 span:after {
    content: "";
    position: absolute;
    right: calc(100% - 1px);
    display: block;
    width: 15vw;
    height: 100%;
    margin-left: -1px;
    padding-bottom: 0.5rem;
    background: url(img/toyotashare/square.svg) no-repeat top right / contain;
    transform: scale(-1, 1);
  }
  .tshare .about figure {
    width: 90%;
  }
  .tshare-station h3 {
    line-height: 1.25em;
  }
  .tshare-station ul {
    flex-direction: column;
  }
  .tshare-station ul li {
    width: 100%;
    text-align: left;
  }
  .tshare-station dl + p {
    width: 100%;
  }
  .fivepoint h3 {
    line-height: 1.25em;
  }
  .fivepoint div > ul {
    flex-direction: column;
  }
  .fivepoint div > ul > li {
    width: 100%;
  }
  .fivepoint div > ul > li > ul li {
    text-align: left;
  }
  .tshare-anzen {
    padding: 2rem 1.5rem;
  }
  .tshare-anzen {
    margin-bottom: 3rem !important;
  }
  .tshare-anzen h3 {
    font-size: 5.5vw;
    line-height: 1.25em;
  }
  .tshare-anzen figure {
    width: 90%;
  }
  .tshare-anzen ul li {
    font-size: 1rem;
    text-align: left;
  }
  .tshare-anzen p + p {
    background: #ffffff;
    text-align: left;
    padding: 1rem;
  }
  .tshare-download {
    padding: 2rem;
  }
  .tshare-download h3 {
    font-size: 5.5vw;
  }
  .tshare-download p {
    text-align: left;
  }
  .tshare-download ul {
    flex-direction: column;
  }
  .tshare-download ul li {
    width: 100%;
    justify-content: center;
    margin: 0.5rem 0;
  }
  .tshare-download ul li a + img {
    display: none;
  }
  .tshare-contact h3 {
    line-height: 1.25em;
  }
  .tshare-contact ol li {
    width: 100%;
    text-align: left;
  }
  .tshare-contact > ol + p + div {
    width: 100%;
    min-width: initial;
    padding: 2rem 1rem;
  }
  .tshare-contact > ol + p + div p:nth-of-type(1),
  .tshare-contact > ol + p + div p + p {
    text-align: center;
  }
  .tshare-contact > ol + p + div p a {
    font-size: 10vw;
  }
}








* a {
  transition: .3s;
}
* a:hover {
  transition: .3s;
}