#mn_intro { box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px 2px; filter: brightness(150%) opacity(90%) saturate(0%); -webkit-filter: brightness(150%) opacity(90%) saturate(0%); -moz-filter: brightness(150%) opacity(90%) saturate(0%);}
#mn_intro:hover { cursor: default; pointer-events: none;}
#intro h1:before { position: absolute; top: -15px; left: 0; display: block; content: ''; width: 50%; max-width: 380px; height: 0; padding-top: 10.526315789474%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/sub.png);}

#intro .catch { width: 100%; margin: 0 auto; max-width: 750px; height: 0; padding-top: 17.333333333333%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; opacity: 0;}
#intro .catch span { display: none;}
#intro .photoall { width: 100%; max-width: 480px; margin: 20px auto 10px auto;}
#intro .photosp { width: 100%; height: 0; padding-top: 75%; position: relative;}
#intro .photo { width: 100%; height: 0; padding-top: 75%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}