@charset "utf-8";
/* manual
========================================== */
.pcOnly {
  display: block;
}
.spOnly {
  display: none;
}
.tabOnly {
  display: none;
}
.pctabOnly {
  display: block;
}
.tabspOnly {
  display: none;
}
body {
  width: 100%;
  color: #333335;
}
img{
    max-width: 100%;
    height: auto;
}
.img{
  position: relative;
}
/* headerPC
========================================== */
header.hdPc {
  width: 100%;
  background-color: #ffffff;
}
.hd {
  margin: 0 auto;
  padding: 0px 1%;
  display: flex;
  justify-content: space-between;
}
.hd .logo {
  padding: 16px 1%;
  background-color: #ffffff;
  width: 60%;
  display: flex;
  align-items: center;
}
.hd .logo a{
  margin-right: 20px;
}
.hd .logo img {
  width: 100%;
  max-width: 300px;
}
.hd .txtLogo {
  font-size: 16px;
  font-weight: bold;
}
.hd .hdnav {
  width: 30%;
  padding: 0px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.hd .hdnav li {
  margin-left: 1%;
  width: 15em;
  vertical-align: text-top;
  box-shadow: 0 0 6px 0 rgb(0 0 0 / 0.3);
}
.hd .hdnav li:hover {
  transition: all 0.3s linear;
}
.hd .hdnav li a {
  color: #fff;
  position: relative;
  line-height: 1;
  display: block;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  padding: 5px 10px 0;
  cursor: pointer;
  background-color: #b50913;
    border: 2px solid #fff;
}
.hd .hdnav li a span {
  padding: 14px 0;
  display: block;
}
.hd .hdnav li a i {
  font-size: 36px;
  margin-bottom: 5px;
  color: #fff;
  vertical-align: middle;
}
.hd .hdnav li.btnRes a,
.hd .hdnav li.btnReq a {
  color: #ffffff;
  background-color: #ca0821;
  position: relative;
  padding: 22px 10px 0;
}
.hd .hdnav li.btnReq {
  position: relative;
  overflow: hidden;
}
.hd .hdnav li.btnReq a {
  background-color: #0035c3;
}
.hd .hdnav li.btnRes a i,
.hd .hdnav li.btnReq a i {
  color: #ffffff;
  margin-left: -15px;
}
.hd .hdnav li.btnRes a em,
.hd .hdnav li.btnReq a em {
  font-style: normal;
}
.hd .hdnav li.btnRes a .txt,
.hd .hdnav li.btnReq a .txt {
  position: absolute;
  top: 4px;
  right: 14%;
  letter-spacing: 0.1em;
}
@keyframes fadeBtn {
  0% {
    background-color: #fff2d0;
  }
  50% {
    background-color: #efb820;
  }
  100% {
    background-color: #fff2d0;
  }
}
.hd .hdnav li.mapout {
  margin-top: 10px;
  max-width: 129px;
  width: 36%;
}
.hd .hdnav li.mapout a {
  color: #333333;
  font-size: 14px;
  line-height: 1;
  text-align: left;
  padding: 10px 10px 10px;
}
.hd .hdnav li.mapout .map, .hd .hdnav li.mapout .out {
  text-align: left;
  border-radius: 10px;
}
.hd .hdnav li.mapout .out {
  margin-bottom: 4px;
}
.hd .hdnav li.mapout a i {
  font-size: 24px;
  line-height: inherit;
  margin-top: -3px;
  vertical-align: middle;
  margin-right: 5px;
  color: #000000;
}
.hd .jimukyoku {
  float: left;
  width: 26%;
  min-width: 270px;
}
.hd .jimukyoku span {
  font-size: 13px;
  display: block;
}
.hd .jimukyoku a {
  display: block;
  font-size: 40px;
  margin-bottom: 0px;
  font-weight: bold;
  text-decoration: none;
  color: #bb1e14;
  line-height: 1;
}
.hd .jimukyoku a i {
  font-size: 70%;
  line-height: 1;
  vertical-align: middle;
  padding-bottom: 5px;
  margin-right: 3px;
}
/* headerSP
========================================== */
header.hdSp p.logo {
  display: none;
}
.btnMenu {
  cursor: pointer;
  position: fixed;
  top: 20px;
  right: 1%;
  border: solid 2px #fcc80e;
  text-align: center;
  z-index: 100;
  transition: all 0.3s linear;
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 50%;
  background: #f1e767;
  background: -moz-radial-gradient(center, ellipse cover, #f1e767 0%, #feb645 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #f1e767 0%, #feb645 100%);
  background: radial-gradient(ellipse at center, #f1e767 0%, #feb645 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e767', endColorstr='#feb645', GradientType=1);
  box-shadow: inset 5px 30px 20px rgba(255, 255, 255, 0.5), 0 6px 10px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
}
.btnMenu:hover {
  -webkit-box-shadow: inset 15px 30px 40px rgba(255, 255, 255, 0.55), 0 3px 7px rgba(0, 0, 0, 0.2);
  box-shadow: inset 15px 30px 40px rgba(255, 255, 255, 0.55), 0 3px 7px rgba(0, 0, 0, 0.2);
}
.btnMenu.fixed {
  visibility: visible;
  opacity: 1;
}
.btnMenu span {
  position: absolute;
  display: block;
  top: 47px;
  left: 30%;
  width: 40%;
  height: 3px;
  background-color: #000000;
  transition: all 0.3s ease-out;
}
.btnMenu span:nth-of-type(2) {
  top: 59px;
}
.btnMenu span:nth-of-type(3) {
  top: 71px;
}
.btnMenu em {
  position: absolute;
  top: 31px;
  left: 0;
  width: 100%;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  line-height: 0;
  text-align: center;
}
.btnMenu.vew {
  background-color: #000000;
}
.btnMenu.vew span:nth-of-type(1) {
  top: 59px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.btnMenu.vew span:nth-of-type(2) {
  display: none;
}
.btnMenu.vew span:nth-of-type(3) {
  top: 59px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
header.hdSp ul.hdnavSp {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  transition: all 0.3s linear;
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0px;
  width: 100%;
  z-index: 100;
  text-align: center;
  padding: 10px 0;
}
header.hdSp ul.hdnavSp.fixed {
  opacity: 1;
  visibility: visible;
}
header.hdSp ul.hdnavSp li {
  width: 20%;
  margin: 0 0.5%;
    text-align: center;
  font-size: 16px;
  vertical-align: text-top;
    display: inline-block;
}
header.hdSp ul.hdnavSp li a {
  color: #333333;
  background-color: #eeeeee;
  text-decoration: none;
  display: block;
  padding: 18px 0;
  font-size: 13px;
    line-height: 1;
  position: relative;
  overflow: hidden;
    border: solid 2px #000000;
}
header.hdSp ul.hdnavSp li.btn_or a{
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background: #ed6d00;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 12px 0;
    color: #fff;
}
header.hdSp ul.hdnavSp li.btn_or a p{
    margin-right: 10px;
    line-height: 2;
    letter-spacing: 0.1em;
}
header.hdSp ul.hdnavSp li a i {
  margin-bottom: 0px;
    font-size: 30px;
}
header.hdSp ul.hdnavSp li a em {
    left: 0;
  width: 100%;
    font-size: 14px;
  font-weight: bold;
  font-style: normal;
    text-align: center;
  display: block;
}
header.hdSp ul.hdnavSp li a .txt {
  font-weight: bold;
  line-height: 1.3;
}
header.hdSp ul.hdnavSp li.btnTel {
  display: none;
}
header.hdSp ul.hdnavSp li.btnReq a {
  padding: 7px 0;
  background-color: #0035c3;
  color: #ffffff;
  border-color: #0035c3;
}
header.hdSp ul.hdnavSp li.btnRes a {
  padding: 7px 0;
  background-color: #ca0821;
  color: #ffffff;
  border-color: #ca0821;
}
header.hdSp nav.gnav.gnavSp {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  transition: all 0.3s linear;
  visibility: visible;
  background-color: rgb(0 0 0 / 95%);
  width: 100%;
  top: 0;
  left: 0;
  padding-top: 15vh;
  height: 85vh;
  z-index: -10;
}
header.hdSp nav.gnav.gnavSp.show {
  opacity: 1;
  visibility: visible;
  z-index: 90;
}
header.hdSp nav.gnav.gnavSp ul.gn {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  display: flex;
    flex-wrap: wrap;
}
header.hdSp nav.gnav.gnavSp ul.gn li a {
  color: #ffffff;
  padding: 4vh 0px;
  font-size: 3vh;
}
header.hdSp nav.gnav.gnavSp ul.gn li {
  width: 43%;
  margin: 0 3% 1vh;
}
header.hdSp nav.gnav.gnavSp ul.gn.eng li a {
  font-size: 5vh;
  padding: 20px 10px;
  border: none;
  box-shadow: -1px 1px 0px 0px #000000;
  border-radius: 0px;
  color: #000000;
}
header.hdSp nav.gnav.gnavSp ul.gn.eng li a span {
  font-size: 3vh;
}
/* gmenu
========================================== */
.gnav {
  position: relative;
  z-index: 3;
}
.gnav .gn {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  display: flex;
  justify-content: center;
}
.gn li {
  width: auto;
  margin: 0 0.5% 0px;
  height: auto;
  position: relative;
  text-align: center;
  display: inline-block;
}
.gn li a {
  display: block;
  padding: 13px 1vmax;
  color: #333333;
  text-decoration: none;
  font-size: 1vmax;
  font-weight: bold;
  position: relative;
}
.gn li a::before {
  content: "";
  position: absolute;
  background-color: #cccccc;
  width: 100%;
  height: 5px;
  bottom: -2px;
  left: 0;
  z-index: 2;
  transition: all 0.3s linear;
}
.gn li a:hover::before, .gn li.on a::before {
  background-color: #ed6d00;
}
.gn li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -7px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0px 7px 10px 7px;
  border-color: transparent transparent #ed6d00 transparent;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s linear;
}
.gn li a:hover::after, .gn li.on a::after {
  visibility: visible;
  opacity: 1;
}
.gn li.gnHouse a {
  color: #e65b82;
}
.gn li.gnLand a {
  color: #31a71d;
}
.gn li a span {
  display: block;
  font-size: 12px;
}
.gn li.gnHouse a:hover, .gn li.gnHouse.on a {
  border: solid 1px #e65b82;
}
.gn li.gnLand a:hover, .gn li.gnLand.on a {
  border: solid 1px #31a71d;
}
.gn li a:hover, .gn li.on a {
  opacity: 1;
}
.gn li.new::before {
  content: "NEW";
  position: absolute;
  top: -3px;
  left: 3px;
  display: inline-block;
  background-color: rgb(202 8 33);
  border-radius: 5px;
  font-size: 10px;
  padding: 3px 3px 2px;
  line-height: 10px;
  color: #ffffff;
  letter-spacing: 1px;
  z-index: 2;
}
.show .gn li.new::before {
  z-index: 100;
}
.gn li::before {
  animation: fadeBtn_new 1s infinite alternate linear;
  -ms-animation: fadeBtn_new 1s infinite alternate linear;
  -webkit-animation: fadeBtn_new 1s infinite alternate linear;
  -moz-animation: fadeBtn_new 1s infinite alternate linear;
}
@keyframes fadeBtn_new {
  0% {
    background-color: rgb(202 8 33);
  }
  50% {
    background-color: rgb(252 200 14);
  }
  100% {
    background-color: rgb(202 8 33);
  }
}
/* gmenu  no
========================================== */
.gnav .gn li.no a, .gnav .gn li.no a:hover {
  opacity: 0.3;
  border: none;
}
.gn li.no a::before, .gn li.no a::after {
  display: none;
}
.gnav .gn li.no a {
  cursor: default;
}
.gnav .gn li.gnHouse.no a {
  color: #e37e78;
}
.gn li.gnLand.no a {
  color: #418835;
}
.gnav .gn li.gnHouse.no a:hover {
  background-color: #ffffff;
  opacity: 0.3;
}
.gnav .gn li.gnLand.no a:hover {
  background-color: #ffffff;
  opacity: 0.3;
}
.gnav .gn li.no .comson {
  display: block;
  font-size: 20px;
  position: absolute;
  width: 100%;
  color: #776c3b;
  font-style: italic;
  top: 50%;
  left: 0px;
  margin-top: -16px;
}

/* ==================
top
======================== */
.main {
  width: 240%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-left: -70%;
  text-align: center;
  z-index: 2;
}
.main::before {
  width: 200%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #fcc80e;
  z-index: -1;
}
.main img {
  width: 100%;
}
.main video {
  max-width: 100%;
  width: 100vw;
}
.main button {
  background-color: #000000;
  color: #ffffff;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
  cursor: pointer;
  z-index: 100;
  padding: 5px 10px 3px;
  border: none;
  outline: none;
}
.main .bxslider li {
  position: relative;
}
.main .bxslider li .cap {
  position: absolute;
  bottom: 21vw;
  right: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 1px 5px;
  font-size: 12px;
  width: auto;
}
.mainW .imgDebut {
  position: absolute;
  top: 49vw;
  right: 2%;
  z-index: 30;
  width: 17%;
}
.mainW .imgDebut img {
  max-width: 225px;
  width: 100%;
}
.main .mainIn {
  max-width: 100vw;
  margin: 0 auto;
  position: relative;
}
.main .mainVideo {
  position: relative;
  z-index: 1;
}
.main .mainFin {
  transition: all 0.3s linear;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
}
.main .mainFin img {
  position: absolute;
  top: 0;
  left: 0;
}
.main .mainFin.show {
  visibility: visible;
  opacity: 1;
}
.main .btn {
  position: absolute;
  top: 10px;
  right: 1%;
  z-index: 10;
  background-color: #000000;
  color: #ffffff;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
.main .btn i {
  font-size: 16px;
  vertical-align: middle;
}
.mainBtm {
    background: url(../images/common/bg.jpg);
  z-index: 1;
  position: relative;
  padding: 80px 0;
}
.mainBtm h2{
    text-align: center;
    color: #ae0d15;
    font-size: 50px;
    margin-bottom: 30px;
}
.secAward {
  max-width: 930px;
  margin: 0 auto 50px;
}
.secAward ul {
  margin: 20px auto;
  max-width: 1300px;
    padding: 15px;
  border-radius: 36px;
  display: flex;
  justify-content: space-around;
}
.secAward ul li {
  width: 46%;
}
.secAward ul li a {
  position: relative;
  display: block;
  text-align: center;
  padding: 13px 0;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  border-radius: 20px;
  border: solid 3px #ff9312;
  background-color: #ffffff;
  color: #333;
}
.secAward ul li a::after {
  font-family: 'Material Icons';
  content: "\E5C8";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  font-size: 18px;
  right: 20px;
  transition: all 0.3s linear;
}
.secAward ul li a:hover::after {
  right: 10px;
}
.mainBtm .txtKakaku {
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}
.mainBtm .txtKakaku p.txt {
  font-size: 26px;
}
.mainBtm .txtKakaku ul {
  width: 70%;
  margin: 0 auto;
  text-align: left;
}
.mainBtm .txtKakaku ul li {
  font-size: 34px;
  letter-spacing: 0.2em;
  text-align: center;
}
.mainBtm .txtKakaku ul li + li {
  border-top: solid 1px #000000;
  padding: 10px 0;
  margin-top: 15px;
}
.mainBtm .txtKakaku ul li span {
  border: solid 2px #333;
  padding: 5px 10px;
  font-size: 20px;
  color: #333;
  letter-spacing: 0;
}
.mainBtm .txtKakaku ul li strong {
  font-size: 140%;
}
.mainBtm .txtMain {
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}
.mainBtm .txtMain p.txt {
  font-size: 26px;
}
.mainBtm .txtMain p.cat {
  font-size: 34px;
  letter-spacing: 0.25em;
  line-height: 1.2;
}
.mainBtm .txtMain p.cat span {
  color: #d90514;
}
.mainBtm .txtMain p.cat strong {
  font-size: 140%;
}
.mainBtm ul.point {
  text-align: center;
}
.mainBtm ul.point li div {
  background-color: #afddde;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  border: solid 2px #ffffff;
  margin: 0 1% 5px;
  border-radius: 5px;
  box-shadow: 0 0 6px 0 rgb(0 0 0 / 0.3);
}
.mainBtm ul.point li {
  display: inline-block;
  width: 15%;
  vertical-align: text-top;
}
.mainBtm ul.point li strong {
  font-size: 120%;
}
.mainBtm ul.point li p.chu {
  text-align: center;
}
.notice .kokuchi {
  border: solid 1px #E5E5E5;
  background-color: #f7f7f7;
  float: left;
  padding: 15px 10px;
  margin-right: 10px;
  width: 10%;
  text-align: center;
  font-size: 14px;
}
/***予告***/
.yokoku_top {
  background: rgb(255 255 255 / 86%);
  padding: 10px;
}
.yokoku_top .yokoku_in {
  display: flex;
  align-items: center;
}
.yokoku_top .yokoku_in dl {
  display: flex;
  margin-right: 10px;
  align-items: center;
}
.yokoku_top .yokoku_in dl dt {
  border: 1px solid #444;
  padding: 5px 10px;
  text-align: center;
  font-size: 14px;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.yokoku_top .yokoku_in dl dd {
  font-size: 18px;
}
.yokoku_top .yokoku_in p {
  font-size: 13px;
}
/***最新情報はこちら***/
.chirashi ul li {
  width: 80%;
}
.chirashi ul li a {
  position: relative;
  display: block;
  text-align: center;
  padding: 13px 0;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  border-radius: 20px;
  border: solid 3px #ff9312;
  background-color: #ffffff;
  color: #333;
}
.chirashi ul li a::after {
  font-family: 'Material Icons';
  content: "\E5C8";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  font-size: 18px;
  right: 20px;
  transition: all 0.3s linear;
}
.chirashi ul li a:hover::after {
  right: 10px;
}
.fbnr {
  position: fixed;
  z-index: 50;
  top: 280px;
  right: 10px;
}
.fbnr ul li {
  position: relative;
  margin-bottom: 5px;
}
.fbnr ul li a {
  display: block;
  text-decoration: none;
  color: #000000;
}
.fbnr span {
  position: absolute;
  top: -15px;
  right: -4px;
  z-index: 5;
  display: block;
  cursor: pointer;
}
.fbnr span i {
  background-color: #ffffff;
  border-radius: 50%;
  color: #39507a;
}
/* footer
========================================== */
.bnr_area {
  text-align: center;
  margin: 30px auto 0px;
}
.fbtn {
  width: 100%;
  margin: 0px auto 0;
  padding: 90px 0;
  position: relative;
  background: url(../images/common/bg01.jpg) center center;
  display: none;
}
.fbtn::after {
  content: none;
  display: block;
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0px;
  z-index: 0;
}
.fbtn ul {
  width: 60%;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}
.fbtn li {
  width: 44%;
  display: inline-block;
  margin: 0 2%;
}
.fbtn li.res {
    display: none;
}
.fbtn li a {
  display: block;
  text-align: center;
  position: relative;
}
.fbtn li a {
  color: #ffffff;
  background-color: #ffffff;
  text-decoration: none;
  font-size: 20px;
  letter-spacing: 2px;
  display: block;
  border-radius: 20px;
  padding: 30px 20px 30px;
  line-height: 1;
  position: relative;
  overflow: hidden;
  font-weight: bold;
}
.fbtn li a:hover {
  opacity: 1;
}
.fbtn li.res a {
  background-color: #e65597;
  border: solid 2px #000000;
}
.fbtn li.req a {
  background-color: #00a6b2;
  border: solid 2px #000000;
}
.fbtn li a i {
  margin-bottom: 0px;
  font-size: 30px;
  line-height: 1;
  vertical-align: middle;
}
.fbtn li.res a:hover {
  background-color: #ffffff;
  color: #e65597;
}
.fbtn li.req a:hover {
  background-color: #ffffff;
  color: #00a6b2;
}
.fbtn li a:after {
  top: 0px;
  left: -300px;
  width: 400px;
  height: 125px;
  position: absolute;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.0));
  animation: AnimationName 3s linear infinite;
}
@keyframes AnimationName {
  0% {
    left: -800px;
  }
  50% {
    left: 0px;
  }
  100% {
    left: 800px;
  }
}

.index .fnav .infow{
    display: none;
}
.fnav {
  width: 100%;
  background-color: #f1f1f1;
}
.fnav ul {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}
.fnav ul li a span {
  display: block;
  font-size: 12px;
}
.fnav ul li.no a {
  color: #d2d2d2;
  cursor: default;
}
footer {
  width: 100%;
  padding: 0px 0 0px;
  background-color: #ffffff;
  margin-bottom: 95px;
}
footer .telw {
  width: 1080px;
  max-width: 1250px;
  margin: 0 auto 15px;
  padding: 0;
}
footer .telw .contact {
  margin-top: 0px;
}
footer .telw .contact p {
  font-size: 12px;
  line-height: 28px;
  color: #ffffff;
}
footer .tel .telnum {
  margin-right: 15px;
  margin-bottom: 5px;
  float: none;
}
footer .tel .telnum a {
  font-size: 55px;
  text-decoration: none;
  text-align: right;
  line-height: 1;
  color: #ffffff;
}
footer .tel .telnum img {
  margin-right: 10px;
  margin-bottom: 6px;
}
footer .tel .eigyo {
  font-size: 13px;
  line-height: 16px;
  color: #ffffff;
  padding-top: 10px;
  float: left;
}
footer .telw .left {
  width: 36%;
  float: left;
}
footer .telw .right {
  width: 47%;
  float: right;
  padding-top: 19px;
}
footer .flogow {
  width: 100%;
  padding: 0;
  margin-bottom: 5px;
}
footer .flogo .ttl {
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: solid 1px #cccccc;
}
footer .flogo .ttl span {
  font-size: 30px;
}
footer .flogo .zaidan {
  text-align: center;
  margin-bottom: 20px;
}
footer .flogo .zaidan span {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
}
footer .flogo .zaidan img {
  max-height: 44px;
  width: auto;
}
footer .flogo .jimukyoku {
  text-align: center;
  margin-bottom: 20px;
}
footer .flogo .jimukyoku a {
  display: block;
  font-size: 50px;
  margin-bottom: 0px;
  font-weight: bold;
  color: #bb1e14;
}
footer .flogo .jimukyoku a i {
  font-size: 70%;
  line-height: 1;
  vertical-align: middle;
  padding-bottom: 5px;
  margin-right: 3px;
}
footer .flogo .jimukyoku span {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 20px;
}
footer .flogo {
  padding: 5vh 0;
  width: 96%;
  margin: 0 auto;
}
footer .flogo ul {
    max-width: 1000px;
    width: 96%;
    margin: 50px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
footer .flogo li:first-child {
    width: 32%;
}
footer .flogo li:nth-child(2) {
    width: 29%;
}
footer .flogo li:last-child {
    width: 25%;
}
footer .flogo li span {
  height: 18px;
  display: block;
  font-size: 14px;
}
footer .flogo a {
  text-decoration: none;
  color: #000000;
  display: block;
  margin-bottom: 0px;
  line-height: 1;
}
footer .flogo li p {
  margin-bottom: 10px;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
}
footer .flogo li p span {
  margin-bottom: 5px;
}
footer .flogo li p.tel {
  margin-bottom: 5px;
  font-size: 10px;
  display: none;
  margin-top: 10px;
}
footer .flogo li p.tel span {
  display: block;
  font-size: 12px;
  margin-bottom: 0;
  padding: 1px 0;
}
footer .flogo li p.tel .tel2 {
  display: inline-block;
  margin: 0 5px;
}
footer .flogo li p.tel small {
  font-size: 12px;
}
footer .flogo li p.tel a {
  text-decoration: none;
  color: #333333;
  font-size: 20px;
  line-height: 1;
}
footer .flogo li p.tel a i {
  font-size: 18px;
  line-height: 1;
  vertical-align: middle;
  padding-bottom: 4px;
  margin-right: 3px;
}
footer .flogo li p.tel a img {
  width: 26px;
  height: auto;
  vertical-align: top;
}
footer .flogo li img {
  width: auto;
  max-height: 35px;
}
footer .flogo li.logoToyota img {
  max-height: 40px;
}
footer .flogo li.compTel {
  width: 100%;
}
footer .flogo li.compTel .tel {
  display: block;
}
footer .flogo li.compTel .tel a {
  font-size: 27px;
  font-weight: bold;
}
footer .flogo li.compTel .tel i {
  font-size: 28px;
  border-radius: 5px;
  padding: 2px;
  margin-bottom: 5px;
  margin-right: 0;
}
.ftBtm {
  position: relative;
  background-color: #fff100;
}
.ftBtm .logoFt {
  position: absolute;
  top: -50px;
  left: 5%;
  z-index: 1;
  width: 200px;
}
.ftBtm .logoFt img {
  width: 100%;
}
.copy {
  font-size: 11px;
  text-align: center;
  padding: 10px 0;
  background-color: #f1f1f1;
}
.pageTop {
  margin-top: 5px;
  position: fixed;
  right: 10px;
  bottom: 115px;
  z-index: 70;
  color: #ffffff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 10px;
  height: 40px;
  width: 40px;
  padding: 9px 7px 4px 7px;
  font-size: 24px;
  cursor: pointer;
}
.fbnrEvent {
  position: fixed;
  left: -15px;
  top: 280px;
  z-index: 100;
  cursor: pointer;
}
.fbnrEvent dt {
  position: absolute;
  z-index: 10
}
.fbnrEvent dd {
  position: absolute;
  left: -612px;
  transition: all 0.3s linear;
}
.fbnrEvent dt:hover + dd {
  left: 0px;
}
.fbnrEvent dd:hover {
  left: 0px;
}
.fbnrEvent dt {
  display: inline-block;
  animation: shake 2s infinite;
  -webkit-animation: shake 2s infinite;
  -moz-animation: shake 2s infinite;
  -o-animation: shake 2s infinite;
  -ms-animation: shake 2s infinite;
}
@keyframes shake {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }
  25% {
    transform: translate(5px, 0px) rotateZ(0deg)
  }
  30% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }
  35% {
    transform: translate(10px, 0px) rotateZ(0deg)
  }
  75% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }
}
/*コンテンツフェードアニメーション*/
.fadein {
  opacity: 0;
  transition: all 2000ms;
  animation-timing-function: ease-in-out;
}
.fadein.scrollin {
  opacity: 1;
}
.fadein.jyutan {
  transform: translate(100px, 100px);
  transition: all 1000ms;
}
.fadein.jyutan.scrollin {
  transform: translate(0, 0);
  transition-timing-function: ease-in-out;
}
.fadein.akubi {
  transform: translate(0px, -100px);
  transition: all 1000ms;
  transition-timing-function: cubic-bezier(0.34, 1.53, 0.86, 1.37);
}
.fadein.akubi.scrollin {
  transform: translate(0, 0);
}
.box_zoomin {
  animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.zoomin {
 visibility: hidden;
 opacity: 0;
 transition: 1s;
    transform: scale(0.7);
}
.animate__zoomIn {
 visibility: visible;
 opacity: 1;
    transform: scale(1);
}

.animated {
    animation-delay: 3s;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes rotate {
	from {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(0.5,0.5) rotate(90deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

@keyframes rotate {
	from {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(0.5,0.5) rotate(90deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

.rotate {
	-webkit-animation-name: rotate;
	animation-name: rotate;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}


/****
common
*******************************************/
.conw {
  width: 100%;
  overflow: hidden;
}
.top .conw {
  padding-bottom: 0px;
}
.con {
  width: 100%;
  padding: 0px 0 30px;
  margin: 0 auto;
  font-feature-settings: "palt";
}
.con img {
  max-width: 100%;
    height: auto;
}
.block {
  max-width: 1300px;
  margin: 0 auto;
  width: 96%;
}
.secTit {
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 6vw;
  background-position: top center;
  position: relative;
}
.secTit p.ttl {
  text-align: center;
  padding: 4vw 0 5vw;
  color: #ffffff;
  font-size: 16px;
}
.secTit p.ttl img {
    max-height: 100px;
  width: auto;
  margin-right: 30px;
}
.secTit p.ttl span {
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 5px;
  display: block;
  margin-bottom: 10px;
}
.titw {
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.reserve .titw, .outline .titw, .map .titw {
  background-image: none !important;
}
.tit {
  width: 96%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  max-width: 1300px;
}
.tit h2 {
  color: #231816;
  font-size: 100px;
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0px;
  bottom: -60px;
  font-weight: normal;
}
.reserve .tit h2, .outline .tit h2, .map .tit h2 {
  font-size: 50px;
  position: static;
  text-align: center;
  width: 100%;
  left: 0px;
  bottom: 0px;
  font-weight: normal;
  padding: 80px 0 20px;
}
.tit .img {
  text-align: center;
  display: inline-block;
}
.reserve .tit .img, .outline .tit .img, .map .tit .img {
  display: none;
}
h2.ttl {
  margin-bottom: 50px;
  text-align: center;
  font-size: 45px;
  letter-spacing: 2px;
  position: relative;
}
h2.ttl::before {
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 8px;
  left: 0%;
  margin-left: 0%;
}
h2.ttl + .txt {
  text-align: center;
  margin-bottom: 3vw;
  font-size: 18px;
  font-weight: bold;
}
.pan {
  text-align: left;
  font-size: 12px;
  padding: 10px 2%;
  margin: 0 auto;
  background-color: rgb(255 255 255 / 70%);
  width: 96%;
}
.pan a {
  color: #333333;
}
.txt {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.2em;
}
.txt strong.txtBold {
  font-size: 110%;
  font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN";
}
.con .mincho {
  font-weight: bold;
}
.con .mincho .cap {
  /* font-weight: normal; */
}
.cat + .txt {
  text-align: center;
  margin-bottom: 5vh;
  font-size: 16px;
}
.cat {
  font-size: 30px;
  line-height: 2;
  margin-bottom: 30px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.2em;
}
.chu {
  font-size: 12px;
  color: #333333;
  text-align: left;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: normal;
}
.left {
  float: left;
}
.right {
  float: right;
}
.sec00 {
  position: relative;
  padding-bottom: 5vw;
}
.sec00 p.img {
  position: relative;
}
.sec00 p.img img {
  width: 100%;
}
.sec00 p.ttl {
  text-align: center;
  padding: 10vh 0;
}
.sec00 p.ttl span {
  display: block;
  text-align: center;
  padding: 10px 0 8px;
  text-decoration: none;
  font-size: 30px;
  border-radius: 20px;
  background-color: #ffffff;
  color: #ffffff;
  width: 500px;
  margin: 0 auto;
  letter-spacing: 5px;
}
.sec00 p.ttl.ttlLand span {
  background: #11a63a;
  background: -moz-linear-gradient(left, #efe43e 0%, #11a63a 100%);
  background: -webkit-linear-gradient(left, #efe43e 0%, #11a63a 100%);
  background: linear-gradient(to right, #efe43e 0%, #11a63a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efe43e', endColorstr='#11a63a', GradientType=1);
}
.sec00 p.ttl.ttlHouse span {
  background: #e6276e;
  background: -moz-linear-gradient(left, #ee819a 0%, #e6276e 100%);
  background: -webkit-linear-gradient(left, #ee819a 0%, #e6276e 100%);
  background: linear-gradient(to right, #ee819a 0%, #e6276e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee819a', endColorstr='#e6276e', GradientType=1);
}
.sec00 .cat {
  text-align: center;
  font-size: 32px;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}
.sec00 .txt {
  text-align: center;
  font-size: 16px;
}
span.cap {
  position: absolute;
  bottom: 0px;
  right: 0px;
  /* background-color: rgba(0, 0, 0, 0.5); */
  color: #333;
  padding: 1px 5px;
  font-size: 12px;
  text-align: right;
  font-weight: bold;
}
.btnPri {
  width: 96%;
  margin: 0 auto;
  text-align: center;
  max-width: 600px;
}
.btnPri li {
  display: inline-block;
  width: 29%;
  margin: 0 1%;
}
.btnPri li a {
  display: block;
  text-decoration: none;
  text-align: center;
  background-color: #ffffff;
  color: #023287;
  padding: 10px 0;
  border: solid 1px #023287;
  border-radius: 7px;
  font-size: 16px;
}
.btnPri li a:hover {
  background-color: #023287;
  color: #fffdfa;
  padding: 10px 0;
  opacity: 1;
}
.btnPri li a i {
  display: block;
}
/* info
========================================== */
.infow {
  width: 100%;
  padding: 7vh 0 5vh;
}
.infow h2.ttl {
  margin-bottom: 10px;
    color: #000;
}
.info {
    background: #fff;
  margin: 0 auto 30px;
  padding: 20px 1%;
  border-top: solid 3px #000;
  border-radius: 10px;
  box-shadow: 0 0 6px 0 rgb(0 0 0 / 0.3);
}
.info .infoIn {
  overflow-y: auto;
  max-height: 300px;
  min-height: 100px;
}
.info dl {
  padding: 10px 2%;
  background-color: #e4fdfd;
  border-radius: 5px;
  transition: all 0.3s linear;
  margin-bottom: 2px;
}
.info dl dt, .info dl dd {
  font-size: 16px;
  font-weight: bold;
}
.info dl dt {
  width: 19%;
  float: left;
  margin-right: 1%;
  font-weight: bold;
}
.info dl dd {
  width: 80%;
  float: left;
}
.info dl dd a {
  color: #ab1725;
}
.info dl dd span.new {
  background-color: #ca0821;
  color: #ffffff;
  font-size: 11px;
  padding: 1px 5px;
  margin-right: 5px;
}
.info dl dd span.strong {
  color: #333333;
  font-size: 14px;
}
.action {
  margin-bottom: 20px;
  font-feature-settings: "palt";
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.20em;
}
.action .txt {
  text-align: center;
  font-size: 47px;
  letter-spacing: 5px;
  line-height: 1.6;
  margin-bottom: 1vh;
}
.action a {
  text-decoration: none;
  color: #d80016;
}
.action strong {
  display: block;
  letter-spacing: 0.1em;
}
.action small {
  letter-spacing: 0;
  line-height: 1.5;
  display: inline-block;
}
.announce {
  background-color: #fcc80e;
  border: solid 2px #d90416;
  padding: 5px 1% 10px;
  max-width: 1000px;
  margin: 0 auto 30px;
  letter-spacing: 0;
}
.announce h3 {
  font-size: 20px;
  background-color: #d90416;
  color: #fcc80e;
  padding: 5px;
  text-align: center;
  margin-bottom: 10px;
}
.announce .txt {
  font-size: 15px;
  text-align: center;
  line-height: 1.5;
}
.actionw .infoBtn {
  width: 90%;
  margin: 0 auto;
}
.actionw .infoBtn li {
  width: 49%;
  float: left;
}
.actionw .infoBtn li.res {
  margin-right: 2%;
}
.actionw .infoBtn li.res a {
  background-color: #ce4350;
}
.actionw .infoBtn li a {
  background-color: #d6850d;
  color: #333333;
  position: relative;
  display: block;
  color: #ffffff;
  position: relative;
  text-decoration: none;
  border-radius: 5px;
  padding: 24px 0;
  text-align: center;
  line-height: 1;
  font-size: 20px;
  font-family: "Sawarabi Mincho", "Hiragino Mincho Pro", "MS PMincho", "Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "ＭＳ 明朝", serif;
}
@keyframes fadeBtn {
  0% {
    background-color: #e26a62;
  }
  50% {
    background-color: #efb820;
  }
  100% {
    background-color: #8dcaad;
  }
}
.buruburu:hover {
  animation: buruburu 0.3s infinite;
}
@keyframes buruburu {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }
  25% {
    transform: translate(1px, 1px) rotateZ(1deg)
  }
  50% {
    transform: translate(0px, 1px) rotateZ(0deg)
  }
  75% {
    transform: translate(1px, 0px) rotateZ(-1deg)
  }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }
}
.top .bnrRes {
  margin: 50px auto 0px;
}
.topCon {
  background: #ffffff;
  position: relative;
}
.topCon::before {
  position: absolute;
  top: -7vh;
  left: 50%;
  width: 1px;
  height: 15vh;
  background-color: #000000;
  z-index: 2;
}
.topCon ul {
    background: url(../images/top/bg_menu.jpg) bottom center repeat-x;
    background-size: cover;
    margin: 0 auto;
  z-index: 8;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border-top: solid 3px #ffffff;
}
.topCon ul li {
  margin-bottom: 0;
  position: relative;
  transition: all 0.3s linear;
  border: solid 3px #ffffff;
  width: 25%;
  box-sizing: border-box;
}
.topCon ul li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 36px;
  background: url(../images/top/shiba.png) bottom center repeat-x;
  background-size: cover;
  z-index: 2;
}
.topCon ul li a {
  display: block;
  text-decoration: none;
  padding: 8vw 5%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  color: #333333;
}
.topCon ul li a:hover {
  opacity: 1;
}
.topCon ul li a div {
  text-align: center;
  max-width: 1000px;
  z-index: 10;
  position: relative;
  color: #000000;
  margin: 0 auto;
}
.topCon ul li a::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s linear;
  background-color: #c4e0b2;
  mix-blend-mode: multiply;
  opacity: 0.35;
}
.topCon ul li:last-child p::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s linear;
  background-color: #e8cc77;
  mix-blend-mode: multiply;
  opacity: 0.35;
}
.topCon ul li:last-child img{
    position: absolute;
    width: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.topCon ul li:nth-child(2n) a::before{
  background-color: #e8cc77;
}
.topCon ul li a:hover::before {
  opacity: 1;
}
.topCon ul li a dl {
  position: relative;
  margin-bottom: 30px;
}
.topCon ul li a dl::before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -7px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 7px 0 7px;
  border-color: #ed6d00 transparent transparent transparent;
  z-index: 1;
}
.topCon ul li a dl dt {
  font-size: 30px;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
.topCon ul li a dl dd {
  font-size: 16px;
  font-weight: bold;
}
.topCon ul li a p.txt {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: bold;
}
.topCon ul li a p.btn {
  background-color: transparent;
  border: solid 1px #333333;
  padding: 3px 2% 5px;
  text-align: center;
  font-size: 24px;
  color: #000000;
  border-radius: 20px;
  letter-spacing: 3px;
  width: 50%;
  max-width: 300px;
  margin: 0 auto;
  transition: all 0.3s linear;
  position: relative;
}
.topCon ul li a p.btn::after {
  font-family: 'Material Icons';
  content: "\E5C8";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  font-size: 18px;
  right: 20px;
  transition: all 0.3s linear;
}
.topCon ul li a:hover p.btn::after {
  visibility: visible;
}
.topCon ul li a:hover p.btn {
  background-color: #81d24c;
  color: #ffffff;
}
.topCon ul li:nth-child(2n) a:hover p.btn {
  background-color: #ffb716;
  color: #ffffff;
}
.topCon ul li .img {
  position: absolute;
  z-index: 2;
}
.topCon ul li .img img {
  width: 100%;
}
.topCon ul li .img.fig01 {
  top: -2vw;
  right: -12%;
  width: 30%;
}
.topCon ul li .img.fig02 {
  top: -3vw;
  right: -20%;
  width: 43%;
}
.topCon ul li .img.fig03 {
  top: -5vw;
    left: -32%;
  width: 66%;
}
.topCon ul li .img.fig04 {
  top: -5vw;
  right: 34%;
  width: 40%;
}
.topCon ul li .img.fig05 {
  top: 15vw;
  left: -20%;
  width: 30%;
}
.topCon ul li .img.fig06 {
  top: 18vw;
  left: -12%;
  width: 40%;
}
.topCon ul li .img.fig07 {
  top: 3vw;
  left: -21%;
  width: 40%;
}
.topCon ul li.no {
    background-color: rgb(84 114 135 / 0.35);
}
.topCon ul li.no a {
  padding: 12vw 5%;
}
.topCon ul li.no a::before {
  content: none;
}
.topCon ul li.no a dl dt {
  color: #ffffff;
}
.topCon ul li.no a p.btn {
  background-color: #bbbbbb;
}
.topCon ul li.no a dl::before {
  content: none;
}
.topCon ul li.comson a p.btn, .topCon ul li.comson:hover a p.btn {
  background-color: transparent;
  color: #000000;
}
.topCon ul li.comson a p.btn::after {
  content: none;
}
.bnr {
  margin: 0 auto 20px;
  max-width: 1000px;
  width: 98%;
  text-align: center;
}
.bnr img {
  width: 100%;
}
.bnrRes {
  margin: 30px auto 20px;
}
/****
concept
*******************************************/
.concept .con {
  padding: 0px 0 0px;
}
.concept .secConcept {
  background: url(../images/common/bg.jpg);
  margin-bottom: 0px;
  position: relative;
  padding-bottom: 150px;
    text-align: center;
}
.concept .secConcept::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  background: url(../images/common/shibaR.png) bottom center;
  height: 60px;
  width: 100%;
}
.concept .secConcept .img {
    max-width: 1200px;
    margin: 0 auto;
}
.concept .secConcept .img img {
  max-width: 100%;
    width: auto;
}
.concept .secConcept .sec01 .sec01_1 {
  padding: 50px 0 20px;
}
.concept .secConcept .sec01 .sec01_1 p.txt {
  font-size: 24px;
  letter-spacing: 0.25em;
}
.concept .secConcept .sec01 .sec01_2 {
  margin-bottom: 100px;
}
.concept .secConcept .sec01 .sec01_2 h2 {
  font-size: 60px;
  margin-bottom: 0;
}
.concept .secConcept .sec01 .sec01_2 .txt.mincho {
  font-size: 24px;
}

.concept .secConcept .sec02 .sec02_1 h3 {
  font-size: 40px;
  margin: 30px 0;
}
.concept .secConcept p.img.fig06 {
    position: absolute;
    left: 50%;
    bottom: -4px;
    z-index: 2;
    margin-left: -60px;
}
/****
land
*******************************************/
.land .con {
  background: url(../images/common/bg.jpg);
    position: relative;
}
.land .con::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    background: url(../images/common/shibaR.png) bottom center;
    height: 60px;
    width: 100%;
}
.land .sec01{
    text-align: center;
    padding: 80px 0;
}
.land .sec01 h2 {
    font-size: 22px;
    letter-spacing: 0.2em;
}
.land .sec01 h2 span {
    font-size: 30px;
}
.land .sec01 h2 span span {
    font-size: 38px;
    color: #ed6d00;
}
.land .sec01 dl{
    max-width:1000px;
    width: 90%;
    margin: 40px auto 0;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 0.3);
}
.land .sec01 dl dt,
.land .sec01 dl dd{
    width: 50%;
}
.land .sec01 dl dt{
    border-right: 1px solid #000;
}
.land .sec01 dl dt img,
.land .sec01 dl dd img{
    height: 25px;
    width: auto;
}
.bnr_maker {
    padding: 30px 0;
    text-align: center;
}
.bnr_maker.sec02 {
    background: #A3C3E0;
    padding: 80px 0 100px;
}
.bnr_maker.sec02 dl{
    margin-bottom: 50px;
}
.bnr_maker dl{
    display: flex;
    flex-wrap: wrap;
}
.bnr_maker dl dt,
.bnr_maker dl dd{
    width: 47%;
    background: #fff;
    padding: 20px 20px 50px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 0.3);
}
.bnr_maker dl dt{
    margin-right: 6%;
}
.bnr_maker .zaidan{
    background: #fff;
    padding: 20px 20px 50px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 0.3);
}
.bnr_maker .logo{
    padding: 30px 0;
    width: 80%;
    margin: 0 auto;
}
.bnr_maker h3{
    font-size: 30px;
    letter-spacing: 0.2em;
    padding: 30px 0;
        border-top: 1px solid #000;

}
.bnr_maker .text{
    font-size: 18px;
    margin-bottom: 30px;
    letter-spacing: 0.2em;
}
.bnr_maker .btn{
display: block;
    text-decoration: none;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    background: #ed6d00;
    border: 2px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 0.3);
    padding: 1em;
    color: #fff;
    letter-spacing: 0.2em;
    font-size: 20px;
    box-sizing: border-box;
}
.bnr_maker .btn i{
    vertical-align: top;
}

/****
landscape
*******************************************/
.landscape .con {
    background: url(../images/common/bg.jpg);
  position: relative;
  padding: 0px 0 70px;
}
.landscape .con::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  background: url(../images/common/shibaR.png) bottom center;
  height: 60px;
  width: 100%;
}
.landscape .secTit {
  background: url(../images/landscape/bgTtl.jpg);
}
.landscape .sec00 {
  padding-bottom: 0vw;
}
.landscape .sec00 .txt {
    margin: 0;
    padding-bottom: 30px;
}
.landscape .sec01 {
}
.landscape .sec01 .sec01_1 {
  margin-bottom: 50px;
}
.landscape .sec01 .sec01_1 p.img.map01 {
  position: relative;
  text-align: center;
}
.landscape .sec01 .sec01_2{
    background: #fff;
}
.landscape .sec01 .sec01_2 .sec01_2_bg{
    background: url(../images/common/bg.jpg);
    border-bottom-left-radius: 1000px 300px;
    border-bottom-right-radius: 1000px 300px;
    margin-left: -100px;
    margin-right: -100px;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 100px;
}
.landscape .sec01 .sec01_2 ul{
    position: relative;
    max-width: 1200px;
    width: 96%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.landscape .sec01 .sec01_2 ul li{
    width: 32%;
    text-align: center;
}
.landscape .sec01 .sec01_2 .img01{
    position: absolute;
    top: -1vw;
    right: 24%;
    width: 12%;
}
.landscape .sec01 .sec01_2 .img02{
    position: absolute;
    top: 9vw;
    left: 25%;
    width: 17%;
}
.landscape .sec02 {
  background-color: #ffffff;
}
.landscape .sec02 .word {
  width: 40%;
}
.landscape .sec02 .word p.ttl {
  text-align: center;
  margin-bottom: 40px;
}
.landscape .sec02 .word p.ttl img {
  max-width: 236px;
}
.landscape .sec02 .word p.cat {
  color: #c69600;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 20px;
  font-size: 28px;
}
.landscape .sec02 .word p.txt {
  text-align: left;
}
.landscape .sec02 .sec02_1{
  background: url(../images/landscape/landscape_bg01.png) no-repeat right top;
    background-size: 800px auto;
    padding: 80px 0;
}
.landscape .sec02 .content01 {
    background-color: #A3C3E0;
    border: solid 4px #ffffff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 0.3);
    position: relative;
}
.landscape .sec02 .content01 h3,
.landscape .sec02 .sec02_3 .content02 dl dt h3{
    text-align: center;
    font-size: 28px;
    margin-bottom: 15px;
    letter-spacing: 0.2em;
}
.landscape .sec02 .content01 ul{
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    padding: 20px 0;
    box-sizing: border-box;
}
.landscape .sec02 .sec02_1_1 .content01 ul li{
    width: 25%;
    border-right: 1px dotted #000;
    padding: 0 1%;
    box-sizing: border-box;
}
.landscape .sec02 .sec02_1_1 .content01 ul li:last-child{
    border-right: none;
}
.landscape .sec02 .sec02_1_1 .content01 ul li h4{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
.landscape .sec02 .sec02_1_1 .content01 ul li.spring h4{
    color: #edbfbf;
}
.landscape .sec02 .sec02_1_1 .content01 ul li.summer h4{
    color: #84c1b9;
}
.landscape .sec02 .sec02_1_1 .content01 ul li.autumn h4{
    color: #53a077;
}
.landscape .sec02 .sec02_1_1 .content01 ul li.winter h4{
    color: #df8873;
}
.landscape .sec02 .sec02_1_1 .content01 ul li h5{
    font-size: 16px;
    color: #fff;
    padding: 5px;
    text-align: center;
    margin-bottom: 10px;
}
.landscape .sec02 .sec02_1_1 .content01 ul li.spring h5{
    background: #edbfbf;
}
.landscape .sec02 .sec02_1_1 .content01 ul li.summer h5{
    background: #84c1b9;
}
.landscape .sec02 .sec02_1_1 .content01 ul li.autumn h5{
    background: #53a077;
}
.landscape .sec02 .sec02_1_1 .content01 ul li.winter h5{
    background: #df8873;
}
.landscape .sec02 .sec02_1_1 .content01 ul li .min_txt{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.landscape .sec02 .content01 .sec02_1_1 ul li .min_txt::after {
  border-top: 1px solid;
  content: "";
  width: 60%;
    margin-left: 10px;
}
.landscape .sec02 .sec02_1_1 .content01 .img03{
    position: absolute;
    bottom: -8vw;
    right: 18%;
    width: 13%;
}
.landscape .sec02 .sec02_2{
  background: url(../images/landscape/landscape_bg02.png) no-repeat left top;
    background-size: 800px auto;
    padding: 80px 0;
}
.landscape .sec02 .sec02_2 .sec02_2_1 .sec02_2_1_box{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.landscape .sec02 .sec02_2 .sec02_2_1 .word{
    padding-bottom: 80px;
}
.landscape .sec02 .sec02_2 .sec02_2_1 .sec02_2_1_box .img04{
    width: 30%;
    padding-left: 5%;
    box-sizing: border-box;
}
.landscape .sec02 .sec02_2 .sec02_2_1 .content01{
    margin-top: -30px;
}
.landscape .sec02 .sec02_2 .sec02_2_1 .content01 ul{
    justify-content: space-between;
    padding: 30px;
}
.landscape .sec02 .sec02_2 .sec02_2_1 .content01 ul li{
    width: 24%;
    box-sizing: border-box;
    line-height: 2;
}
.landscape .sec02 .sec02_2 .sec02_2_1 .content01 ul li:last-child{
    width: 46%;
}
.landscape .sec02 .sec02_2 .sec02_2_1 .img05{
    position: absolute;
    bottom: -7vw;
    left: 18%;
    width: 13%;
}

.landscape .sec02 .sec02_3{
  background: url(../images/landscape/landscape_bg03.png) no-repeat right top;
    background-size: 800px auto;
    padding: 80px 0;
}
.landscape .sec02 .sec02_3 .content02 dl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.landscape .sec02 .sec02_3 .content02 dl dt{
    background-color: #A3C3E0;
    border: solid 4px #ffffff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 0.3);
    position: relative;
    width: 50%;
    box-sizing: border-box;
}
.landscape .sec02 .sec02_3 .content02 dl dt p{
    background: #fff;
    padding: 5px 0;
    box-sizing: border-box;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
}
.landscape .sec02 .sec02_3 .content02 dl dt p:nth-child(5){
    margin-bottom: 0;
}
.landscape .sec02 .sec02_3 .content02 dl dt p:last-child{
    background: none;
    margin-bottom: 0;
}
.landscape .sec02 .sec02_3 .content02 dl dd{
    width: 44%;
}
.landscape .sec02 .sec02_3 .content02 .chu{
    text-align: right;
    margin-top: 15px;
}
.landscape .sec03 {
  padding: 0 0 100px;
}
.landscape .sec03 .sec03_1 {
  padding: 9vw 0 0;
    position: relative;
}
.landscape .sec03 .sec03_1 .img06 {
    position: absolute;
    width: 11%;
    top: -4vw;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.landscape .sec03 .sec03_1 dl {
  display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 100px;
}
.landscape .sec03 .sec03_1 dl:last-child{
    margin-bottom: 0;
}
.landscape .sec03 .sec03_1 dl dt {
    width: 46%;
}
.landscape .sec03 .sec03_1 p.cat {
  text-align: left;
  color: #462214;
}
.landscape .sec03 .sec03_1 p.txt {
  text-align: left;
}
.landscape .sec03 .sec03_1 dl dd {
    width: 46%;
}
.landscape .sec03 .sec03_1 .img{
    border-bottom: 4px solid #777;
    padding-bottom: 100px;
    margin-bottom: 100px;
}

.landscape .sec03 .sec03_2 {
  background-color: #ffffff;
  border: solid 15px #8cc98f;
  padding: 20px 2%;
  box-sizing: border-box;
  box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 10px 0px rgb(0 0 0 / 0.3);
  border-radius: 5px;
  position: relative;
  margin-bottom: 100px;
}
.landscape .sec03 .sec03_2 p.balloon {
  max-width: 190px;
  position: absolute;
  top: -90px;
  left: 10px;
}
.landscape .sec03 .sec03_2 .sec03_2_1 {
  padding: 0 0 30px;
}
.landscape .sec03 .sec03_2 .sec03_2_1 .left {
  width: 50%;
  margin: 70px 0 0 4%;
}
.landscape .sec03 .sec03_2 .sec03_2_1 .left p.cat {
    padding-bottom: 10px;
  border-bottom: solid 1px #333333;
  color: #69b56d;
  margin-bottom: 20px;
  line-height: 1.4;
}
.landscape .sec03 .sec03_2 .sec03_2_1 .left p.cat small {
  font-size: 73%;
}
.landscape .sec03 .sec03_2 .sec03_2_1 .left p.txt {
  text-align: left;
}
.landscape .sec03 .sec03_2 .sec03_2_1 .right {
  width: 42%;
}
.landscape .sec03 .sec03_2 .sec03_2_1 .right p.img.img03_2 {
  text-align: center;
}
.landscape .sec03 .sec03_2 .sec03_2_1 .right p.img.img03_2 img {
  max-width: 590px;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li {
  width: 20%;
  padding: 0 1.5%;
  float: left;
  border-right: dashed 1px #333333;
  box-sizing: border-box;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li:last-child {
  border-right: none;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li p.ttl {
  text-align: center;
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 15px;
  letter-spacing: 5px;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li:nth-child(1) p.ttl {
  color: #eebfbf;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li:nth-child(2) p.ttl {
  color: #84c1b9;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li:nth-child(3) p.ttl {
  color: #54a078;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li:nth-child(4) p.ttl {
  color: #edbe7a;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li:nth-child(5) p.ttl {
  color: #e08772;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li p.ttl small {
  font-size: 50%;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li p.name {
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  margin-bottom: 15px;
  font-size: 13px;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li:nth-child(1) p.name {
  background-color: #eebfbf;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li:nth-child(2) p.name {
  background-color: #84c1b9;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li:nth-child(3) p.name {
  background-color: #54a078;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li:nth-child(4) p.name {
  background-color: #edbe7a;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li:nth-child(5) p.name {
  background-color: #e08772;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li p.txt {
  line-height: 1.5;
  font-size: 13px;
  margin-bottom: 20px;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li dl {
  font-size: 11px;
  font-weight: normal;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li dl dt {
  font-weight: bold;
  font-size: 13px;
  position: relative;
  border-bottom: solid 1px #333333;
  margin-bottom: 5px;
}
.landscape .sec03 .sec03_2 .sec03_2_2 ul li dl dt::before {
  content: "";
}
.landscape .sec03 .sec03_3 {
  padding: 0 0 50px;
}
.landscape .sec03 .sec03_3 .sec03_3_1 .left {
  width: 40%;
}
.landscape .sec03 .sec03_3 .sec03_3_1 .left p.cat {
  color: #462214;
  text-align: left;
  line-height: 1.5;
  margin-bottom: 20px;
}
.landscape .sec03 .sec03_3 .sec03_3_1 .left p.txt {
  text-align: left;
}
.landscape .sec03 .sec03_3 .sec03_3_1 .right {
  width: 58%;
  position: relative;
}
.landscape .sec03 .sec03_3 .sec03_3_1 .right p.cat {
  color: #462214;
  font-size: 26px;
  border-bottom: solid 1px #462214;
}
.landscape .sec03 .sec03_3 .sec03_3_1 .right ul.merit {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30px;
}
.landscape .sec03 .sec03_3 .sec03_3_1 .right ul.merit li {
  margin-left: 2%;
  float: left;
  width: 31%;
  background-color: #8cc98f;
  padding: 10px 2%;
  border: solid 4px #ffffff;
  border-radius: 5px;
  box-sizing: border-box;
}
.landscape .sec03 .sec03_3 .sec03_3_1 .right ul.merit li p.ttl {
  text-align: center;
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 1.3;
}
.landscape .sec03 .sec03_3 .sec03_3_1 .right ul.merit li p.txt {
  background-color: #ffffff;
  padding: 10px;
  font-size: 12px;
  line-height: 1.3;
}
.landscape .sec03 .sec03_4 {
  position: relative;
}
.landscape .sec03 .sec03_4 p.cat {
  text-align: left;
  color: #462214;
  line-height: 1.5;
  margin-bottom: 20px;
}
.landscape .sec03 .sec03_4 p.txt {
  text-align: left;
  width: 70%;
}
.landscape .sec03 .sec03_4 p.balloon {
  max-width: 180px;
  position: absolute;
  top: 0;
  right: 7%;
}
.landscape .sec03 .sec03_4 ul li {
  width: 22%;
  float: left;
  margin-right: 4%;
}
.landscape .sec03 .sec03_4 ul li:last-child {
  margin-right: 0;
}
.landscape .sec03 .sec03_4 ul li p.img {
  margin-bottom: 20px;
}
.landscape .sec03 .sec03_4 ul li p.img img {
  mix-blend-mode: multiply;
  max-width: 280px;
}
.landscape .sec03 .sec03_4 ul li p.txt {
  width: 100%;
  line-height: 1.4;
}
.landscape .sec04 {
  background-color: #ffffff;
  padding: 60px 0;
  position: relative;
}
.landscape .sec04::before {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -40px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 40px 40px 0 41px;
  border-color: #ffffff transparent transparent transparent;
  z-index: 1;
}
.landscape .sec04 .sec04_1 h3.ttl {
  font-size: 30px;
  margin-bottom: 5px;
}
.landscape .sec04 .sec04_1 h3.ttl + div {
  border-top: solid 1px #333333;
  border-bottom: solid 1px #333333;
  padding: 30px 3%;
  width: 86%;
}
.landscape .sec04 .sec04_1 .left {
  width: 25%;
}
.landscape .sec04 .sec04_1 .right {
  width: 72%;
  margin-left: 3%;
  padding-top: 30px;
}
.landscape .sec04 .sec04_1 .right p.txt {
  margin-bottom: 30px;
  font-size: 16px;
}
.landscape .sec04 .sec04_1 .right dl {
  text-align: right;
}
.landscape .sec05 {
  padding: 100px 0 70px;
  position: relative;
}
.landscape .sec05 p.cat {
  text-align: left;
}
.landscape .sec05 p.txt {
  text-align: left;
  width: 77%;
}
.landscape .sec05 p.img.sec05_1 {
  position: absolute;
  top: 3vw;
  right: 1%;
  max-width: 239px;
  width: 23%;
}
.landscape .sec05 ul {
  display: flex;
  flex-wrap: wrap;
    justify-content: space-between;
  margin-top: 40px;
}
.landscape .sec05 ul li {
  width: 30%;
  background-color: #ffffff;
  padding-bottom: 10px;
}
.landscape .sec05 ul li p.ttl {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  background-color: #8cc98f;
  color: #ffffff;
  padding: 13px 10px;
}
.landscape .sec05 ul li p.txt {
  width: 90%;
  padding: 20px 5%;
  min-height: 12em;
}
.landscape .sec05 ul li p.img {
  text-align: center;
  width: 96%;
  margin: 0 auto;
}
.landscape .sec05 ul li p.img img {
  width: auto;
  max-width: 100%;
}
/****
location
*******************************************/
.location .secTit {
  background-image: url(../images/location/bgTtl.jpg);
}
.location h2.ttl.ttlLoc {
  height: 50px;
  position: relative;
  margin-bottom: 70px;
}
.location h2.ttl.ttlLoc img {
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -70px;
  width: 140px;
}
.location .sec01 {
  position: relative;
  background: url(../images/common/bg.jpg);
  padding-bottom: 150px;
}
.location .sec01 p.img.fig01 {
  position: absolute;
  top: -70px;
  right: 2%;
  width: 20%;
  z-index: 1;
}
.location .sec01 p.img.fig01 img {
  width: 100%;
  max-width: 300px;
}
.location .sec01 h2.ttl.ttlLoc {
  background-color: #e6a144;
  background-color: #81b11a;
}
.location .sec01 .sec01_1 .boxShp {
  margin-bottom: 60px;
}
.location .sec01 .sec01_1 .boxShp .photo {
  width: 48%;
}
.location .sec01 .sec01_1 .boxShp .photo p.img {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 10px 10px 0px 0px rgb(129 177 26 / 45%);
  position: relative;
}
.location .sec01 .sec01_1 .boxShp .photo p.img img {
  width: 100%;
}
.location .sec01 .sec01_1 .boxShp .word {
  width: 48%;
}
.location .sec01 .sec01_1 .boxShp .word p.cat {
  text-align: left;
  color: #dc8208;
  position: relative;
  color: #81b11a;
}
.location .sec01 .sec01_1 .boxShp .word p.cat strong {
  position: relative;
  display: inline-block;
}
.location .sec01 .sec01_1 .boxShp .word p.cat strong::after {
  content: "";
  position: absolute;
  bottom: 13px;
  left: 0px;
  width: 100%;
  height: 5px;
  background-color: rgb(129 177 26 / 45%);
  z-index: 0;
}
.location .sec01 .sec01_1 .boxShp .word p.cat small {
  display: block;
  font-size: 80%;
}
.location .sec01 .sec01_1 .boxShp .word p.txt {
  text-align: left;
  font-weight: bold;
}
.location .sec01 .sec01_1 .boxShp .left p.img span.cap {
  padding: 1px 10px 1px 5px;
}
.location .sec01 .sec01_2 {
  position: relative;
}
.location .sec01 .sec01_2 p.img.fig02 {
  position: absolute;
  top: -130px;
  right: 1%;
  width: 15%;
  z-index: 1;
}
.location .sec01 .sec01_2 h3.ttl {
  font-size: 30px;
  text-align: center;
  color: #f39d00;
  text-shadow: 2px 2px 0px #ffffff;
}
.location .sec01 .sec01_2 h3.ttl strong {
  font-size: 150%;
}
.location .sec01 .sec01_2 .lst {
  background-color: #fcc80e;
  border: solid 4px #ffffff;
  border-radius: 20px;
  box-shadow: 0 0 6px 0 rgb(0 0 0 / 0.3);
  padding: 20px 2%;
  font-size: 0;
}
.location .sec01 .sec01_2 .lst table.left {
  width: 48%;
}
.location .sec01 .sec01_2 .lst table.right {
  width: 48%;
}
.location .sec01 .sec01_2 .lst table {
  float: left;
  width: 49%;
  margin: 0 0.5%;
  vertical-align: top;
}
.location .sec01 .sec01_2 .lst table tbody tr {
  width: 100%;
}
.location .sec01 .sec01_2 .lst table tbody tr th,
.location .sec01 .sec01_2 .lst table tbody tr td {
    font-size: 16px;
  border-bottom: dashed 1px #ffffff;
  padding: 10px 1%;
  font-weight: bold;
}
.location .sec01 .sec01_2 .lst table tbody tr th {
  width: 30%;
}
.location .sec01 .sec01_2 .lst table tbody tr th p.cate {
  background-color: #ffffff;
  border-radius: 10px;
  text-align: center;
}
.location .sec01 .sec01_2 .lst table tbody tr td {
  width: 70%;
}
.location .sec02 {
  position: relative;
  padding-bottom: 100px;
}
.location .sec02 p.img.fig03 {
  position: absolute;
  top: -59px;
  left: 2%;
  width: 20%;
  z-index: 1;
}
.location .sec02 h2.ttl.ttlLoc {
  background-color: #48bca7;
  background-color: #81b11a;
}
.location .sec02 .sec02_1 ul {
  font-size: 0;
  text-align: center;
}
.location .sec02 .sec02_1 ul li {
  display: inline-block;
  width: 22%;
  margin: 0 1.5%;
  text-align: center;
}
.location .sec02 .sec02_1 ul li img {
  margin-bottom: 5px;
}
.location .sec02 .sec02_1 ul li p.name {
  font-size: 16px;
  font-weight: bold;
  color: #48bca7;
  color: #81b11a;
}
.location .sec03 {
  position: relative;
  background: url(../images/common/bg.jpg);
  padding-bottom: 100px;
}
.location .sec03 h2.ttl.ttlLoc {
  background-color: #00a6cd;
  background-color: #81b11a;
}
.location .sec03 h2.ttl.ttlLoc img {
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -70px;
  width: 140px;
}
.location .sec03 .sec03_1 {
  margin-bottom: 50px;
}
.location .sec03 .sec03_1 .left {
  width: 48%;
}
.location .sec03 .sec03_1 .left p.img {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 10px 10px 0px 0px rgb(0 166 205 / 36%);
  box-shadow: 10px 10px 0px 0px rgb(129 177 26 / 45%);
}
.location .sec03 .sec03_1 .right {
  width: 48%;
}
.location .sec03 .sec03_1 .right p.cat {
  text-align: left;
  text-align: left;
  color: #00a6cd;
  color: rgb(129 177 26);
  position: relative;
}
.location .sec03 .sec03_1 .right p.cat strong {
  position: relative;
  display: inline-block;
}
.location .sec03 .sec03_1 .right p.cat strong::after {
  content: "";
  position: absolute;
  bottom: 13px;
  left: 0px;
  width: 100%;
  height: 5px;
  background-color: rgb(129 177 26 / 45%);
  z-index: 0;
}
.location .sec03 .sec03_1 .right p.cat small {
  display: block;
  font-size: 80%;
}
.location .sec03 .sec03_1 .right p.txt {
  text-align: left;
}
.location .sec03 .sec03_2 ul {
  font-size: 0;
}
.location .sec03 .sec03_2 ul li {
  display: inline-block;
  width: 22%;
  margin: 0 1.5%;
  text-align: center;
}
.location .sec03 .sec03_2 ul li img {
  margin-bottom: 5px;
}
.location .sec03 .sec03_2 ul li p.name {
  font-size: 16px;
  font-weight: bold;
  color: #00a6cd;
  color: #81b11a;
}
.location .sec04 {
  position: relative;
}
.location .sec04 p.img.fig05 {
  position: absolute;
  top: -59px;
  left: 2%;
  width: 20%;
  z-index: 1;
}
.location .sec04 h2.ttl {
  background-color: #c86560;
  background-color: #81b11a;
  height: auto;
  position: relative;
  color: #ffffff;
  padding: 15px 0;
}
.location .lifeSwitch {
  max-width: 1004px;
  margin: 0 auto;
}
.location .lifeSwitch .tab {
  margin-bottom: 10px;
  text-align: center;
  margin-top: 30px;
}
.location .lifeSwitch .tab li {
  display: inline-block;
  width: 23%;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background-color: #000000;
  padding: 14px 0 10px;
  cursor: pointer;
  height: auto;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  position: relative;
  z-index: 2;
  transition: all 0.3s linear;
  margin-bottom: 2px;
}
.location .lifeSwitch .tab li:hover {
  color: #fff;
}
.location .lifeSwitch .tab li::after {
  font-family: 'Material Icons';
  content: "\E5C5";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  font-size: 30px;
  right: 5px;
}
.location .lifeSwitch .tab li.active {
  color: #ffffff;
}
.location .lifeSwitch .tab li:nth-child(1) {
  background-color: #2c89c3;
}
.location .lifeSwitch .tab li:nth-child(1).active, .location .lifeSwitch .tab li:nth-child(1):hover {
  background-color: #ffffff;
  color: #2c89c3;
}
.location .lifeSwitch .tab li:nth-child(2) {
  background-color: #6f6f6f;
}
.location .lifeSwitch .tab li:nth-child(2).active, .location .lifeSwitch .tab li:nth-child(2):hover {
  background-color: #ffffff;
  color: #6f6f6f;
}
.location .lifeSwitch .tab li:nth-child(3) {
  background-color: #d8a035;
}
.location .lifeSwitch .tab li:nth-child(3).active, .location .lifeSwitch .tab li:nth-child(3):hover {
  background-color: #ffffff;
  color: #d8a035;
}
.location .lifeSwitch .tab li:nth-child(4) {
  background-color: #24b9b3;
}
.location .lifeSwitch .tab li:nth-child(4).active, .location .lifeSwitch .tab li:nth-child(4):hover {
  background-color: #ffffff;
  color: #24b9b3;
}
.location .lifeSwitch .tab li:nth-child(5) {
  background-color: #2aa02f;
}
.location .lifeSwitch .tab li:nth-child(5).active, .location .lifeSwitch .tab li:nth-child(5):hover {
  background-color: #ffffff;
  color: #2aa02f;
}
.location .lifeSwitch .tab li:nth-child(6) {
  background-color: #932b9e;
}
.location .lifeSwitch .tab li:nth-child(6).active, .location .lifeSwitch .tab li:nth-child(6):hover {
  background-color: #ffffff;
  color: #932b9e;
}
.location .lifeSwitch .tab li:nth-child(7) {
  background-color: #de5a4c;
}
.location .lifeSwitch .tab li:nth-child(7).active, .location .lifeSwitch .tab li:nth-child(7):hover {
  background-color: #ffffff;
  color: #de5a4c;
}
.location .lifeSwitch #unit02, .location .lifeSwitch #unit03, .location .lifeSwitch #unit04, .location .lifeSwitch #unit05, .location .lifeSwitch #unit06, .location .lifeSwitch #unit07 {
  display: none;
}
.location .lifeSwitch .lifeImg li .dist {
  font-size: 16px;
}
.location .lifeSwitch .lifeTxt {
  background-color: #ffffff;
  padding: 15px 20px 0px;
  margin-bottom: 1vh;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    position: relative;
  max-width: 1000px;
  border: solid 2px #00a6b2;
}
.location .lifeSwitch .lifeTxt h3 {
  margin-bottom: 15px;
  color: #ffffff;
  padding: 10px 10px 6px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  border-radius: 10px;
  margin: 0 auto 20px;
}
.location .lifeSwitch .lifeTxt.catePub h3 {
  background-color: #2c89c3;
}
.location .lifeSwitch .lifeTxt.cateFin h3 {
  background-color: #6f6f6f;
}
.location .lifeSwitch .lifeTxt.cateEdu h3 {
  background-color: #d8a035;
}
.location .lifeSwitch .lifeTxt.cateSpo h3 {
  background-color: #2aa02f;
}
.location .lifeSwitch .lifeTxt.catePrk h3 {
  background-color: #24b9b3;
}
.location .lifeSwitch .lifeTxt.cateMed h3 {
  background-color: #932b9e;
}
.location .lifeSwitch .lifeTxt.cateShp h3 {
  background-color: #de5a4c;
}
.location .lifeSwitch .lifeTxt ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.location .lifeSwitch .lifeTxt li {
    display: flex;
    justify-content: space-between;
  margin-bottom: 20px;
  width: 48%;
  border-bottom: dotted 1px #cccccc;
  position: relative;
}
.location .lifeSwitch #unit01 .lifeTxt li .name:before {
  background-color: #2c89c3;
}
.location .lifeSwitch #unit02 .lifeTxt li .name:before {
  background-color: #6f6f6f;
}
.location .lifeSwitch #unit03 .lifeTxt li .name:before {
  background-color: #d8a035;
}
.location .lifeSwitch #unit04 .lifeTxt li .name:before {
  background-color: #24b9b3;
}
.location .lifeSwitch #unit05 .lifeTxt li .name:before {
  background-color: #2aa02f;
}
.location .lifeSwitch #unit06 .lifeTxt li .name:before {
  background-color: #932b9e;
}
.location .lifeSwitch #unit07 .lifeTxt li .name:before {
  background-color: #de5a4c;
}
.location .lifeSwitch .lifeTxt li .name::before {
  content: "1";
  display: inline;
  vertical-align: text-top;
  padding: 2px 7px;
  min-width: 10px;
  margin-right: 5px;
  text-align: center;
  font-size: 11px;
  background-color: #000000;
  color: #ffffff;
  border: solid 1px #ffffff;
}
.location .lifeSwitch .lifeTxt li:nth-child(1) .name::before {
  content: "1";
}
.location .lifeSwitch .lifeTxt li:nth-child(2) .name::before {
  content: "2";
}
.location .lifeSwitch .lifeTxt li:nth-child(3) .name::before {
  content: "3";
}
.location .lifeSwitch .lifeTxt li:nth-child(4) .name::before {
  content: "4";
}
.location .lifeSwitch .lifeTxt li:nth-child(5) .name::before {
  content: "5";
}
.location .lifeSwitch .lifeTxt li:nth-child(6) .name::before {
  content: "6";
}
.location .lifeSwitch .lifeTxt li:nth-child(7) .name::before {
  content: "7";
}
.location .lifeSwitch .lifeTxt li:nth-child(8) .name::before {
  content: "8";
}
.location .lifeSwitch .lifeTxt li:nth-child(9) .name::before {
  content: "9";
}
.location .lifeSwitch .lifeTxt li:nth-child(10) .name::before {
  content: "10";
}
.location .lifeSwitch .lifeTxt li:nth-child(11) .name::before {
  content: "11";
}
.location .lifeSwitch .lifeTxt li:nth-child(12) .name::before {
  content: "12";
}
.location .lifeSwitch .lifeTxt li:nth-child(13) .name::before {
  content: "13";
}
.location .lifeSwitch .lifeTxt li:nth-child(14) .name::before {
  content: "14";
}
.location .lifeSwitch .lifeTxt li:nth-child(15) .name::before {
  content: "15";
}
.location .lifeSwitch .lifeTxt li:nth-child(16) .name::before {
  content: "16";
}
.location .lifeSwitch .lifeTxt li:nth-child(17) .name::before {
  content: "17";
}
.location .lifeSwitch .lifeTxt li:nth-child(18) .name::before {
  content: "18";
}
.location .lifeSwitch .lifeTxt li:nth-child(19) .name::before {
  content: "19";
}
.location .lifeSwitch .lifeTxt li:nth-child(20) .name::before {
  content: "20";
}
.location .lifeSwitch .lifeTxt li:nth-child(21) .name::before {
  content: "21";
}
.location .lifeSwitch .lifeTxt li:nth-child(22) .name::before {
  content: "22";
}
.location .lifeSwitch .lifeTxt li:nth-child(23) .name::before {
  content: "23";
}
.location .lifeSwitch .lifeTxt li:nth-child(24) .name::before {
  content: "24";
}
.location .lifeSwitch .lifeTxt li:nth-child(25) .name::before {
  content: "25";
}
.location .lifeSwitch .lifeTxt li p {
  display: inline-block;
  font-size: 14px;
  color: #333333;
}
.location .lifeSwitch .lifeTxt li .name {
    display: flex;
    align-items: flex-start;
  margin-right: 0px;
  width: 47%;
  font-size: 13px;
}
.location .lifeSwitch .lifeTxt .name span {
  background-color: transparent;
  color: #ffffff;
  padding: 3px 7px 3px;
  margin-right: 7px;
  min-width: 10px;
  text-align: center;
  display: inline-block;
}
.location .lifeSwitch .lifeTxt .name span.number {
  background-color: #000000;
}
.location .lifeSwitch .lifeTxt .dist {
  width: 52%;
  text-align: right;
  font-size: 11px;
}
.location .lifeSwitch .lifeTxt .dist sub {
  display: none;
}
.location .lifeSwitch .mapImg {
  border: solid 2px #00a6b2;
  border-bottom: none;
}
.location .lifeSwitch .mapImg p {
  position: relative;
}
.location .lifeSwitch .mapImg p img {
  width: 100%;
  max-width: 1000px;
}
.location .lifeSwitch .mapImg p img.plot {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
/****
access
*******************************************/
.access .con {
  padding: 0px 0 0px;
}
.access .secTit {
  background-image: url(../images/access/bgTtl.jpg);
}
.access .sec01 {
  position: relative;
  padding-bottom: 100px;
  background: url(../images/common/bg.jpg);
}
.access .sec01 p.img.fig01 {
  position: absolute;
  top: -59px;
  left: 2%;
  width: 25%;
  z-index: 1;
}
.access .sec01 p.img.fig01 img {
  width: 100%;
}
.access .sec01 h2.ttl {
  background-color: #947cae;
  background-color: #81b11a;
  color: #ffffff;
  padding: 10px 0;
  position: relative;
}
.access .sec01 .sec01_1 {
  margin-bottom: 50px;
}
.access .sec01 .sec01_1 .left {
  width: 32%;
}
.access .sec01 .sec01_1 .left p.img {
  text-align: center;
}
.access .sec01 .sec01_1 .left p.img img {
  width: 100%;
  max-width: 430px;
}
.access .sec01 .sec01_1 .right {
  width: 64%;
}
.access .sec01 .sec01_1 .right p.img img {
  width: 100%;
}
.access .sec01 .sec01_2 {
  background-color: #ffffff;
}
.access .sec01 .sec01_2 h3.ttl {
  background-color: #c1aa7e;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 30px;
}
.access .sec01 .sec01_2 ul.accessInfo {
  margin-bottom: 5vh;
}
.access .sec01 .sec01_2 ul.accessInfo li {
  float: left;
  width: 46%;
  margin: 0 2% 30px;
  position: relative;
}
.access .sec01 .sec01_2 ul.accessInfo li p.name {
  font-size: 18px;
  float: left;
  background-color: #ffffff;
  padding-right: 20px;
  position: relative;
  z-index: 1;
}
.access .sec01 .sec01_2 ul.accessInfo li p.name span {
  font-size: 32px;
}
.access .sec01 .sec01_2 ul.accessInfo li p.dist {
  font-size: 18px;
  float: right;
  background-color: #ffffff;
  padding-left: 20px;
  position: relative;
  z-index: 1;
}
.access .sec01 .sec01_2 ul.accessInfo li p.dist span {
  font-size: 34px;
  color: #ca0821;
  vertical-align: sub;
  margin-left: 5px;
}
.access .sec01 .sec01_2 ul.accessInfo li p.txt {
  line-height: 1.4;
  margin-left: 17px;
  font-size: 12px;
}
.access .sec01 .sec01_2 .accessInfo li::after {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  width: 100%;
  border-bottom: dotted 2px #929292;
  z-index: 0;
}
.access .sec02 {
  position: relative;
  background: url(../images/common/bg.jpg);
  padding-bottom: 50px;
}
.access .sec02 h2.ttl {
    background-color: #81b11a;
  color: #ffffff;
  padding: 10px 0;
  position: relative;
}
.access .sec02 p.img.fig02 {
  position: absolute;
  top: -70px;
  right: 2%;
  width: 20%;
  z-index: 1;
}
.access .sec02 p.img.fig02 img {
  width: 100%;
}
.access .sec02 .sec02_1 {
  margin-bottom: 50px;
}
.access .sec02 .sec02_1 p.img img {
  width: 100%;
}
.access .sec02 .sec02_2 {
    background-color: #ffffff;
  margin-bottom: 50px;
}
.access .sec02 .sec02_2 h3.ttl {
  background-color: #c1aa7e;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 30px;
}
.access .sec02 .sec02_2 ul.accessInfo {
  margin-bottom: 5vh;
}
.access .sec02 .sec02_2 ul.accessInfo li {
  float: left;
  width: 47%;
  margin: 0 1% 30px;
  position: relative;
}
.access .sec02 .sec02_2 ul.accessInfo li p.name {
  font-size: 18px;
  float: left;
  background-color: #ffffff;
  padding-right: 20px;
  position: relative;
  z-index: 2;
}
.access .sec02 .sec02_2 ul.accessInfo li p.name span {
  font-size: 32px;
}
.access .sec02 .sec02_2 ul.accessInfo li p.dist {
  font-size: 18px;
  float: right;
  background-color: #ffffff;
  padding-left: 20px;
  position: relative;
  z-index: 2;
}
.access .sec02 .sec02_2 ul.accessInfo li p.dist span {
  font-size: 34px;
  color: #ca0821;
  vertical-align: sub;
  margin-left: 5px;
}
.access .sec02 .sec02_2 ul.accessInfo li p.txt {
  line-height: 1.4;
  margin-left: 17px;
  font-size: 12px;
}
.access .sec02 .sec02_2 .accessInfo li::after {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  width: 100%;
  border-bottom: dotted 2px #929292;
  z-index: 0;
}
.access .sec03 {
  position: relative;
  background: url(../images/common/bg.jpg);
  padding-bottom: 50px;
}
.access .sec03 p.img.fig03 {
  position: absolute;
  top: -70px;
  right: 2%;
  width: 20%;
  z-index: 1;
  max-width: 300px;
}
.access .sec03 h2.ttl {
  background-color: #947cae;
  background-color: #81b11a;
  color: #ffffff;
  padding: 10px 0;
}
.access .sec03 .sec03_1 {
  margin-bottom: 50px;
}
.access .sec03 .sec03_1 .left {
  width: 55%;
}
.access .sec03 .sec03_1 .left p.cat {
  text-align: left;
  color: #81b11a;
  font-size: 30px;
}
.access .sec03 .sec03_1 .left h3.ttl {
  margin-bottom: 10px;
  background-color: #c1aa7e;
  color: #ffffff;
  padding: 5px 10px;
  text-align: center;
}
.access .sec03 .sec03_1 .left p.chu {
  text-align: right;
  margin-bottom: 10px;
}
.access .sec03 .sec03_1 .left p.chu span {
  background-color: #ebf3d9;
  width: 20px;
  height: 14px;
  display: inline-block;
  border: solid 1px;
  vertical-align: middle;
}
.access .sec03 .sec03_1 .left table {
  margin-bottom: 30px;
  width: 100%;
}
.access .sec03 .sec03_1 .left table tbody tr th,
.access .sec03 .sec03_1 .left table tbody tr td {
  background-color: #ffffff;
  padding: 5px 5px;
  border: solid 1px #333333;
  text-align: center;
}
.access .sec03 .sec03_1 .left table tbody tr th {
  background-color: #faffee;
    vertical-align: middle;
}
.access .sec03 .sec03_1 .left table tbody tr.holiday th {
  background: #ffe1e1;
}
.access .sec03 .sec03_1 .left table tbody tr.holiday td{
    background: #fff5f5;
}
.access .sec03 .sec03_1 .left table tbody tr td span {
  background-color: #ebf3d9;
  padding: 3px;
  border-radius: 3px;
}
.access .sec03 .sec03_1 .right {
  width: 43%;
}
.access .sec03 .sec03_1 .right .txt {
  text-align: center;
  background-color: #fcc80e;
  border: solid 4px #ffffff;
  border-radius: 10px;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 0;
  margin-bottom: 20px;
  line-height: 2em;
}
.access .sec03 .sec03_1 .right .txt strong {
  font-size: 150%;
  color: #c20813;
  vertical-align: bottom;
}
.access .sec03 .sec03_2 {
  background-color: #ffffff;
  border: solid 3px #81b11a;
  padding: 20px 2%;
  max-width: 1000px;
  width: 86%;
  font-weight: bold;
  text-align: center;
  line-height: 2;
  color: #81b11a;
  font-size: 20px;
}
/****
development
*******************************************/
.development .con {
  background: url(../images/common/bg.jpg);
  padding: 0px 0 0px;
}
.development .secTit {
  background-image: url(../images/development/bgTtl.jpg);
}
.development .sec00 p.img.flag {
  position: absolute;
  top: -19vW;
  left: 2%;
  width: 25%;
  z-index: 1;
}
.development .sec00 p.img.flag img {
  max-width: 340px;
}
.development .sec01 {
  padding-bottom: 100px;
}
.development .sec01 .sec01_1 {
  margin-bottom: 30px;
}
.development .sec01 .sec01_1  p.cat {
  /* text-align: left; */
  color: #455486;
}
.development .sec01 .sec01_1 .left p.img.img01_1 {
  background-color: #ffffff;
  padding: 10px;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 20px;
}
.development .sec01 .sec01_1 .left p.img.img01_1 img {
  max-width: 505px;
}
.development .sec01 .sec01_1 .right {
  width: 53%;
}
.development .sec01 .sec01_2 .left .img.img01_2 {
  position: relative;
}
.development .sec01 .sec01_2 .left .cap{
    bottom: -10px;
}
.development .sec01 .sec01_2 .left {
  width: 53%;
}
.development .sec01 .sec01_2 .left p.cat {
  text-align: left;
  color: #455486;
}
.development .sec01 .sec01_2 .left p.txt {
  text-align: left;
}
.development .sec01 .sec01_2 .right::before {
  content: none;
  position: absolute;
  left: -6%;
  top: 50%;
  width: 0;
  height: 0;
  margin: -10px;
  border-style: solid;
  border-color: transparent transparent transparent #455486;
  border-width: 15px 20px;
}
.development .sec01 .sec01_2 .right {
  width: 46%;
  /* border-left: solid 5px #455486; */
  padding-left: 1%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-top: 70px;
}
.development .sec01 .sec01_2 .right dl {
  width: 46%;
  float: left;
  margin: 0 2% 20px;
}
.development .sec01 .sec01_2 .right dl dt {
  font-size: 18px;
  border-bottom: solid 1px #333333;
  padding: 0 0 5px 50px;
  position: relative;
  margin-bottom: 10px;
}
.development .sec01 .sec01_2 .right dl dt span {
  background-color: #000000;
  color: #ffffff;
  border: solid 1px #ffffff;
  padding: 0 10px;
  margin-right: 5px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 0;
}
.development .sec01 .sec01_2 .right dl dt span.no1 {
  background-color: #f39929;
}
.development .sec01 .sec01_2 .right dl dd {
  font-size: 14px;
}
.development .sec01 .sec01_2 .right dl dt span.no2 {
  background-color: #ee7d87;
}
.development .sec01 .sec01_2 .right dl dt span.no3 {
  background-color: #59a5af;
}
.development .sec01 .sec01_2 .right dl dt span.no4 {
  background-color: #7ebf41;
}
.development .sec02 {
  background-color: #ffffff;
  padding: 100px 0;
  position: relative;
}
.development .sec02 .left {
  width: 53%;
}
.development .sec02 .left .img.img02_1 {
    border: 1px solid #000;
}
.development .sec02 .right {
  width: 43%;
}
.development .sec02 .right p.cat {
  text-align: left;
  color: #455486;
}
.development .sec02 .right p.txt {
  text-align: left;
}
.development .sec02 .right p.img.fig02_1 {
  position: absolute;
  bottom: 0;
  right: 10%;
  width: 28%;
}
.development .sec03 {
  background-color: #ffffff;
  padding: 50px 0 50px;
  position: relative;
}
.development .sec03 .box {
  text-align: center;
  background-color: #A3C3E0;
  border: solid 4px #ffffff;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 0 6px 0 rgb(0 0 0 / 0.3);
  padding: 40px 3%;
  position: relative;
  margin-bottom: 50px;
}
.development .sec03 .box p.ttl {
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 20px;
}
.development .sec03 .box p.cat {
  font-size: 35px;
  line-height: 1.6;
}
.development .sec03 .box p.txt {
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0;
}
.development .sec03 .box p.balloon {
  max-width: 110px;
  position: absolute;
  top: -28px;
  left: -40px;
  z-index: 2;
}
.development .sec03 .box .imgBox li {
  position: relative;
  width: 46%;
  margin: 0 2% 20px;
  float: left;
}
.development .sec03 .box .imgBox li .img .cap {
  font-size: 12px;
  color: #ffffff;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8), 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 2px rgba(0, 0, 0, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.8), 0px 0px 4px rgba(0, 0, 0, 0.8), 0px 0px 5px rgba(0, 0, 0, 0.8);
}
.development .sec03 .sec03_1.box p.img.fig03_1 {
  position: absolute;
  top: -59px;
  left: -2%;
  width: 8%;
  z-index: 1;
}
.development .sec03 .sec03_1.box .left {
  width: 48%;
}
.development .sec03 .sec03_1.box .right {
  width: 48%;
}
.development .sec03 .sec03_2.box p.img.fig03_2 {
  position: absolute;
  top: -59px;
  right: -3%;
  width: 15%;
  z-index: 1;
}
.development .sec03 .sec03_2.box .left {
  width: 48%;
}
.development .sec03 .sec03_2.box .left ul.imgBox li p.img.img03_2_3::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0px 10px 15px 10px;
  border-color: transparent transparent #ffe78f transparent;
  z-index: 1;
}
.development .sec03 .sec03_2.box .right {
  width: 48%;
}
.development .sec03 .sec03_2.box .right p.txt {
  margin-bottom: 90px;
}
.development .sec03 .sec03_3.box {
  margin-bottom: 13vw;
}
.development .sec03 .sec03_3.box p.img.fig03_3_1 {
  position: absolute;
  top: 35px;
  right: -3%;
  width: 15%;
  z-index: 1;
}
.development .sec03 .sec03_3.box .left {
  width: 48%;
}
.development .sec03 .sec03_3.box .right {
  width: 42%;
  position: relative;
  margin: -30px 6% 0 0;
}
.development .sec03 .sec03_3.box .right p.img.balloon {
  top: 50px;
  left: -40px;
}
.development .sec03 .sec03_3.box .right p.img.img03_1 {
  position: relative;
  margin: 15px 0;
}
.development .sec03 .sec03_3.box .right p.img.img03_1 span.cap {
  bottom: 0;
  right: 0;
}
.development .sec03 .sec03_3.box .right p.txt {
  text-align: center;
  margin-top: -5px
}
.development .sec03 p.img.fig03_3_2 {
  position: absolute;
  bottom: -11vw;
  left: 0%;
  width: 15%;
  z-index: 1;
}
.development .sec03 p.img.fig03_3_2 img {
  max-width: 170px;
}
.development .sec04 {
  position: relative;
}
.development .sec04 h2.ttl {
  background-color: #A3C3E0;
  color: #ffffff;
  padding: 15px 0;
  font-size: 30px;
  letter-spacing: 0.2em;
}
.development .sec04 h2.ttl::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 20px 0 21px;
  border-color: #A3C3E0 transparent transparent transparent;
  z-index: 1;
}
.development .sec04 p.img.fig04 {
  position: absolute;
  top: -59px;
  right: 2%;
  width: 15%;
  z-index: 1;
}
.development .sec04 .sec04_1 {
  margin-bottom: 50px;
}
.development .sec04 .sec04_1 p.cat {
  font-size: 28px;
}
.development .sec04 .sec04_1 ul.creation li {
  background-color: #ffffff;
  padding: 20px 3%;
  text-align: left;
  border-left: solid 15px #455486;
  margin-bottom: 20px;
  box-shadow: 0 0 6px 0 rgb(0 0 0 / 0.3);
}
.development .sec04 .sec04_1 ul.creation li p.cat {
  text-align: left;
  font-size: 20px;
  margin-bottom: 10px;
  letter-spacing: 0;
}
.development .sec04 .sec04_1 ul.creation li p.txt {
  text-align: left;
  margin-bottom: 0;
  height: 6em;
}
.development .sec04 .sec04_1 .left {
  width: 50%;
  padding: 0 3%;
  border-right: dashed 1px #333333;
  box-sizing: border-box;
}
.development .sec04 .sec04_1 .right {
  width: 50%;
  padding: 0 3%;
  box-sizing: border-box;
}
.development .sec04 .sec04_2 .left {
  width: 48%;
}
.development .sec04 .sec04_2 .left p.img.img04_1 {
  width: 60%;
  margin: 0 auto;
}
.development .sec04 .sec04_2 .right {
  width: 48%;
}
.development .sec04 .sec04_2 .right p.img.img04_2 {
  width: 60%;
  margin: 0 auto;
}
.development .sec04::before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  background: url(../images/common/shibaR.png) bottom center;
  height: 60px;
  width: 100%;
}
/****
plan
*******************************************/
.snavP {
  margin: 60px auto 30px;
  width: 60%;
  max-width: 1300px;
    padding: 15px;
  border-radius: 36px;
}
.snavP.bottom {
  margin: 30px auto 30px;
}
.snavP li {
  float: left;
  width: 49%;
}
.snavP li:last-child {
  float: right;
}
.snavP li a {
  position: relative;
  display: block;
  text-align: center;
  padding: 13px 0;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  border-radius: 20px;
  background-color: #445487;
  color: #333333;
}
.snavP li a:hover {
  opacity: 1;
  color: #ffffff;
}
.snavP li.snavLand a {
  background-color: #81d24c;
}
.snavP li.snavHouse a {
  background-color: #ffb716;
  ;
}
.snavP li a::after {
  font-family: 'Material Icons';
  content: "\E5C8";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  font-size: 18px;
  right: 20px;
  transition: all 0.3s linear;
}
.snavP li a:hover::after {
  right: 10px;
}
.kukaku {
  padding: 5vh 0;
}
.kukaku .sec02_1 {
  max-width: 1300px;
  position: relative;
  margin: 0 auto 10px;
  width: 98%;
}
.kukaku .sec02_1 img {
  width: 100%;
}
.kukaku .sec02_1::before {
  content: "全体区画図";
  position: absolute;
  top: -40px;
  left: 0px;
  border: solid 1px #333333;
  color: #333333;
  text-align: center;
  padding: 5px 20px;
  font-size: 16px;
}
.kukaku .sec02_1 .checkImg {
  display: none;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
}
.house .kukaku .sec02_1::before {
  content: "建売分譲住宅 全体区画図";
}
.land .kukaku .sec02_1::before {
  content: "建築条件付宅地分譲 全体区画図";
}
.kukaku .sec02_2 {
  max-width: 1300px;
  position: relative;
  margin: 0 auto 20px;
  width: 98%;
}
.kukaku .sec02_2 p {
  color: #ffffff;
  padding: 10px;
  margin-bottom: 15px;
  text-align: center;
  font-size: 18px;
  background-color: #c1aa7e;
}
.kukaku .sec02_2 ul {
  text-align: center;
}
.kukaku .sec02_2 ul li {
  margin-bottom: 10px;
  text-align: center;
  display: inline-block;
  width: 30%;
}
.kukaku .sec02_2 ul li a {
  display: block;
  border: solid 1px #000000;
  background-color: #ffffff;
  padding: 10px 10px 10px;
  border-radius: 5px;
  text-align: center;
  position: relative;
  line-height: 1;
}
.kukaku .sec02_2 ul li a:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.60);
  transition: all 0.3s linear;
  border-color: #fbc635;
}
.kukaku .sec02_2 ul li a img {
  height: 27px;
  width: auto;
  vertical-align: middle;
}
.kukaku .sec02_2 ul li a::after {
  content: "▼";
  position: absolute;
  top: 20px;
  right: 10px;
  color: #8a8a8a;
  font-size: 12px;
}
.kukakuInfo {
  padding: 0vh 0 10vh;
  margin-bottom: 0px;
  background-color: #ffffff;
}
.kukakuInfo h2.ttl {
  font-size: 30px;
  background-color: #fcc91a;
  padding: 20px 0;
  position: relative;
}
.kukakuInfo h2.ttl::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 20px 0 21px;
  border-color: #fcc80e transparent transparent transparent;
  z-index: 1;
}
.kukakuInfo h3 {
  text-align: center;
  border-bottom: solid 1px #000000;
  color: #362008;
  padding: 8px 0 5px;
  font-size: 24px;
  position: relative;
  margin-bottom: 20px;
  font-weight: normal;
}
.kukakuInfoTxt {
  border: dotted 2px #f5be00;
  padding: 10px;
  margin: 0 auto 20px;
  width: 70%;
  background-color: #fffbf4;
}
.kukakuInfoTxt p {
  text-align: center;
  font-size: 17px;
}
.kukakuInfoTxt p a {
  background-color: #d43f35;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-size: 13px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.25);
  display: block;
  border: solid 1px #e8e8e8;
  border-radius: 5px;
  padding: 5px 10px;
  background: #f1a200;
  background: -moz-linear-gradient(top, #f1a200 0%, #dc3200 100%);
  background: -webkit-linear-gradient(top, #f1a200 0%, #dc3200 100%);
  background: linear-gradient(to bottom, #f1a200 0%, #dc3200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1a200', endColorstr='#dc3200', GradientType=0);
  display: inline-block;
  margin-right: 5px;
}
.kukakuInfoTxt p a:hover {
  opacity: 1;
}
.kukakuInfoTxt p a.btnPhoto {
  background-color: #30ae3a;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-size: 13px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.25);
  display: block;
  border: solid 1px #e8e8e8;
  border-radius: 5px;
  padding: 5px 10px;
  background: #98cc3c;
  background: -moz-linear-gradient(top, #98cc3c 0%, #30ae3a 100%);
  background: -webkit-linear-gradient(top, #98cc3c 0%, #30ae3a 100%);
  background: linear-gradient(to bottom, #98cc3c 0%, #30ae3a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98cc3c', endColorstr='#30ae3a', GradientType=0);
  display: inline-block;
  margin-right: 5px;
}
.kukakuInfo .unit {
  margin-bottom: 30px;
}
.kukakuInfo .unit h4 {
  margin-bottom: 10px;
}
.kukakuInfo .unit h4 img {
  height: 27px;
  width: auto;
}
.kukakuInfo .unit h5 {
    font-size: 16px;
}
.kukakuInfo .unit table.left {
  float: left;
  width: 49%;
}
.kukakuInfo .unit table.right {
  float: right;
  width: 49%;
}
.kukakuInfo .unit table tr th, .kukakuInfo .unit table tr td {
  border: solid 1px #000000;
  padding: 10px 5px;
  font-size: 14px;
  vertical-align: middle;
  text-align: center;
}
.kukakuInfo .unit table tr th {
  color: #333333;
}
.kukakuInfo .unit table tr th:first-child {
  width: 80px;
}
.kukakuInfo #kagaku.unit table tr th {
  background-color: #bbcc7d;
}
.kukakuInfo #sekisui.unit table tr th {
  background-color: #a092c4;
}
.kukakuInfo #haimu.unit table tr th {
  background-color: #7fcaeb;
}
.kukakuInfo #pana.unit table tr th {
  background-color: #7fcaeb;
}
.kukakuInfo #sweden.unit table tr th {
  background-color: #efe372;
}
.kukakuInfo #toyota.unit table tr th {
  background-color: #facd89;
}
.kukakuInfo #wood.unit table tr th {
  background-color: #e889c4;
}
.kukakuInfo #sumirin.unit table tr th {
  background-color: #4a9f8c;
}
.kukakuInfo #misawa.unit table tr th {
  background-color: #bbcc7d;
}
.kukakuInfo #asahi.unit table tr th {
  background-color: #ef846e;
}
.kukakuInfo #mitsui.unit table tr th {
  background-color: #6898c1;
}
/************house***************/
.house .kukakuInfo .unit table tr th:last-child, .house .kukakuInfo .unit table tr td:last-child {
  width: 89px;
  padding: 6px 5px;
}
.kukakuInfo .unit table tr td {
  background-color: #fffef4;
}
.kukakuInfo .unit table tr td a {
  display: block;
  background-color: #d43f35;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-size: 13px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.25);
  border: solid 1px #e8e8e8;
  border-radius: 5px;
  padding: 5px 0;
  background: #f1a200;
  background: -moz-linear-gradient(top, #f1a200 0%, #dc3200 100%);
  background: -webkit-linear-gradient(top, #f1a200 0%, #dc3200 100%);
  background: linear-gradient(to bottom, #f1a200 0%, #dc3200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1a200', endColorstr='#dc3200', GradientType=0);
}
.kukakuInfo .unit table tr td a.btnPhoto {
  background-color: #30ae3a;
  color: #ffffff;
  font-size: 13px;
  background: #98cc3c;
  background: -moz-linear-gradient(top, #98cc3c 0%, #30ae3a 100%);
  background: -webkit-linear-gradient(top, #98cc3c 0%, #30ae3a 100%);
  background: linear-gradient(to bottom, #98cc3c 0%, #30ae3a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98cc3c', endColorstr='#30ae3a', GradientType=0);
}
.house .kukakuInfo .unit table tr.model td:last-child a {
  display: block;
}
.kukakuInfo .unit table tr td:first-child {
  text-align: center;
  width: 7em;
}
.kukakuInfo .unit table tr.sumi td {
  background-color: #c50007;
  color: #f5a3a6;
  padding: 5px 5px;
}
.kukakuInfo .unit table tr.mou td {
  background-color: #092980;
  color: #9cabd4;
  padding: 5px 5px;
}
.house .kukakuInfo .unit table tr.sumi td, .house .kukakuInfo .unit table tr.mou td {
  padding: 16px 5px;
}
.house .kukakuInfo .unit table tr.mou td:nth-child(3)::after {
  content: "申込済";
  font-size: 20px;
  background-color: #ffffff;
  color: #092980;
  border-radius: 10px;
  padding: 0 10px;
  font-weight: bold;
}
.land .kukakuInfo .unit table tr.mou td:nth-child(2)::after {
  content: "申込済";
  font-size: 20px;
  background-color: #ffffff;
  color: #092980;
  border-radius: 10px;
  padding: 0 10px;
  font-weight: bold;
}
.land .kukakuInfo .unit table tr.sumi td:nth-child(2)::after {
  content: "成約済";
  font-size: 20px;
  background-color: #ffffff;
  color: #c50007;
  border-radius: 10px;
  padding: 0 10px;
  font-weight: bold;
}
.house .kukakuInfo .unit table tr.sumi td:nth-child(3)::after {
  content: "成約済";
  font-size: 20px;
  background-color: #ffffff;
  color: #c50007;
  border-radius: 10px;
  padding: 0 10px;
  font-weight: bold;
}
.kukakuInfo .unit table tr td.kaitei {
  line-height: 1;
  padding: 7px 5px 5px;
  font-size: 16px;
}
.kukakuInfo .unit table tr td.kaitei small {
  font-size: 10px;
}
.kukakuInfo .unit table tr td.kaitei i {
  line-height: 18px;
  font-size: 38px;
  display: block;
}
/****
house
*******************************************/
.house .con {
  background: url(../images/common/bg.jpg);
  padding: 0px 0 0px;
}
.house .con img {
  width: 100%;
}
.house .secTit {
  background-image: url(../images/plan/bgTtl.jpg);
}
.house .sec00 {
  padding-bottom: 0;
}
.house .sec00 p.img.img01 {
  position: absolute;
  top: -2vw;
  right: 4%;
  width: 11%;
}
.house .sec01::after {
  position: absolute;
  bottom: 0px;
  right: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 1px 5px;
  font-size: 12px;
}

/****
modelhouseplan
*******************************************/
.modelhouseplan .con {
  padding-bottom: 3vw;
}
.modelhouseplan .secTit {
  background-image: url(../images/plan/bgTtl.jpg);
}
.modelhouseplan .sec00 p.img.img01 {
  position: absolute;
  top: -2vw;
  right: 4%;
  width: 11%;
}
.modelhouseplan .sec01::after {
  position: absolute;
  bottom: 0px;
  right: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 1px 5px;
  font-size: 12px;
}
.modelhouseplan .sec01 {
  padding: 6vw 0;
  background: url(../images/common/dot20.png) #fff100;
}
.modelhouseplan .sec01 .sec01_2 > .txt {
  text-align: center;
  margin-bottom: 50px;
}
.modelhouseplan .sec01 .sec01_2 ul li {
  float: left;
  width: 30%;
  margin: 0 1.6666%;
  background-color: #ffffff;
  padding: 20px 1%;
  box-sizing: border-box;
  box-shadow: 12px 12px 0px 0px #00a6b2;
  transition: all 0.3s linear;
}
.modelhouseplan .sec01 .sec01_2 ul li:hover {
  box-shadow: 6px 6px 0px 0px #00a6b2;
}
.modelhouseplan .sec01 .sec01_2 ul li .ttl {
  text-align: center;
  margin-bottom: 20px;
}
.modelhouseplan .sec01 .sec01_2 ul li .img a img {
  width: 100%;
}
/****
gallery
*******************************************/
.gallery .con {
  padding: 0px 0 50px;
}
.gallery .secTit {
  background-image: url(../images/gallery/bgTtl.jpg);
}
.gallery .sec01 {
  margin-bottom: 50px;
}
.gallery .lifeSwitch .tab {
  margin: 0 auto 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.gallery .lifeSwitch .tab li {
  display: inline-block;
  margin: 0 1%;
  width: 27%;
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  background-color: #FFFFFF;
  padding: 15px 2%;
  cursor: pointer;
  height: auto;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 2;
}
.gallery .lifeSwitch .tab li {
  opacity: 1;
  transition: all 0.3s linear;
  line-height: 1.1;
}
.gallery .lifeSwitch .tab li:hover {
  opacity: 0.5;
  transition: all 0.3s linear;
}
.gallery .lifeSwitch .tab li span {
  background-color: #fcc80e;
  padding: 1% 5%;
  border-radius: 10px;
  font-size: 16px;
  display: block;
}
.gallery .lifeSwitch .tab li:first-child span {
  background-color: #fcc80e;
  padding: 2% 5%;
  border-radius: 10px;
  font-size: 24px;
  margin-top: 0.6vw;
}
.gallery .lifeSwitch .tab li img {
  height: 2vw;
  max-height: 30px;
  width: auto;
  margin-bottom: 10px;
}
.gallery .lifeSwitch .tab li::after {
  font-family: 'Material Icons';
  content: "\E5C5";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  font-size: 30px;
  right: 5px;
}
.gallery .lifeSwitch .galleryPhoto {
  margin: 30px auto;
  position: relative;
}
.gallery .lifeSwitch .unit {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s linear;
}
.gallery .lifeSwitch .unit.active {
  display: block;
  z-index: 2;
  position: relative;
  visibility: visible;
  opacity: 1;
}
/****
outline
*******************************************/
.outline .secTit p.ttl {
  color: #333333;
}
.outline .ttl_out {
  font-size: 16px;
  margin-bottom: 10px;
  color: #ffffff;
}
.outline .secOut {
  max-width: 1300px;
  width: 96%;
  margin: 0 auto;
}
.outline .ttlOut {
  font-size: 22px;
  text-align: center;
  letter-spacing: 2px;
  font-weight: bold;
  background-color: #333;
  color: #fff;
  padding: 10px 2%;
  margin-bottom: 20px;
}
.outline .shuTit {
  font-size: 24px;
  text-align: left;
  letter-spacing: 2px;
  font-weight: bold;
  border-bottom: solid 2px #333333;
  color: #333333;
  padding: 5px 10px 5px 0;
  margin-bottom: 20px;
}
.outline .secOut h3 {
  margin-bottom: 10px;
}
.outline .secOut h3 img {
  width: auto;
}
.outline .secOut h4 {
  font-size: 16px;
  color: #333333;
  margin-bottom: 10px;
  border-bottom: dotted 1px #333333;
}
.outline .secOut table {
  width: 100%;
  margin-bottom: 40px;
}
.outline .secOut table th, .outline .secOut table td {
  vertical-align: middle;
  padding: 8px 5px 8px 10px;
  border-bottom: solid 1px #cccccc;
  font-size: 13px;
}
.outline .secOut table th {
  width: 20%;
  border-bottom: solid 2px #c3c3c3;
  text-align: left;
  border-right: solid 3px #ffffff;
}
.outline .secOut table th.urinushi {
  vertical-align: top;
}
.outline .secOut table td {
  width: 70%;
  background-color: #ffffff;
}
.outline .secOut table tr.check {
  color: #ff0000;
}
.outline .outHouse .shuTit {
  border-bottom: solid 2px #ff3fa0;
  color: #ff3fa0;
}
.outline .outLand .shuTit {
  border-bottom: solid 2px #418835;
  color: #418835;
}
.notice {
  margin-bottom: 20px;
  z-index: 5;
  position: relative;
}
.notice .kokuchi {
  border: solid 1px #333333;
  color: #333333;
  float: left;
  padding: 15px 1%;
  margin-right: 1%;
  width: 12%;
  text-align: center;
  font-size: 24px;
}
.notice .txt {
  float: left;
  width: 82%;
  line-height: 1.4;
  font-size: 14px;
  color: #333333;
}
/****
map
*******************************************/
.map .con {
  padding-bottom: 5vw;
}
.map .secTit p.ttl {
  color: #333333;
}
.map .sec01 {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
  position: relative;
  max-width: 1000px;
  border: solid 2px #333333;
}
.map .sec01 .cap {
  position: absolute;
  font-size: 16px;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  background-color: #333333;
  color: #ffffff;
  text-align: center;
  padding: 5px 20px;
}
.map .sec01 img {
  width: 100%;
}
.map .sec02 {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
  position: relative;
  max-width: 1000px;
  border: solid 2px #333333;
}
.map .sec03 {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
  position: relative;
  max-width: 1000px;
  border: solid 4px #34a75d;
  box-sizing: border-box;
}
.map .sec02 .cap, .map .sec03 .cap {
  position: absolute;
  font-size: 16px;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  background-color: #333333;
  color: #ffffff;
  text-align: center;
  padding: 5px 20px;
}
.map .sec02 img, .map .sec03 img {
  width: 100%;
}
.map .morajuBnr {
  margin: 50px auto 0;
}
.map .secCarnavi {
  background-color: #333333;
  color: #ffffff;
  padding: 20px 2%;
  font-size: 24px;
  text-align: center;
  letter-spacing: 2px;
}
.map .secCarnavi .txt {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.map .secCarnavi .txt strong {
  font-size: 180%;
  font-weight: bold;
}
.map .secCarnavi .chu {
  color: #ffffff;
  text-align: center;
}
/*============================
_print
============================*/
@media print {
  .map .btnPri, .map .fnav, .map footer, .map .infow, .map .pan, .map .gnav, .map .ttl, .map header {
    display: none;
  }
}