main section#scndAcsessSct { padding: 8em 0 7em; }
@media screen and (max-width: 480px) { main section#scndAcsessSct { padding-bottom: 6em; } }
main section#scndAcsessSct .ttl { position: relative; display: block; text-align: center; }
main section#scndAcsessSct .ttl span { position: relative; display: inline-block; border: 1px solid #fff; padding: .8em 1.3em .7em; margin: 2em auto; font-size: 120%; line-height: 1.2; }
@media screen and (max-width: 480px) { main section#scndAcsessSct .ttl span { font-size: 150%; margin: 1.5em auto 1em; } }
main section#scndAcsessSct .flow { position: relative; width: 80%; margin: 0 auto; text-align: center; font-size: 130%; }
@media screen and (max-width: 480px) { main section#scndAcsessSct .flow { width: 90%; } }
main section#scndAcsessSct .flow ul { margin: 1em auto 0; }
main section#scndAcsessSct .flow ul li { position: relative; padding: 2em 0 3em; }
main section#scndAcsessSct .flow ul li img { display: block; width: 80%; max-width: 700px; margin: 0 auto 1em; }
@media screen and (max-width: 480px) { main section#scndAcsessSct .flow ul li img { width: 90%; } }
main section#scndAcsessSct .flow ul li::before { position: absolute; margin: auto; bottom: 0; left: 0; right: 0; content: ""; width: 4em; height: 2em; background: url("../img/arrow.png") no-repeat center center; background-size: contain; }
main section#scndAcsessSct .flow ul li:last-child::before { display: none; }