@charset "UTF-8"; @charset "UTF-8"; #mv_outer:before { display: none; } #mv { width: 100%; height: calc(100vh - 120px); } #mv .mv_text.wmode_horizontal>div { bottom: 0; position: absolute; left: 0; right: 0; margin: 0 auto; width: 350px !important; height: 45vh; color: #013c80; text-shadow: 2px 2px 8px #ffffff, -2px 2px 8px #ffffff, 2px -2px 8px #ffffff, -2px -2px 8px #ffffff, 2px 0px 8px #ffffff, 0px 2px 8px #ffffff, -2px 0px 8px #ffffff, 0px -2px 8px #ffffff; background: url(/common/upload_data/jtech1net/image/20201022103453.jpg);/* キャッチ背景画像 */ background-position: center; background-color: rgba(255,255,255,0.4); background-blend-mode:lighten; display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0.8; } #mv .mv_text.wmode_horizontal>div:before { background: url(/common/upload_data/jtech1net/image/20201028100324.png);/* キャッチの上の画像 */ content: ''; width: 350px; height: 370px; position: absolute; bottom: 45vh; background-size: 100%; left: 0; right: 0; } #mv .mv_text h2{ white-space: nowrap; } @media screen and (max-height: 850px) { #mv .mv_text.wmode_horizontal>div { height: 35vh; width: 250px !important; padding: 10px 0px !important; } #mv .mv_text.wmode_horizontal>div:before { bottom: 35vh; width: 250px; background-repeat: no-repeat; background-position: bottom; } #mv .mv_text h2 { font-size: 2.0rem !important; } } @media screen and (max-width: 650px) { #mv .mv_text.wmode_horizontal>div { width: 200px !important; height: 300px; } #mv .mv_text.wmode_horizontal>div:before { bottom: 300px; width: 200px; background-repeat: no-repeat; background-position: bottom; } #mv .mv_text h2 { font-size: 2.5rem !important; } } #bgblack + section .parallax_img { background: #013c80!important; }