.hero{background-color:#f6f6f6;background-size:cover}@media screen and (min-width:576px){.hero{background-size:contain}}@media screen and (min-width:992px){.hero{background-position:calc(100% + 3px) 50%}}.hero figure{margin:0}.hero .banner{margin:0;min-height:343px;position:relative}@media screen and (min-width:992px){.hero .banner{min-height:490px}}.hero .banner:after{content:"";display:block;z-index:2}.hero .banner img,.hero .banner:after{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.hero .banner img{bottom:0;object-fit:cover;right:0}.hero .banner figcaption{margin-bottom:0;position:absolute;z-index:3}.hero.contents-left-bottom .banner figcaption{bottom:1em;left:2em;text-align:left}.hero.contents-center-bottom .banner figcaption{bottom:1em;left:50%;text-align:center;transform:translate(-50%)}.hero.contents-bottom-right .banner figcaption{bottom:1em;right:2em;text-align:right}.hero.contents-left .banner figcaption{bottom:50%;left:0;margin:0 auto;max-width:1160px;padding-left:20px;padding-right:20px;right:20px;text-align:left;transform:translateY(50%);width:100%}.hero.contents-center .banner figcaption{bottom:50%;left:50%;text-align:center;transform:translate(-50%,50%)}.hero.contents-right .banner figcaption{bottom:50%;right:2em;text-align:right;transform:translateY(50%)}.hero h1{font-family:Maven Pro,sans-serif;font-size:37px;margin-bottom:12px;padding-top:30px}@media screen and (min-width:992px){.hero h1{font-size:65px;margin-bottom:15px}}.hero h1 span{border-bottom:4px solid #000;padding-bottom:7px}@media screen and (min-width:992px){.hero h1 span{border-bottom:5px solid #000}}.hero .banner h1 small{display:block;font-size:13px}@media screen and (min-width:992px){.hero .banner h1 small{font-size:23px}}.hero .subtitle{color:#7a7a7a;font-size:12px;font-weight:700;margin-bottom:20px}@media screen and (min-width:768px){.hero .subtitle{align-items:center;display:flex}}@media screen and (min-width:992px){.hero .subtitle{font-size:14px;margin-bottom:36px}.hero .subtitle span{font-size:18px}}@media screen and (min-width:768px){.hero .subtitle br{display:none}}.hero .subtitle span{border-right:1px solid #707070;color:#000;display:inline-block;line-height:1.3;margin-right:13px;padding-right:13px}.hero .more-btn a{background-color:#fff;border-radius:30px;color:#000;display:block;font-size:14px;font-weight:700;margin:0;max-width:258px;padding:13px 20px;position:relative;text-align:center;text-decoration:none;z-index:1}@media screen and (min-width:992px){.hero .more-btn a{font-size:16px;max-width:352px;padding-bottom:14px;padding-top:14px}}.hero .more-btn a:after{background:url(https://22681411.fs1.hubspotusercontent-na1.net/hubfs/22681411/know%20How%EF%BC%88%E3%82%A2%E3%82%AB%E3%83%9E%E3%83%8D%EF%BC%89/%E3%80%90%E3%82%A2%E3%82%AB%E3%83%9E%E3%83%8D%E3%80%91ico-angle-r3-black.svg) no-repeat 50% 50%;background-size:contain;content:"";display:inline-block;height:11px;margin-left:10px;transform:rotate(90deg);width:7px}@media screen and (min-width:768px){.hero .more-btn a:hover{background-color:#ed4f81;color:#fff}.hero .more-btn a:hover:after{background-image:url(https://22681411.fs1.hubspotusercontent-na1.net/hubfs/22681411/know%20How%EF%BC%88%E3%82%A2%E3%82%AB%E3%83%9E%E3%83%8D%EF%BC%89/%E3%80%90%E3%82%A2%E3%82%AB%E3%83%9E%E3%83%8D%E3%80%91ico-angle-r4-white.svg)}}