@charset "UTF-8";
/* CSS Document */

.subsidyTtl {
width: 100%;
background: url("../images/subsidy/subsidy_ttl_bg.png") center center no-repeat;
background-size: 1200px;
background-color: #2abae3;
}
.subsidyTtl h2 {
max-width: 1030px;
margin: 0 auto;
}

/*=======================================================
read
=======================================================*/
.read p {
font-size: 19px;
line-height: 1.8em;
text-align: center;
padding: 3em 1em;
}
@media screen and (max-width: 750px) {
	.read {
	width: 88%;
	margin: 4% auto 6%;
	}
	.read p {
	font-size: 3.3vw;
	line-height: 1.9em;
	text-align: left;
	padding: 0;
	}
}

/*=======================================================
subsidyCont
=======================================================*/
.subsidyCont {
width: 100%;
background-color: #f3f3f3;
}
.subsidyCont .inner {
max-width: 950px;
margin: 0 auto;
padding: 80px 0;
}

/*subTtl*/
.subTtl {
margin-bottom: 60px;
}
.subTtl h3 {
font-size: 38px;
line-height: 1.4em;
font-weight: bold;
text-align: center;
margin-bottom: 0.6em;
}
.subTtl p {
font-size: 20px;
line-height: 1.4em;
text-align: center;
}
.subTtl p strong {
color: #1972a5;
text-decoration: underline;
font-weight: normal;
}

/*subsidyList*/
.subsidyList dl {
background-color: #FFF;
border-radius: 10px;
margin-bottom: 24px;
filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.5));
}
.subsidyList dt {
font-size: 23px;
line-height: 1.4em;
font-weight: bold;
letter-spacing: 0.1em;
padding: 1em 1.2em;
background: url("../images/subsidy/icon_open.png") right center no-repeat;
background-size: 60px;
}
.subsidyList dt:hover {
color: #1972a5;
}
.subsidyList dt.active {
background: url("../images/subsidy/icon_close.png") right center no-repeat;
background-size: 60px;
}
.subsidyList dd {
border-top: #f3f3f3 3px solid;
}
.subsidyList dd ul {
font-size: 20px;
line-height: 1.4em;
letter-spacing: 0.1em;
padding: 0.8em 1.8em 2.2em;
}
.subsidyList dd li {
background: url("../images/subsidy/icon_link.png") right center no-repeat;
background-size: 30px;
}
.subsidyList dd li:hover {
background: url("../images/subsidy/icon_link.png") right -10px center no-repeat;
background-size: 30px;
-webkit-transition: all .4s;
transition: all .4s;
}
.subsidyList dd li a {
display: flex;
align-items: flex-start;
text-decoration: none;
color: #333;
padding: 1em 0;
background-image : linear-gradient(to right, #e7e7e7 6px, transparent 6px);
background-size: 10px 2px;
background-repeat: repeat-x; 
background-position: left bottom;
padding-right: 50px;
}
.subsidyList dd li a:hover {
color: #1972a5;
}
.subsidyList dd li h4 {
color: #1972a5;
font-weight: 500;
white-space: nowrap;
padding-right: 1em;
}
@media screen and (max-width: 750px) {
  .subsidyCont .inner {
  max-width: 90%;
  margin: 0 auto;
  padding: 8% 0;
  }

  /*subTtl*/
  .subTtl {
  margin-bottom: 6%;
  }
  .subTtl h3 {
  font-size: 6vw;
  line-height: 1.4em;
  }
  .subTtl p {
  font-size: 3.5vw;
  line-height: 1.4em;
  }

  /*subsidyList*/
  .subsidyList dl {
  background-color: #FFF;
  border-radius: 5px;
  margin-bottom: 3%;
  filter: drop-shadow(1px 1px 0.5px rgba(0,0,0,0.4));
  }
  .subsidyList dt {
  font-size: 4.5vw;
  line-height: 1.4em;
  padding: 0.8em 1.2em;
  background: url("../images/subsidy/icon_open.png") right center no-repeat;
  background-size: 12%;
  }
  .subsidyList dt.active {
  background: url("../images/subsidy/icon_close.png") right center no-repeat;
  background-size: 12%;
  }
  .subsidyList dd {
  border-top: #f3f3f3 2px solid;
  }
  .subsidyList dd ul {
  font-size: 3.5vw;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  padding: 0.4em 1.2em 1.8em;
  }
  .subsidyList dd li {
  background: url("../images/subsidy/icon_link.png") right center no-repeat;
  background-size: 6%;
  }
  .subsidyList dd li:hover {
  background: url("../images/subsidy/icon_link.png") right center no-repeat;
  background-size: 6%;
  }
  .subsidyList dd li a {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  color: #333;
  padding: 1em 0;
  background-image : linear-gradient(to right, #e7e7e7 3px, transparent 3px);
  background-size: 5px 1px;
  background-repeat: repeat-x; 
  background-position: left bottom;
  padding-right: 9%;
  }
  .subsidyList dd li a:hover {
  color: #1972a5;
  }
  .subsidyList dd li h4 {
  color: #1972a5;
  font-weight: 500;
  white-space: nowrap;
  padding-right: 1em;
  }
}