@font-face{font-family:'roboto';src:url(/fonts/Roboto-Medium.ttf)}@font-face{font-family:'raleway';src:url(/fonts/Raleway-Bold.ttf)}body{font-size:16px;font-family:"ヒラギノ角ゴシック Pro", "ヒラギノ角ゴシック", ヒラギノ角ゴシック, "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;line-height:1.8;color:#393943;margin:0;padding:0}h1,h2,h3,h4{margin:0}.button{position:relative;display:inline-block;background:#7100E2;color:#fff;font-size:1.25rem;width:400px;height:70px;line-height:70px;box-sizing:border-box;text-align:center;text-decoration:none;box-shadow:0px 3px 6px 0px rgba(0,0,0,0.16);transition:all 0.3s}.button:after{display:inline-block;content:">";position:absolute;right:15px;top:0;font-size:1.5rem;bottom:0;margin:auto}.button:hover{background:#5800af}@media (max-width: 736px){.button{width:100%}}.header{position:fixed;transition:0.2s;transform:translateY(-150%);top:0;left:0;width:100%;background:#fff;box-shadow:rgba(0,0,0,0.1) 1px 3px 12px 1px;z-index:1;display:flex;justify-content:space-between;padding:10px 20px;box-sizing:border-box}.header.is-fixed{transform:translateY(0)}@media (max-width: 736px){.header{padding-left:15px;padding-right:15px}}.header__logo{font-family:raleway;font-size:1.875rem;margin:0}@media (max-width: 736px){.header__logo{font-size:1.25rem}}.header__button{font-size:1rem;width:160px;height:50px;line-height:50px}.header__button:after{content:none}@media (max-width: 736px){.header__button{font-size:0.875rem;width:120px;height:40px;line-height:40px}}.hero{background:url(/images/hero_bg.jpg) right center/auto 100% no-repeat #0C0019;color:#fff;height:700px;box-sizing:border-box;padding:160px 0 0 140px}@media (max-width: 736px){.hero{height:370px;background:none;background:url(/images/hero_bg_sp.jpg) center center/auto 100% no-repeat;padding:20px 0 0;text-align:center}}.hero__title{font-family:raleway;font-size:5rem}@media (max-width: 736px){.hero__title{font-size:2.5rem}}.hero__text{font-size:1.125rem;line-height:2.2;margin:30px 0 0 4px}@media (max-width: 736px){.hero__text{font-size:0.875rem;text-shadow:0px 0px 5px rgba(0,0,0,0.5);line-height:1.8;margin:0}}.contents{width:1000px;margin:0 auto}@media (max-width: 736px){.contents{width:100%;padding:15px;box-sizing:border-box}}.title{font-size:2.25rem;text-align:center;font-weight:600;margin-top:50px}@media (max-width: 736px){.title{font-size:1.5rem;margin-top:20px}}.text{text-align:center}@media (max-width: 736px){.text{font-size:0.875rem;text-align:left}}.point-list{display:flex;list-style:none;margin:20px 0 0;padding:0}@media (max-width: 736px){.point-list{display:block}}.point-list__item{width:33.3%;text-align:center;padding:0}@media (max-width: 736px){.point-list__item{width:100%;margin-bottom:20px}}.point-list__title{font-size:1.25rem;font-weight:600}.point-list__number{font-family:roboto;font-size:3.125rem;font-weight:normal;vertical-align:middle;color:#DBDCE5;margin-right:10px}.point-list__pic-2{margin:12px 0}.point-list__pic-3{margin:5px 0}.box{border:6px solid #E9EAF4;margin-top:20px;padding:15px;text-align:center}.box__heading{position:relative;display:inline-block;font-size:1.5rem;font-weight:600}@media (max-width: 736px){.box__heading{font-size:1.125rem;padding-left:30px}}.box__heading-pic{position:absolute;left:-45px;top:-25px}@media (max-width: 736px){.box__heading-pic{width:22px;height:auto;left:0;top:-15px}}.box__text{margin:15px 0 0}@media (max-width: 736px){.box__text{font-size:0.875rem}}.section{background:#F4F4F4;margin-top:50px;padding:50px}@media (max-width: 736px){.section{margin-top:20px;padding:0}}.panel-wrap{display:flex;justify-content:space-between}.panel-wrap .panel{width:480px}@media (max-width: 736px){.panel-wrap .panel{width:100%}}@media (max-width: 736px){.panel-wrap .panel+.panel{margin-top:20px}}@media (max-width: 736px){.panel-wrap{display:block}}.panel{background:#fff;box-shadow:0px 3px 16px 0px rgba(0,0,0,0.08);padding:20px;box-sizing:border-box}.panel__heading{display:flex;align-items:center}.panel__heading-title{font-size:1.25rem;font-weight:600;padding-left:15px;line-height:1.4}@media (max-width: 736px){.panel__heading-title{font-size:1rem}}@media (max-width: 736px){.panel__heading-icon img{width:40px;height:40px}}.panel__text{margin:20px 0 0}@media (max-width: 736px){.panel__text{font-size:0.875rem}}.button-wrap{text-align:center;margin-top:50px}@media (max-width: 736px){.button-wrap{margin-top:40px}}.footer{text-align:center;padding:60px 0}.footer__text{font-size:0.875rem;margin:0 0 40px}.copyright{font-size:0.625rem}