@charset "UTF-8";

/* smp --------------------------------------- */
#meet .wrap {
  position: relative;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#meet .wrap .content {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#meet .wrap .content .meet {
  letter-spacing: 0.1em;
  padding: 10% 0 4%;
}

#meet .wrap .content .meet h1{
	text-align: center;
	margin: 0 auto 5%;
	width: 50%;
	max-width: 100px;
}
#meet .wrap .content .meet .mapArea{
	width: 80%;
	margin: 5% auto;
}
#meet .wrap .content .meet .mapArea .mapBox{
	width: 100%;
	margin-bottom: 5%;
}
#meet .wrap .content .meet .mapArea .txtBox{
	width: 100%;
	margin-bottom: 10%;
}
#meet .wrap .content .meet .mapArea .txtBox .mapTtl{
	text-align: center;
	font-size: 18px;
	font-size: 1.125rem;
	margin: 0 auto 20px;
}
#meet .wrap .content .meet .mapArea .txtBox .mapLead{
	text-align: justify;
	font-size: 14px;
	font-size: 0.93333rem;
	margin-bottom: 20px;
}
#meet .wrap .content .meet .mapArea .txtBox .mapLead02{
	text-align: center;
	font-size: 14px;
	font-size: 0.93333rem;
	margin-bottom: 20px;
}
#meet .wrap .content .meet .mapArea .txtBox .mapPhone{
	text-align: center;
	margin: 0 auto 10px;
	font-size: 32px;
	font-size: 2rem;
	line-height: 1.5;
	margin-bottom: 0;
}
#meet .wrap .content .meet .mapArea .txtBox .mapCap{
	text-align: center;
	font-size: 12px;
	font-size: 0.75rem;
	margin: 0 auto;
}
/* PC --------------------------------------- */
@media only screen and (min-width: 961px) {
#meet .wrap .content .meet {
    padding-top: 5%;
  }
#meet .wrap .content .meet h1{
	max-width: 150px;
}
#meet .wrap .content .meet .mapArea{
	width: 70%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 10% auto;
}
#meet .wrap .content .meet .mapArea .mapBox{
	width: 46%;
	align-self: center;
	margin-bottom: 10%;
}
#meet .wrap .content .meet .mapArea .txtBox{
	width: 46%;
	align-self: center;
	margin-bottom: 10%;
}
}