@charset "UTF-8";

main {
  padding: 0 0 60px;
/*  background: #000 url(../imgs/bg.png) no-repeat bottom left / auto auto;*/
}

.container1200 {
  max-width: 1200px;
  width: calc(100% - 40px);
  margin: 0 auto;
}

#hero {
  background: url(../imgs/mv.jpg) no-repeat center center / cover;
	height: 50vh
}

.map {
  margin-bottom: 70px;
  padding: 100px 0 60px;

}

.map .mapTxt {
  text-align: center;
  margin-bottom: 70px;
  letter-spacing: 0.2em;
}

.map .mapTxt * {
  line-height: 1;
}

.map .mapTxt p:nth-child(1) {
  font-size: 34px;
  max-width: 240px;
  width: 100%;  
  padding: 0 0 25px;
  margin: 0 auto 20px;
  border-bottom: 1px solid #808080;
}

.map .mapTxt p:nth-child(1) span {
  font-size: 58px;
  margin-right: 5px;
}

.map .mapTxt p:nth-child(2) {
  font-size: 26px;
  margin-bottom: 30px;
}

.map .mapTxt p:nth-child(2) span {
  font-size: 48px;
}

.map .mapTxt p:nth-child(3) {
  font-size: 17px;
  margin-bottom: 10px;
}

.map .mapTxt p:nth-child(3) span {
  font-size: 27px;
}

.map .mapTxt p:nth-child(4) {
  font-size: 15px;
}

.map .mapImg {
  text-align: center;
}


.btnMadori{padding-top: 50px;margin-bottom: 80px; display: flex; justify-content: space-between; }
.btnMadori a{display: block; width: 30%; background-color: #333; color: white;text-align: center; padding: 15px; transition: 0.5s}
.btnMadori a:hover{background-color: #837544; }

.ldkTit{font-size: 20px;border-bottom: 1px solid #999;margin-bottom: 30px;padding-bottom: 10px;}

.btnPlan{display: flex; justify-content: space-between; max-width: 1200px;padding: x 0; flex-wrap: wrap;}
.btnPlan li{width: 30%; text-align: center;margin-bottom:25px; max-width: 320px}
.btnPlan li a{transition:0.5s;}
.btnPlan li a:over{opacity:0.8}

.listBtn {
  border: 1px solid #6b6b6b;
  padding: 60px;
  text-align: center;
  margin-bottom: 60px;
}

.listBtn p {
  text-align: center;
  font-size: 22px;
  margin-bottom: 40px;
  line-height: 1.6;
}

.listBtn ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 910px;
  width: 100%;
  margin: 0 auto;
}

.listBtn ul li {
  width: 48%;
}

.listBtn ul li a {
  font-size: 18px;
  color: #fff;
  background: #b7af7d;
  display: block;
  padding: 30px;
}

.listBtn ul li:nth-child(2) a {
  background: #a2a2a2;
}

.listBtn ul li a:hover {
  opacity: 0.6;
}









/* MEDIA */
@media screen and (max-width: 768px) {
  main {
    background: #000;
  }
#hero {
  background: url(../imgs/mv-sp.jpg) no-repeat center center / cover;
}
  .contentBg {
    background: #000 url(../imgs/bg_white.jpg) no-repeat top right / auto auto;
  }


  .map {
    margin-bottom: 0;
  }

  .map .mapTxt {
    letter-spacing: unset;
  }

  .map .mapTxt p:nth-child(3) span {
    font-size: 30px;
  }

  .listBtn {
    padding: 10%;
  }

  .listBtn ul li a {
    padding: 20px 0;
  }
 .listBtn ul li {
    width: 100%;
	  text-align: center;
	  max-width: 100%
  }
  .listBtn p {
    font-size: 20px;
  }
  .btnPlan li{width: 100%;margin-bottom: 15px; text-align: center;}
	.btnPlan li{text-align: center; width: 100%;max-width: 100%}

}


@media screen and (max-width: 480px) {
  .map .mapTxt p:nth-child(1) {
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .map .mapTxt p:nth-child(4) {
    font-size: 3vw;
  }

  .listBtn p {
    font-size: 4vw;
  }

 

  .listBtn ul li:nth-child(1) {
    margin-bottom: 10px;
  }

  .listBtn ul li a {
    font-size: 3.5vw;
  }
}