main section#abtMainSct { background: #005AAA url("../img/about_main_bg.jpg") no-repeat center center; background-size: cover; color: #fff; height: 100vh; }
@media screen and (max-width: 428px) { main section#abtMainSct { background: #005AAA url("../img/about_main_bg.jpg") no-repeat 58% 71%; background-size: 120%; } }
main section#abtMainSct h2 { line-height: 1.3; margin-bottom: 5vw; }
main section#abtMainSct h2 small { display: block; font-size: 70%; letter-spacing: 3px; }
main section#abtMainSct h2 span { display: block; font-size: 250%; }
@media screen and (max-width: 800px) { main section#abtMainSct h2 span { font-size: 230%; } }
@media screen and (max-width: 800px) { main section#abtMainSct h2 { margin-bottom: 8vw; } }
main section#abtMainSct .copy { font-size: 180%; letter-spacing: 5px; }
@media screen and (max-width: 428px) { main section#abtMainSct .copy { font-size: 8vw; white-space: nowrap; } }
main section#abtContsSct { background: #005AAA; color: #fff; padding: 5em 0; }
main section#abtContsSct h3 { line-height: 1.3; margin-bottom: 3em; }
main section#abtContsSct h3 span { display: block; font-size: 310%; }
@media screen and (max-width: 428px) { main section#abtContsSct h3 span { font-size: 250%; } }
main section#abtContsSct h3 small { display: block; font-size: 110%; letter-spacing: 3px; }
@media screen and (max-width: 428px) { main section#abtContsSct h3 small { font-size: 100%; } }
@media screen and (max-width: 428px) { main section#abtContsSct h3 { margin-bottom: 5em; } }
main section#abtContsSct .visionBox { position: relative; display: flex; text-align: center; margin-bottom: 5em; margin-right: 170px; }
@media screen and (max-width: 1024px) { main section#abtContsSct .visionBox { display: block; margin-right: 140px; } }
@media screen and (max-width: 428px) { main section#abtContsSct .visionBox { margin-right: 90px; } }
main section#abtContsSct .visionBox .box { position: relative; border: 3px solid #fff; padding: 2.5em 2em 2em; }
@media screen and (max-width: 1024px) { main section#abtContsSct .visionBox .box { padding: 2.3em 2em 2em; width: 100%; } }
@media screen and (max-width: 428px) { main section#abtContsSct .visionBox .box { border: 2px solid #fff; padding: 1.6em 0 1.5em; } }
main section#abtContsSct .visionBox .box:first-child { margin-right: 7vw; }
@media screen and (max-width: 1024px) { main section#abtContsSct .visionBox .box:first-child { margin-right: 0; margin-bottom: 5em; } }
@media screen and (max-width: 428px) { main section#abtContsSct .visionBox .box:first-child { margin-bottom: 3em; } }
main section#abtContsSct .visionBox .box:first-child::after { position: absolute; content: ""; width: 3vw; height: 3vw; background: url("../img/x.svg") no-repeat center center; background-size: contain; top: 50%; transform: translateY(-50%); right: -5.4vw; }
@media screen and (max-width: 1024px) { main section#abtContsSct .visionBox .box:first-child::after { width: 3em; height: 3em; top: inherit; bottom: -4.2em; left: 50%; transform: translateX(-50%) translateY(0); } }
@media screen and (max-width: 428px) { main section#abtContsSct .visionBox .box:first-child::after { width: 1.8em; height: 1.8em; bottom: -2.6em; } }
main section#abtContsSct .visionBox .box p { white-space: nowrap; font-size: 1.15vw; margin-bottom: 0; letter-spacing: 2px; }
@media screen and (max-width: 1024px) { main section#abtContsSct .visionBox .box p { font-size: 2vw; } }
@media screen and (max-width: 428px) { main section#abtContsSct .visionBox .box p { letter-spacing: 1px; } }
main section#abtContsSct .visionBox .box .copy1 { font-size: 1.8vw; line-height: 1.8; margin-bottom: 1.3em; letter-spacing: 5px; }
@media screen and (max-width: 1024px) { main section#abtContsSct .visionBox .box .copy1 { font-size: 3vw; } }
@media screen and (max-width: 428px) { main section#abtContsSct .visionBox .box .copy1 { letter-spacing: 3px; } }
main section#abtContsSct .copy2 { font-size: 170%; line-height: 1.6; letter-spacing: 6px; margin-bottom: 1em; }
@media screen and (max-width: 428px) { main section#abtContsSct .copy2 { font-size: 120%; letter-spacing: 4px; } }