@media(min-width:751px){.header{border-bottom:1px solid rgba(16,56,147,.15);position:sticky;width:100%;z-index:100}.header .h-full{height:100%}.header .cst_logo{height:9px;margin-left:15px;width:auto}.header .header_main{background-color:hsla(0,0%,100%,.91);height:70px;z-index:99}.header .header-logo{height:35px;width:auto}.header .links{align-items:center;display:flex;font-size:.75rem;height:70px;letter-spacing:.48px;position:relative;white-space:nowrap}.header .services_link{cursor:pointer;margin-right:33px}.header .services_link:after{transform:rotate(0deg)}.header .services_link.on:after,.header .services_link:after{border-bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;content:"";display:inline-block;margin-left:7px;transition:.3s;vertical-align:2px}.header .services_link.on:after{transform:rotate(180deg)}.header .services_link_menu{background-color:#fff;box-shadow:0 6px 6px rgba(0,0,0,.161);display:none;left:-20px;padding:6px 0 12px;position:absolute;top:70px;width:223px}.header .services_link_item{color:#103893;display:block;font:normal normal 700 12px/18px メイリオ,Meiryo,ＭＳ ゴシック,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,sans-serif;letter-spacing:.48px;padding:10px 20px}.header .plan_link{margin-right:32px}.header .help_link{margin-right:30px}.header .help_link:after{border-left:1px solid #16191d;content:"";display:inline-block;height:17px;margin-left:36px;opacity:.58;vertical-align:-4px}.header .login{margin-right:20px}.header .mypage_link{background-color:#103893;color:#fff;font:normal normal 700 12px/70px メイリオ,Meiryo,ＭＳ ゴシック,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,sans-serif;height:70px;padding:0 14px;text-align:center;transition:opacity .2s}.header .mypage_link:hover{color:#fff;opacity:.8}.header .icon_nav_like{display:block;margin-right:22px;text-decoration:none}.header .icon_nav_like img{cursor:pointer;height:21px;width:23px}.header .icon_nav_notification{cursor:pointer;display:block;margin-right:24px;position:relative;text-decoration:none}.header .icon_nav_notification img{height:21px;width:23px}.header .notification_counter{background-color:#de4955;border-radius:50%;color:#fff;display:inline-block;font-family:Roboto,sans-serif;font-size:.75rem;left:14px;min-width:18px;padding:0 2px;position:absolute;text-align:center;top:-8px}.header .profile .image{border-radius:50%;height:38px;-o-object-fit:cover;object-fit:cover;width:38px}.header .profile .name{font-size:.8125rem;margin-left:13px}}@media(max-width:750px){.header{background:var(--primary-000);position:sticky;width:100%;height:52px;top:0;z-index:100;box-shadow:0 2px 8px rgba(30,30,80,.3)}.menu{list-style:none;position:absolute;width:100%;height:auto;top:0;margin-top:52px;padding:0 0 10px 0;clear:both;background:var(--primary-000);transition:.3192s cubic-bezier(.04,.04,.12,.96) .1008s;transform:scale(1,0);transform-origin:top}.menu-btn:checked~.menu{transform:scale(1,1);transform-origin:top;transition:.3192s cubic-bezier(.04,.04,.12,.96) .1008s}.menu a{text-decoration:none;font-weight:500;letter-spacing:2px;font-size:16px;text-transform:capitalize;color:var(--primary-003);opacity:0;transition:.5s}.menu li{border-top:1px solid #4b4b4b;padding:15px 0;margin:0 54px;opacity:0;transition:.5s}.menu-btn:checked~.menu a,.menu-btn:checked~.menu li{opacity:1;transition:.3192s cubic-bezier(.04,.04,.12,.96) .2s}.menu-btn{display:none}.menu-icon{display:inline-block;position:relative;cursor:pointer;padding:24px 14px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.navicon{background:#ddd;display:block;height:3px;width:26px;position:relative;transition:.3192s cubic-bezier(.04,.04,.12,.96) .1008s}.navicon:before,.navicon:after{content:"";display:block;height:100%;width:100%;position:absolute;background:#ddd;transition:.3192s cubic-bezier(.04,.04,.12,.96) .1008s}.navicon:before{top:9px}.navicon:after{bottom:9px}.menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}.menu-btn:checked~.menu-icon:not(.steps) .navicon:after{bottom:0}.menu-btn:checked~.menu-icon .navicon{background:rgba(0,0,0,0);transition:.2192s cubic-bezier(.04,.04,.12,.96) .1008s}.navtext-container{width:100%;height:52px;position:absolute;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.navtext{position:absolute;color:var(--primary-003);letter-spacing:4px;font-size:20px}}