@charset "UTF-8";
@import url("//use.fontawesome.com/releases/v5.7.2/css/all.css");

#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 .mapArea {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  padding: 5% 0;
}

#meet .mapArea .map {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  padding: 0;
}

#meet .mapArea h3 {
  text-align: center;
  width: 90%;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  margin: 60px auto 20px auto;
  padding: 0;
}

#meet .mapArea h3.map2 {
  margin: 60px auto 30px auto;
}

#meet .mapArea .btnArea {
  display: none;
}

#meet .mapArea .tel {
  text-align: left;
  width: 90%;
  margin: 20px auto 0 auto;
  padding: 0;
}

#meet .mapArea .tel .mapImg {
  margin-bottom: 10px;
}

#meet .mapArea .tel .cap {
  font-size: 11px;
  font-size: 0.6875rem;
}

#meet .mapArea .meet_img{
	width: 90%;
	margin: 0 auto;
	}
#meet .mapArea .map_meeting{
	width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	margin: 40px auto;
	box-sizing: border-box;
	background-color: #E7E5E3;
	border: 1px solid #ccc;
}
#meet .mapArea .map_meeting2{
	width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	margin: 40px auto;
	box-sizing: border-box;
	border: 1px solid #ccc;
}
#meet .mapArea .map_meeting .mapBox,
#meet .mapArea .map_meeting2 .mapBox{
	width: 100%;
	margin: 0;
}
#meet .mapArea .map_meeting .mapBox h4,
#meet .mapArea .map_meeting2 .mapBox h4 {
	color: #fff;
	background-color: #0D1C74;
	text-align: center;
	font-size: 18px;
	font-size: 1.125rem;
	margin: 0;
	position: relative;
	padding: 10px;
	box-sizing: border-box;
}
#meet .mapArea .map_meeting .txtBox,
#meet .mapArea .map_meeting2 .txtBox{
	width: 100%;
	margin: 0;
	padding: 5%;
	box-sizing: border-box;
}
#meet .mapArea .map_meeting .txtBox h4,
#meet .mapArea .map_meeting2 .txtBox h4{
	color: #8C0002;
	text-align: center;
	font-size: 18px;
	font-size: 1.125rem;
	margin: 0 0 20px 0;
	position: relative;
	padding: 1rem;
}

#meet .mapArea .map_meeting .txtBox h4:before,
#meet .mapArea .map_meeting2 .txtBox h4:before {
  position: absolute;
  bottom: 5px;
  left: calc(50% - 50px);
  width: 100px;
  height: 3px;
  content: '';
  border-radius: 2px;
  background: #8C0002;

}
#meet .mapArea .map_meeting .txtBox .readTxt,
#meet .mapArea .map_meeting2 .txtBox .readTxt{
	text-align: left;
	font-size: 14px;
  font-size: 0.93333rem;
	line-height: 1.5;
	margin-bottom: 20px;	
	color: #000;
}
#meet .mapArea .map_meeting .txtBox .ttlTxt,
#meet .mapArea .map_meeting2 .txtBox .ttlTxt{
	text-align: center;
	font-size: 14px;
  font-size: 0.93333rem;
	line-height: 1.5;
	margin-bottom: 20px;
	color: #000;
}
#meet .mapArea .map_meeting .mapImg,
#meet .mapArea .map_meeting2 .mapImg {
  margin-bottom: 10px;
	text-align: left;
}

#meet .mapArea .map_meeting .cap,
#meet .mapArea .map_meeting2 .cap {
  font-size: 12px;
    font-size: 0.75rem;
	line-height: 1.5;
	text-align: left;
	color: #000;
}
/* meet-PC
------------------------------------------------------- */
@media only screen and (min-width: 961px) {

#meet .mapArea {
  text-align: center;
  width: 80%;
  margin: 0 auto 170px auto;
  padding: 1% 0 0 0;
}

#meet .mapArea .map {
  text-align: center;
  width: 60%;
  max-width: 700px;
  margin: 0 auto;
  padding: 0;
}

#meet .mapArea h3 {
  text-align: center;
  width: 90%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  max-width: 1000px;
  margin: 100px auto 30px auto;
  padding: 0;
}

#meet .mapArea h3.map2 {
  margin: 60px auto 30px auto;
}

#meet .mapArea .btnArea {
  text-align: center;
  width: 90%;
  margin: 20px auto 0 auto;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#meet .mapArea .btnArea li {
  width: 200px;
  margin: 0 10px;
  padding: 10px 30px;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#meet .mapArea .tel {
  text-align: left;
  width: 90%;
  max-width: 1000px;
  margin: 20px auto 0 auto;
  padding: 0;
}

#meet .mapArea .tel .mapImg {
  margin-bottom: 10px;
}

#meet .mapArea .tel .cap {
  font-size: 11px;
  font-size: 0.6875rem;
}

#meet .mapArea .meet_img{
	width: 80%;
	margin: 0 auto 5%;
	}
#meet .mapArea .map_meeting{
	width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	margin: 40px auto;
	box-sizing: border-box;
	background-color: #E7E5E3;
	border: 1px solid #ccc;
}
#meet .mapArea .map_meeting2{
	width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	margin: 40px auto;
	box-sizing: border-box;
	border: 1px solid #ccc;
}
#meet .mapArea .map_meeting .mapBox,
#meet .mapArea .map_meeting2 .mapBox{
	width: 50%;
	margin: 0;
	align-self: center;
}
#meet .mapArea .map_meeting .mapBox h4,
#meet .mapArea .map_meeting2 .mapBox h4 {
	color: #fff;
	background-color: #0D1C74;
	text-align: center;
	font-size: 18px;
	font-size: 1.125rem;
	margin: 0;
	position: relative;
	padding: 10px;
	box-sizing: border-box;
}
#meet .mapArea .map_meeting .txtBox,
#meet .mapArea .map_meeting2 .txtBox{
	width: 50%;
	margin: 0;
	padding: 5%;
	box-sizing: border-box;
	align-self: center;
}
#meet .mapArea .map_meeting .txtBox h4,
#meet .mapArea .map_meeting2 .txtBox h4{
	color: #8C0002;
	text-align: center;
	font-size: 18px;
	font-size: 1.125rem;
	margin: 0 0 20px 0;
	position: relative;
	padding: 1rem;
}

#meet .mapArea .map_meeting .txtBox h4:before,
#meet .mapArea .map_meeting2 .txtBox h4:before {
  position: absolute;
  bottom: 5px;
  left: calc(50% - 50px);
  width: 100px;
  height: 3px;
  content: '';
  border-radius: 2px;
  background: #8C0002;
}
#meet .mapArea .map_meeting .txtBox .readTxt,
#meet .mapArea .map_meeting2 .txtBox .readTxt{
	text-align: left;
	font-size: 14px;
  font-size: 0.93333rem;
	line-height: 1.5;
	margin-bottom: 20px;	
	color: #000;
}
#meet .mapArea .map_meeting .txtBox .ttlTxt,
#meet .mapArea .map_meeting2 .txtBox .ttlTxt{
	text-align: center;
	font-size: 14px;
  font-size: 0.93333rem;
	line-height: 1.5;
	margin-bottom: 20px;
}
#meet .mapArea .map_meeting .mapImg,
#meet .mapArea .map_meeting2 .mapImg {
  margin-bottom: 10px;
	text-align: left;
}

#meet .mapArea .map_meeting .cap,
#meet .mapArea .map_meeting2 .cap {
  font-size: 12px;
    font-size: 0.75rem;
	line-height: 1.5;
	text-align: left;
}
}