.subpage-title span{word-break: break-all;display:block;overflow:visible;}
.subpage-title span:after{content:""; display:block; clear:both; height:0;}

.eventImg{ width: 1020px; margin: 0 auto 60px;}
.eventImg img{ width: 100%;}
.stepTtl{ position: relative; margin-bottom: 50px; font-size: 24px; color: #41a327; text-align: center;}
.stepTtl span{ position: relative; z-index: 2; padding: 0 30px; background: #ffffff;}
.stepTtl::after{ content: "" !important; display: block; width: 100%; height: 1px; background: #41a327; position: absolute; top: 15px;}
.stepBox{ width: 650px; margin: 80px auto 100px;}
.stepBox .innerStep{ margin-bottom: 38px; padding-bottom: 50px; position: relative;}
.stepBox .innerStep:last-child{ margin-bottom: 0; padding-bottom: 0;}
.stepBox .innerStep::after{ width: 0; height: 0; border-style: solid; border-width: 17px 24px 0 24px; border-color: #41a327 transparent transparent transparent; content: ''; position: absolute; left: calc(50% - 24px); bottom: -2px; }
.stepBox .innerStep:last-child::after{ content: none;}
.stepBox .innerStep .stepNum{ margin: -20px auto 12px; font-family: "Holland"; color: #00a040;}
.stepBox .innerStep .stepNum .step{ display: inline-block; transform: translate(0px, -7px); letter-spacing: 0.16em; font-size: 18px; margin-right: 10px;}
.stepBox .innerStep .stepNum .num{ display: inline-block; transform: translate(8px, 0); line-height: 1; font-size: 60px;}
.stepBox .innerStep .ttl{ font-size: 20px; }
.info-ttl{ font-size: 20px; margin-bottom: 1em;}

@media screen and (max-width: 749px){
.event{ margin-top: 20%; padding: 0 36px;}
.eventImg{ width: 100%; margin: 0 auto 10%;}
.eventImg img{ width: 100%;}
.stepTtl{ position: relative; margin-bottom: 10%; font-size: 14px !important; color: #41a327; text-align: center;}
.stepTtl span{ position: relative; z-index: 2; padding: 0 3%; background: #ffffff;}
.stepTtl::after{ content: "" !important; display: block; width: 100%; height: 1px; background: #41a327; position: absolute; top: 8px;}
.stepBox{ width: 100%; margin: 15% auto;}
.stepBox .innerStep{ margin-bottom: 36px; padding-bottom: 30px; position: relative;}
.stepBox .innerStep:last-child{ margin-bottom: 0; padding-bottom: 0;}
.stepBox .innerStep::after{ width: 0; height: 0; border-style: solid; border-width: 11px 13px 0 13px; border-color: #41a327 transparent transparent transparent; content: ''; position: absolute; left: calc(50% - 13px); bottom: 0; }
.stepBox .innerStep:last-child::after{ content: none;}
.stepBox .innerStep .stepNum{ margin: -20px auto 12px; font-family: "Holland"; color: #00a040; text-align: center;}
.stepBox .innerStep .stepNum .step{ display: inline-block; transform: translate(0px, -7px); letter-spacing: 0.16em; font-size: 13.5px; margin-right: 10px;}
.stepBox .innerStep .stepNum .num{ display: inline-block; transform: translate(-6px, -3px); line-height: 1; font-size: 45px;}
.stepBox .innerStep .ttl{ font-size: 13px !important; }
.info-ttl{ font-size: 13px !important; }
.u-pc{display:none;}
	
}


.button.w600 {
  width: 600px;
}

@media screen and (max-width: 749px) {
  .button.w600 {
    max-width: 364px;
	  width: 100%;
    height: 80px;
  }
}


.u-mb20{margin-bottom: 20px;}
.u-mb30{margin-bottom: 30px;}
.u-mb40{margin-bottom: 40px;}
.u-mb50{margin-bottom: 50px;}
.u-mb60{margin-bottom: 60px;}
.u-mb80{margin-bottom: 80px;}

.u-mt20{margin-top: 20px;}
.u-mt30{margin-top: 30px;}
.u-mt40{margin-top: 40px;}
.u-mt50{margin-top: 50px;}
.u-mt60{margin-top: 60px;}
.u-mt80{margin-top: 80px;}