.D0{background:#747474}.D0 .hhh h2{text-align:center;color:#006cbb;font-size:2.3rem;font-weight:bold}@media(max-width: 768px){.D0 .hhh h2{font-size:5vw}}.D0 .banner{position:relative}.D0 .banner .swiper .pic{width:100%}.D0 .banner .swiper .pic img{width:100%}.D0 .banner .conl{position:absolute;z-index:11;top:0;width:130%;left:-15%;height:100%;display:flex;justify-content:space-between}@media(max-width: 768px){.D0 .banner .conl{width:120%;left:-10%}}.D0 .banner .conl>div{cursor:pointer;width:10%;height:100%;background:url(/img/icon_02.png) no-repeat center;background-size:3.4rem auto}@media(max-width: 768px){.D0 .banner .conl>div{background-size:3vw auto}}.D0 .banner .conl .rrr{transform:rotate(180deg)}.D1{margin:calc(9vw + 9rem) 0 calc(2vw + 2rem) 0}@media(max-width: 768px){.D1{margin:calc(3vw + 3rem) 0 calc(2vw + 2rem) 0}}.D1 .box{display:flex;gap:0 3vw}.D1 .prod{display:flex}@media(max-width: 768px){.D1 .prod{flex-direction:column}}.D1 .prod .pic{flex:3;background:linear-gradient(to right, #fff 50%, #eee 50% 100%)}.D1 .prod .pic img{width:100%;transform:translateY(-50%)}@media(max-width: 768px){.D1 .prod .pic img{transform:translateY(0%)}}.D1 .prod .info{flex:3;background:#eee;padding:5vw 4vw;box-sizing:border-box;position:relative;z-index:10}@media(max-width: 768px){.D1 .prod .info{padding:2rem}}.D1 .prod .info .title{font-size:1.7rem;font-weight:bold;position:relative}@media(max-width: 768px){.D1 .prod .info .title{font-size:4.5vw}}.D1 .prod .info .title .line{position:absolute;left:0;transform:translateX(calc(-50% - 4vw)) translateY(-50%);top:50%;height:2px;overflow:hidden;min-width:5vw;background:#fff;mix-blend-mode:exclusion}@media(max-width: 768px){.D1 .prod .info .title .line{display:none}}.D1 .prod .info .ms{margin:2rem 0 0 0;font-size:1.3rem;line-height:1.9}@media(max-width: 768px){.D1 .prod .info .ms{font-size:4vw}}