.area-header {
  width: 100%;
}

.feature {
  margin-bottom: 180px;
  width: 100%;
}
.feature a {
  text-decoration: none;
}
.feature a:hover {
  opacity: 0.7;
  transition: all 0.3s ease-in-out;
}
.feature .inner {
  margin: 0 auto;
  width: 1140px;
}
.feature img {
  height: auto;
  width: 100%;
}
.feature .sp-only{
  display: none !important;
}

.feature .hero {
  margin: 0 auto;
  width: 1140px;
}
.feature .lead {
  margin: 133px 0 0 404px;
  width: 350px;
}
.feature .cap,
.feature .txt{
  position: absolute;
}

.credit{
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 21px 0;
}
.credit a{
  color: #004928;
  display: block;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1;
  position: relative;
}
.credit a::before{
  background-color: #004928;
  content: "";
  display: block;
  bottom: -1px;
  left: 0;
  position: absolute;
  height: 1px;
  width: 100%;
}
.credit__ttl{
  color: #004928;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 400;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 1;
  margin: 0 0 -5px;
  text-align: center;
}

.feature .c__01 {
  margin: 290px 0 0 230px;
  position: relative;
  width: 700px;
}
.feature .c__01_img01{
  width: 700px;
}
.feature .c__01_img02{
  margin: 60px 0 0 325px;
  width: 180px;
}
.feature .c__01 .cap{
  bottom: 6px;
  left: 88px;
  width: 346px;
}

.feature .c__02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 60px 0 0 260px;
  width: 640px;
}
.feature .c__02_img01,
.feature .c__02_img02{
  width: 300px;
}
.feature .c__02_img03{
  margin: 60px 0 0 130px;
  width: 400px;
}
.feature .c__02_img04{
  margin: 60px 0 0 180px;
  width: 300px;
}

.feature .c__03 {
  left: -4px;
  margin: 214px auto 0;
  position: relative;
  width: 1019px;
}
.feature .c__03_img01 {
  margin: 0 0 0 auto;
  width: 700px;
}
.feature .c__03 .txt{
  top: 87px;
  left: 0;
  width: 277px;
}
.feature .c__03 .credit{
  top: 471px;
  left: 21px;
  position: absolute;
}

.feature .c__04 {
  margin: 210px auto 0;
  position: relative;
  width: 1140px;
}
.feature .c__04 .txt{
  top: 36px;
  left: 100px;
  width: 238px;
}
.feature .c__04 .credit {
  top: 97px;
  right: 373px;
  position: absolute;
}

.feature .c__05 {
  margin: 214px auto 0;
  position: relative;
  width: 1140px;
}
.feature .c__05 .txt {
  top: 88px;
  left: 106px;
  width: 277px;
}
.feature .c__05 .credit {
  top: 260px;
  left: 531px;
  position: absolute;
}

.feature .c__06 {
  margin: 270px 0 0 156px;
  position: relative;
  height: 368px;
  width: 798.8px;
}
.feature .c__06_img01 {
  margin: 0 0 0 auto;
  width: 500px;
}
.feature .c__06 .cap {
  bottom: 0;
  left: 30px;
  width: 396.8px;
}
.feature .c__06 .txt {
  top: 96px;
  left: 0;
  width: 216.5px;
}

.feature .c__07 {
  margin: 176px auto 0;
  position: relative;
  width: 1140px;
}
.feature .c__07 .txt {
  top: 66px;
  right: 90px;
  width: 242px;
}
.feature .c__07 .credit {
  gap: 20px 0;
  margin: -124px 0 0 90px;
  position: relative;
  width: fit-content;
  z-index: 2;
}
.feature .c__07 .credit__ttl{
  line-height: 1.433;
  margin: 0 0 -11px;
}
.feature .c__07 .credit__ttl span{
  display: block;
  margin: -6px 0 0;
}

.feature .c__08 {
  margin: 200px auto 0;
  width: 700px;
}
.feature .c__08_img01 {
  margin: 0 auto;
  width: 500px;
}
.feature .c__08_img02,
.feature .c__08_img03 {
  margin: 60px auto 0;
  width: 700px;
}

.feature .c__09 {
  margin: 152px auto 0;
  width: 900px;
}