body {
  overflow-x: hidden;
  letter-spacing: 0;
}
.wrap img {
	max-width: 100%;
	width: 100%;
}
h1,
p {
  margin: 0;
}
.socialmedia .wrap {
  max-width: 1200px;
  margin: 0 auto;
}
.siteStructureWrap {
  margin-top: 10px;
  margin-bottom: 30px;
  max-width: 1200px;
  margin: 10px auto 30px;
}
.siteStructure {
  max-width: 1760px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding-inline: 0;
  padding: 0px 5px;
  letter-spacing: 0;
}
.siteStructure li {
  display: inline-block;
  font-size: 12px;
}
.siteStructure li a {
  color: #00823e;
  text-decoration: none;
}
.siteStructureWrap .siteStructure li a::after {
  content: "　>　";
  color: #333333;
}
.mainTitle {
  color: #000;
  font-family: "Noto Sans JP";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px; /* 160% */
  margin-bottom: 30px;
}
.mainText p {
  color: #000;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 162.5% */
  margin-bottom: 60px;
}
.titleA {
  color: #000;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #c3d9d1;
  display: flex;
  align-items: center;
}
.icoA:before {
  content: url(/socialmedia/lib/img/ico_company.png);
}
.icoB:before {
  content: url(/socialmedia/lib/img/ico_brand.png);
}
.icoC:before {
  content: url(/socialmedia/lib/img/ico_museum.png);
}
.icoD:before {
  content: url(/socialmedia/lib/img/ico_project.png);
}

.flexArea {
  display: flex;
  gap: 80px;
  margin-bottom: 80px;
}
.flexArea figure {
  margin: 0;
}
.iconList dl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 28px;
}
.iconList dl dt {
  width: 100%;
  margin-bottom: 10px;
  color: #000;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 162.5% */
}
.iconList dl dd {
  margin: 0;
  margin-right: 20px;
}
#commonFooter {
  position: relative;
}

@media screen and (max-width:767px) {
	.socialmedia .wrap {
    width: 100%;
    padding: 0 5px;
	}
	.mainTitle {
		color: #000;
		font-family: "Noto Sans JP";
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 48px; /* 240% */
	}
	.mainText {
		padding: 0 15px;
	}
	.mainText p {
		margin-bottom: 40px;
    font-size: 15px;
	}
	#mainContents {
		padding: 0 15px;
	}
	.flexArea {
		gap: 20px;
		margin-bottom: 45px;
	}
	.flexArea figure {
		width: 100px;
	}
	.flexArea figure img {
		width: 100%;
	}
	.flexArea .iconList {
		flex: 1;
	}
	.iconList dl dd {
		width: 35px;
		margin-right: 8px;
	}
	.iconList dl dt {
		font-size: 15px;
	}
	.titleA {
		font-size: 20px;
		padding-bottom: 16px;
		margin-bottom: 20px;
	}

	.siteStructureWrapSp {
		padding-inline: 0;
		margin-block: 40px 30px;
	}
	.siteStructure {
		display: flex;
		flex-wrap: wrap;
		}
	.siteStructure li {
		display: inline-block;
		font-size: 12px;
	}
	.siteStructure li a {text-decoration: none;
		color: #00823E;
	}
	.siteStructure li a::after { 
		content: "　>　";
		color: #00823E;
	}
}