@charset "UTF-8";
/* CSS Document */

body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  margin-top: 3.5rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6
}

b, strong, .bold{
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}

/* IEだけに適応 */
_:lang(x)::-ms-backdrop, .selector {
	font-family: "Segoe UI", Meiryo, sans-serif;
}

h2 {text-align: center; padding: 0 2px 10px;background: linear-gradient(transparent 60%, #B9EEFC 40%);font-weight: bold;}
h2.gray {background: linear-gradient(transparent 60%, #F2F2F2 40%)}

/* グローバルナビ */
  .navbar-brand h1 {font-size: 1rem;margin-bottom: 0}
.dropdown-menu {
  position: absolute!important;
  left:auto;
  right: 0;
}

/*ジャンボトロン*/
.jumbotron {
  background-image: url("../images/top.jpg");
  background-size: cover;
  background-position: center;
}
.jumbotron .container {text-align: center;color: #fff;padding: 3rem 0 1rem;text-shadow: 1px 2px 3px #808080;} 
.jumbotron  h1 {margin-bottom: 5rem;line-height: 1.5;}
.jumbotron .lead {font-size: 1rem;}



.top-col-img {
  width: 100%;
  height: 0;
  padding-top: 61.8%;
  background-size:cover!important;
  background-position:center;
}
.img-01 {background:url('../images/img01.jpg') no-repeat center;}
.img-02 {background:url('../images/img02.jpg') no-repeat center;}


/*丸文字自動生成*/
dl {
  counter-reset: my-counter;
  padding: 0;
  margin: 0;
}
dt {
  padding-left: 1.8rem;
  line-height: 1.6;
  position: relative;
  font-weight: normal;
}
dt:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #fff;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.2rem;
  width: 1.2rem;
  color: #000;
  font-size: 80%;
  line-height: 1;
  position: absolute;
  top: 2px;
  left: 0;
}
dd { padding-left:1.8rem;font-size: .85rem;line-height: 1.4;margin-bottom: 1rem;}


/*table*/
.table td, .table th {
  border-top: none;
  border-bottom: 1px solid #dee2e6;
}


/*ボタン */

.link-btn,
a.link-btn,
button.link-btn {
  font-size:.9rem;
  color: #fff;
  line-height: 1.5;
  padding: .8rem 2rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 0.3rem;
  margin-top: auto;
  margin-left: auto;
}

.btn {cursor: pointer;}

a.btn-orange {background-color: #eb6100;}
a.btn-orange:hover {background: #BF4F00;}

a.btn-green {background-color: #2e8b57;}
a.btn-green:hover {background: #228B22;}

a.btn-teal {background-color: #008080;}
a.btn-teal:hover {background: #156A6A;}


/* フッター */
footer {background-color: #343a40!important;color: #fff;display: flex;align-items: center;justify-content: center}
footer p {margin-bottom: 0;margin: 1rem 0;}


/* google map */
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
  margin-top: 2rem
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/* 調整用 */
.mb-gap {margin-bottom: 5rem;}
hr {border-top: 1px solid #8c8b8b}


/* メディアクエリー */
@media (min-width: 576px){
}


@media (min-width: 768px) {
  .jumbotron .lead {font-size: 1.25rem;}
}


@media (min-width: 992px) {
  .jumbotron .lead {font-size: 1.25rem;}
  .br-sp {display: none;}
}

@media (min-width: 1200px) {
  .jumbotron .lead {font-size: 1.25rem;}

  
  }