@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&family=Zen+Kaku+Gothic+New&display=swap');
#feature {
  color: #808080;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  overflow: hidden;
  font-size: 16px;
  width: 1140px;
  margin: 0 auto 50px;
}
#feature a:hover {
  text-decoration: none;
  opacity: 0.6;
  transition: 0.3s;
}
#feature a{
  color: #808080;
  font-size: 16px;
  letter-spacing: .1em;
}
#feature img{
  display: block; 
}
#feature .l-head {
  text-align: center;
}
#feature .l-head__bnr {
  width: 640px;
  margin: 0 auto 53px;
}
#feature .l-block {
  display: block;
  position: relative;
}
#feature .l-block__img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 27px;
  position: relative;
}

#feature .credit a{
  line-height: 1.75;
  display: inline-block;
}
/* =========================================================
ph
========================================================= */
#feature .fx{
  display: flex;
}
#feature .ph_text {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

#feature .ph01 {
  width: 600px;
  margin: 0px 40px 0 0px;
}
#feature .ph02 {
  width: 500px;
  margin: 73px 0 0 0;

}
#feature .ph03 {
  width: 550px;
  margin: 95px 0 0 237px;
  
}
#feature .ph03 .ph_text {
  top: 48px;
  left: -177px;
}

#feature .ph04 {
  width: 640px;
  margin: 311px 0 0 328px;

}
#feature .ph04 .ph_text {
  top: 246px;
  left: -267px;
}
#feature .ph05 {
  width: 550px;
  margin: 70px 40px 0px 0;

}
#feature .ph06 {
  width: 550px;
  margin: 157px 0 0 0;
}
#feature .ph07 {
  width: 640px;
  margin: 400px 0 0 116px;

}
#feature .ph07 .ph_text {
  top: 518px;
  left: 705px;
}
#feature .ph08 {
  width: 640px;
  margin: 80px 100px 0 0;

}
#feature .ph09 {
  width: 400px;
  margin: 260px 0 0 0;

}
/* =========================================================
heavy
========================================================= */
.ph_heavy {
  width: 515.788px;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
#feature .ph01 .ph_heavy {
  top: 880px;
  left: 388px;
}
#feature .ph05 .ph_heavy {
  top: -15px;
  left: 403px;
}
#feature .ph08 .ph_heavy {
  top: -20px;
  left: 518px;
}

/* =========================================================
ロゴ　クレジット
========================================================= */
.sp_logo {
  width: 286.503px;
}
.sp_logo_box01 {
  margin: 31px 0 0 210px;
}
.sp_logo_box02 {
  margin: 31px 0 0 202px;

}
.sp_logo_box03 {
  margin: 74px 0 0 -44px;
}


#feature .credit01 {
  margin: 14px 0 0 37px;
}
#feature .credit02 {
  margin: 12px 0 0 57px;
}
#feature .credit03 {
  margin: 13px 0 0 61px;
}