@media (min-width: 992px) { /* Top Page（HOME） */ .pc-left-menu { position: fixed; height: calc(100% - 7rem); overflow-y: auto; } .pc-left-menu .user-photo { display: flex; justify-content: center; align-items: center; margin: 4rem auto 0 auto; } .pc-left-menu .user-photo img { width: 13.6rem; height: 13.6rem; border-radius:50%; object-fit: cover; } .pc-left-menu .user-name { width: 100%; margin: 1rem 0 0 0; text-align: center; } .pc-left-menu ul.user-menu { width: 100%; margin: 3rem 0 4rem 0; list-style-type: none; } .pc-left-menu ul.user-menu li { width: 100%; margin: 2rem 0 0 0; padding: 0 0 0 4rem; background-size: 2.7rem 2rem; background-position: 0; background-repeat: no-repeat; font-size: 1.5rem; font-weight: 700; } .pc-left-menu ul.user-menu li.bo1 { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.01%22%20height%3D%2220%22%20viewBox%3D%220%200%2022.01%2020%22%3E%3Cpath%20d%3D%22M50.485-862a.444.444%2C0%2C0%2C0%2C.2-.05.582.582%2C0%2C0%2C0%2C.15-.1l8.2-8.2a1.847%2C1.847%2C0%2C0%2C0%2C.438-.675%2C2.166%2C2.166%2C0%2C0%2C0%2C.138-.75%2C2.132%2C2.132%2C0%2C0%2C0-.138-.763%2C1.652%2C1.652%2C0%2C0%2C0-.437-.637l-4.25-4.25a1.651%2C1.651%2C0%2C0%2C0-.637-.437%2C2.132%2C2.132%2C0%2C0%2C0-.763-.137%2C2.166%2C2.166%2C0%2C0%2C0-.75.137%2C1.847%2C1.847%2C0%2C0%2C0-.675.438l-.275.275%2C1.85%2C1.875a2.155%2C2.155%2C0%2C0%2C1%2C.55.8%2C2.6%2C2.6%2C0%2C0%2C1%2C.175.95%2C2.394%2C2.394%2C0%2C0%2C1-.713%2C1.762%2C2.394%2C2.394%2C0%2C0%2C1-1.762.713%2C2.7%2C2.7%2C0%2C0%2C1-.963-.175%2C2.276%2C2.276%2C0%2C0%2C1-.812-.525l-1.875-1.85-4.375%2C4.375a.519.519%2C0%2C0%2C0-.113.162.471.471%2C0%2C0%2C0-.037.188.522.522%2C0%2C0%2C0%2C.15.363.463.463%2C0%2C0%2C0%2C.35.162.442.442%2C0%2C0%2C0%2C.2-.05.579.579%2C0%2C0%2C0%2C.15-.1l3.4-3.4%2C1.4%2C1.4-3.375%2C3.4a.52.52%2C0%2C0%2C0-.113.163.47.47%2C0%2C0%2C0-.037.187.479.479%2C0%2C0%2C0%2C.15.35.479.479%2C0%2C0%2C0%2C.35.15.444.444%2C0%2C0%2C0%2C.2-.05.578.578%2C0%2C0%2C0%2C.15-.1l3.4-3.375%2C1.4%2C1.4-3.375%2C3.4a.3.3%2C0%2C0%2C0-.113.15.566.566%2C0%2C0%2C0-.037.2.48.48%2C0%2C0%2C0%2C.15.35.48.48%2C0%2C0%2C0%2C.35.15.471.471%2C0%2C0%2C0%2C.188-.038.52.52%2C0%2C0%2C0%2C.162-.112l3.4-3.375%2C1.4%2C1.4-3.4%2C3.4a.518.518%2C0%2C0%2C0-.112.163.47.47%2C0%2C0%2C0-.038.188.463.463%2C0%2C0%2C0%2C.163.35A.522.522%2C0%2C0%2C0%2C50.485-862Zm-.025%2C2a2.439%2C2.439%2C0%2C0%2C1-1.638-.613%2C2.387%2C2.387%2C0%2C0%2C1-.837-1.537%2C2.465%2C2.465%2C0%2C0%2C1-1.425-.7%2C2.465%2C2.465%2C0%2C0%2C1-.7-1.425%2C2.375%2C2.375%2C0%2C0%2C1-1.412-.713%2C2.543%2C2.543%2C0%2C0%2C1-.687-1.413%2C2.377%2C2.377%2C0%2C0%2C1-1.55-.825%2C2.455%2C2.455%2C0%2C0%2C1-.6-1.65%2C2.538%2C2.538%2C0%2C0%2C1%2C.188-.962%2C2.426%2C2.426%2C0%2C0%2C1%2C.537-.812l5.8-5.775%2C3.275%2C3.275a.3.3%2C0%2C0%2C0%2C.15.112.566.566%2C0%2C0%2C0%2C.2.037.534.534%2C0%2C0%2C0%2C.375-.137.468.468%2C0%2C0%2C0%2C.15-.363.566.566%2C0%2C0%2C0-.037-.2.3.3%2C0%2C0%2C0-.112-.15l-3.575-3.575a1.651%2C1.651%2C0%2C0%2C0-.638-.437A2.132%2C2.132%2C0%2C0%2C0%2C47.16-878a2.166%2C2.166%2C0%2C0%2C0-.75.137%2C1.847%2C1.847%2C0%2C0%2C0-.675.438l-3.525%2C3.55a2.005%2C2.005%2C0%2C0%2C0-.375.525%2C2.12%2C2.12%2C0%2C0%2C0-.2.6%2C1.888%2C1.888%2C0%2C0%2C0%2C0%2C.613%2C1.817%2C1.817%2C0%2C0%2C0%2C.2.588l-1.45%2C1.45a3.975%2C3.975%2C0%2C0%2C1-.625-1.262%2C3.928%2C3.928%2C0%2C0%2C1-.15-1.388%2C3.966%2C3.966%2C0%2C0%2C1%2C.35-1.362%2C4%2C4%2C0%2C0%2C1%2C.825-1.187l3.525-3.525a4.22%2C4.22%2C0%2C0%2C1%2C1.338-.875%2C3.981%2C3.981%2C0%2C0%2C1%2C1.513-.3%2C3.981%2C3.981%2C0%2C0%2C1%2C1.513.3%2C3.94%2C3.94%2C0%2C0%2C1%2C1.313.875l.275.275.275-.275a4.22%2C4.22%2C0%2C0%2C1%2C1.337-.875%2C3.981%2C3.981%2C0%2C0%2C1%2C1.513-.3%2C3.981%2C3.981%2C0%2C0%2C1%2C1.512.3%2C3.94%2C3.94%2C0%2C0%2C1%2C1.313.875l4.225%2C4.225a3.91%2C3.91%2C0%2C0%2C1%2C.875%2C1.325%2C4.074%2C4.074%2C0%2C0%2C1%2C.3%2C1.525%2C3.98%2C3.98%2C0%2C0%2C1-.3%2C1.512%2C3.941%2C3.941%2C0%2C0%2C1-.875%2C1.313l-8.2%2C8.175a2.592%2C2.592%2C0%2C0%2C1-.813.55A2.4%2C2.4%2C0%2C0%2C1%2C50.46-860ZM47.985-874Z%22%20transform%3D%22translate(-39.6%20880)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E'); } .pc-left-menu ul.user-menu li.bo2 { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.798%22%20height%3D%2220%22%20viewBox%3D%220%200%2021.798%2020%22%3E%3Cpath%20d%3D%22M90.9-834l-1.58-1.417q-2.752-2.479-4.55-4.278a30.146%2C30.146%2C0%2C0%2C1-2.861-3.229%2C10.257%2C10.257%2C0%2C0%2C1-1.485-2.629A7.33%2C7.33%2C0%2C0%2C1%2C80-848.005a5.806%2C5.806%2C0%2C0%2C1%2C1.717-4.278A5.806%2C5.806%2C0%2C0%2C1%2C85.995-854a6.287%2C6.287%2C0%2C0%2C1%2C2.7.6%2C6.463%2C6.463%2C0%2C0%2C1%2C2.207%2C1.689%2C6.463%2C6.463%2C0%2C0%2C1%2C2.207-1.689%2C6.287%2C6.287%2C0%2C0%2C1%2C2.7-.6%2C5.806%2C5.806%2C0%2C0%2C1%2C4.278%2C1.717%2C5.806%2C5.806%2C0%2C0%2C1%2C1.717%2C4.278%2C7.33%2C7.33%2C0%2C0%2C1-.422%2C2.452%2C10.256%2C10.256%2C0%2C0%2C1-1.485%2C2.629%2C30.146%2C30.146%2C0%2C0%2C1-2.861%2C3.229q-1.8%2C1.8-4.55%2C4.278Zm0-2.943q2.616-2.343%2C4.305-4.019a33.96%2C33.96%2C0%2C0%2C0%2C2.67-2.916%2C9.113%2C9.113%2C0%2C0%2C0%2C1.362-2.207%2C5.207%2C5.207%2C0%2C0%2C0%2C.381-1.921%2C3.7%2C3.7%2C0%2C0%2C0-1.09-2.725%2C3.7%2C3.7%2C0%2C0%2C0-2.725-1.09%2C4.207%2C4.207%2C0%2C0%2C0-2.371.722%2C3.714%2C3.714%2C0%2C0%2C0-1.5%2C1.839H89.864a3.714%2C3.714%2C0%2C0%2C0-1.5-1.839%2C4.207%2C4.207%2C0%2C0%2C0-2.371-.722%2C3.7%2C3.7%2C0%2C0%2C0-2.725%2C1.09%2C3.7%2C3.7%2C0%2C0%2C0-1.09%2C2.725%2C5.207%2C5.207%2C0%2C0%2C0%2C.381%2C1.921%2C9.113%2C9.113%2C0%2C0%2C0%2C1.362%2C2.207%2C33.963%2C33.963%2C0%2C0%2C0%2C2.67%2C2.916Q88.283-839.286%2C90.9-836.943ZM90.9-844.382Z%22%20transform%3D%22translate(-80%20854)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E'); } .pc-left-menu ul.user-menu li.bo3 { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M120-820v-15.556h4.444V-840h11.111v8.889H140V-820h-8.889v-4.444h-2.222V-820Zm2.222-2.222h2.222v-2.222h-2.222Zm0-4.444h2.222v-2.222h-2.222Zm0-4.444h2.222v-2.222h-2.222Zm4.444%2C4.444h2.222v-2.222h-2.222Zm0-4.444h2.222v-2.222h-2.222Zm0-4.444h2.222v-2.222h-2.222Zm4.444%2C8.889h2.222v-2.222h-2.222Zm0-4.444h2.222v-2.222h-2.222Zm0-4.444h2.222v-2.222h-2.222Zm4.444%2C13.333h2.222v-2.222h-2.222Zm0-4.444h2.222v-2.222h-2.222Z%22%20transform%3D%22translate(-120%20840)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E'); } .pc-left-menu ul.user-menu li.bo4 { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.5%22%20height%3D%2220%22%20viewBox%3D%220%200%2027.5%2020%22%3E%3Cpath%20d%3D%22M40-780v-3.5a3.662%2C3.662%2C0%2C0%2C1%2C.547-1.953A3.646%2C3.646%2C0%2C0%2C1%2C42-786.813a18.563%2C18.563%2C0%2C0%2C1%2C3.938-1.453A17.2%2C17.2%2C0%2C0%2C1%2C50-788.75a17.2%2C17.2%2C0%2C0%2C1%2C4.063.484A18.563%2C18.563%2C0%2C0%2C1%2C58-786.813a3.646%2C3.646%2C0%2C0%2C1%2C1.453%2C1.359A3.662%2C3.662%2C0%2C0%2C1%2C60-783.5v3.5Zm22.5%2C0v-3.75a5.029%2C5.029%2C0%2C0%2C0-.766-2.641%2C6.752%2C6.752%2C0%2C0%2C0-2.172-2.172%2C15.773%2C15.773%2C0%2C0%2C1%2C3%2C.641%2C15.649%2C15.649%2C0%2C0%2C1%2C2.625%2C1.109%2C5.538%2C5.538%2C0%2C0%2C1%2C1.719%2C1.391%2C2.67%2C2.67%2C0%2C0%2C1%2C.594%2C1.672V-780ZM50-790a4.815%2C4.815%2C0%2C0%2C1-3.531-1.469A4.815%2C4.815%2C0%2C0%2C1%2C45-795a4.815%2C4.815%2C0%2C0%2C1%2C1.469-3.531A4.815%2C4.815%2C0%2C0%2C1%2C50-800a4.815%2C4.815%2C0%2C0%2C1%2C3.531%2C1.469A4.815%2C4.815%2C0%2C0%2C1%2C55-795a4.815%2C4.815%2C0%2C0%2C1-1.469%2C3.531A4.815%2C4.815%2C0%2C0%2C1%2C50-790Zm12.5-5a4.815%2C4.815%2C0%2C0%2C1-1.469%2C3.531A4.815%2C4.815%2C0%2C0%2C1%2C57.5-790a6.245%2C6.245%2C0%2C0%2C1-.875-.078%2C7.631%2C7.631%2C0%2C0%2C1-.875-.172%2C7.434%2C7.434%2C0%2C0%2C0%2C1.3-2.219A7.206%2C7.206%2C0%2C0%2C0%2C57.5-795a7.206%2C7.206%2C0%2C0%2C0-.453-2.531%2C7.434%2C7.434%2C0%2C0%2C0-1.3-2.219%2C3.8%2C3.8%2C0%2C0%2C1%2C.875-.2A8.223%2C8.223%2C0%2C0%2C1%2C57.5-800a4.815%2C4.815%2C0%2C0%2C1%2C3.531%2C1.469A4.815%2C4.815%2C0%2C0%2C1%2C62.5-795Zm-20%2C12.5h15v-1a1.175%2C1.175%2C0%2C0%2C0-.172-.625%2C1.215%2C1.215%2C0%2C0%2C0-.453-.437%2C16.294%2C16.294%2C0%2C0%2C0-3.406-1.266A14.5%2C14.5%2C0%2C0%2C0%2C50-786.25a14.5%2C14.5%2C0%2C0%2C0-3.469.422%2C16.294%2C16.294%2C0%2C0%2C0-3.406%2C1.266%2C1.215%2C1.215%2C0%2C0%2C0-.453.437%2C1.175%2C1.175%2C0%2C0%2C0-.172.625Zm7.5-10a2.407%2C2.407%2C0%2C0%2C0%2C1.766-.734A2.407%2C2.407%2C0%2C0%2C0%2C52.5-795a2.407%2C2.407%2C0%2C0%2C0-.734-1.766A2.407%2C2.407%2C0%2C0%2C0%2C50-797.5a2.407%2C2.407%2C0%2C0%2C0-1.766.734A2.407%2C2.407%2C0%2C0%2C0%2C47.5-795a2.407%2C2.407%2C0%2C0%2C0%2C.734%2C1.766A2.407%2C2.407%2C0%2C0%2C0%2C50-792.5ZM50-782.5ZM50-795Z%22%20transform%3D%22translate(-40%20800)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E'); } .pc-left-menu ul.user-menu li.bo5 { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M138.444-820l-7-7a6.621%2C6.621%2C0%2C0%2C1-1.917%2C1.056%2C6.772%2C6.772%2C0%2C0%2C1-2.306.389%2C6.972%2C6.972%2C0%2C0%2C1-5.125-2.1%2C6.972%2C6.972%2C0%2C0%2C1-2.1-5.125%2C6.972%2C6.972%2C0%2C0%2C1%2C2.1-5.125%2C6.972%2C6.972%2C0%2C0%2C1%2C5.125-2.1%2C6.972%2C6.972%2C0%2C0%2C1%2C5.125%2C2.1%2C6.972%2C6.972%2C0%2C0%2C1%2C2.1%2C5.125%2C6.772%2C6.772%2C0%2C0%2C1-.389%2C2.306A6.622%2C6.622%2C0%2C0%2C1%2C133-828.556l7%2C7Zm-11.222-7.778a4.822%2C4.822%2C0%2C0%2C0%2C3.542-1.458%2C4.822%2C4.822%2C0%2C0%2C0%2C1.458-3.542%2C4.822%2C4.822%2C0%2C0%2C0-1.458-3.542%2C4.822%2C4.822%2C0%2C0%2C0-3.542-1.458%2C4.822%2C4.822%2C0%2C0%2C0-3.542%2C1.458%2C4.822%2C4.822%2C0%2C0%2C0-1.458%2C3.542%2C4.822%2C4.822%2C0%2C0%2C0%2C1.458%2C3.542A4.822%2C4.822%2C0%2C0%2C0%2C127.222-827.778Z%22%20transform%3D%22translate(-120%20840)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E'); } .pc-left-menu ul.user-menu li.bo6 { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.222%22%20height%3D%2220%22%20viewBox%3D%220%200%2022.222%2020%22%3E%3Cpath%20d%3D%22M82.222-820a2.14%2C2.14%2C0%2C0%2C1-1.569-.653A2.14%2C2.14%2C0%2C0%2C1%2C80-822.222V-840l1.861%2C1.861L83.694-840l1.861%2C1.861L87.417-840l1.833%2C1.861L91.111-840l1.861%2C1.861L94.806-840l1.861%2C1.861L98.528-840l1.833%2C1.861L102.222-840v17.778a2.14%2C2.14%2C0%2C0%2C1-.653%2C1.569A2.14%2C2.14%2C0%2C0%2C1%2C100-820Zm0-2.222H90v-6.667H82.222Zm10%2C0H100v-2.222H92.222Zm0-4.444H100v-2.222H92.222Zm-10-4.444H100v-3.333H82.222Z%22%20transform%3D%22translate(-80%20840)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E'); } .pc-left-menu ul.user-menu li.bo7 { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.182%22%20height%3D%2220%22%20viewBox%3D%220%200%2018.182%2020%22%3E%3Cpath%20d%3D%22M80-860v-3.636H98.182V-860Zm3.636-7.273h1.273L92-874.341%2C91.341-875l-.636-.636-7.068%2C7.091Zm-1.818%2C1.818v-3.864L92-879.477a1.768%2C1.768%2C0%2C0%2C1%2C.58-.386%2C1.8%2C1.8%2C0%2C0%2C1%2C.693-.136%2C1.881%2C1.881%2C0%2C0%2C1%2C.7.136%2C1.817%2C1.817%2C0%2C0%2C1%2C.614.409l1.25%2C1.273a1.485%2C1.485%2C0%2C0%2C1%2C.4.591%2C2.03%2C2.03%2C0%2C0%2C1%2C.125.7%2C1.876%2C1.876%2C0%2C0%2C1-.125.67%2C1.7%2C1.7%2C0%2C0%2C1-.4.6L85.682-865.455Zm12.727-11.455-1.273-1.273ZM92-874.341%2C91.341-875l-.636-.636Z%22%20transform%3D%22translate(-80%20880)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E'); } .pc-left-menu ul.user-menu li.bo8 { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M170-790a4.815%2C4.815%2C0%2C0%2C1-3.531-1.469A4.815%2C4.815%2C0%2C0%2C1%2C165-795a4.815%2C4.815%2C0%2C0%2C1%2C1.469-3.531A4.815%2C4.815%2C0%2C0%2C1%2C170-800a4.815%2C4.815%2C0%2C0%2C1%2C3.531%2C1.469A4.815%2C4.815%2C0%2C0%2C1%2C175-795a4.815%2C4.815%2C0%2C0%2C1-1.469%2C3.531A4.815%2C4.815%2C0%2C0%2C1%2C170-790Zm-10%2C10v-3.5a3.661%2C3.661%2C0%2C0%2C1%2C.547-1.953A3.645%2C3.645%2C0%2C0%2C1%2C162-786.812a18.557%2C18.557%2C0%2C0%2C1%2C3.938-1.453A17.2%2C17.2%2C0%2C0%2C1%2C170-788.75a17.2%2C17.2%2C0%2C0%2C1%2C4.063.484A18.557%2C18.557%2C0%2C0%2C1%2C178-786.812a3.645%2C3.645%2C0%2C0%2C1%2C1.453%2C1.359A3.661%2C3.661%2C0%2C0%2C1%2C180-783.5v3.5Zm2.5-2.5h15v-1a1.175%2C1.175%2C0%2C0%2C0-.172-.625%2C1.216%2C1.216%2C0%2C0%2C0-.453-.437%2C16.294%2C16.294%2C0%2C0%2C0-3.406-1.266A14.5%2C14.5%2C0%2C0%2C0%2C170-786.25a14.5%2C14.5%2C0%2C0%2C0-3.469.422%2C16.294%2C16.294%2C0%2C0%2C0-3.406%2C1.266%2C1.216%2C1.216%2C0%2C0%2C0-.453.438%2C1.175%2C1.175%2C0%2C0%2C0-.172.625Zm7.5-10a2.407%2C2.407%2C0%2C0%2C0%2C1.766-.734A2.407%2C2.407%2C0%2C0%2C0%2C172.5-795a2.407%2C2.407%2C0%2C0%2C0-.734-1.766A2.407%2C2.407%2C0%2C0%2C0%2C170-797.5a2.407%2C2.407%2C0%2C0%2C0-1.766.734A2.407%2C2.407%2C0%2C0%2C0%2C167.5-795a2.407%2C2.407%2C0%2C0%2C0%2C.734%2C1.766A2.407%2C2.407%2C0%2C0%2C0%2C170-792.5ZM170-795ZM170-782.5Z%22%20transform%3D%22translate(-160%20800)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E'); } .pc-left-menu ul.user-menu li.bo9 { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224.444%22%20height%3D%2220%22%20viewBox%3D%220%200%2024.444%2020%22%3E%3Cpath%20d%3D%22M40-820v-2.222H64.444V-820Zm3.333-3.333a2.14%2C2.14%2C0%2C0%2C1-1.569-.653%2C2.14%2C2.14%2C0%2C0%2C1-.653-1.569v-12.222a2.14%2C2.14%2C0%2C0%2C1%2C.653-1.569A2.14%2C2.14%2C0%2C0%2C1%2C43.333-840H61.111a2.14%2C2.14%2C0%2C0%2C1%2C1.569.653%2C2.14%2C2.14%2C0%2C0%2C1%2C.653%2C1.569v12.222a2.14%2C2.14%2C0%2C0%2C1-.653%2C1.569%2C2.14%2C2.14%2C0%2C0%2C1-1.569.653Zm0-2.222H61.111v-12.222H43.333Zm0%2C0v0Z%22%20transform%3D%22translate(-40%20840)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E'); } .message-bar { height: 8rem; padding: 2.6rem 0 0 4rem; background: #fff; } .message-bar .message-profile { float: left; } .message-bar .message-fix { float: left; } .message-bar a.yarukoto { display: block; padding: 0; float: left; } .message-bar a.yarukoto::after { right: -1.5rem; } #home .result-area { width: 100%; height: auto; padding: 4rem; background: #F6F7F9; } #company-search .result-area, #company .result-area, #contents .result-area, #mypage .result-area, #lead .result-area, #qa .result-area, #rule .result-area, #whats .result-area, #inquiry .result-area, #login .result-area, #profile .result-area, #ob-search .result-area, #ob .result-area { width: 100%; height: auto; min-height: 100rem; padding: 1rem 4rem 4rem 4rem; background: #F6F7F9; } .result-area .main-box { height: 31rem; padding: 3rem 10rem; } .result-area .main-box .profile-score-box { padding: 2.5rem 3rem 2.5rem 3rem; } .result-area .main-box .profile-score-box { width: 32rem; height: 25rem; margin: 0; } .result-area .main-box .profile-score-box .score { width: 26rem; height: 15rem; position: absolute; } .result-area .main-box .profile-score-box .score .my-score { top: 0.45rem; height: 10rem; font-size: 8rem; } .result-area .main-box .profile-score-box .score .my-score::after{ top: 6rem; right:-1.5rem; } .result-area .main-box .profile-score-box .score .total-score { left: 17rem; font-size: 5.2rem; } .result-area .ma-top { margin: 2rem 0 0 0; } .result-area .col3-box { width: 32rem; margin:0; } dl.top-list2 dt { justify-content: left; width: 13rem; height: 4rem; margin: 0; } dl.top-list2 dd { justify-content: left; width: calc(100% - 13rem); margin: 0; } /* 共通 */ a.no-bookmark { display: inline-block; width: 12rem; height: 4.5rem; text-align: right; padding: 1.5rem 3.5rem 0 0; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226.001%22%20height%3D%2234.001%22%20viewBox%3D%220%200%2026.001%2034.001%22%3E%3Cpath%20d%3D%22M-4218%2C34V4a4%2C4%2C0%2C0%2C1%2C4-4h18a4%2C4%2C0%2C0%2C1%2C4%2C4V34l-13.081-8L-4218%2C34Zm13-15.807h0l5.561%2C2.924-1.062-6.194%2C4.5-4.386-6.219-.9L-4205%2C4l-2.781%2C5.635-6.219.9%2C4.5%2C4.386-1.063%2C6.194L-4205%2C18.2Z%22%20transform%3D%22translate(4218.001%200)%22%20fill%3D%22%235270ff%22%2F%3E%3C%2Fsvg%3E'); background-size: 2.6rem 3.4rem; background-position: 9.5rem 1rem; background-repeat: no-repeat; } a.yes-bookmark { display: inline-block; width: 12rem; height: 4.5rem; text-align: right; padding: 1.5rem 3.5rem 0 0; background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2026%2034%22%20style%3D%22enable-background%3Anew%200%200%2026%2034%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%235270FF%3B%7D%20.st1%7Bfill%3A%23FFF500%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C34V4c0-2.2%2C1.8-4%2C4-4h18c2.2%2C0%2C4%2C1.8%2C4%2C4v30l-13.1-8L0%2C34z%20M13%2C18.2L13%2C18.2l5.6%2C2.9l-1.1-6.2l4.5-4.4%20l-6.2-0.9L13%2C4l-2.8%2C5.6L4%2C10.5l4.5%2C4.4l-1.1%2C6.2L13%2C18.2L13%2C18.2z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M18.6%2C21.1L13%2C18.2l-5.6%2C2.9l1.1-6.2L4%2C10.5l6.2-0.9L13%2C4l2.8%2C5.6l6.2%2C0.9l-4.5%2C4.4L18.6%2C21.1z%22%2F%3E%3C%2Fsvg%3E'); background-size: 2.6rem 3.4rem; background-position: 9.5rem 1rem; background-repeat: no-repeat; } /* 企業 共通 */ #company h2 { height: 4.6rem; padding: 0 0 0 4.5rem; margin: 2.5rem 0; } .company-box-up h3 { width: 85%; } .company-box-down h4 { padding: 0 0 0 1.5rem; margin: 4rem 0 0 0; } .company-box-down h5 { padding: 1.5rem 2rem; } .company-box-up { padding: 4rem 4rem 0 4rem; } .company-box-up .bookmark-box { width: 15%; } .company-box-down { padding: 3rem 4rem 4rem 4rem; } .company-box-up .nav-company { margin: 0; } .company-box-up .nav-company li.active { width: 15.2rem; border-radius: 1rem 1rem 0 0; padding: 1.5rem 0; margin: 0 0.2rem -0.1rem 0; border-bottom: 0.2rem solid #3A51BE; } .company-box-up .nav-company li { display: block; width: 15.2rem; margin: 0 0.2rem -0.1rem 0; } .company-box-up .nav-company li a { padding: 1.5rem 0; border-radius: 1rem 1rem 0 0; border-bottom: 0.2rem solid #E0E0E0; } .company-box-up .nav-company li a:hover { border-bottom: 0.2rem solid #3A51BE; } .company-box-down .industry .industry-name { padding: 0 0 0 1rem; } /* 企業を探す */ #company-search h2 { height: 4.6rem; margin: 2.5rem 0; } #company-search .comp-box { padding: 2.5rem 2rem; } #company-search .comp-box:hover { background: #effaff; } #company-search .comp-box .comp-photo { width: 20rem; height: 16rem; border-radius: 1rem; border: 0.1rem solid #E0E0E0; background: #fff; } #company-search .comp-box .comp-photo img { display: block; margin: 0 auto; width: 18rem; height: 14rem; object-fit: contain; } #company-search .comp-box .comp-detail{ width: calc(100% - 20rem); padding: 0 0 0 1rem; } #company-search .comp-box .title { display: block; width: 100%; padding: 2rem; border-bottom: 0.1rem solid #E0E0E0; } #company-search .comp-box .comp-detail ul { margin: 1rem 0; } #company-search .comp-box .comp-detail ul li { float: left; margin: 0 5rem 0 0; } #company-search .comp-box .comp-detail .comp-title { width: 90%; } #company-search .comp-box .comp-detail p { margin: 4.5rem 0 0 0; } ul.bo-group-right { float: right; width: auto; margin: 0 0 2rem 0; } ul.bo-group-right li { float: left; width: auto; margin: 0 1rem 0 0!important; } ul.bo-group-right li:last-child { margin: 0 0 0 0!important; } /* 企業 基本情報 */ #company span.lisence { margin: 4rem 0 0 7rem; } .company-box-down .comp-logo { height: 25rem; } .company-box-down .comp-logo img { width: 40rem; height: 25rem; } .company-box-down table { width: 100%; } .company-box-down table th { display: table-cell; width: 30rem; padding: 1.2rem; text-align: left; vertical-align: top; background: #F6F7F9; border: solid 0.1rem #E0E0E0; } .company-box-down table td { display: table-cell; width: calc(100% - 30rem); padding: 1.2rem; background: #fff; border: solid 0.1rem #E0E0E0; } .company-box-down table.col2 { width: 100%; } .company-box-down table.col2 th { width: 15rem; } .company-box-down table.col2 td { width: calc(100% - 15rem); } /* 企業 製品・サービス */ .company-box-down .comp-chart { width: 45rem; } .company-box-down .inner-box { padding: 2rem; } .company-box-down .inner-box .photo { position: relative; } .company-box-down .inner-box .kanren { padding: 0 0 0 3rem; } .company-box-down .inner-box .photo img { border-radius: 1rem; } /* 企業 職種 */ .inner-box-col2 { width: calc(50% - 1rem); height: auto; margin: 2rem 1rem 0 0; } .inner-box-col2:nth-child(2n) { margin: 2rem 0 0 1rem; } .inner-box-col2 .under-box { padding: 2rem; } .inner-box-col2 .under-box .job-mark { width: 87%; } .inner-box-col2 .under-box .job-mark-2 { padding: 0.5rem 0 0 0; } /* 企業 働く環境 */ .inner-box-col3 { width: 32%; margin: 2rem 2% 0 0; } .company-box-down .eval-img li { width: 10rem; height: 6.5rem; padding: 0 1rem 0 0; } .company-box-down .eval-img li img { display: block; margin: 0 auto; width: 100%; height: auto; } /* 企業 前年度採用情報 */ .inner-box-2 { width: calc(50% - 1rem); margin: 2rem 1rem 0 0; } .inner-box-2:nth-child(2n) { margin: 2rem 0 0 1rem; } /* コンテンツ 共通 */ #contents h2 { height: 4.6rem; margin: 2.5rem 0; } #contents h3 { width: 100%; padding: 0; margin: 0; } #contents h4 { width: 100%; padding: 0; margin: 0; } /* 検索機能 */ .search-box .title { padding: 2rem; } .search-box-condition { padding: 2rem; } .search-box-condition dl.detail { width: calc(100% - 20rem); margin: 0; } .search-box-condition dl.detail dt { width: 15rem; } .search-box-condition dl.detail dd { width: calc(100% - 15rem); } .search-box-condition .search-bo { display: flex; align-items: flex-end; width: 20rem; } .search-box-condition-open { padding: 0 4rem 4rem 4rem; } dl.accordion dt { padding: 2rem 1rem; } dl.accordion dt::after { right: 3rem; } dl.accordion dd { padding: 2rem; } .search-box-condition .search-detail-bo { width: 30rem; } .search-box-condition input[type="text"] { padding: 2rem 1rem; } /* コンテンツ */ #contents .contents-box-up { padding: 2.5rem 4rem 0 4rem; } #contents .contents-box-down { display: block; width: 100%; height: auto; position: relative; border-radius: 0 0 1rem 1rem; background-color: #fff; border-left: 0.1rem solid #E0E0E0; border-right: 0.1rem solid #E0E0E0; border-bottom: 0.1rem solid #E0E0E0; padding: 4rem; } #contents .contents-box-up .date { width: 100%; } #contents .contents-box-up .up-inner { width: 100%; } #contents .contents-box-up .up-inner .cat { display: flex; flex-wrap: wrap; width: calc(100% - 12rem); margin: 1rem 0; } #contents .contents-box-up .up-inner .bookmark-box { flex-wrap: wrap; width: 12rem; } #contents .contents-box-photo { width: 100%; } #contents .contents-box-photo img { width: 100%; height: auto; border-left: 0.1rem solid #E0E0E0; border-right: 0.1rem solid #E0E0E0; } #contents .connection-title { padding: 0.8rem 0 0.8rem 4.5rem; background-size: 4.0rem 3.5rem; background-position: 0rem; background-repeat: no-repeat; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cg%20transform%3D%22translate(-280%20-1478)%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20transform%3D%22translate(280%201478)%22%20fill%3D%22%235271ff%22%2F%3E%3Cpath%20d%3D%22M82.222-820a2.14%2C2.14%2C0%2C0%2C1-1.569-.653A2.14%2C2.14%2C0%2C0%2C1%2C80-822.222V-840l1.861%2C1.861L83.694-840l1.861%2C1.861L87.417-840l1.833%2C1.861L91.111-840l1.861%2C1.861L94.806-840l1.861%2C1.861L98.528-840l1.833%2C1.861L102.222-840v17.778a2.14%2C2.14%2C0%2C0%2C1-.653%2C1.569A2.14%2C2.14%2C0%2C0%2C1%2C100-820Zm0-2.222H90v-6.667H82.222Zm10%2C0H100v-2.222H92.222Zm0-4.444H100v-2.222H92.222Zm-10-4.444H100v-3.333H82.222Z%22%20transform%3D%22translate(207%202326)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); } #contents .contents-img { border-radius: 1rem 1rem 0 0; max-height: 16rem; overflow: hidden; } #contents .contents-img img { transition: 0.3s; object-fit: cover; width: 100%; height: auto; object-fit: cover; } #contents a:hover .contents-img img { transform: scale(1.2); opacity: 0.6; } #contents .under-box { width: 100%; height: auto; padding: 1rem; } #contents .under-box .title { width: 100%; padding: 0 0 1rem 0; } #contents .mark-box { width: 100%; height: auto; margin: 1rem 0 0 0; } #contents .mark-box span.mark { display: inline-block; border-radius: 0.5rem; padding: 0.3rem 0.5rem; word-break: keep-all; margin: 0 1rem 1rem 0; border: 0.1rem solid #E0E0E0; } /* マイページ関連 共通 */ #mypage h2.fa-ob, #mypage h2.be-mind, #mypage h2.message, #mypage h2.mypage, #mypage h2.exper, #mypage h2.selection, #mypage h2.scout, #mypage h2.favorite { height: 4.6rem; padding: 0 0 0 4.5rem; margin: 2.5rem 0; } #mypage .mark-box { width: 100%; height: auto; margin: 1rem 0 2rem 0; } #mypage .mark-box span.mark { display: inline-block; border-radius: 0.7rem; padding: 0.5rem 1rem; word-break: keep-all; margin: 0.5rem 0.5rem 0.1rem 0; border: 0.1rem solid #E0E0E0; background: #fff; } /* マイページ関連 トップ */ #mypage .icon-box { height: 24rem; } /* マイページ 気になるされた企業・プロフィール閲覧企業*/ #mypage .comp-box { padding: 2.5rem 2rem; } #mypage .comp-box .comp-photo { width: 20rem; height: 16rem; border-radius: 1rem; border: 0.1rem solid #E0E0E0; background: #fff; } #mypage .comp-box .comp-photo img { display: block; margin: 0 auto; width: 18rem; height: 14rem; object-fit: contain; } #mypage .comp-box .comp-detail{ width: calc(100% - 20rem); } #mypage .comp-box .comp-detail .comp-title-90 { width: 90%; } #mypage .comp-box .comp-detail .comp-title { width: 70%; } #mypage .comp-box .comp-detail .comp-day-after { width: 10%; text-align: right; } #mypage .comp-box .comp-detail ul { list-style: none; margin: 1rem 0; } #mypage .comp-box .comp-detail ul li { float: left; margin: 0 2rem 0.5rem 0; } /* マイページ メッセージ */ #mypage .comp-box .comp-detail .comp-message-title { width: 65%; } #mypage .comp-box .comp-detail .comp-message-after { width: 35%; text-align: right; } #mypage .comp-box .comp-detail .comp-message-after span { display: inline-block; font-size: 1.6rem; padding: 0; word-break: keep-all; margin: 0; border: none; } #mypage .message-bo-group { text-align: center; margin: 2rem 0 8rem 0; } #mypage .message-bo-group-right { text-align: right; margin: 2rem 0; } #mypage .message-title { padding: 0.8rem 0 0.8rem 4.5rem; background-size: 4.0rem 3.5rem; background-position: 0rem; background-repeat: no-repeat; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cg%20transform%3D%22translate(-287%20-624)%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20transform%3D%22translate(287%20624)%22%20fill%3D%22%235271ff%22%2F%3E%3Cpath%20d%3D%22M85-864a.967.967%2C0%2C0%2C1-.713-.288A.967.967%2C0%2C0%2C1%2C84-865v-2H97v-9h2a.968.968%2C0%2C0%2C1%2C.713.287A.968.968%2C0%2C0%2C1%2C100-875v15l-4-4Zm-5-1v-14a.968.968%2C0%2C0%2C1%2C.287-.713A.968.968%2C0%2C0%2C1%2C81-880H94a.968.968%2C0%2C0%2C1%2C.713.287A.968.968%2C0%2C0%2C1%2C95-879v9a.967.967%2C0%2C0%2C1-.287.712A.967.967%2C0%2C0%2C1%2C94-869H84Zm13-6v-7H82v7Zm-11%2C0v0Z%22%20transform%3D%22translate(215%201513)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); } #mypage .no-message-box { display: block; width: 100%; height: auto; position: relative; border-radius: 1rem; background-color: #E0E0E0; border: 0.1rem solid #E0E0E0; margin: 2rem 0 0 0; padding: 2rem 1.5rem; } #mypage .contact-title { display: block; width: 28rem; height: 4rem; position: relative; border-radius: 3rem; text-align: center; background-color: #E0E0E0; border: 0.1rem solid #E0E0E0; margin: -4.5rem auto 0 auto; padding: 0.7rem 1.5rem; } /* マイページ メッセージ トーク画面パーツ */ .message-container { padding:0; overflow: hidden; margin: 5rem auto 0 auto; } .message-container .message-left { position: relative; display: block; margin: 3rem 0; max-width: 90%; float: left; clear: both; } .message-container .message-left figure { width: 8rem; height: 8rem; display: flex; position: absolute; justify-content: center; align-items: center; margin: 0; } .message-container .message-left figure img { width: 8rem; height: 8rem; border-radius: 50%; object-fit: cover; border: 0.1rem solid #E0E0E0; } .message-container .message-left .message-left-text { margin-left: 10rem; } .message-container .message-left .message-left-text .name { font-size: 1.6rem; font-weight: 500; margin: 0 0 1rem 1rem; } .message-container .message-left .message-left-text .text { font-size: 1.6rem; font-weight: 500; margin: 0; display: inline-block; position: relative; padding: 1rem; border-radius: 0.5rem; border: 0.1rem solid #E0E0E0; background-color: #fff; } .message-container .message-left .date { content: ''; position: absolute; display: block; font-size: 1.6rem; font-weight: 500; width: 10rem; text-align: left; right: -11rem; bottom: 0; } .message-container .message-left .date br { display: block; } .message-container .message-right { position: relative; display: block; margin: 3rem 0; max-width: 90%; float: right; margin-right: 10rem; clear: both; } .message-container .message-right figure { width: 8rem; height: 8rem; display: flex; position: absolute; top: 0; right: -8.5rem; justify-content: center; align-items: center; margin: 0; } .message-container .message-right figure img { width: 8rem; height: 8rem; border-radius: 50%; object-fit: cover; border: 0.1rem solid #E0E0E0; } .message-container .message-right .text { width: auto; padding: 1rem; font-size: 1.6rem; font-weight: 500; border-radius: 0.5rem; background-color: #fff; margin: 0; margin-left: 8rem; border: 0.1rem solid #E0E0E0; } .message-container .message-right .name { font-size: 1.6rem; font-weight: 500; text-align: right; margin: 0 1rem 1rem 0; } .message-container .message-right .date { content: ''; position: absolute; display: block; font-size: 1.6rem; font-weight: 500; width: 10rem; text-align: right; left: -3rem; bottom: 0; } .message-container .message-right .date br { display: block; } /* マイページ メッセージ一覧 パーツ */ #mypage .comp-box .comp-detail .comp-title span.comp { padding: 0.5rem 1.5rem; border-radius: 0; border: 0.1rem solid #5270FF; } #mypage .comp-box .comp-detail .comp-title span.obog { padding: 0.5rem 0.8rem; border-radius: 0; border: 0.1rem solid #b83000; } #mypage .comp-box .comp-detail .comp-title span.operation { padding: 0.5rem 0.8rem; border-radius: 0; border: 0.1rem solid #9D9D9D; } #mypage .comp-box .comp-detail .message-date { width: 23%; padding: 0.5rem 0; text-align: right; } #mypage .comp-box .comp-detail .message-mark { width: 7%; text-align: right; } #mypage .comp-box .comp-detail .message-mark span.unread { padding: 0.5rem 0.8rem; margin: 0; border-radius: 1rem; color: #fff; background-color: #E22B2B; border: none; } #mypage .comp-box .comp-detail .message-mark span.read { padding: 0.5rem 0.8rem; margin: 0; border-radius: 1rem; color: #fff; background-color: #9D9D9D; border: none; } #mypage .nav-message { display: flex; flex-wrap: wrap; list-style: none; width: 100%; margin: 3rem 0 0 0; border-bottom: 0.2rem solid #E0E0E0; } #mypage .nav-message li.active { display: block; width: 15.2rem; text-align: center; border-radius: 1rem 1rem 0 0; padding: 1.5rem 0; margin: 0 0.3rem -0.1rem 0; color: #fff; background-color: #5271FF; border-bottom: 0.2rem solid #3A51BE; } #mypage .nav-message li a { display: inline-block; width: 15.2rem; float: left; background: #fff; margin: 0 0.3rem -0.1rem 0; padding: 1.5rem 0; border-radius: 1rem 1rem 0 0; text-align: center; color: #333; cursor: pointer; border-bottom: 0.2rem solid #E0E0E0; transition: 0.3s; } #mypage .nav-message li a:hover { background: #5271FF; color: #fff; cursor: pointer; border-bottom: 0.2rem solid #3A51BE; transition: 0.3s; } #mypage .nav-message li.active span { display: inline-block; width: 2.5rem; height: 2.5rem; line-height:2.5rem; border-radius: 50%; text-align: center; background: #fff; color: #5271FF; margin: 0 0 0 1rem; font-size: 1.3rem; } #mypage .nav-message li a span { display: inline-block; width: 2.5rem; height: 2.5rem; line-height:2.5rem; border-radius: 50%; text-align: center; background: #000; color: #fff; margin: 0 0 0 1rem; font-size: 1.3rem; } /* マイページ 就活体験記 */ #mypage .exper-inner { height: 46rem; padding: 1.5rem; } #mypage .exper-inner .title { padding: 1rem 0; border-bottom: 0.2rem solid #5271FF; } #mypage .exper-inner .cover { position: absolute; width: 100%; height: 17rem; bottom: 0; left: 0; padding: 8.5rem 0 0 0; margin: 0; border-radius: 0 0 1rem 1rem; background: linear-gradient(0, #fff, rgba(0, 0, 0, 0)); } #mypage .comp-box textarea { height: 24rem; } /* 就活体験記 詳細*/ #mypage .exp-detail-box { padding: 4rem; } /* マイページ 選考管理一覧 */ #mypage .selection-box { padding: 1rem 2rem 2.5rem 2rem; } .selection-box table { width: 100%; overflow-x: none; } .selection-box table tr { border-bottom: solid 0.1rem #E0E0E0; } .selection-box table tr:nth-child(2n) { background: #F6F7F9; } .selection-box table th { padding: 0.5rem; text-align: center; /*border: solid 0.1rem #E0E0E0;*/ } .selection-box table td { padding: 2rem 0; text-align: center; } /* 選考管理 カレンダー */ #calendar-area ul.calendar-title { list-style-type: none; width: 100%; } #calendar-area ul.calendar-title li.current { width: 15%; padding: 0.5rem 1rem 0.5rem 0.5rem; text-align: left; } #calendar-area ul.calendar-title li.g-common { width: 75%; padding: 0.75rem 0 0 1rem; text-align: left; } #calendar-area ul.calendar-title li { float: left; width: 5%; margin: 0; text-align: center; } #calendar-area ul.calendar-title li a { font-size: 1.8rem; display: inline-block; width: 4rem; height: 4rem; padding: 0.5rem; border: #d6dde1 1px solid; border-radius: 0.5rem; } #calendar-area, #calendar-area .calendar-row { width: 100%; } #calendar-area .calendar-head { display: block; background: #e4f1fc; border-radius: 0; height: 3rem; line-height: 3rem; padding: 0; } #calendar-area .calendar-head > div { width: calc(100% / 7); font-size: 1.4rem; text-align: center; padding: unset; float: left; border-top: 0.1rem solid #E0E0E0; border-left: 0.1rem solid #E0E0E0; } #calendar-area .calendar-head > div:nth-child(7n) { border-right: 0.1rem solid #E0E0E0; } #calendar-area .calendar-row { /*box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2);*/ border: none; height: 15rem; } #calendar-area .calendar-row:last-child { box-shadow: none; } #calendar-area .calendar-row::after { content: ""; display: block; height: 0; clear: both; } #calendar-area .calendar-row > div { width: calc(100% / 7); height: 15rem; float: left; border-top: 0.1rem solid #E0E0E0; border-left: 0.1rem solid #E0E0E0; padding: 4rem 1rem 1rem 1rem; display: table-cell; overflow-y: auto; /* 内容が溢れたらスクロールバーを表示 */ } #calendar-area .calendar-row > div:nth-child(7n) { border-right: 0.1rem solid #E0E0E0; } #calendar-area .calendar-row > div > span.calendar-day { position: absolute; width: 3rem; height: 1.5rem; font-size: 1.5rem; font-weight: 700; bottom: auto; right: auto; top: 1rem; left: 1rem; text-align: left; } #calendar-area .calendar-row > div > span.calendar-weekday { display: none; } #calendar-area .calendar-row > div.today { background-color: rgba(255,141,141,0.1); } #calendar-area .calendar-body { width: 100%; padding: 0; background-color: #fff; border-radius: 0; border-bottom: 0.1rem solid #E0E0E0; } #calendar-area span.event, .schedule span.event { width: 100%; display: inline-block; text-align: left; font-size: 1.0rem; border-radius: 1rem; padding: 0.5rem 1rem; margin: 0 0 0.5rem 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: linear-gradient(90deg, #52E4FF, #5270FF); color: #fff; } #calendar-area span.event a { color: #fff; } #calendar-area span.event:hover { background: #2064A8; } /* マイページ 選考管理一覧 */ #mypage .selection-detail-box { display: block; width: 100%; height: auto; position: relative; background-color: #fff; border: 0.1rem solid #E0E0E0; margin: 2rem 0 0 0; padding: 0; border-radius: 1rem; } #mypage .selection-detail-box .inner-box { display: block; width: 100%; height: auto; position: relative; background-color: #fff; padding: 2.5rem 4rem 4rem 4rem; border-radius: 1rem; } #mypage .selection-detail-box h3 { padding: 2.5rem 0 2.5rem 2rem; border-bottom: 0.1rem solid #E0E0E0; } #mypage .selection-detail-box textarea { height: 24rem; } #mypage .selection-detail-box span.link { content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M121.778-824a1.712%2C1.712%2C0%2C0%2C1-1.256-.522%2C1.712%2C1.712%2C0%2C0%2C1-.522-1.256v-12.444a1.712%2C1.712%2C0%2C0%2C1%2C.522-1.256%2C1.712%2C1.712%2C0%2C0%2C1%2C1.256-.522H128v1.778h-6.222v12.444h12.444V-832H136v6.222a1.712%2C1.712%2C0%2C0%2C1-.522%2C1.256%2C1.712%2C1.712%2C0%2C0%2C1-1.256.522Zm4.178-4.711-1.244-1.244%2C8.267-8.267h-3.2V-840H136v6.222h-1.778v-3.2Z%22%20transform%3D%22translate(-120%20840)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E'); width: 1.6rem; height: 1.6rem; top: 0.3rem; left: 0.5rem; } #mypage .selection-detail-box span.id { content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.6%22%20height%3D%2216%22%20viewBox%3D%220%200%2013.6%2016%22%3E%3Cpath%20d%3D%22M124.8-867.2a1.541%2C1.541%2C0%2C0%2C1-1.13-.47%2C1.541%2C1.541%2C0%2C0%2C1-.47-1.13v-9.6a1.54%2C1.54%2C0%2C0%2C1%2C.47-1.13%2C1.54%2C1.54%2C0%2C0%2C1%2C1.13-.47H132a1.54%2C1.54%2C0%2C0%2C1%2C1.13.47%2C1.54%2C1.54%2C0%2C0%2C1%2C.47%2C1.13v9.6a1.54%2C1.54%2C0%2C0%2C1-.47%2C1.13%2C1.541%2C1.541%2C0%2C0%2C1-1.13.47Zm0-1.6H132v-9.6h-7.2Zm-3.2%2C4.8a1.541%2C1.541%2C0%2C0%2C1-1.13-.47%2C1.54%2C1.54%2C0%2C0%2C1-.47-1.13v-11.2h1.6v11.2h8.8v1.6Zm3.2-4.8v0Z%22%20transform%3D%22translate(-120%20880)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E'); width: 1.6rem; height: 1.6rem; top: 0.3rem; left: 0.5rem; } /* マイページ スカウト企業一覧 */ #mypage .comp-box .decline { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; padding: 3.0rem 0 0 2rem; margin: 0; border-radius: 1rem; background: #333; opacity: 0.5; } /* スカウト 個別スカウト*/ #mypage .message-input { height: 20rem; } /* マイページ 体験記入力 */ #mypage textarea.h-12 { width: calc(100% - 10rem); height: 12rem; } #mypage select.h-12 { width: calc(100% - 10rem); } #mypage textarea.h-24 { height: 20rem; } /* 共通 */ .lead-box { padding: 2.5rem 2rem; } /* Q&A */ #qa h2 { height: 4.6rem; padding: 0 0 0 4.5rem; margin: 2.5rem 0; } /* プライバシーポリシー・利用規約 */ #rule h2, #regist .regist-box .inner-box .kiyaku-box h2 { height: 4.6rem; padding: 0 0 0 4.5rem; margin: 2.5rem 0; } #rule .lead-box h4, #regist .regist-box .inner-box .kiyaku-box h4 { font-size: 2.4rem; } #rule .lead-box ul, #rule .lead-box ol, #regist .regist-box .inner-box .kiyaku-box ul, #regist .regist-box .inner-box .kiyaku-box ol { padding-inline-start: 3em; } /* お問い合わせ */ #inquiry h2 { height: 4.6rem; padding: 0 0 0 4.5rem; margin: 2.5rem 0; } #inquiry .input-box { padding: 4rem; } #inquiry .ss-input { width: 14rem!important; } /* プログレスバー */ #inquiry .progress-bar-area { width: 50rem; } ol.progress-bar li { font-size: 1.6rem; } ol.progress-bar li:after { width: 17.5rem; } /* ログイン */ #login h2 { height: 4.6rem; padding: 0 0 0 4.5rem; margin: 2.5rem 0; } #login .login-box .inner-box { padding: 2.5rem 4rem 4rem 4rem; } #login .login-box .inner-box .domein-area { padding: 0 0 0 1rem; } #login h3 { padding: 2.5rem 0 2.5rem 2rem; } #login .login-box .inner-box a.forget { display: block; width: 37rem; margin: 0 auto; text-decoration: underline; } #login .login-box .inner-box a.forget::after { position: absolute; top: 0.5rem; bottom: 0; right: -0.5rem; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* CITジョブマッチでできること */ #whats h2 { height: 4.6rem; padding: 0 0 0 4.5rem; margin: 2.5rem 0; } #whats h3 { height: 36.4rem; font-size: 4.2rem; } #whats .lead-box { padding: 4rem; } #whats .lead-box .illust-box { height:23rem; margin: 4rem 0; } #whats .lead-box .illust-box img { width: 55rem; height: auto; } #whats .flow-box-left { width: 40rem; } #whats .flow-box-right { width: calc(100% - 40rem); margin: 4rem 0 0 0; padding: 0 0 0 3rem; } /* 仮登録完了 */ #regist h2 { height: 4.6rem; } #regist .regist-box { width: 100rem; margin: 6rem auto; } #regist .regist-box .inner-box { width: 100rem; padding: 3.5rem; } #regist .regist-box .inner-box .domein-area { padding: 0 0 0 1rem; } #regist .regist-box .inner-box .kiyaku-box { height: 20rem; } #legal-terms { text-align: center; } #legal-terms label { margin: 4rem auto; } /* 404 */ #404 h2 { height: 4.6rem; } /* プロフィール入力 */ #profile h2 { height: 4.6rem; padding: 0 0 0 4.5rem; margin: 2.5rem 0; } #profile .img-block{ width: 30rem; height: 30rem; margin: 0 auto; } #profile dd { padding: 4rem; } #profile table th { width: 10rem; text-align: left; padding: 0.5rem 0.5rem 0.5rem 0; } #profile table th.v-top { vertical-align: top; } #profile table td { width: calc(100% - 10rem); padding: 0.5rem; } #profile .l-input { width: 84rem!important; } #profile .m-input { width: 45rem!important; } #profile .s-input { width: 18rem!important; } #profile .ss-input { width: 14rem!important; } #profile .tel-input { width: 18rem!important; } #profile table.setsumei { width: 80%; } #profile .tekisei-photo, #profile .gpa-photo { width: 20rem; height: 20rem; object-fit: cover; } #profile span.pdf { display: inline-block; border-radius: 0.5rem; font-size: 1.4rem; font-weight: 500; padding: 0.5rem 1.5rem; word-break: keep-all; margin: 1rem 1rem 0 0; color: #fff; background: #F4911E; } /* 卒業生を探す */ #ob-search h2 { width: 100%; height: 4.6rem; padding: 0 0 0 4.5rem; margin: 2.5rem 0; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2221.818%22%20viewBox%3D%220%200%2030%2021.818%22%3E%3Cpath%20d%3D%22M40-778.182V-782a4%2C4%2C0%2C0%2C1%2C.6-2.131%2C3.978%2C3.978%2C0%2C0%2C1%2C1.585-1.483%2C20.257%2C20.257%2C0%2C0%2C1%2C4.3-1.585%2C18.761%2C18.761%2C0%2C0%2C1%2C4.432-.528%2C18.761%2C18.761%2C0%2C0%2C1%2C4.432.528%2C20.257%2C20.257%2C0%2C0%2C1%2C4.3%2C1.585%2C3.978%2C3.978%2C0%2C0%2C1%2C1.585%2C1.483%2C4%2C4%2C0%2C0%2C1%2C.6%2C2.131v3.818Zm24.545%2C0v-4.091a5.487%2C5.487%2C0%2C0%2C0-.835-2.881%2C7.369%2C7.369%2C0%2C0%2C0-2.369-2.369%2C17.219%2C17.219%2C0%2C0%2C1%2C3.273.7%2C17.074%2C17.074%2C0%2C0%2C1%2C2.864%2C1.21%2C6.044%2C6.044%2C0%2C0%2C1%2C1.875%2C1.517A2.913%2C2.913%2C0%2C0%2C1%2C70-782.273v4.091ZM50.909-789.091a5.252%2C5.252%2C0%2C0%2C1-3.852-1.6%2C5.252%2C5.252%2C0%2C0%2C1-1.6-3.852%2C5.253%2C5.253%2C0%2C0%2C1%2C1.6-3.852%2C5.253%2C5.253%2C0%2C0%2C1%2C3.852-1.6%2C5.253%2C5.253%2C0%2C0%2C1%2C3.852%2C1.6%2C5.253%2C5.253%2C0%2C0%2C1%2C1.6%2C3.852%2C5.252%2C5.252%2C0%2C0%2C1-1.6%2C3.852A5.252%2C5.252%2C0%2C0%2C1%2C50.909-789.091Zm13.636-5.454a5.252%2C5.252%2C0%2C0%2C1-1.6%2C3.852%2C5.252%2C5.252%2C0%2C0%2C1-3.852%2C1.6%2C6.818%2C6.818%2C0%2C0%2C1-.955-.085%2C8.293%2C8.293%2C0%2C0%2C1-.955-.188%2C8.109%2C8.109%2C0%2C0%2C0%2C1.415-2.42%2C7.861%2C7.861%2C0%2C0%2C0%2C.494-2.761%2C7.862%2C7.862%2C0%2C0%2C0-.494-2.761%2C8.111%2C8.111%2C0%2C0%2C0-1.415-2.42%2C4.155%2C4.155%2C0%2C0%2C1%2C.955-.222%2C8.994%2C8.994%2C0%2C0%2C1%2C.955-.051%2C5.253%2C5.253%2C0%2C0%2C1%2C3.852%2C1.6A5.253%2C5.253%2C0%2C0%2C1%2C64.545-794.546ZM42.727-780.909H59.091V-782a1.282%2C1.282%2C0%2C0%2C0-.188-.682%2C1.326%2C1.326%2C0%2C0%2C0-.494-.477%2C17.771%2C17.771%2C0%2C0%2C0-3.716-1.381%2C15.815%2C15.815%2C0%2C0%2C0-3.784-.46%2C15.815%2C15.815%2C0%2C0%2C0-3.784.46%2C17.772%2C17.772%2C0%2C0%2C0-3.716%2C1.381%2C1.326%2C1.326%2C0%2C0%2C0-.494.477%2C1.282%2C1.282%2C0%2C0%2C0-.187.682Zm8.182-10.909a2.626%2C2.626%2C0%2C0%2C0%2C1.926-.8%2C2.626%2C2.626%2C0%2C0%2C0%2C.8-1.926%2C2.626%2C2.626%2C0%2C0%2C0-.8-1.926%2C2.626%2C2.626%2C0%2C0%2C0-1.926-.8%2C2.626%2C2.626%2C0%2C0%2C0-1.926.8%2C2.626%2C2.626%2C0%2C0%2C0-.8%2C1.926%2C2.626%2C2.626%2C0%2C0%2C0%2C.8%2C1.926A2.626%2C2.626%2C0%2C0%2C0%2C50.909-791.818ZM50.909-780.909ZM50.909-794.546Z%22%20transform%3D%22translate(-40%20800)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E'); background-size: 3rem 3rem; background-position: 0 1rem; background-repeat: no-repeat; } /* 卒業生詳細 */ #ob h2 { width: 100%; height: 4.6rem; padding: 0 0 0 4.5rem; margin: 2.5rem 0; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2221.818%22%20viewBox%3D%220%200%2030%2021.818%22%3E%3Cpath%20d%3D%22M40-778.182V-782a4%2C4%2C0%2C0%2C1%2C.6-2.131%2C3.978%2C3.978%2C0%2C0%2C1%2C1.585-1.483%2C20.257%2C20.257%2C0%2C0%2C1%2C4.3-1.585%2C18.761%2C18.761%2C0%2C0%2C1%2C4.432-.528%2C18.761%2C18.761%2C0%2C0%2C1%2C4.432.528%2C20.257%2C20.257%2C0%2C0%2C1%2C4.3%2C1.585%2C3.978%2C3.978%2C0%2C0%2C1%2C1.585%2C1.483%2C4%2C4%2C0%2C0%2C1%2C.6%2C2.131v3.818Zm24.545%2C0v-4.091a5.487%2C5.487%2C0%2C0%2C0-.835-2.881%2C7.369%2C7.369%2C0%2C0%2C0-2.369-2.369%2C17.219%2C17.219%2C0%2C0%2C1%2C3.273.7%2C17.074%2C17.074%2C0%2C0%2C1%2C2.864%2C1.21%2C6.044%2C6.044%2C0%2C0%2C1%2C1.875%2C1.517A2.913%2C2.913%2C0%2C0%2C1%2C70-782.273v4.091ZM50.909-789.091a5.252%2C5.252%2C0%2C0%2C1-3.852-1.6%2C5.252%2C5.252%2C0%2C0%2C1-1.6-3.852%2C5.253%2C5.253%2C0%2C0%2C1%2C1.6-3.852%2C5.253%2C5.253%2C0%2C0%2C1%2C3.852-1.6%2C5.253%2C5.253%2C0%2C0%2C1%2C3.852%2C1.6%2C5.253%2C5.253%2C0%2C0%2C1%2C1.6%2C3.852%2C5.252%2C5.252%2C0%2C0%2C1-1.6%2C3.852A5.252%2C5.252%2C0%2C0%2C1%2C50.909-789.091Zm13.636-5.454a5.252%2C5.252%2C0%2C0%2C1-1.6%2C3.852%2C5.252%2C5.252%2C0%2C0%2C1-3.852%2C1.6%2C6.818%2C6.818%2C0%2C0%2C1-.955-.085%2C8.293%2C8.293%2C0%2C0%2C1-.955-.188%2C8.109%2C8.109%2C0%2C0%2C0%2C1.415-2.42%2C7.861%2C7.861%2C0%2C0%2C0%2C.494-2.761%2C7.862%2C7.862%2C0%2C0%2C0-.494-2.761%2C8.111%2C8.111%2C0%2C0%2C0-1.415-2.42%2C4.155%2C4.155%2C0%2C0%2C1%2C.955-.222%2C8.994%2C8.994%2C0%2C0%2C1%2C.955-.051%2C5.253%2C5.253%2C0%2C0%2C1%2C3.852%2C1.6A5.253%2C5.253%2C0%2C0%2C1%2C64.545-794.546ZM42.727-780.909H59.091V-782a1.282%2C1.282%2C0%2C0%2C0-.188-.682%2C1.326%2C1.326%2C0%2C0%2C0-.494-.477%2C17.771%2C17.771%2C0%2C0%2C0-3.716-1.381%2C15.815%2C15.815%2C0%2C0%2C0-3.784-.46%2C15.815%2C15.815%2C0%2C0%2C0-3.784.46%2C17.772%2C17.772%2C0%2C0%2C0-3.716%2C1.381%2C1.326%2C1.326%2C0%2C0%2C0-.494.477%2C1.282%2C1.282%2C0%2C0%2C0-.187.682Zm8.182-10.909a2.626%2C2.626%2C0%2C0%2C0%2C1.926-.8%2C2.626%2C2.626%2C0%2C0%2C0%2C.8-1.926%2C2.626%2C2.626%2C0%2C0%2C0-.8-1.926%2C2.626%2C2.626%2C0%2C0%2C0-1.926-.8%2C2.626%2C2.626%2C0%2C0%2C0-1.926.8%2C2.626%2C2.626%2C0%2C0%2C0-.8%2C1.926%2C2.626%2C2.626%2C0%2C0%2C0%2C.8%2C1.926A2.626%2C2.626%2C0%2C0%2C0%2C50.909-791.818ZM50.909-780.909ZM50.909-794.546Z%22%20transform%3D%22translate(-40%20800)%22%20fill%3D%22%235271ff%22%2F%3E%3C%2Fsvg%3E'); background-size: 3rem 3rem; background-position: 0 1rem; background-repeat: no-repeat; } #ob .ob-detail-box { display: block; width: 100%; height: auto; position: relative; border-radius: 1rem; background-color: #fff; border: 0.1rem solid #E0E0E0; margin: 2rem 0 0 0; padding: 4rem; } #ob .ob-detail-box .ob-photo { width: 32rem; height: auto; } #ob .ob-detail-box .ob-photo img { width: 90%; height: auto; } #ob .ob-detail-box .ob-detail { width: calc(100% - 32rem); padding: 0 0 0 0.5rem; } /* リードページ */ #lead header { width: 100%; height: 70rem; position: relative; background-position: -23.5rem -1.5rem; background-image: url("../../images/user/lead/bk_head.png"); background-repeat: repeat; background-color: #F6F7F9; box-shadow: none; } #lead header .inner-box { width: 116rem; margin: 18rem auto 0 auto; padding: 0; } #lead header .inner-box h1 img { width: 28.2rem; height: 7rem; } #lead header .inner-box .left-box { width: 90rem; font-size: 7.2rem; font-weight: bold; line-height: 130%; margin: 3rem 0 0 0; } #lead header .inner-box .button-box { width: calc(100% - 90rem); display: table; } #lead header .inner-box .button-box .inner-box { display: table-cell; vertical-align: middle; } #lead main { width: 100%; position: relative; padding: 0; background-color: #F6F7F9; } #lead main h2.upper{ font-size: 3.2rem; margin: 20rem 0 0 0; } #lead main h2.under{ font-size: 3.2rem; margin: 6rem 0 0 0; } #lead main .lead-box { width: 116rem; padding: 0; } #lead main .lead-box img.illust { display: block; width: 55rem; height: auto; margin: 6rem auto 0 auto; } #lead main .lead-box .text-box-1 { width: 92rem; margin: 4rem auto; } #lead main .lead-box-0 { width: 116rem; padding: 6rem 0 4rem 0; } #lead main .lead-box-0 .left-box { width: 53.6rem; } #lead main .lead-box-0 .right-box { width: calc(100% - 53.6rem); padding: 0 4rem; } #lead main .lead-box-1 { width: 116rem; padding: 5rem 0 0 0; } #lead main .lead-box-1 .left-box-photo { width: 50.8rem; } #lead main .lead-box-1 .right-box { width: calc(100% - 50.8rem); display: table; padding: 0 4rem; } #lead main .lead-box-1 .right-box .inner-box, #lead main .lead-box-1 .left-box .inner-box { width: 100%; display: table-cell; vertical-align: middle; } #lead main .lead-box-1 .left-box { width: calc(100% - 48.8rem); display: table; padding: 0 4rem; } #lead main .lead-box-1 .right-box-photo { width: 48.8rem; } #lead main .lead-box-1 h3.flow1 { padding: 3rem 0 3rem 9rem; background-size: 8rem 8rem; background-position: 0rem; background-repeat: no-repeat; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%220.948%22%20y1%3D%220.558%22%20x2%3D%220%22%20y2%3D%220.556%22%20gradientUnits%3D%22objectBoundingBox%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2352e4ff%22%2F%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2352e2ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235270ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-885%20-2153)%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%20transform%3D%22translate(885%202153)%22%20fill%3D%22url(%23a)%22%2F%3E%3Cg%20transform%3D%22translate(-10%20-4)%22%3E%3Ctext%20transform%3D%22translate(915%202190)%22%20fill%3D%22%23f6f7f9%22%20font-size%3D%2216%22%20font-family%3D%22NotoSansCJKjp-Bold%2C%20Noto%20Sans%20CJK%20JP%22%20font-weight%3D%22700%22%20letter-spacing%3D%220.001em%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3ESTEP%3C%2Ftspan%3E%3C%2Ftext%3E%3Ctext%20transform%3D%22translate(921%202216)%22%20fill%3D%22%23f6f7f9%22%20font-size%3D%2224%22%20font-family%3D%22NotoSansCJKjp-Bold%2C%20Noto%20Sans%20CJK%20JP%22%20font-weight%3D%22700%22%20letter-spacing%3D%220.001em%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3E01%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); } #lead main .lead-box-1 h3.flow2 { padding: 3rem 0 3rem 9rem; background-size: 8rem 8rem; background-position: 0rem; background-repeat: no-repeat; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%220.948%22%20y1%3D%220.558%22%20x2%3D%220%22%20y2%3D%220.556%22%20gradientUnits%3D%22objectBoundingBox%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2352e4ff%22%2F%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2352e2ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235270ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-885%20-2153)%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%20transform%3D%22translate(885%202153)%22%20fill%3D%22url(%23a)%22%2F%3E%3Cg%20transform%3D%22translate(-10%20-4)%22%3E%3Ctext%20transform%3D%22translate(915%202190)%22%20fill%3D%22%23f6f7f9%22%20font-size%3D%2216%22%20font-family%3D%22NotoSansCJKjp-Bold%2C%20Noto%20Sans%20CJK%20JP%22%20font-weight%3D%22700%22%20letter-spacing%3D%220.001em%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3ESTEP%3C%2Ftspan%3E%3C%2Ftext%3E%3Ctext%20transform%3D%22translate(921%202216)%22%20fill%3D%22%23f6f7f9%22%20font-size%3D%2224%22%20font-family%3D%22NotoSansCJKjp-Bold%2C%20Noto%20Sans%20CJK%20JP%22%20font-weight%3D%22700%22%20letter-spacing%3D%220.001em%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3E02%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); } #lead main .lead-box-1 h3.flow3 { padding: 3rem 0 3rem 9rem; background-size: 8rem 8rem; background-position: 0rem; background-repeat: no-repeat; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%220.948%22%20y1%3D%220.558%22%20x2%3D%220%22%20y2%3D%220.556%22%20gradientUnits%3D%22objectBoundingBox%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2352e4ff%22%2F%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2352e2ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235270ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-885%20-2153)%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%20transform%3D%22translate(885%202153)%22%20fill%3D%22url(%23a)%22%2F%3E%3Cg%20transform%3D%22translate(-10%20-4)%22%3E%3Ctext%20transform%3D%22translate(915%202190)%22%20fill%3D%22%23f6f7f9%22%20font-size%3D%2216%22%20font-family%3D%22NotoSansCJKjp-Bold%2C%20Noto%20Sans%20CJK%20JP%22%20font-weight%3D%22700%22%20letter-spacing%3D%220.001em%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3ESTEP%3C%2Ftspan%3E%3C%2Ftext%3E%3Ctext%20transform%3D%22translate(921%202216)%22%20fill%3D%22%23f6f7f9%22%20font-size%3D%2224%22%20font-family%3D%22NotoSansCJKjp-Bold%2C%20Noto%20Sans%20CJK%20JP%22%20font-weight%3D%22700%22%20letter-spacing%3D%220.001em%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3E03%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); } #lead footer { text-align: center; margin: 7rem 0 6rem 0; } #lead footer .text-box { width: 100%; font-size: 1.6rem; font-weight: 500; line-height: 200%; margin: 1rem 0 0 0; text-align: center; } #lead footer .text-box br { display: block; } #lead footer .bo-center-lead { width: 50rem; margin: 4rem auto 6rem auto; } #lead footer .bo-center-lead .bo { width: 25rem; } /* マイページ　パスワード変更・アカウント休止 */ .password-box { display: block; width: 100%; height: auto; position: relative; border-radius: 1rem; background-color: #fff; border: 1px solid #E0E0E0; padding: 0; } .password-box .title { padding: 2.5rem 0 2.5rem 2.5rem; border-bottom: 0.1rem solid #E0E0E0; background-size: 4.0rem 3.5rem; background-position: 2rem; background-repeat: no-repeat; } .password-box .under-box { padding: 4rem; } /* マイページ　お気に入り企業 */ #mypage .favorite-detail-box { display: block; width: 100%; height: auto; position: relative; background-color: #fff; border: 0.1rem solid #E0E0E0; margin: 2rem 0 0 0; padding: 4rem; border-radius: 1rem; } #mypage .favorite-detail-box .inner-box { display: block; width: 100%; height: auto; position: relative; background-color: #fff; padding: 2.5rem 4rem 4rem 4rem; border-radius: 1rem; } #mypage .favorite-detail-box ul { list-style: none; margin: 0 1rem; } #mypage .favorite-detail-box ul li { float: left; width: auto; margin: 0 5rem 0 0; } #mypage .favorite-detail-box ul li label img { display: none; } #company-area { overflow-x: hidden; padding-right: 2rem; } ul.company-list { list-style-type: none; } ul.company-list li { height: 8rem; } ul.company-list li input[type="checkbox"] + label { display: flex; align-items: center; height: 8rem; font-size: 1.4rem; } ul.company-list li input[type="checkbox"] + label > img { width: 25%; height: auto; object-fit: contain; display: inline-block; margin: 0 0.5rem 0 0; } ul.company-list li input[type="checkbox"].custom-check + label { margin-left: 0; } ul.company-list li input[type="checkbox"].custom-check + label::before { top: 3rem; } ul.company-list li input[type="checkbox"].custom-check + label::after { top: 2.8rem; } .hikaku-option label { font-size: 1.3rem; padding: 1rem; } #sp-submit-area { bottom: unset; position: relative; } #compare-area { width: 100%; overflow-x: auto; cursor: grab; height: auto; overflow-y: auto; } #compare-area:active { cursor: grabbing; } .scroll-wrapper { width: 100%; max-width: 9999px; overflow-x: unset; overflow-y: unset; } #compare-area .data-area { display: block; width: 46rem; float: left; height: auto; position: relative; background-color: #fff; border: 0.1rem solid #E0E0E0; margin: 0 2rem 0 0; padding: 2rem; border-radius: 1rem; text-align: center; } #compare-area .data-area .name-block { width: 100%; height: 17rem; text-align: center; font-size: 2rem; font-weight: 500; color: #0078F0; padding: 0 1rem; position: -webkit-sticky; position: sticky; top: 0; z-index: 3; background-color: #fff; } #compare-area .data-area .link-block { width: 100%; text-align: center; font-size: 1.2rem; padding: 0 1rem; background-color: #fff; position: -webkit-sticky; position: sticky; top: 17rem; z-index: 2; } #compare-area .data-area .name-block img { display: block; margin: 0 auto 1rem; width: 13rem; max-height: 13rem; height: 10rem; object-fit: contain; } #compare-area .data-area .data-block, #compare-area .side-area .data-block { width: 100%; font-size: 1.6rem; align-items: center; padding:0; word-break: break-all; } #compare-area .data-area .data-block { border-bottom: none; text-align: center; padding: 1rem 0 1.5rem 0; } #compare-area .data-area .title-block { left: 0; position: sticky; } #compare-area .data-area .title-block { width: 100%; position: sticky; padding: 1.5rem 0 0 0; border-top: #ccc 1px solid; font-size: 1.6rem; font-weight: 500; color: #0078F0; } #compare-area .data-area .data-block.long-text, #compare-area .data-area .data-block.long-text { height: auto; text-align: left; } #compare-area .data-area .data-block.graph-block { height: auto; } #compare-area .data-area .data-block.graph-block img { display: block; margin: 0 auto; width: 100%; object-fit: contain; } .data-area canvas { width: 20rem; height: 20rem; } #compare-area canvas { display: none !important; } #hidden-area { width: 30rem; height: 0; visibility: hidden; } }