@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&family=Zen+Old+Mincho:wght@700&display=swap");#brand{overflow:hidden}#a55vi{position:relative}#a55vi::before{content:"";display:block;width:100vw;height:430px;background-color:#daedf1;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;position:absolute;top:0;left:0}#a55vi .inner{width:940px;position:relative}#a55vi .inner .leadbox{position:relative;overflow:hidden;padding:1em 20px;overflow:hidden;text-align:right;z-index:-1}#a55vi .inner .leadbox .lead{display:inline-block;text-align:start;font-family:"Zen Old Mincho", serif;font-weight:700;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;color:#9b1864;font-size:1.9rem;letter-spacing:0.12em;line-height:2.4;white-space:nowrap}#a55vi .inner .leadbox .lead h3{font-size:2.3rem}#a55vi .inner .leadbox .lead p{margin-right:1em}#a55vi .inner .leadbox .lead .rotate{-webkit-text-combine:horizontal;-ms-text-combine-horizontal:all;text-combine-upright:all;letter-spacing:normal;font-style:normal;vertical-align:-5%;display:inline-block;margin-bottom:0.25em}#a55vi .inner .leadbox .lead .stuffing{display:inline-block;margin-top:-0.5em}#vimain{height:430px;font-family:"Noto Sans JP", sans-serif;font-weight:400}#vimain h2{width:194px;height:172px;position:absolute;top:130px;right:20px;background:url(./logo_pansiron.svg) no-repeat center center;background-size:contain;font-size:20%;text-indent:-940px;overflow:hidden}#vimain .viprod{width:194px;position:absolute;bottom:34px;left:20px;line-height:1.3;text-align:center}#vimain .viprod h3{font-size:1.45rem;color:#9b1864;margin-bottom:0.4em;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#vimain .viprod .namewrap{margin-top:0.3em;color:#222}#vimain .viprod .namewrap h1{font-size:1.6rem;margin-bottom:0.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#vimain .viprod .namewrap .info{display:flex;justify-content:space-between;align-items:center}#vimain .viprod .namewrap .info .risk{display:inline-block;font-size:1.1rem;border:1px solid #333;padding:0.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#vimain .viprod .namewrap .info p{font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrapper-video a:hover{opacity:1}.wrapper-video a:hover img{opacity:1}.wrapper-video .remodalLink{position:relative;display:block}.wrapper-video .remodalLink span::before,.wrapper-video .remodalLink span::after{content:"";display:block;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2))}.wrapper-video .remodalLink span::before{width:5em;height:5em;border:0.4em solid #fff;border-radius:50%;color:#fff}.wrapper-video .remodalLink span::after{width:0;height:0;border:1.5em solid transparent;border-left:2.5em solid #fff;transform:translateX(1em)}.wrapper-video .remodalLink::before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity:0.2;transition:opacity 0.5s}.wrapper-video .remodalLink:hover::before{opacity:0}@media screen and (min-width: 769px){#a55vi::before{background-image:url(./bgvi_pc.jpg)}}@media screen and (max-width: 768px){#a55vi::before{background-image:url(./bgvi_sp.jpg);background-size:100% 100%;height:100vw}#a55vi .inner{width:100vw}#a55vi .inner .leadbox{text-align:center;padding:1em}#a55vi .inner .leadbox .lead{font-size:2.5vw}#a55vi .inner .leadbox .lead h3{font-size:3vw}#vimain{height:100vw;position:relative}#vimain h2{width:30.6vw;height:26.8vw;top:auto;bottom:3vw;right:3.8vw;animation-duration:0.3s}#vimain .viprod{display:none}.wrapper-video{font-size:3vw}}@media screen and (max-width: 480px){#a55vi .inner .leadbox .lead{font-size:3.7vw;line-height:1.8}#a55vi .inner .leadbox .lead h3{font-size:4.2vw}#a55vi .inner .leadbox .lead p{margin-right:0.6em}}@keyframes slide{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes fadein{0%{opacity:0}25%{opacity:0}100%{opacity:1}}
