.banner{height:32.5vw;max-height:520px;overflow:hidden;position:relative}.banner.blog{height:20vw}.banner figure{margin:0}.banner figure img{height:auto;left:50%;max-width:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.banner .ttl-wrap{background:hsla(0,0%,100%,.85);font-family:Noto Sans JP,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;padding:30px 40px 35px 55px;top:40px;z-index:1}.banner .ttl-wrap,.banner .ttl-wrap:before{content:"";display:block;left:0;position:absolute}.banner .ttl-wrap:before{background:#00538d;height:2px;top:50%;transform:translateY(-50%);width:30px}.banner .ttl-wrap h2,.banner .ttl-wrap h2>a{color:#00538d;font-size:2.4375rem;font-weight:500;letter-spacing:.09em;line-height:1.3;margin:0}.banner-section .dnd-section{padding:0}@media(max-width:1023px){.banner .ttl-wrap:before{background:#00538d;width:20px}.banner .ttl-wrap{padding:22px 35px 24px 42px;top:30px}.banner .ttl-wrap h2,.banner .ttl-wrap h2>a{font-size:1.75rem}}@media(max-width:767px){.banner .ttl-wrap{background:hsla(0,0%,100%,.85);content:"";display:block;left:0;padding:15px 31px 17px;position:absolute;top:20px;z-index:1}.banner .ttl-wrap h2,.banner .ttl-wrap h2>a{font-size:1.0625rem;font-weight:500;letter-spacing:.09em;line-height:1.3}.banner .ttl-wrap:before{background:#00538d;width:15px}.banner figure img{height:260px;left:50%;max-width:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.banner{height:260px;overflow:hidden;position:relative}.banner.blog{height:140px}}