.elementor-8066 .elementor-element.elementor-element-58b8371:not(.elementor-motion-effects-element-type-background), .elementor-8066 .elementor-element.elementor-element-58b8371 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EA0053;}.elementor-8066 .elementor-element.elementor-element-58b8371 > .elementor-background-overlay{background-image:url("https://joynetgp.co.jp/wp-content/uploads/2026/07/DSC0138ararh.webp");background-position:bottom right;background-repeat:no-repeat;background-size:contain;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8066 .elementor-element.elementor-element-58b8371 > .elementor-container{min-height:400px;}.elementor-8066 .elementor-element.elementor-element-58b8371{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-8066 .elementor-element.elementor-element-58b8371 > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-ae9ea63 );}.elementor-8066 .elementor-element.elementor-element-58b8371 > .elementor-shape-top svg{height:80px;transform:translateX(-50%) rotateY(180deg);}.elementor-8066 .elementor-element.elementor-element-c88616a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8066 .elementor-element.elementor-element-c88616a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8066 .elementor-element.elementor-element-fba1ecd > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8066 .elementor-element.elementor-element-fba1ecd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-8066 .elementor-element.elementor-element-845b9cc > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8066 .elementor-element.elementor-element-845b9cc > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-1e062d7{width:auto;max-width:auto;margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 40px;}.elementor-8066 .elementor-element.elementor-element-1e062d7 .elementor-icon-wrapper{text-align:center;}.elementor-8066 .elementor-element.elementor-element-1e062d7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );color:var( --e-global-color-f1178fe );}.elementor-8066 .elementor-element.elementor-element-1e062d7.elementor-view-framed .elementor-icon, .elementor-8066 .elementor-element.elementor-element-1e062d7.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-1e062d7.elementor-view-framed .elementor-icon, .elementor-8066 .elementor-element.elementor-element-1e062d7.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-1e062d7.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-f1178fe );}.elementor-8066 .elementor-element.elementor-element-1e062d7.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-f1178fe );}.elementor-8066 .elementor-element.elementor-element-1e062d7 .elementor-icon{font-size:45px;padding:15px;border-width:1.5px 1.5px 1.5px 1.5px;}.elementor-8066 .elementor-element.elementor-element-1e062d7 .elementor-icon svg{height:45px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-354955b{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;align-self:center;text-align:start;}.elementor-8066 .elementor-element.elementor-element-354955b .elementor-heading-title{font-size:30px;font-weight:600;letter-spacing:3px;text-shadow:0px 0px 10px rgba(99.73336791992189, 99.73336791992189, 99.73336791992189, 0.3);color:var( --e-global-color-secondary );}.elementor-8066 .elementor-element.elementor-element-3c8e6c1{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;text-align:start;}.elementor-8066 .elementor-element.elementor-element-3c8e6c1 .elementor-heading-title{font-family:"Cantata One", Sans-serif;font-size:250px;font-weight:400;letter-spacing:8px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:var( --e-global-color-f1178fe );stroke:var( --e-global-color-f1178fe );color:#FFFFFF00;}.elementor-8066 .elementor-element.elementor-element-fe6ac28 > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-fe6ac28 > .elementor-shape-bottom svg{transform:translateX(-50%) rotateY(180deg);}.elementor-8066 .elementor-element.elementor-element-51a018a{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 40px;}.elementor-8066 .elementor-element.elementor-element-51a018a .elementor-icon-wrapper{text-align:center;}.elementor-8066 .elementor-element.elementor-element-51a018a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-51a018a.elementor-view-framed .elementor-icon, .elementor-8066 .elementor-element.elementor-element-51a018a.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-51a018a.elementor-view-framed .elementor-icon, .elementor-8066 .elementor-element.elementor-element-51a018a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-51a018a .elementor-icon{font-size:45px;padding:10px;border-width:1px 1px 1px 1px;}.elementor-8066 .elementor-element.elementor-element-51a018a .elementor-icon svg{height:45px;}.elementor-8066 .elementor-element.elementor-element-e74a922{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;align-self:center;text-align:start;}.elementor-8066 .elementor-element.elementor-element-e74a922 .elementor-heading-title{font-size:40px;font-weight:600;line-height:40px;letter-spacing:6px;text-shadow:0px 0px 10px rgba(99.73336791992189, 99.73336791992189, 99.73336791992189, 0.3);color:var( --e-global-color-secondary );}.elementor-8066 .elementor-element.elementor-element-c61dbe6{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;text-align:start;}.elementor-8066 .elementor-element.elementor-element-c61dbe6 .elementor-heading-title{font-family:"Cantata One", Sans-serif;font-size:250px;font-weight:400;letter-spacing:8px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:var( --e-global-color-f1178fe );stroke:var( --e-global-color-f1178fe );color:#FFFFFF00;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8066 .elementor-element.elementor-element-e0b5e6c > .elementor-background-overlay{opacity:0.01;}.elementor-8066 .elementor-element.elementor-element-e0b5e6c{margin-top:0px;margin-bottom:0px;padding:100px 100px 20px 100px;}.elementor-8066 .elementor-element.elementor-element-e973e00 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8066 .elementor-element.elementor-element-6e92c55 > .elementor-container{max-width:888px;}.elementor-8066 .elementor-element.elementor-element-6e92c55{margin-top:0px;margin-bottom:0px;}.elementor-8066 .elementor-element.elementor-element-80c3a75 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-8066 .elementor-element.elementor-element-80c3a75 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-8066 .elementor-element.elementor-element-6ba5b83{--iteration-count:infinite;--animation-duration:1200ms;z-index:15;}.elementor-8066 .elementor-element.elementor-element-6ba5b83 .elementor-headline{text-align:center;font-family:"Noto Serif JP", Sans-serif;font-size:35px;font-weight:600;letter-spacing:3px;}.elementor-8066 .elementor-element.elementor-element-6ba5b83 .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-51d6270{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8066 .elementor-element.elementor-element-51d6270 .elementor-heading-title{font-family:"Aoboshi One", Sans-serif;font-size:150px;font-weight:300;font-style:italic;color:#EDEDED7A;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-04b3dd1{text-align:center;font-size:20px;font-weight:500;line-height:2em;letter-spacing:2px;}.elementor-8066 .elementor-element.elementor-element-4881591 > .elementor-container{max-width:1000px;}.elementor-8066 .elementor-element.elementor-element-4881591{margin-top:0px;margin-bottom:0px;padding:0px 0px 150px 0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8066 .elementor-element.elementor-element-ef9bbca{--display:flex;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8066 .elementor-element.elementor-element-c7e4b3e{--display:flex;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-8066 .elementor-element.elementor-element-51fd3ea .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:5px;}.elementor-8066 .elementor-element.elementor-element-51fd3ea .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-51fd3ea.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-51fd3ea.elementor-view-framed .elementor-icon, .elementor-8066 .elementor-element.elementor-element-51fd3ea.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-51fd3ea .elementor-icon{font-size:40px;}.elementor-8066 .elementor-element.elementor-element-51fd3ea .elementor-icon-box-title, .elementor-8066 .elementor-element.elementor-element-51fd3ea .elementor-icon-box-title a{font-family:"Noto Serif JP", Sans-serif;font-size:22px;font-weight:600;letter-spacing:1px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-8066 .elementor-element.elementor-element-a812af3{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-8066 .elementor-element.elementor-element-a812af3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-8066 .elementor-element.elementor-element-a812af3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-8066 .elementor-element.elementor-element-a812af3 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-8066 .elementor-element.elementor-element-a812af3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8066 .elementor-element.elementor-element-a812af3 .elementor-icon-list-item > a{font-family:"Noto Serif JP", Sans-serif;font-size:22px;font-weight:500;letter-spacing:2px;}.elementor-8066 .elementor-element.elementor-element-a812af3 .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8066 .elementor-element.elementor-element-e5cc825 .elementor-button{font-family:"Noto Serif JP", Sans-serif;font-size:18px;font-weight:500;letter-spacing:3px;}.elementor-8066 .elementor-element.elementor-element-36db618 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Noto Serif JP", Sans-serif;font-size:22px;font-weight:500;letter-spacing:3px;fill:var( --e-global-color-f1178fe );color:var( --e-global-color-f1178fe );border-style:solid;border-width:1px 1px 1px 1px;padding:15px 55px 15px 55px;}.elementor-8066 .elementor-element.elementor-element-36db618 .elementor-button:hover, .elementor-8066 .elementor-element.elementor-element-36db618 .elementor-button:focus{background-color:var( --e-global-color-f1178fe );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-36db618 .elementor-button:hover svg, .elementor-8066 .elementor-element.elementor-element-36db618 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-bae6ead{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:15px 15px 0px 0px;--n-tabs-title-padding-top:12px;--n-tabs-title-padding-right:50px;--n-tabs-title-padding-bottom:12px;--n-tabs-title-padding-left:50px;--n-tabs-title-font-size:22px;--n-tabs-title-color:var( --e-global-color-secondary );}.elementor-8066 .elementor-element.elementor-element-bae6ead > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-f1178fe );}.elementor-8066 .elementor-element.elementor-element-bae6ead.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-8066 .elementor-element.elementor-element-bae6ead.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-8066 .elementor-element.elementor-element-bae6ead.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-bae6ead.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Noto Serif JP", Sans-serif;font-weight:500;letter-spacing:3px;}.elementor-8066 .elementor-element.elementor-element-418a4e7 > .elementor-container{max-width:1000px;}.elementor-8066 .elementor-element.elementor-element-418a4e7{margin-top:0px;margin-bottom:0px;padding:0px 0px 150px 0px;}.elementor-8066 .elementor-element.elementor-element-9711b50{background-color:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-9711b50 .elementor-heading-title{font-family:"Noto Serif JP", Sans-serif;font-weight:600;color:var( --e-global-color-f1178fe );}.elementor-8066 .elementor-element.elementor-element-b986d27 .elementor-button{font-family:"Noto Serif JP", Sans-serif;font-weight:500;fill:var( --e-global-color-f1178fe );color:var( --e-global-color-f1178fe );}.elementor-8066 .elementor-element.elementor-element-9e4ad76 .elementor-button{background-color:var( --e-global-color-ae9ea63 );font-family:"Noto Serif JP", Sans-serif;font-weight:700;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-color:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-b1452db .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:5px;}.elementor-8066 .elementor-element.elementor-element-b1452db .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-b1452db.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-b1452db.elementor-view-framed .elementor-icon, .elementor-8066 .elementor-element.elementor-element-b1452db.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-b1452db .elementor-icon{font-size:40px;}.elementor-8066 .elementor-element.elementor-element-b1452db .elementor-icon-box-title, .elementor-8066 .elementor-element.elementor-element-b1452db .elementor-icon-box-title a{font-family:"Noto Serif JP", Sans-serif;font-size:22px;font-weight:600;letter-spacing:1px;}.elementor-8066 .elementor-element.elementor-element-41aea53{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-8066 .elementor-element.elementor-element-41aea53 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-8066 .elementor-element.elementor-element-41aea53 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-8066 .elementor-element.elementor-element-41aea53 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-8066 .elementor-element.elementor-element-41aea53 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8066 .elementor-element.elementor-element-41aea53 .elementor-icon-list-item > a{font-family:"Noto Serif JP", Sans-serif;font-size:22px;font-weight:500;letter-spacing:2px;}.elementor-8066 .elementor-element.elementor-element-41aea53 .elementor-icon-list-text{transition:color 0.3s;}.elementor-8066 .elementor-element.elementor-element-536dffe .elementor-button{background-color:var( --e-global-color-primary );font-family:"Noto Serif JP", Sans-serif;font-size:22px;font-weight:500;letter-spacing:3px;fill:var( --e-global-color-f1178fe );color:var( --e-global-color-f1178fe );border-style:solid;border-width:1px 1px 1px 1px;padding:15px 55px 15px 55px;}.elementor-8066 .elementor-element.elementor-element-536dffe .elementor-button:hover, .elementor-8066 .elementor-element.elementor-element-536dffe .elementor-button:focus{background-color:var( --e-global-color-f1178fe );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8066 .elementor-element.elementor-element-536dffe .elementor-button:hover svg, .elementor-8066 .elementor-element.elementor-element-536dffe .elementor-button:focus svg{fill:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8066 .elementor-element.elementor-element-58b8371 > .elementor-container{min-height:250px;}.elementor-8066 .elementor-element.elementor-element-58b8371 > .elementor-shape-top svg{height:80px;}.elementor-8066 .elementor-element.elementor-element-354955b .elementor-heading-title{font-size:25px;}.elementor-8066 .elementor-element.elementor-element-3c8e6c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-8066 .elementor-element.elementor-element-3c8e6c1 .elementor-heading-title{font-size:150px;}.elementor-8066 .elementor-element.elementor-element-e0b5e6c{padding:50px 50px 50px 50px;}.elementor-8066 .elementor-element.elementor-element-6ba5b83 .elementor-headline{font-size:30px;}.elementor-8066 .elementor-element.elementor-element-04b3dd1{font-size:18px;}.elementor-8066 .elementor-element.elementor-element-4881591{margin-top:-20px;margin-bottom:50px;padding:0px 30px 0px 30px;}}@media(max-width:767px){.elementor-8066 .elementor-element.elementor-element-fe6ac28 > .elementor-shape-bottom svg{height:100px;}.elementor-8066 .elementor-element.elementor-element-8d5aca3 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:15px 0px 0px 15px;}.elementor-8066 .elementor-element.elementor-element-51a018a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8066 .elementor-element.elementor-element-51a018a .elementor-icon{font-size:30px;}.elementor-8066 .elementor-element.elementor-element-51a018a .elementor-icon svg{height:30px;}.elementor-8066 .elementor-element.elementor-element-e74a922{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;align-self:flex-start;}.elementor-8066 .elementor-element.elementor-element-e74a922 .elementor-heading-title{font-size:20px;letter-spacing:1px;}.elementor-8066 .elementor-element.elementor-element-c61dbe6{margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:20;text-align:end;}.elementor-8066 .elementor-element.elementor-element-c61dbe6 .elementor-heading-title{font-size:50px;letter-spacing:3px;}.elementor-8066 .elementor-element.elementor-element-7204c60{margin-top:0px;margin-bottom:0px;}.elementor-8066 .elementor-element.elementor-element-1a240e7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8066 .elementor-element.elementor-element-a52636d{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8066 .elementor-element.elementor-element-e0b5e6c{padding:30px 20px 20px 20px;}.elementor-8066 .elementor-element.elementor-element-6e92c55{padding:0px 0px 0px 0px;}.elementor-8066 .elementor-element.elementor-element-6ba5b83 .elementor-headline{font-size:25px;}.elementor-8066 .elementor-element.elementor-element-51d6270{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8066 .elementor-element.elementor-element-51d6270 .elementor-heading-title{font-size:80px;}.elementor-8066 .elementor-element.elementor-element-04b3dd1{font-size:15px;line-height:1.8em;}.elementor-8066 .elementor-element.elementor-element-4881591{padding:0px 0px 80px 0px;}.elementor-8066 .elementor-element.elementor-element-ef9bbca{--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8066 .elementor-element.elementor-element-c7e4b3e{--border-radius:0px 0px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8066 .elementor-element.elementor-element-51fd3ea{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -8px;}.elementor-8066 .elementor-element.elementor-element-51fd3ea .elementor-icon{font-size:30px;}.elementor-8066 .elementor-element.elementor-element-51fd3ea .elementor-icon-box-title, .elementor-8066 .elementor-element.elementor-element-51fd3ea .elementor-icon-box-title a{font-size:20px;}.elementor-8066 .elementor-element.elementor-element-a812af3{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:17px;}.elementor-8066 .elementor-element.elementor-element-a812af3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8066 .elementor-element.elementor-element-a812af3 .elementor-icon-list-item > a{font-size:17px;line-height:1.4em;letter-spacing:1px;}.elementor-8066 .elementor-element.elementor-element-36db618 .elementor-button{font-size:18px;letter-spacing:2px;padding:12px 32px 12px 32px;}.elementor-8066 .elementor-element.elementor-element-bae6ead{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;}.elementor-8066 .elementor-element.elementor-element-418a4e7{padding:0px 0px 80px 0px;}.elementor-8066 .elementor-element.elementor-element-9711b50{padding:15px 15px 15px 15px;border-radius:20px 20px 0px 0px;text-align:center;}.elementor-8066 .elementor-element.elementor-element-9711b50 .elementor-heading-title{font-size:22px;letter-spacing:2px;}.elementor-8066 .elementor-element.elementor-element-b986d27{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8066 .elementor-element.elementor-element-b986d27 .elementor-button{font-size:15px;letter-spacing:1px;padding:10px 10px 10px 10px;}.elementor-8066 .elementor-element.elementor-element-9e4ad76{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8066 .elementor-element.elementor-element-9e4ad76 .elementor-button{font-size:15px;letter-spacing:1px;border-width:1px 1px 1px 1px;padding:10px 10px 10px 10px;}.elementor-8066 .elementor-element.elementor-element-b1452db{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -8px;}.elementor-8066 .elementor-element.elementor-element-b1452db .elementor-icon{font-size:30px;}.elementor-8066 .elementor-element.elementor-element-b1452db .elementor-icon-box-title, .elementor-8066 .elementor-element.elementor-element-b1452db .elementor-icon-box-title a{font-size:20px;}.elementor-8066 .elementor-element.elementor-element-41aea53{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:17px;}.elementor-8066 .elementor-element.elementor-element-41aea53 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8066 .elementor-element.elementor-element-41aea53 .elementor-icon-list-item > a{font-size:17px;line-height:1.4em;letter-spacing:1px;}.elementor-8066 .elementor-element.elementor-element-536dffe .elementor-button{font-size:18px;letter-spacing:2px;padding:12px 32px 12px 32px;}}@media(min-width:768px){.elementor-8066 .elementor-element.elementor-element-845b9cc{width:47.114%;}.elementor-8066 .elementor-element.elementor-element-cfd05b3{width:52.797%;}}/* Start custom CSS for text-editor, class: .elementor-element-a806302 *//* =================================== JOYNET 正社員募集要項 =================================== */ .joy-recruit-table-wrap { width: 100%; max-width: 1100px; margin: 0 auto; background: #fff; border: 1px solid #eeeeee; border-radius: px; overflow: hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05); } /* =================================== テーブル =================================== */ .joy-recruit-table { width: 100%; border-collapse: collapse; table-layout: fixed; color: #444; } .joy-recruit-table th, .joy-recruit-table td { border-bottom: 1px solid #eeeeee; vertical-align: top; } .joy-recruit-table tr:last-child th, .joy-recruit-table tr:last-child td { border-bottom: none; } /* =================================== 左側：項目名 =================================== */ .joy-recruit-table th { position: relative; width: 20%; padding: 28px 26px 28px 34px; background: #fafafa; color: #333; text-align: left; font-size: 15px; font-weight: 500; line-height: 1.7; letter-spacing: 0.08em; } /* ピンクアクセント */ .joy-recruit-table th::before { content: ""; position: absolute; top: 28px; left: 0; width: 4px; height: 30px; background: #EA0053; border-radius: 0 4px 4px 0; } /* =================================== 右側：内容 =================================== */ .joy-recruit-table td { width: 80%; padding: 28px 34px; background: #fff; font-size: 15px; font-weight: 400; line-height: 1.85; letter-spacing: 0.04em; } .joy-recruit-table p { margin: 0 0 7px; } /* =================================== メインテキスト =================================== */ .joy-main-text { margin-bottom: 12px !important; color: #222; font-size: 17px; font-weight: 600; } /* =================================== 注釈 =================================== */ .joy-note { color: #888; font-size: 13px; } /* =================================== 強調 =================================== */ .joy-catch { display: inline-block; margin: 8px 0 12px !important; padding: 6px 13px; background: #fff3f7; color: #EA0053; border-radius: 6px; font-weight: 600; } /* =================================== 小見出し =================================== */ .joy-mini-block { margin-top: 20px; } .joy-mini-block h4, .joy-shop-group h4, .joy-training h4, .joy-about h4 { margin: 0 0 8px; color: #333; font-size: 15px; font-weight: 600; } /* =================================== 店舗 =================================== */ .joy-shop-group { margin-top: 20px; } .joy-shop-group h4 { color: #EA0053; } .joy-shop-group p { margin-bottom: 14px; } .joy-shop-group strong { font-weight: 600; } /* =================================== リスト =================================== */ .joy-list, .joy-work-list { margin: 8px 0 0; padding: 0; list-style: none; } .joy-list li, .joy-work-list li { position: relative; margin-bottom: 6px; padding-left: 18px; } .joy-list li::before { content: "・"; position: absolute; left: 0; color: #EA0053; font-weight: bold; } .joy-work-list li::before { content: "◆"; position: absolute; left: 0; color: #EA0053; font-size: 10px; top: 2px; } /* =================================== 研修部分 =================================== */ .joy-training { margin-top: 24px; padding: 22px 24px; background: #fafafa; border-left: 3px solid #EA0053; border-radius: 6px; } .joy-training h4 { color: #EA0053; } /* =================================== 採用フロー =================================== */ .joy-flow { margin-bottom: 28px; } .joy-flow-item { display: flex; align-items: flex-start; gap: 18px; padding: 18px 20px; background: #fafafa; border-radius: 10px; } .joy-flow-number { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 46px; height: 46px; background: #EA0053; color: #fff; border-radius: 50%; font-size: 13px; font-weight: 600; letter-spacing: 0.05em; } .joy-flow-item h4 { margin: 0 0 5px; color: #222; font-size: 16px; font-weight: 600; } .joy-flow-arrow { padding: 7px 0; color: #EA0053; text-align: center; font-size: 15px; } /* =================================== ジョイネットについて =================================== */ .joy-about { margin-top: 30px; padding: 24px; background: #fff7fa; border-radius: 10px; } .joy-about h4 { color: #EA0053; } /* =================================== 余白 =================================== */ .joy-space { height: 10px; } /* =================================== ホバー =================================== */ .joy-recruit-table tr { transition: background-color 0.3s ease; } .joy-recruit-table tr:hover th { background: #fff7fa; } /* =================================== タブレット =================================== */ @media screen and (max-width: 767px) { .joy-recruit-table-wrap { border-radius: 10px; } .joy-recruit-table th { width: 36%; padding: 22px 15px 22px 20px; font-size: 13px; line-height: 1.6; } .joy-recruit-table th::before { top: 22px; width: 3px; height: 26px; } .joy-recruit-table td { width: 64%; padding: 22px 18px; font-size: 14px; line-height: 1.75; } .joy-main-text { font-size: 15px; } } /* =================================== スマートフォン =================================== */ @media screen and (max-width: 480px) { .joy-recruit-table th { width: 38%; padding: 18px 10px 18px 17px; font-size: 12px; line-height: 1.55; letter-spacing: 0.03em; } .joy-recruit-table td { width: 62%; padding: 18px 12px; font-size: 13px; line-height: 1.7; letter-spacing: 0.02em; word-break: break-word; } .joy-main-text { font-size: 14px; } .joy-note { font-size: 11px; } .joy-catch { padding: 5px 8px; font-size: 12px; } .joy-training, .joy-about { padding: 15px; } .joy-flow-item { display: block; padding: 15px; } .joy-flow-number { width: 38px; height: 38px; margin-bottom: 10px; font-size: 11px; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-930db2e *//* =================================== JOYNET 募集要項 CSS完全版 テーマカラー #EA0053 =================================== */ .joy-recruit-table-wrap { width: 100%; max-width: 1100px; margin: 0 auto; background: #fff; border: 1px solid #eeeeee; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05); } /* =================================== テーブル =================================== */ .joy-recruit-table { width: 100%; border-collapse: collapse; table-layout: fixed; color: #444; } .joy-recruit-table th, .joy-recruit-table td { border-bottom: 1px solid #eeeeee; vertical-align: top; } .joy-recruit-table tr:last-child th, .joy-recruit-table tr:last-child td { border-bottom: none; } /* =================================== 左側：項目 =================================== */ .joy-recruit-table th { position: relative; width: 20%; padding: 28px 26px 28px 34px; background: #fafafa; color: #333; text-align: left; font-size: 15px; font-weight: 500; line-height: 1.7; letter-spacing: 0.08em; } /* =================================== ピンクライン 文字の1行目中央に配置 =================================== */ .joy-recruit-table th::before { content: ""; position: absolute; top: calc(28px + 0.85em); left: 0; transform: translateY(-50%); width: 4px; height: 30px; background: #EA0053; border-radius: 0 4px 4px 0; } /* =================================== 右側 =================================== */ .joy-recruit-table td { width: 80%; padding: 28px 34px; background: #fff; color: #444; font-size: 15px; font-weight: 400; line-height: 1.85; letter-spacing: 0.04em; } .joy-recruit-table p { margin: 0 0 7px; } /* =================================== メイン文字 =================================== */ .joy-main-text { margin-bottom: 12px !important; color: #222; font-size: 17px; font-weight: 600; } /* =================================== 注釈 =================================== */ .joy-note { color: #888; font-size: 13px; } /* =================================== ピンク強調 =================================== */ .joy-catch { display: inline-block; margin: 10px 0 12px !important; padding: 7px 14px; background: #fff3f7; color: #EA0053; border-radius: 6px; font-size: 14px; font-weight: 500; } /* =================================== 小見出し =================================== */ .joy-mini-block { margin-top: 20px; } .joy-mini-block h4, .joy-shop-group h4, .joy-training h4, .joy-about h4, .joy-shop-info h4 { margin: 0 0 8px; color: #333; font-size: 15px; font-weight: 600; } /* =================================== リスト =================================== */ .joy-recruit-table .joy-list, .joy-recruit-table .joy-work-list { margin: 8px 0 0; padding: 0 !important; list-style: none !important; } /* リスト項目 */ .joy-recruit-table .joy-list li, .joy-recruit-table .joy-work-list li { position: relative; margin: 0 0 6px; padding: 0 0 0 20px; list-style: none !important; line-height: 1.85; } /* 標準マーカー非表示 */ .joy-recruit-table .joy-list li::marker, .joy-recruit-table .joy-work-list li::marker { content: ""; } /* =================================== ● マーカー =================================== */ .joy-recruit-table .joy-list li::before { content: "●"; position: absolute; left: 0; top: 1.35em; transform: translateY(-50%); color: #EA0053; font-size: 10px; line-height: 1; } /* =================================== ◆ マーカー =================================== */ .joy-recruit-table .joy-work-list li::before { content: "◆"; position: absolute; left: 0; top: 1.35em; transform: translateY(-50%); color: #EA0053; font-size: 10px; line-height: 1; } /* =================================== 福利厚生 =================================== */ .joy-benefits-main { margin-bottom: 24px; } /* =================================== 採用フロー =================================== */ .joy-flow { margin-bottom: 30px; } .joy-flow-item { display: flex; align-items: flex-start; gap: 18px; padding: 20px 22px; background: #fafafa; border-radius: 10px; } .joy-flow-number { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 46px; height: 46px; background: #EA0053; color: #fff; border-radius: 50%; font-size: 13px; font-weight: 600; } .joy-flow-item h4 { margin: 0 0 5px; font-size: 16px; font-weight: 600; } .joy-flow-arrow { padding: 8px 0; text-align: center; color: #EA0053; font-size: 15px; } /* =================================== ジョイネットについて =================================== */ .joy-about { margin-top: 28px; padding: 24px; background: #fff7fa; border-radius: 10px; } .joy-about h4 { color: #EA0053; } /* =================================== 残業なし部分 =================================== */ .joy-training { margin-top: 24px; padding: 22px 24px; background: #fafafa; border-left: 3px solid #EA0053; border-radius: 6px; } .joy-training h4 { color: #EA0053; } /* =================================== 店舗情報 =================================== */ .joy-shop-info { margin-top: 26px; } .joy-shop-info > h4 { padding-bottom: 8px; color: #EA0053; border-bottom: 1px solid #eeeeee; } .joy-shop-group { margin-top: 18px; } .joy-shop-group h4 { color: #333; } .joy-shop-group p { margin-bottom: 10px; } /* =================================== ホバー =================================== */ .joy-recruit-table tr:hover th { background: #fff7fa; } /* =================================== タブレット =================================== */ @media screen and (max-width: 767px) { .joy-recruit-table-wrap { border-radius: 10px; } .joy-recruit-table th { width: 36%; padding: 22px 15px 22px 20px; font-size: 13px; line-height: 1.6; } /* ピンクラインを文字の中央に */ .joy-recruit-table th::before { top: calc(22px + 0.8em); width: 3px; height: 26px; } .joy-recruit-table td { width: 64%; padding: 22px 18px; font-size: 14px; line-height: 1.75; } .joy-main-text { font-size: 15px; } .joy-recruit-table .joy-list li, .joy-recruit-table .joy-work-list li { padding-left: 18px; line-height: 1.75; } .joy-recruit-table .joy-list li::before, .joy-recruit-table .joy-work-list li::before { top: 1.30em; font-size: 9px; } } /* =================================== スマートフォン =================================== */ @media screen and (max-width: 480px) { .joy-recruit-table th { width: 38%; padding: 18px 9px 18px 17px; font-size: 12px; line-height: 1.55; letter-spacing: 0.03em; } /* ピンクラインを文字の中央に */ .joy-recruit-table th::before { top: calc(18px + 0.775em); width: 3px; height: 26px; } .joy-recruit-table td { width: 62%; padding: 18px 12px; font-size: 13px; line-height: 1.7; letter-spacing: 0.02em; word-break: break-word; } .joy-main-text { font-size: 14px; } .joy-note { font-size: 11px; } .joy-catch { padding: 6px 8px; font-size: 12px; } .joy-about, .joy-training { padding: 15px; } .joy-flow-item { display: block; padding: 15px; } .joy-flow-number { width: 38px; height: 38px; margin-bottom: 10px; font-size: 11px; } .joy-recruit-table .joy-list li, .joy-recruit-table .joy-work-list li { padding-left: 16px; line-height: 1.7; } .joy-recruit-table .joy-list li::before, .joy-recruit-table .joy-work-list li::before { top: 1.25em; font-size: 9px; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-a806302 *//* =================================== JOYNET 正社員募集要項 =================================== */ .joy-recruit-table-wrap { width: 100%; max-width: 1100px; margin: 0 auto; background: #fff; border: 1px solid #eeeeee; border-radius: px; overflow: hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05); } /* =================================== テーブル =================================== */ .joy-recruit-table { width: 100%; border-collapse: collapse; table-layout: fixed; color: #444; } .joy-recruit-table th, .joy-recruit-table td { border-bottom: 1px solid #eeeeee; vertical-align: top; } .joy-recruit-table tr:last-child th, .joy-recruit-table tr:last-child td { border-bottom: none; } /* =================================== 左側：項目名 =================================== */ .joy-recruit-table th { position: relative; width: 20%; padding: 28px 26px 28px 34px; background: #fafafa; color: #333; text-align: left; font-size: 15px; font-weight: 500; line-height: 1.7; letter-spacing: 0.08em; } /* ピンクアクセント */ .joy-recruit-table th::before { content: ""; position: absolute; top: 28px; left: 0; width: 4px; height: 30px; background: #EA0053; border-radius: 0 4px 4px 0; } /* =================================== 右側：内容 =================================== */ .joy-recruit-table td { width: 80%; padding: 28px 34px; background: #fff; font-size: 15px; font-weight: 400; line-height: 1.85; letter-spacing: 0.04em; } .joy-recruit-table p { margin: 0 0 7px; } /* =================================== メインテキスト =================================== */ .joy-main-text { margin-bottom: 12px !important; color: #222; font-size: 17px; font-weight: 600; } /* =================================== 注釈 =================================== */ .joy-note { color: #888; font-size: 13px; } /* =================================== 強調 =================================== */ .joy-catch { display: inline-block; margin: 8px 0 12px !important; padding: 6px 13px; background: #fff3f7; color: #EA0053; border-radius: 6px; font-weight: 600; } /* =================================== 小見出し =================================== */ .joy-mini-block { margin-top: 20px; } .joy-mini-block h4, .joy-shop-group h4, .joy-training h4, .joy-about h4 { margin: 0 0 8px; color: #333; font-size: 15px; font-weight: 600; } /* =================================== 店舗 =================================== */ .joy-shop-group { margin-top: 20px; } .joy-shop-group h4 { color: #EA0053; } .joy-shop-group p { margin-bottom: 14px; } .joy-shop-group strong { font-weight: 600; } /* =================================== リスト =================================== */ .joy-list, .joy-work-list { margin: 8px 0 0; padding: 0; list-style: none; } .joy-list li, .joy-work-list li { position: relative; margin-bottom: 6px; padding-left: 18px; } .joy-list li::before { content: "・"; position: absolute; left: 0; color: #EA0053; font-weight: bold; } .joy-work-list li::before { content: "◆"; position: absolute; left: 0; color: #EA0053; font-size: 10px; top: 2px; } /* =================================== 研修部分 =================================== */ .joy-training { margin-top: 24px; padding: 22px 24px; background: #fafafa; border-left: 3px solid #EA0053; border-radius: 6px; } .joy-training h4 { color: #EA0053; } /* =================================== 採用フロー =================================== */ .joy-flow { margin-bottom: 28px; } .joy-flow-item { display: flex; align-items: flex-start; gap: 18px; padding: 18px 20px; background: #fafafa; border-radius: 10px; } .joy-flow-number { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 46px; height: 46px; background: #EA0053; color: #fff; border-radius: 50%; font-size: 13px; font-weight: 600; letter-spacing: 0.05em; } .joy-flow-item h4 { margin: 0 0 5px; color: #222; font-size: 16px; font-weight: 600; } .joy-flow-arrow { padding: 7px 0; color: #EA0053; text-align: center; font-size: 15px; } /* =================================== ジョイネットについて =================================== */ .joy-about { margin-top: 30px; padding: 24px; background: #fff7fa; border-radius: 10px; } .joy-about h4 { color: #EA0053; } /* =================================== 余白 =================================== */ .joy-space { height: 10px; } /* =================================== ホバー =================================== */ .joy-recruit-table tr { transition: background-color 0.3s ease; } .joy-recruit-table tr:hover th { background: #fff7fa; } /* =================================== タブレット =================================== */ @media screen and (max-width: 767px) { .joy-recruit-table-wrap { border-radius: 10px; } .joy-recruit-table th { width: 36%; padding: 22px 15px 22px 20px; font-size: 13px; line-height: 1.6; } .joy-recruit-table th::before { top: 22px; width: 3px; height: 26px; } .joy-recruit-table td { width: 64%; padding: 22px 18px; font-size: 14px; line-height: 1.75; } .joy-main-text { font-size: 15px; } } /* =================================== スマートフォン =================================== */ @media screen and (max-width: 480px) { .joy-recruit-table th { width: 38%; padding: 18px 10px 18px 17px; font-size: 12px; line-height: 1.55; letter-spacing: 0.03em; } .joy-recruit-table td { width: 62%; padding: 18px 12px; font-size: 13px; line-height: 1.7; letter-spacing: 0.02em; word-break: break-word; } .joy-main-text { font-size: 14px; } .joy-note { font-size: 11px; } .joy-catch { padding: 5px 8px; font-size: 12px; } .joy-training, .joy-about { padding: 15px; } .joy-flow-item { display: block; padding: 15px; } .joy-flow-number { width: 38px; height: 38px; margin-bottom: 10px; font-size: 11px; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-930db2e *//* =================================== JOYNET 募集要項 CSS完全版 テーマカラー #EA0053 =================================== */ .joy-recruit-table-wrap { width: 100%; max-width: 1100px; margin: 0 auto; background: #fff; border: 1px solid #eeeeee; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05); } /* =================================== テーブル =================================== */ .joy-recruit-table { width: 100%; border-collapse: collapse; table-layout: fixed; color: #444; } .joy-recruit-table th, .joy-recruit-table td { border-bottom: 1px solid #eeeeee; vertical-align: top; } .joy-recruit-table tr:last-child th, .joy-recruit-table tr:last-child td { border-bottom: none; } /* =================================== 左側：項目 =================================== */ .joy-recruit-table th { position: relative; width: 20%; padding: 28px 26px 28px 34px; background: #fafafa; color: #333; text-align: left; font-size: 15px; font-weight: 500; line-height: 1.7; letter-spacing: 0.08em; } /* =================================== ピンクライン 文字の1行目中央に配置 =================================== */ .joy-recruit-table th::before { content: ""; position: absolute; top: calc(28px + 0.85em); left: 0; transform: translateY(-50%); width: 4px; height: 30px; background: #EA0053; border-radius: 0 4px 4px 0; } /* =================================== 右側 =================================== */ .joy-recruit-table td { width: 80%; padding: 28px 34px; background: #fff; color: #444; font-size: 15px; font-weight: 400; line-height: 1.85; letter-spacing: 0.04em; } .joy-recruit-table p { margin: 0 0 7px; } /* =================================== メイン文字 =================================== */ .joy-main-text { margin-bottom: 12px !important; color: #222; font-size: 17px; font-weight: 600; } /* =================================== 注釈 =================================== */ .joy-note { color: #888; font-size: 13px; } /* =================================== ピンク強調 =================================== */ .joy-catch { display: inline-block; margin: 10px 0 12px !important; padding: 7px 14px; background: #fff3f7; color: #EA0053; border-radius: 6px; font-size: 14px; font-weight: 500; } /* =================================== 小見出し =================================== */ .joy-mini-block { margin-top: 20px; } .joy-mini-block h4, .joy-shop-group h4, .joy-training h4, .joy-about h4, .joy-shop-info h4 { margin: 0 0 8px; color: #333; font-size: 15px; font-weight: 600; } /* =================================== リスト =================================== */ .joy-recruit-table .joy-list, .joy-recruit-table .joy-work-list { margin: 8px 0 0; padding: 0 !important; list-style: none !important; } /* リスト項目 */ .joy-recruit-table .joy-list li, .joy-recruit-table .joy-work-list li { position: relative; margin: 0 0 6px; padding: 0 0 0 20px; list-style: none !important; line-height: 1.85; } /* 標準マーカー非表示 */ .joy-recruit-table .joy-list li::marker, .joy-recruit-table .joy-work-list li::marker { content: ""; } /* =================================== ● マーカー =================================== */ .joy-recruit-table .joy-list li::before { content: "●"; position: absolute; left: 0; top: 1.35em; transform: translateY(-50%); color: #EA0053; font-size: 10px; line-height: 1; } /* =================================== ◆ マーカー =================================== */ .joy-recruit-table .joy-work-list li::before { content: "◆"; position: absolute; left: 0; top: 1.35em; transform: translateY(-50%); color: #EA0053; font-size: 10px; line-height: 1; } /* =================================== 福利厚生 =================================== */ .joy-benefits-main { margin-bottom: 24px; } /* =================================== 採用フロー =================================== */ .joy-flow { margin-bottom: 30px; } .joy-flow-item { display: flex; align-items: flex-start; gap: 18px; padding: 20px 22px; background: #fafafa; border-radius: 10px; } .joy-flow-number { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 46px; height: 46px; background: #EA0053; color: #fff; border-radius: 50%; font-size: 13px; font-weight: 600; } .joy-flow-item h4 { margin: 0 0 5px; font-size: 16px; font-weight: 600; } .joy-flow-arrow { padding: 8px 0; text-align: center; color: #EA0053; font-size: 15px; } /* =================================== ジョイネットについて =================================== */ .joy-about { margin-top: 28px; padding: 24px; background: #fff7fa; border-radius: 10px; } .joy-about h4 { color: #EA0053; } /* =================================== 残業なし部分 =================================== */ .joy-training { margin-top: 24px; padding: 22px 24px; background: #fafafa; border-left: 3px solid #EA0053; border-radius: 6px; } .joy-training h4 { color: #EA0053; } /* =================================== 店舗情報 =================================== */ .joy-shop-info { margin-top: 26px; } .joy-shop-info > h4 { padding-bottom: 8px; color: #EA0053; border-bottom: 1px solid #eeeeee; } .joy-shop-group { margin-top: 18px; } .joy-shop-group h4 { color: #333; } .joy-shop-group p { margin-bottom: 10px; } /* =================================== ホバー =================================== */ .joy-recruit-table tr:hover th { background: #fff7fa; } /* =================================== タブレット =================================== */ @media screen and (max-width: 767px) { .joy-recruit-table-wrap { border-radius: 10px; } .joy-recruit-table th { width: 36%; padding: 22px 15px 22px 20px; font-size: 13px; line-height: 1.6; } /* ピンクラインを文字の中央に */ .joy-recruit-table th::before { top: calc(22px + 0.8em); width: 3px; height: 26px; } .joy-recruit-table td { width: 64%; padding: 22px 18px; font-size: 14px; line-height: 1.75; } .joy-main-text { font-size: 15px; } .joy-recruit-table .joy-list li, .joy-recruit-table .joy-work-list li { padding-left: 18px; line-height: 1.75; } .joy-recruit-table .joy-list li::before, .joy-recruit-table .joy-work-list li::before { top: 1.30em; font-size: 9px; } } /* =================================== スマートフォン =================================== */ @media screen and (max-width: 480px) { .joy-recruit-table th { width: 38%; padding: 18px 9px 18px 17px; font-size: 12px; line-height: 1.55; letter-spacing: 0.03em; } /* ピンクラインを文字の中央に */ .joy-recruit-table th::before { top: calc(18px + 0.775em); width: 3px; height: 26px; } .joy-recruit-table td { width: 62%; padding: 18px 12px; font-size: 13px; line-height: 1.7; letter-spacing: 0.02em; word-break: break-word; } .joy-main-text { font-size: 14px; } .joy-note { font-size: 11px; } .joy-catch { padding: 6px 8px; font-size: 12px; } .joy-about, .joy-training { padding: 15px; } .joy-flow-item { display: block; padding: 15px; } .joy-flow-number { width: 38px; height: 38px; margin-bottom: 10px; font-size: 11px; } .joy-recruit-table .joy-list li, .joy-recruit-table .joy-work-list li { padding-left: 16px; line-height: 1.7; } .joy-recruit-table .joy-list li::before, .joy-recruit-table .joy-work-list li::before { top: 1.25em; font-size: 9px; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-a806302 *//* =================================== JOYNET 正社員募集要項 =================================== */ .joy-recruit-table-wrap { width: 100%; max-width: 1100px; margin: 0 auto; background: #fff; border: 1px solid #eeeeee; border-radius: px; overflow: hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05); } /* =================================== テーブル =================================== */ .joy-recruit-table { width: 100%; border-collapse: collapse; table-layout: fixed; color: #444; } .joy-recruit-table th, .joy-recruit-table td { border-bottom: 1px solid #eeeeee; vertical-align: top; } .joy-recruit-table tr:last-child th, .joy-recruit-table tr:last-child td { border-bottom: none; } /* =================================== 左側：項目名 =================================== */ .joy-recruit-table th { position: relative; width: 20%; padding: 28px 26px 28px 34px; background: #fafafa; color: #333; text-align: left; font-size: 15px; font-weight: 500; line-height: 1.7; letter-spacing: 0.08em; } /* ピンクアクセント */ .joy-recruit-table th::before { content: ""; position: absolute; top: 28px; left: 0; width: 4px; height: 30px; background: #EA0053; border-radius: 0 4px 4px 0; } /* =================================== 右側：内容 =================================== */ .joy-recruit-table td { width: 80%; padding: 28px 34px; background: #fff; font-size: 15px; font-weight: 400; line-height: 1.85; letter-spacing: 0.04em; } .joy-recruit-table p { margin: 0 0 7px; } /* =================================== メインテキスト =================================== */ .joy-main-text { margin-bottom: 12px !important; color: #222; font-size: 17px; font-weight: 600; } /* =================================== 注釈 =================================== */ .joy-note { color: #888; font-size: 13px; } /* =================================== 強調 =================================== */ .joy-catch { display: inline-block; margin: 8px 0 12px !important; padding: 6px 13px; background: #fff3f7; color: #EA0053; border-radius: 6px; font-weight: 600; } /* =================================== 小見出し =================================== */ .joy-mini-block { margin-top: 20px; } .joy-mini-block h4, .joy-shop-group h4, .joy-training h4, .joy-about h4 { margin: 0 0 8px; color: #333; font-size: 15px; font-weight: 600; } /* =================================== 店舗 =================================== */ .joy-shop-group { margin-top: 20px; } .joy-shop-group h4 { color: #EA0053; } .joy-shop-group p { margin-bottom: 14px; } .joy-shop-group strong { font-weight: 600; } /* =================================== リスト =================================== */ .joy-list, .joy-work-list { margin: 8px 0 0; padding: 0; list-style: none; } .joy-list li, .joy-work-list li { position: relative; margin-bottom: 6px; padding-left: 18px; } .joy-list li::before { content: "・"; position: absolute; left: 0; color: #EA0053; font-weight: bold; } .joy-work-list li::before { content: "◆"; position: absolute; left: 0; color: #EA0053; font-size: 10px; top: 2px; } /* =================================== 研修部分 =================================== */ .joy-training { margin-top: 24px; padding: 22px 24px; background: #fafafa; border-left: 3px solid #EA0053; border-radius: 6px; } .joy-training h4 { color: #EA0053; } /* =================================== 採用フロー =================================== */ .joy-flow { margin-bottom: 28px; } .joy-flow-item { display: flex; align-items: flex-start; gap: 18px; padding: 18px 20px; background: #fafafa; border-radius: 10px; } .joy-flow-number { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 46px; height: 46px; background: #EA0053; color: #fff; border-radius: 50%; font-size: 13px; font-weight: 600; letter-spacing: 0.05em; } .joy-flow-item h4 { margin: 0 0 5px; color: #222; font-size: 16px; font-weight: 600; } .joy-flow-arrow { padding: 7px 0; color: #EA0053; text-align: center; font-size: 15px; } /* =================================== ジョイネットについて =================================== */ .joy-about { margin-top: 30px; padding: 24px; background: #fff7fa; border-radius: 10px; } .joy-about h4 { color: #EA0053; } /* =================================== 余白 =================================== */ .joy-space { height: 10px; } /* =================================== ホバー =================================== */ .joy-recruit-table tr { transition: background-color 0.3s ease; } .joy-recruit-table tr:hover th { background: #fff7fa; } /* =================================== タブレット =================================== */ @media screen and (max-width: 767px) { .joy-recruit-table-wrap { border-radius: 10px; } .joy-recruit-table th { width: 36%; padding: 22px 15px 22px 20px; font-size: 13px; line-height: 1.6; } .joy-recruit-table th::before { top: 22px; width: 3px; height: 26px; } .joy-recruit-table td { width: 64%; padding: 22px 18px; font-size: 14px; line-height: 1.75; } .joy-main-text { font-size: 15px; } } /* =================================== スマートフォン =================================== */ @media screen and (max-width: 480px) { .joy-recruit-table th { width: 38%; padding: 18px 10px 18px 17px; font-size: 12px; line-height: 1.55; letter-spacing: 0.03em; } .joy-recruit-table td { width: 62%; padding: 18px 12px; font-size: 13px; line-height: 1.7; letter-spacing: 0.02em; word-break: break-word; } .joy-main-text { font-size: 14px; } .joy-note { font-size: 11px; } .joy-catch { padding: 5px 8px; font-size: 12px; } .joy-training, .joy-about { padding: 15px; } .joy-flow-item { display: block; padding: 15px; } .joy-flow-number { width: 38px; height: 38px; margin-bottom: 10px; font-size: 11px; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-930db2e *//* =================================== JOYNET 募集要項 CSS完全版 テーマカラー #EA0053 =================================== */ .joy-recruit-table-wrap { width: 100%; max-width: 1100px; margin: 0 auto; background: #fff; border: 1px solid #eeeeee; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05); } /* =================================== テーブル =================================== */ .joy-recruit-table { width: 100%; border-collapse: collapse; table-layout: fixed; color: #444; } .joy-recruit-table th, .joy-recruit-table td { border-bottom: 1px solid #eeeeee; vertical-align: top; } .joy-recruit-table tr:last-child th, .joy-recruit-table tr:last-child td { border-bottom: none; } /* =================================== 左側：項目 =================================== */ .joy-recruit-table th { position: relative; width: 20%; padding: 28px 26px 28px 34px; background: #fafafa; color: #333; text-align: left; font-size: 15px; font-weight: 500; line-height: 1.7; letter-spacing: 0.08em; } /* =================================== ピンクライン 文字の1行目中央に配置 =================================== */ .joy-recruit-table th::before { content: ""; position: absolute; top: calc(28px + 0.85em); left: 0; transform: translateY(-50%); width: 4px; height: 30px; background: #EA0053; border-radius: 0 4px 4px 0; } /* =================================== 右側 =================================== */ .joy-recruit-table td { width: 80%; padding: 28px 34px; background: #fff; color: #444; font-size: 15px; font-weight: 400; line-height: 1.85; letter-spacing: 0.04em; } .joy-recruit-table p { margin: 0 0 7px; } /* =================================== メイン文字 =================================== */ .joy-main-text { margin-bottom: 12px !important; color: #222; font-size: 17px; font-weight: 600; } /* =================================== 注釈 =================================== */ .joy-note { color: #888; font-size: 13px; } /* =================================== ピンク強調 =================================== */ .joy-catch { display: inline-block; margin: 10px 0 12px !important; padding: 7px 14px; background: #fff3f7; color: #EA0053; border-radius: 6px; font-size: 14px; font-weight: 500; } /* =================================== 小見出し =================================== */ .joy-mini-block { margin-top: 20px; } .joy-mini-block h4, .joy-shop-group h4, .joy-training h4, .joy-about h4, .joy-shop-info h4 { margin: 0 0 8px; color: #333; font-size: 15px; font-weight: 600; } /* =================================== リスト =================================== */ .joy-recruit-table .joy-list, .joy-recruit-table .joy-work-list { margin: 8px 0 0; padding: 0 !important; list-style: none !important; } /* リスト項目 */ .joy-recruit-table .joy-list li, .joy-recruit-table .joy-work-list li { position: relative; margin: 0 0 6px; padding: 0 0 0 20px; list-style: none !important; line-height: 1.85; } /* 標準マーカー非表示 */ .joy-recruit-table .joy-list li::marker, .joy-recruit-table .joy-work-list li::marker { content: ""; } /* =================================== ● マーカー =================================== */ .joy-recruit-table .joy-list li::before { content: "●"; position: absolute; left: 0; top: 1.35em; transform: translateY(-50%); color: #EA0053; font-size: 10px; line-height: 1; } /* =================================== ◆ マーカー =================================== */ .joy-recruit-table .joy-work-list li::before { content: "◆"; position: absolute; left: 0; top: 1.35em; transform: translateY(-50%); color: #EA0053; font-size: 10px; line-height: 1; } /* =================================== 福利厚生 =================================== */ .joy-benefits-main { margin-bottom: 24px; } /* =================================== 採用フロー =================================== */ .joy-flow { margin-bottom: 30px; } .joy-flow-item { display: flex; align-items: flex-start; gap: 18px; padding: 20px 22px; background: #fafafa; border-radius: 10px; } .joy-flow-number { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 46px; height: 46px; background: #EA0053; color: #fff; border-radius: 50%; font-size: 13px; font-weight: 600; } .joy-flow-item h4 { margin: 0 0 5px; font-size: 16px; font-weight: 600; } .joy-flow-arrow { padding: 8px 0; text-align: center; color: #EA0053; font-size: 15px; } /* =================================== ジョイネットについて =================================== */ .joy-about { margin-top: 28px; padding: 24px; background: #fff7fa; border-radius: 10px; } .joy-about h4 { color: #EA0053; } /* =================================== 残業なし部分 =================================== */ .joy-training { margin-top: 24px; padding: 22px 24px; background: #fafafa; border-left: 3px solid #EA0053; border-radius: 6px; } .joy-training h4 { color: #EA0053; } /* =================================== 店舗情報 =================================== */ .joy-shop-info { margin-top: 26px; } .joy-shop-info > h4 { padding-bottom: 8px; color: #EA0053; border-bottom: 1px solid #eeeeee; } .joy-shop-group { margin-top: 18px; } .joy-shop-group h4 { color: #333; } .joy-shop-group p { margin-bottom: 10px; } /* =================================== ホバー =================================== */ .joy-recruit-table tr:hover th { background: #fff7fa; } /* =================================== タブレット =================================== */ @media screen and (max-width: 767px) { .joy-recruit-table-wrap { border-radius: 10px; } .joy-recruit-table th { width: 36%; padding: 22px 15px 22px 20px; font-size: 13px; line-height: 1.6; } /* ピンクラインを文字の中央に */ .joy-recruit-table th::before { top: calc(22px + 0.8em); width: 3px; height: 26px; } .joy-recruit-table td { width: 64%; padding: 22px 18px; font-size: 14px; line-height: 1.75; } .joy-main-text { font-size: 15px; } .joy-recruit-table .joy-list li, .joy-recruit-table .joy-work-list li { padding-left: 18px; line-height: 1.75; } .joy-recruit-table .joy-list li::before, .joy-recruit-table .joy-work-list li::before { top: 1.30em; font-size: 9px; } } /* =================================== スマートフォン =================================== */ @media screen and (max-width: 480px) { .joy-recruit-table th { width: 38%; padding: 18px 9px 18px 17px; font-size: 12px; line-height: 1.55; letter-spacing: 0.03em; } /* ピンクラインを文字の中央に */ .joy-recruit-table th::before { top: calc(18px + 0.775em); width: 3px; height: 26px; } .joy-recruit-table td { width: 62%; padding: 18px 12px; font-size: 13px; line-height: 1.7; letter-spacing: 0.02em; word-break: break-word; } .joy-main-text { font-size: 14px; } .joy-note { font-size: 11px; } .joy-catch { padding: 6px 8px; font-size: 12px; } .joy-about, .joy-training { padding: 15px; } .joy-flow-item { display: block; padding: 15px; } .joy-flow-number { width: 38px; height: 38px; margin-bottom: 10px; font-size: 11px; } .joy-recruit-table .joy-list li, .joy-recruit-table .joy-work-list li { padding-left: 16px; line-height: 1.7; } .joy-recruit-table .joy-list li::before, .joy-recruit-table .joy-work-list li::before { top: 1.25em; font-size: 9px; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-b1a8b20 *//* =================================== JOYNET 募集要項 CSS完全版 テーマカラー #EA0053 =================================== */ .joy-recruit-table-wrap { width: 100%; max-width: 1100px; margin: 0 auto; background: #fff; border: 1px solid #eeeeee; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05); } /* =================================== テーブル =================================== */ .joy-recruit-table { width: 100%; border-collapse: collapse; table-layout: fixed; color: #444; } .joy-recruit-table th, .joy-recruit-table td { border-bottom: 1px solid #eeeeee; vertical-align: top; } .joy-recruit-table tr:last-child th, .joy-recruit-table tr:last-child td { border-bottom: none; } /* =================================== 左側：項目 =================================== */ .joy-recruit-table th { position: relative; width: 20%; padding: 28px 26px 28px 34px; background: #fafafa; color: #333; text-align: left; font-size: 15px; font-weight: 500; line-height: 1.7; letter-spacing: 0.08em; } /* =================================== ピンクライン 文字の1行目中央に配置 =================================== */ .joy-recruit-table th::before { content: ""; position: absolute; top: calc(28px + 0.85em); left: 0; transform: translateY(-50%); width: 4px; height: 30px; background: #EA0053; border-radius: 0 4px 4px 0; } /* =================================== 右側 =================================== */ .joy-recruit-table td { width: 80%; padding: 28px 34px; background: #fff; color: #444; font-size: 15px; font-weight: 400; line-height: 1.85; letter-spacing: 0.04em; } .joy-recruit-table p { margin: 0 0 7px; } /* =================================== メイン文字 =================================== */ .joy-main-text { margin-bottom: 12px !important; color: #222; font-size: 17px; font-weight: 600; } /* =================================== 注釈 =================================== */ .joy-note { color: #888; font-size: 13px; } /* =================================== ピンク強調 =================================== */ .joy-catch { display: inline-block; margin: 10px 0 12px !important; padding: 7px 14px; background: #fff3f7; color: #EA0053; border-radius: 6px; font-size: 14px; font-weight: 500; } /* =================================== 小見出し =================================== */ .joy-mini-block { margin-top: 20px; } .joy-mini-block h4, .joy-shop-group h4, .joy-training h4, .joy-about h4, .joy-shop-info h4 { margin: 0 0 8px; color: #333; font-size: 15px; font-weight: 600; } /* =================================== リスト =================================== */ .joy-recruit-table .joy-list, .joy-recruit-table .joy-work-list { margin: 8px 0 0; padding: 0 !important; list-style: none !important; } /* リスト項目 */ .joy-recruit-table .joy-list li, .joy-recruit-table .joy-work-list li { position: relative; margin: 0 0 6px; padding: 0 0 0 20px; list-style: none !important; line-height: 1.85; } /* 標準マーカー非表示 */ .joy-recruit-table .joy-list li::marker, .joy-recruit-table .joy-work-list li::marker { content: ""; } /* =================================== ● マーカー =================================== */ .joy-recruit-table .joy-list li::before { content: "●"; position: absolute; left: 0; top: 1.35em; transform: translateY(-50%); color: #EA0053; font-size: 10px; line-height: 1; } /* =================================== ◆ マーカー =================================== */ .joy-recruit-table .joy-work-list li::before { content: "◆"; position: absolute; left: 0; top: 1.35em; transform: translateY(-50%); color: #EA0053; font-size: 10px; line-height: 1; } /* =================================== 福利厚生 =================================== */ .joy-benefits-main { margin-bottom: 24px; } /* =================================== 採用フロー =================================== */ .joy-flow { margin-bottom: 30px; } .joy-flow-item { display: flex; align-items: flex-start; gap: 18px; padding: 20px 22px; background: #fafafa; border-radius: 10px; } .joy-flow-number { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 46px; height: 46px; background: #EA0053; color: #fff; border-radius: 50%; font-size: 13px; font-weight: 600; } .joy-flow-item h4 { margin: 0 0 5px; font-size: 16px; font-weight: 600; } .joy-flow-arrow { padding: 8px 0; text-align: center; color: #EA0053; font-size: 15px; } /* =================================== ジョイネットについて =================================== */ .joy-about { margin-top: 28px; padding: 24px; background: #fff7fa; border-radius: 10px; } .joy-about h4 { color: #EA0053; } /* =================================== 残業なし部分 =================================== */ .joy-training { margin-top: 24px; padding: 22px 24px; background: #fafafa; border-left: 3px solid #EA0053; border-radius: 6px; } .joy-training h4 { color: #EA0053; } /* =================================== 店舗情報 =================================== */ .joy-shop-info { margin-top: 26px; } .joy-shop-info > h4 { padding-bottom: 8px; color: #EA0053; border-bottom: 1px solid #eeeeee; } .joy-shop-group { margin-top: 18px; } .joy-shop-group h4 { color: #333; } .joy-shop-group p { margin-bottom: 10px; } /* =================================== ホバー =================================== */ .joy-recruit-table tr:hover th { background: #fff7fa; } /* =================================== タブレット =================================== */ @media screen and (max-width: 767px) { .joy-recruit-table-wrap { border-radius: 10px; } .joy-recruit-table th { width: 36%; padding: 22px 15px 22px 20px; font-size: 13px; line-height: 1.6; } /* ピンクラインを文字の中央に */ .joy-recruit-table th::before { top: calc(22px + 0.8em); width: 3px; height: 26px; } .joy-recruit-table td { width: 64%; padding: 22px 18px; font-size: 14px; line-height: 1.75; } .joy-main-text { font-size: 15px; } .joy-recruit-table .joy-list li, .joy-recruit-table .joy-work-list li { padding-left: 18px; line-height: 1.75; } .joy-recruit-table .joy-list li::before, .joy-recruit-table .joy-work-list li::before { top: 1.30em; font-size: 9px; } } /* =================================== スマートフォン =================================== */ @media screen and (max-width: 480px) { .joy-recruit-table th { width: 38%; padding: 18px 9px 18px 17px; font-size: 12px; line-height: 1.55; letter-spacing: 0.03em; } /* ピンクラインを文字の中央に */ .joy-recruit-table th::before { top: calc(18px + 0.775em); width: 3px; height: 26px; } .joy-recruit-table td { width: 62%; padding: 18px 12px; font-size: 13px; line-height: 1.7; letter-spacing: 0.02em; word-break: break-word; } .joy-main-text { font-size: 14px; } .joy-note { font-size: 11px; } .joy-catch { padding: 6px 8px; font-size: 12px; } .joy-about, .joy-training { padding: 15px; } .joy-flow-item { display: block; padding: 15px; } .joy-flow-number { width: 38px; height: 38px; margin-bottom: 10px; font-size: 11px; } .joy-recruit-table .joy-list li, .joy-recruit-table .joy-work-list li { padding-left: 16px; line-height: 1.7; } .joy-recruit-table .joy-list li::before, .joy-recruit-table .joy-work-list li::before { top: 1.25em; font-size: 9px; } }/* End custom CSS */