@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 .txtRed{
	color: #AB0002;
}
#meet .wrap .content .meet {
  letter-spacing: 0.1em;
  padding: 0 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: 10%;
}
#meet .wrap .content .meet .mapArea .mapBox .mapBoximg{
	width: 100%;
	border: 5px solid #9d9690;
	background-color: #f2f2f2;
}
#meet .wrap .content .meet .mapArea .mapBox .mapBoximg p{
	text-align: center;
	font-size:28px;
	font-size: 1.75rem;
	line-height: 1.4;
	margin: 10px auto 20px;
}
#meet .wrap .content .meet .mapArea .mapBox .mapBoximg p span{
	font-size: 60%;
	font-style: normal;
}
#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 10px;
}
#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: 0;
  }
#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%;
}
}
