#key {
  background: url(../img/gaiyou/key.jpg) no-repeat center top / cover;
  min-height: 600px;
}
#key .key-title {
  position: absolute;
  top: 196px;
  left: 50%;
  transform: translate(-50%);
}
#tab .tab-btn.main {
  position: absolute;
  top: -100px;
  left: 0;
}
#tab .tab-btn.main li {
  position: relative;
  float: left;
  cursor: pointer;
}
#tab .tab-btn.main li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
#tab .tab-btn.main li.active:before,
#tab .tab-btn.main li:hover:before {
  opacity: 1;
}
#tab .tab-btn.main li:nth-child(1):before {
  background: url(../img/gaiyou/tab-btn1_on.jpg) no-repeat;
}
#tab .tab-btn.main li:nth-child(2):before {
  background: url(../img/gaiyou/tab-btn2_on.jpg) no-repeat;
}
#tab .tab-btn.main li:nth-child(3):before {
  background: url(../img/gaiyou/tab-btn3_on.jpg) no-repeat;
}
#tab .tab-content.main {
  padding: 100px 0 90px;
}
#tab .tab-content.main > li {
  display: none;
}
#tab .tab-content.main > li.active {
  display: block;
}
#tab .tab-1 {
  position: relative;
}
#tab .tab-1:before {
  content: "";
  position: absolute;
  background: url(../img/gaiyou/tab1-deco.png) no-repeat;
  width: 795px;
  height: 401px;
  bottom: -79px;
  right: -294px;
}
#tab .tab-1 .list {
  width: 560px;
  color: #414141;
  float: left;
}
#tab .tab-1 .list dl {
  padding: 15px 0;
  position: relative;
}
#tab .tab-1 .list dl:before {
  content: "";
  position: absolute;
  background: #c3b1a1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
}
#tab .tab-1 .list dt {
  color: #9a5b3d;
  font-weight: bold;
  text-align: center;
}
#tab .tab-1 .list dd {
  width: 440px;
  padding-right: 88px;
}
#tab .tab-1 .list a {
  color: #414141;
}
#tab .tab-1 .col {
  width: 360px;
  float: right;
  position: relative;
  z-index: 1;
}
#tab .tab-1 .col .gmap {
  width: 100%;
  height: 280px;
  overflow: hidden;
  margin-bottom: 40px;
  position: relative;
}
#tab .tab-1 .col .gmap:before {
  content: "";
  position: absolute;
  border: 1px solid #c3b1a1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
#tab .tab-1 .col h2 {
  margin-bottom: 14px;
}
#tab .tab-1 .col .btr {
  margin-bottom: 10px;
}
#tab .tab-2 {
  color: #414141;
}
#tab .tab-2 dl {
  background: #c3b1a1;
}
#tab .tab-2 dl:last-child dd:last-child:before {
  border: none;
}
#tab .tab-2 dl dt {
  padding: 15px 0;
  font-size: 20px;
  width: 170px;
  color: #fff;
  text-align: center;
}
#tab .tab-2 dl dd {
  width: 830px;
  padding: 15px 0 15px 94px;
  background: #f4f1e9;
  position: relative;
}
#tab .tab-2 dl dd:before {
  content: "";
  position: absolute;
  background: #c3b1a1;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
}
#tab .tab-2 .d {
  color: #9a5b3d;
  position: absolute;
  top: 15px;
  left: 40px;
  width: 35px;
  text-align: right;
}
#tab .tab-3 h3 {
  font-size: 34px;
  margin-bottom: 70px;
  position: relative;
  font-family: "MSMincho", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#tab .tab-3 h3:before {
  content: "";
  position: absolute;
  background: #9a5b3d;
  width: 50px;
  left: 50%;
  bottom: -36px;
  transform: translate(-50%);
  height: 2px;
}
#tab .tab-3 .tab-content {
  width: 690px;
  text-align: center;
  float: right;
  color: #414141;
  font-weight: bold;
  padding-top: 14px;
}
#tab .tab-3 .tab-content > li {
  display: none;
}
#tab .tab-3 .tab-content > li.active {
  display: block;
}
#tab .tab-3 .tab-content h4 {
  font-weight: bold;
}
#tab .tab-3 .tab-content ul,
#tab .tab-3 .tab-content p {
  margin-bottom: 30px;
}
#tab .tab-3 .tab-btn {
  width: 270px;
  float: left;
}
#tab .tab-3 .tab-btn li {
  color: #4c2f20;
  padding: 15px 0 15px 24px;
  background: #fff;
  cursor: pointer;
}
#tab .tab-3 .tab-btn li.active,
#tab .tab-3 .tab-btn li:hover {
  color: #fff;
  background: #9a5b3d;
}
#tab .tab-3 .tab-btn li + li {
  position: relative;
}
#tab .tab-3 .tab-btn li + li:before {
  content: "";
  position: absolute;
  background: #c3b1a1;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
}