/*!

 */
html {
  font-size: 90%; /* sets the base font to 10px for easier math */
}

body {
  margin: 0;
  font-family:  -apple-system, BlinkMacSystemFont,  Quicksand, "游ゴシック Medium", "Segoe UI", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #f5f5f5;
}

/*!保険取扱部門font指定
.hoken {
  font-family:　"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}*/



/*トップメインimage
 .jumbotron {
   background-image: url("../images/cic02.jpg");
   background-size: cover;
   background-position: center 45%;
 }*/

.toppage h1  {
  font-size: 1.3rem;
  font-color: #6c757d;
}
@media (max-width: 767px) {
  .toppage h1 {
    font-size: 1rem;
  }
}

.access h1 {
  font-size: 2rem;
}
.access h2 {
  font-size: 1rem;
}
.gyoumu h1 {
  font-size: 1rem;
}
.gyoumu h2 {
  font-size: 2.2rem;
}
.gyoumu h3 {
  font-size: 1.5rem;
}
.Contact h1 {
  font-size: 2rem;
}
.Contact h2 {
  font-size: 1.5rem;
}
.genba h3  {
  font-size: 1rem;
}
.ext h3 {
  font-size: 2rem;
}
.ext h4 {
  font-size: 1.2rem;
}
.notfound h2 {
  font-size: 1.2rem;
}
.roadservice h2 {
  font-size: 1.2rem;
}
.roadservice h3 {
  font-size: 1.7rem;
}

/*エクステリアimage*/
 .exteriorbg {
   background-image: url("../images/img/exterior_bg.jpg");
   background-size: cover;
   background-position: center center;
 }

 /*シンボルツリーラインアップimage*/
#lineup {
  background-image: url("../images/lineUP_bg.jpg");
  background-size: cover;
  background-position: 30% 50%;
}

/*404カスタマイズ*/
.notfound h1 {
  font-size: 5rem;
  font-weight: bolder;
}
@media (max-width: 767px) {
  .notfound h1 {
    font-size: 3rem;
    font-weight: bolder;
  }
}
.notfound a {
  border-bottom: 1px solid #343a40;
}



 /*borderのカスタマイズ*/
.linetop {
  border-top: 1px solid #000000;
}

.linebot {
  border-bottom: 1px solid #000000;
}

.linedot {
  border: 1px dotted #6c757d;
}

.linebotdot {
  border-bottom: 1px dotted #6c757d;
}

.lineprim {
  border-top: 2px solid #007bff;
  border-bottom: 2px solid #007bff;
}


.linelef {
  border-left: 1px solid #000000;
}

.linered {
  border: 1px solid #CC3333;
}

/*バックカラーのカスタマイズ*/
.black {
   background-color: #000000;
}

.darkgray {
   background-color: #333333;
}

.indi {
  background-color: #6c757d;
}

.graybg {
  background-color: #6c757d;
}

/*リンクのカスタマイズ*/
a {
  color: #000000;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #6c757d;
  text-decoration: none;
}

/*ナビバーのカスタマイズ*/

.navbar-light .navbar-nav .nav-link {
  color: #343a40;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #6c757d;
}

.nav-item {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}


/*ボタンカスタマイズ*/
.btn-outline-dark.focus, .btn-outline-dark:focus {
    background-color: #000000;
    box-shadow: none;
}

/*フォントのカスタマイズ*/
@media (min-width: 768px) {
.fontla {
  font-size: 130%;
}
}

.fontst {
    font-style: italic;
}
@media (max-width: 767px) {
  #lineup h3 {
    font-size: 140%;
  }
  #lineup {
    font-size: 90%;
  }
}


/* ページトップへのボタンcss */
/* パソコン・スマホ共通のCSS */
#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: 1.5rem; /*下からのボタンの配置場所を指定*/
    right: 1.5rem; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #6495ed; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 25%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
    text-decoration: none;
    background: #87cefa; /*マウスオーバー時の背景色*/
}

/* パソコンで表示する場合のCSS */
@media (min-width: 768px) {
#PageTopBtn {
    font-size: 1.7rem; /*文字のサイズ*/
}
#PageTopBtn a {
    width: 4rem; /*ボタンの幅*/
    height: 4rem; /*ボタンの高さ*/
    padding: 0.6rem 0; /*文字の配置場所の調整*/
}
}
/* スマホで表示する場合のCSS */
@media (max-width: 767px) {
#PageTopBtn {
    font-size: 1rem;
}
#PageTopBtn a {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem 0;
}
}
/* 終わり */

/* ロードサービス部門用リストスタイル */
ul ul ul { list-style-type: square; /* 3階層目以降 */ }

/* お問い合せ先カスタマイズ */
/* パソコンで表示する場合のCSS
@media (min-width: 768px) {
#contact dd {
  color: #007bff;
  font-size: 2rem;
}
#contact .add dd {
  color: #007bff;
  font-size: 1.5rem;
}
} */
/* スマホで表示する場合のCSS
@media (max-width: 767px) {
  #contact dd {
    color: #007bff;
    font-size: 1.3rem;
  }
  #contact .add dd {
    color: #007bff;
    font-size: 1rem;
  }
  }*/

/* footer カスタマイズ */
#companyInfo {
  font-size: 0.9rem;
}

#companyInfo h4, .h4 {
  font-size: 1.2rem;
}

#companyInfo a {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

#companyInfo a:hover {
  color: #6c757d;
  text-decoration: none;
}