.inner{
  position: relative;
}
.inner::before{
  position: absolute;
  display: inline-block;
  content: '';
  width: 10px;
  height: 100%;
  background: url(sideline.png) center top repeat-y;
  left: 0;
  top: 0;
  z-index: 4  ;
}
.inner::after{
  position: absolute;
  display: inline-block;
  content: '';
  width: 10px;
  height: 100%;
  background: url(sideline.png) center top repeat-y;
  right: 0;
  top: 0;
  z-index: 2;
}
#event-contents-wrapper{
  width: auto;
}
.feature-column01-mainvisual::after{
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background-color: #fff;
  content: '';
}
.feature-column01-mainvisual p{
  width: 990px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 2;
  color: #053D4E;
}
.feature-column01-mainvisual{
  position: relative;
  z-index: 10;
}
.feature-column01-mainvisual div{
  position: relative;
  width: 1325px;
  height: 768px;
  margin: 0 auto;
  z-index: 20
}
.feature-column01-mainvisual::before{
  position: absolute;
  display: inline-block;
  content: '';
  width: 100%;
  height: 652px;
  top: 158px;
  left: 0;
  background: url(mainvisual_bg.png) center center no-repeat;
  background-size: 100% auto;
  z-index: 20;
}
#mainvisual_01{
  position: absolute;
  left: 0;
  top: 0;
}
#mainvisual_02{
  position: absolute;
  left: 0;
  top: 267px;
}
#mainvisual_03{
  position: absolute;
  left: 330px;
  top: 267px;
}
#mainvisual_04{
  position: absolute;
  left: 560px;
  top: 84px
}
#mainvisual_05{
  position: absolute;
  left: 620px;
  top: 504px;
}
#mainvisual_06{
  position: absolute;
  left: 934px;
  top: 501px;
}

.scrollanime01{
  opacity: 0;
  transform: translateY(20px);
  transition: all 1.5s ease-out;
}
.scrollanime02{
  opacity: 0;
  transition: opacity 1.5s ease-out;
}
.scrollanime01.fadeUp{
  transform: translateY(0);
  opacity: 1;
}
.scrollanime02.fadeIN{
  opacity: 1;
}
.delay02{
  transition-delay: 1s;
}
.delay03{
  transition-delay: 1.5s;
}
.delay04{
  transition-delay: 2s;
}
#pagetitle{
  position: absolute;
  left: 77px;
  bottom: 25px;
}
h1, p.logo_{
  width: auto;
  z-index: inherit;
  top: unset;
}
#mainvisual_text{
  position: absolute;
  top: 25px;
  right: 92px;
}

#text{
  position: absolute;
  right: 92px;
  top: 88px;
  writing-mode: tb;
  font-size: 32px;
  line-height: 1;
  font-family:"游明朝", YuMincho, serif;
}
.feature-column01 *{
  font-family: YuGothic, "游ゴシック Medium";
}
.feature-column01-profile{
  width: 791px;
  box-sizing: border-box;
  margin: 100px auto 100px;
  position: relative;
  border-top: 4px double #053D4E;
  border-bottom: 4px double #053D4E;
}
.feature-column01-profile div{
  padding: 30px 50px 30px;
}
#event-contents-wrapper .feature-column01-profile h2{
  background: #fff url(profile_title.png) right center no-repeat;
  text-indent: -9999px;
  font-weight: 500;
  margin: 0;
  width: 180px;
  height: 38px;
  position: absolute;
  top: -4px;
  right: 0;
  padding-left: 15px;
}
.feature-column01-profile p{
  margin: 20px 0 0 0;
  font-size: 14px;
  color: #053D4E;
  line-height: 1.6;
  font-weight: 500;
}
.feature-column01-profile h3{
  font-size: 18px;
  color: #053D4E;
  font-weight: bold;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  line-height: 1;
}
.feature-column01-profile h3 span{
  font-size: 14px;
  color: #053D4E;
  font-weight: bold;
  vertical-align: text-top;
  margin-left: 20px;
  line-height: 1;
}

.feature-column01-main{
  width: 1027px;
  margin: 0 auto;
}
.feature-column01-item{
  position: relative;
}
.feature-column01-item figure.img-c::before{
  position: absolute;
  display: inline-block;
  content: '';
  width: 100%;
  height: 440px;
  background: #000;
  left: 0;
  bottom: -50px;
  background: #c1d9f5;
}
.feature-column01-item figure.img-c.pdr300::before{
  width: 65%;
}
.feature-column01-item figure.img-c.pdl100::before{
  width: 83%;
  left: unset;
  right: 0;
}

.feature-column01-item figure{
  margin: 0 0;
  padding: 0;
  position: relative;
  z-index: 2;
  display: block;
}
.feature-column01-item div figure{
  margin-bottom: 65px;
}
.feature-column01-item figure img{
  z-index: 2;
  position: relative;
}
.feature-column01-item figure.img-c{
  text-align: center;
}
.feature-column01-item figure.img-r{
  text-align: right;
}
#event-contents-wrapper .feature-column01-item h2{
  font-size: 38px;
  color: #297C62;
  font-weight: bold;
  padding: 0;
  position: relative;
  width: 1027px;
  margin: 30px auto 60px auto;
  position: relative;
  z-index: 2;
  opacity: 0;
  font-size: 0;
}
#event-contents-wrapper .feature-column01-item h2.appeartext {
  opacity: 1
}

#event-contents-wrapper .feature-column01-item h2.appeartext span {
  transform: translateY(1em);
  display: inline-block;
  animation: textanimation 2s forwards;
  opacity: 0;
  font-size: 38px;
  color: #297C62;
  font-weight: bold;
}


#event-contents-wrapper .feature-column01-item h2.appeartext span {
  transform: translateX(1em);
  display: inline-block;
  animation: textanimation-tate 2s forwards;
  opacity: 0;
  font-family: "游明朝", YuMincho, serif;
}

@keyframes textanimation-tate {
  0% {
      transform: translateX(-1em);
      opacity: 0
  }

  100% {
      transform: translate(0);
      opacity: 1
  }
}

.feature-column01-item h2.appeartext span:nth-child(1),.tate .feature-column01-item h2.appeartext span:nth-child(1) {
  animation-delay: 0.05s
}

.feature-column01-item h2.appeartext span:nth-child(2),.tate .feature-column01-item h2.appeartext span:nth-child(2) {
  animation-delay: 0.1s
}

.feature-column01-item h2.appeartext span:nth-child(3),.tate .feature-column01-item h2.appeartext span:nth-child(3) {
  animation-delay: 0.15s
}

.feature-column01-item h2.appeartext span:nth-child(4),.tate .feature-column01-item h2.appeartext span:nth-child(4) {
  animation-delay: 0.2s
}

.feature-column01-item h2.appeartext span:nth-child(5),.tate .feature-column01-item h2.appeartext span:nth-child(5) {
  animation-delay: 0.25s
}

.feature-column01-item h2.appeartext span:nth-child(6),.tate .feature-column01-item h2.appeartext span:nth-child(6) {
  animation-delay: 0.3s
}

.feature-column01-item h2.appeartext span:nth-child(7),.tate .feature-column01-item h2.appeartext span:nth-child(7) {
  animation-delay: 0.35s
}

.feature-column01-item h2.appeartext span:nth-child(8),.tate .feature-column01-item h2.appeartext span:nth-child(8) {
  animation-delay: 0.4s
}

.feature-column01-item h2.appeartext span:nth-child(9),.tate .feature-column01-item h2.appeartext span:nth-child(9) {
  animation-delay: 0.45s
}

.feature-column01-item h2.appeartext span:nth-child(10),.tate .feature-column01-item h2.appeartext span:nth-child(10) {
  animation-delay: 0.5s
}

.feature-column01-item h2.appeartext span:nth-child(11),.tate .feature-column01-item h2.appeartext span:nth-child(11) {
  animation-delay: 0.55s
}

.feature-column01-item h2.appeartext span:nth-child(12),.tate .feature-column01-item h2.appeartext span:nth-child(12) {
  animation-delay: 0.6s
}

.feature-column01-item h2.appeartext span:nth-child(13),.tate .feature-column01-item h2.appeartext span:nth-child(13) {
  animation-delay: 0.65s
}

.feature-column01-item h2.appeartext span:nth-child(14),.tate .feature-column01-item h2.appeartext span:nth-child(14) {
  animation-delay: 0.7s
}

.feature-column01-item h2.appeartext span:nth-child(15),.tate .feature-column01-item h2.appeartext span:nth-child(15) {
  animation-delay: 0.75s
}

.feature-column01-item h2.appeartext span:nth-child(16),.tate .feature-column01-item h2.appeartext span:nth-child(16) {
  animation-delay: 0.8s
}
.feature-column01-item h2.appeartext span:nth-child(17),.tate .feature-column01-item h2.appeartext span:nth-child(17) {
  animation-delay: 0.85s
}
.feature-column01-item h2.appeartext span:nth-child(18),.tate .feature-column01-item h2.appeartext span:nth-child(18) {
  animation-delay: 0.9s
}
.feature-column01-item h2.appeartext span:nth-child(19),.tate .feature-column01-item h2.appeartext span:nth-child(19) {
  animation-delay: 0.95s
}
.feature-column01-item h2.appeartext span:nth-child(20),.tate .feature-column01-item h2.appeartext span:nth-child(20) {
  animation-delay: 1s
}
.feature-column01-item h2.appeartext span:nth-child(21),.tate .feature-column01-item h2.appeartext span:nth-child(21) {
  animation-delay: 1.5s
}
.feature-column01-item h2.appeartext span:nth-child(22),.tate .feature-column01-item h2.appeartext span:nth-child(22) {
  animation-delay: 2s
}
.feature-column01-item h2.appeartext span:nth-child(23),.tate .feature-column01-item h2.appeartext span:nth-child(23) {
  animation-delay: 2.5s
}
.feature-column01-item h2.appeartext span:nth-child(24),.tate .feature-column01-item h2.appeartext span:nth-child(24) {
  animation-delay: 3s
}
.feature-column01-item h2.appeartext span:nth-child(25),.tate .feature-column01-item h2.appeartext span:nth-child(25) {
  animation-delay: 3.5s
}
.feature-column01-item h2.appeartext span:nth-child(26),.tate .feature-column01-item h2.appeartext span:nth-child(26) {
  animation-delay: 4s
}
.feature-column01-item h2.appeartext span:nth-child(27),.tate .feature-column01-item h2.appeartext span:nth-child(27) {
  animation-delay: 4.5s
}
.feature-column01-item h2.appeartext span:nth-child(28),.tate .feature-column01-item h2.appeartext span:nth-child(28) {
  animation-delay: 5s
}
.feature-column01-item h2.appeartext span:nth-child(29),.tate .feature-column01-item h2.appeartext span:nth-child(29) {
  animation-delay: 5.5s
}
.feature-column01-item h2.appeartext span:nth-child(30),.tate .feature-column01-item h2.appeartext span:nth-child(30) {
  animation-delay: 6s
}
.feature-column01-item h2.appeartext span:nth-child(31),.tate .feature-column01-item h2.appeartext span:nth-child(31) {
  animation-delay: 6.5s
}
.feature-column01-item h2.appeartext span:nth-child(32),.tate .feature-column01-item h2.appeartext span:nth-child(32) {
  animation-delay: 7s
}
.feature-column01-item h2.appeartext span:nth-child(33),.tate .feature-column01-item h2.appeartext span:nth-child(33) {
  animation-delay: 7.5s
}
.feature-column01-item h2.appeartext span:nth-child(34),.tate .feature-column01-item h2.appeartext span:nth-child(34) {
  animation-delay: 8s
}
.feature-column01-item h2.appeartext span:nth-child(35),.tate .feature-column01-item h2.appeartext span:nth-child(35) {
  animation-delay: 8.5s
}
.feature-column01-item h2.appeartext span:nth-child(36),.tate .feature-column01-item h2.appeartext span:nth-child(36) {
  animation-delay: 9s
}
.feature-column01-item h2.appeartext span:nth-child(37),.tate .feature-column01-item h2.appeartext span:nth-child(37) {
  animation-delay: 9.5s
}
.feature-column01-item h2.appeartext span:nth-child(38),.tate .feature-column01-item h2.appeartext span:nth-child(38) {
  animation-delay: 10s
}
.feature-column01-item h2.appeartext span:nth-child(39),.tate .feature-column01-item h2.appeartext span:nth-child(39) {
  animation-delay: 10.5s
}
.feature-column01-item h2.appeartext span:nth-child(40),.tate .feature-column01-item h2.appeartext span:nth-child(40) {
  animation-delay: 11s
}
.feature-column01-main p{
  color: #053D4E;
  font-size: 18px;
  line-height: 1.8;
  margin: 0 0 64px;
  font-weight: 500;
}
.feature-column01-main p span{
  font-weight: bold;
}

#event-contents-wrapper .feature-column01-item h2.appeartext span.bg:first-child{
  padding-left: 2px;
}
#event-contents-wrapper .feature-column01-item h2.appeartext span.bg{
  background-color: rgba(41,124,98,0.8);
  color: #fff;
  font-family: YuGothic, "游ゴシック Medium";
  font-weight: 500;
  line-height: 1;
  padding: 6px 6px 6px 6px;
}
.feature-column01-item{
  margin-bottom: 65px;
}
span.marker {
  background: linear-gradient(transparent 10%,rgba(200,232,221,1) 10%);
  background-position: left 5px;
  display: inline;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 1.5s;
  font-weight: bold;
  color: #053D4E;
}

span.marker.on {
  background-size: 100% 100%
}