main section { /* 50th */ }
main section#anniversarySct .headB { position: relative; background: url("../img/50th_head.webp") no-repeat center top/cover; display: flex; align-items: center; padding: 6em 0; }
@media screen and (max-width: 599px) { main section#anniversarySct .headB { display: block; background-position: 27% center; padding: 4em 0 3em; } }
main section#anniversarySct .headB .mw { display: flex; align-items: center; width: 86%; margin: 0 auto; max-width: 1200px; }
main section#anniversarySct .headB .mw .imgB { width: 15%; max-width: 180px; }
@media screen and (max-width: 599px) { main section#anniversarySct .headB .mw .imgB { position: absolute; width: 7em; left: 7%; top: 5em; } }
main section#anniversarySct .headB .mw .imgB img { width: 100%; height: auto; }
main section#anniversarySct .headB .mw .txtB { width: 85%; padding-left: 4%; }
@media screen and (max-width: 599px) { main section#anniversarySct .headB .mw .txtB { width: 100%; padding-left: 0; } }
main section#anniversarySct .headB .mw .txtB .en { position: relative; display: inline-block; color: #CC0000; font-size: 125%; padding-right: 2em; }
@media screen and (max-width: 599px) { main section#anniversarySct .headB .mw .txtB .en { padding-left: 7rem; font-size: 100%; margin-bottom: .2em; } }
main section#anniversarySct .headB .mw .txtB h2 { font-size: 225%; font-weight: 700; letter-spacing: .08em; margin-bottom: .2em; }
@media screen and (max-width: 599px) { main section#anniversarySct .headB .mw .txtB h2 { display: block; padding-left: 7rem; font-size: 175%; line-height: 1.4; margin-bottom: .6em; } }
main section#anniversarySct .headB .mw .txtB .txt { display: block; font-size: 80%; font-weight: 500; letter-spacing: .1em; line-height: 1.6; }
@media screen and (max-width: 599px) { main section#anniversarySct .headB .mw .txtB .txt { font-size: 100%; } }
main section#anniversarySct .messageB { position: relative; border-top: 10px solid #CC0000; background: url("../../img/bar01.webp") no-repeat left top/9.5em; padding: 7em 0 6em; }
main section#anniversarySct .messageB .mw { width: 86%; margin: 0 auto; max-width: 1200px; }
@media screen and (max-width: 599px) { main section#anniversarySct .messageB .mw { display: block; } }
main section#anniversarySct .messageB .imgB { position: relative; width: 100%; margin-bottom: 1.8em; }
main section#anniversarySct .messageB .imgB img { width: 100%; height: auto; }
main section#anniversarySct .messageB .imgB .ttl { position: absolute; right: 22%; bottom: 1.4em; display: block; background: rgba(255, 255, 255, 0.2); padding: .6em 2.8% 1.5em 3.2%; font-size: 225%; font-weight: 700; letter-spacing: .1em; line-height: 1.6; }
@media screen and (max-width: 599px) { main section#anniversarySct .messageB .imgB .ttl { right: 18%; bottom: .7em; padding: .6em 2.8% 1.5em 3.2%; font-size: 135%; } }
main section#anniversarySct .messageB .imgB .ttl::after { content: ""; position: absolute; left: 6%; bottom: 1em; width: 88%; height: 2px; background: #CC0000; }
main section#anniversarySct .messageB .txtB { width: 100%; }
main section#anniversarySct .messageB .txtB .txt { display: block; font-size: 90%; padding: 0 .5% 0 1%; margin-bottom: 5em; }
@media screen and (max-width: 599px) { main section#anniversarySct .messageB .txtB .txt { font-size: 115%; } }
main section#anniversarySct .messageB .txtB .sign { display: flex; justify-content: flex-end; align-items: center; padding-right: 3em; }
@media screen and (max-width: 599px) { main section#anniversarySct .messageB .txtB .sign { padding-right: 1.5em; } }
main section#anniversarySct .messageB .txtB .sign span { display: inline-block; font-size: 80%; letter-spacing: .1em; line-height: 1; padding-right: 2em; }
@media screen and (max-width: 599px) { main section#anniversarySct .messageB .txtB .sign span { font-size: 100%; } }
main section#anniversarySct .messageB .txtB .sign img { width: 9em; height: auto; }
@media screen and (max-width: 599px) { main section#anniversarySct .messageB .txtB .sign img { width: 12em; } }