@media (max-width: 767px) {
#breadcrumbList {
	display: block !important;
}
.heroProjectCont {
	padding: 0 20px 30px 20px;
}
.heroProjectCont h2 {
  font-size: 180%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.heroProjectCont h2 > span {
  display: inline-block;
  padding: 0 0 7% 0;
  margin: 0 0 20px 0;
  background: url(../images/common/bg_ttl.jpg) repeat-x 0 100%;
}
.heroProjectCont h2 > span > span {
	display: block;
	font-size: 70%;
}
.heroProjectCont h2 + dl {
	margin-bottom: 30px;
}
.heroProjectCont h2 + dl dt {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 15px;
}
.heroProjectCont h2 + dl dd {
	font-size: 110%;
	margin-bottom: 15px;
}
.heroProjectCont h2 + dl + p {
	font-size: 120%;
	margin-bottom: 15px;
}
.heroProjectCont ul {
	display: flex;
	flex-wrap: wrap;
}
.heroProjectCont ul li {
	width: 48%;
	margin: 0 0 4% 4%;
}
.heroProjectCont ul li:nth-child(odd) {
	margin-left: 0;
}
#modalInner, .modalInner {
    padding: 40px 20px;
    background: #fff;
}
#modalInner > dl:nth-child(1), .modalInner > dl:nth-child(1) {
	margin: 0 0 30px 0;
	padding: 0;
}
#modalInner > dl:nth-child(1) dt, .modalInner > dl:nth-child(1) dt {
	text-align: center;
	font-size: 130%;
}
#modalInner > dl:nth-child(1) dd, .modalInner > dl:nth-child(1) dd {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
	text-align: left;
}
#modalInner > div p, .modalInner > div p {
	width: 50%;
	margin: 0 auto 20px auto;
}
#modalInner > div p img, .modalInner > div p img {
	padding: 0;
}
#modalInner > div dl:nth-child(2), .modalInner > div dl:nth-child(2) {
	padding: 0;
}
#modalInner > div dl:nth-child(2) dt, .modalInner > div dl:nth-child(2) dt {
	font-size: 110%;
	margin-bottom: 15px;
	text-align: center;
}
#modalInner > div dl:nth-child(2) dt span, .modalInner > div dl:nth-child(2) dt span {
	font-size: 110%;
	margin-left: 10px;
}
#modalInner > div dl:nth-child(2) dd, .modalInner > div dl:nth-child(2) dd {
	font-size: 100%;
	margin-bottom: 15px;
}
#modalInner dl:nth-child(1) dd, .modalInner dl:nth-child(1) dd {
	margin-top: 0;
	margin-bottom: 20px;
}
#modalInner > dl:nth-child(1) dd b, .modalInner > dl:nth-child(1) dd b {
	display: block;
	margin-bottom: 10px;
	font-size: 110%;
}
#modalInner > dl:nth-child(1) dd p span, .modalInner > dl:nth-child(1) dd p span {
	display: inline-block;
	margin-bottom: 10px;
}
}


@media (min-width: 768px) {

#breadcrumbList {
	display: block !important;
}
.heroProjectCont {
	max-width: 960px;
	margin: 0 auto;
}
.heroProjectCont h2 {
  font-size: 200%;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-bottom: 20px;
}
.heroProjectCont h2 > span {
  display: inline-block;
  padding: 0 0 32px 0;
  margin: 0 0 20px 0;
  background: url(../images/common/bg_ttl.jpg) repeat-x 0 100%;
}
.heroProjectCont h2 > span > span {
	font-size: 70%;
	margin-left: 10px;
}
.heroProjectCont h2 + dl {
	margin: 0 auto 30px auto;
	width: 650px;
}
.heroProjectCont h2 + dl dt {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 15px;
}
.heroProjectCont h2 + dl dd {
	font-size: 120%;
	margin-bottom: 15px;
}
.heroProjectCont h2 + dl + p {
	font-size: 120%;
	margin-bottom: 15px;
}
.heroProjectCont ul {
	display: flex;
	flex-wrap: wrap;
}
.heroProjectCont ul li {
	width: 18%;
	margin: 0 0 2.5% 2.5%;
}
.heroProjectCont ul li:nth-child(5n+1) {
	margin-left: 0;
}
#modalInner, .modalInner {
    padding: 60px 40px;
    background: #fff;
}
#modalInner > dl:nth-child(1), .modalInner > dl:nth-child(1) {
	margin: 0 0 30px 0;
	padding: 0;
}
#modalInner > dl:nth-child(1) dt, .modalInner > dl:nth-child(1) dt {
	text-align: center;
	font-size: 150%;
}
#modalInner > dl:nth-child(1) dd, .modalInner > dl:nth-child(1) dd {
	font-size: 110%;
	font-weight: normal;
	line-height: 1.5;
}
#modalInner > div, .modalInner > div {
	display: flex;
	justify-content: space-between;
}
#modalInner > div p, .modalInner > div p {
	width: 45%;
}
#modalInner > div p img, .modalInner > div p img {
	padding: 0;
}
#modalInner > div dl:nth-child(2), .modalInner > div dl:nth-child(2) {
	width: 50%;
	padding: 0;
}
#modalInner > div dl:nth-child(2) dt, .modalInner > div dl:nth-child(2) dt {
	font-size: 120%;
}
#modalInner > div dl:nth-child(2) dt span, .modalInner > div dl:nth-child(2) dt span {
	font-size: 120%;
	margin-left: 10px;
}
#modalInner > div dl:nth-child(2) dd, .modalInner > div dl:nth-child(2) dd {
	margin-bottom: 20px;
	font-size: 100%;
}
#modalInner img, .modalInner img {
	padding: 0;
}
#modalInner > dl:nth-child(1) dd, .modalInner > dl:nth-child(1) dd {
	margin-top: 0;
	margin-bottom: 20px;
}
#modalInner > dl:nth-child(1) dd b, .modalInner > dl:nth-child(1) dd b {
	display: block;
	margin-bottom: 10px;
	font-size: 110%;
}
#modalInner > dl:nth-child(1) dd p span, .modalInner > dl:nth-child(1) dd p span {
	display: inline-block;
	margin-bottom: 10px;
}
}