/* パンくずリスト */
.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  display: inline;/* 横に並ぶように */
  list-style: none;
  font-weight: bold;
}

.breadcrumb li:after {
  /* >を表示 */
  content: '>';
  padding: 0 0.2em;
  color: #828282;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #a8a8a8;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

/* 横並びメニュー */
/*
#nav {
  list-style: none;
  overflow: hidden;
  position: absolute;
  top: 45px;
  left: 30%;
}

#nav li {
  width: 140px;
  text-align: center;
  background-color: #333;
  float: left;
  height: 50px;
  line-height: 50px;
  margin-right: 2px;
}

#nav li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding: 20px;
}
*/

.hamburger {
  display: block;
  position: fixed;
  z-index: 3;
  right: 20px;
  top: 20px;
  width: 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}

.hamburger span {
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 6px;
  background: #BBBBBB;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.hamburger span:nth-child(1) {
  top: 10px;
}

.hamburger span:nth-child(2) {
  top: 20px;
}

.hamburger span:nth-child(3) {
  top: 30px;
}

.hamburger.active span:nth-child(1) {
  top: 16px;
  left: 6px;
  background: #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  color: #fff;
  background: #333;
  text-align: center;
  width: 100%;
  opacity: 0;
  display: none;
  transition: opacity .6s ease,visibility .6s ease;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
}

nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}

nav.globalMenuSp ul li:hover {
  background: #ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1em 0;
  text-decoration: none;
}

nav.globalMenuSp.active {
  opacity: 100;
  display: block;
}

/* ページトップへ戻るボタン */
#page_top {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}

#page_top a {
  width: 60px;
  height: 60px;
  text-decoration: none;
}

#page_top a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f139';
  font-size: 50px;
  color: #333;
}

/* other */

.hidden_link  {
  cursor: pointer;
}

.logo {
  font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, Georgia;
}

.corp {
  margin: 0.5em;
}

.b-content {
  background-color: #555;
  width: 100%;
}

.content {
  padding-top: 0.7em;
}

.i-content {
  padding: 0.4em;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  background-color: #273376;
  color: #fff;
  border-radius: 10px;
}

.h-con {
  font-weight: bold;
}

.tbl-content {
  background-color: #fff;
}

.tbl-content td {
  border-bottom: 2px solid #000;
}

.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.btn01 {
  color: #fff;
  background-color: #273376;
  border-radius: 15%;
  width: 80px;
  height: 40px;
}

.btn01:hover {
  color: #fff;
  background: #333;
}

.btn02 {
  color: #fff;
  background-color: #273376;
  border-radius: 15%;
  width: 100px;
  height: 40px;
}

.btn02:hover {
  color: #fff;
  background: #333;
}

.img01 {
  height: 300px;
  weight: 100%;
}

.red {
  color: red;
}

.footer {
  text-align: center;
}