/* * 採用情報 * 共通 */ a{ color:var(--nx-primary-color); } a:hover, a:active, a:focus{ color:var(--nx-primary-color-hover); } .logo span{ margin-left:12px; } .highlight{ font-weight:bold; } .well{ box-shadow:none; text-align:center; } .page h2.wp-block-heading{ position:relative; width:fit-content !important; z-index:0; font-weight:bold !important; } .page h2.wp-block-heading:after{ content:''; display:block; position:absolute; left:0; right:0; bottom:0; height:10px; border-radius:10px; background-color:#38ff2b; z-index:-1; background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201196.7%2069.51'%20preserveAspectRatio='none'%3E%3Cpath%20d='M22.02,69.42c92.36-9.34,184.98-16.12,277.72-20.31,92.56-4.18,185.23-5.8,277.88-4.85,92.61.94,185.2,4.44,277.62,10.52,39.95,2.63,79.97,4.31,119.97,5.81,60.29,2.27,120.78,4.2,181.11,2.38,6.12-.18,12.24-.43,18.36-.74,11.47-.59,22.55-9.7,22-22-.51-11.42-9.69-22.63-22-22-59.05,3.02-118.45,1.12-177.5-.86-44.52-1.49-89.05-3.38-133.51-6.05-83.77-5.03-167.5-9.16-251.42-10.59-92.97-1.59-185.99-.59-278.91,2.98C240.87,7.27,148.5,13.38,56.38,22.06c-11.46,1.08-22.91,2.2-34.36,3.36S-.55,34.71.02,47.42c.49,10.93,9.74,23.24,22,22h0Z'%20fill='%2338ff2b'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:100% 100%; background-position:left bottom; } .page h3.wp-block-heading{ position:relative; display:flex; align-items:center; } .page h3.wp-block-heading:before{ content:''; display:inline-block; width:18px; height:22px; background-repeat:no-repeat; margin-right:9px; background-size:contain; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2013.21%2016.13%22%3E%3Cpath%20d%3D%22M4.09%2C15.79c3.18-2.09%2C6.04-4.65%2C8.39-7.65.41-.52.76-1.07.73-1.77-.03-.65-.24-1.31-.73-1.77-1.18-1.1-2.58-1.69-4.04-2.32S5.46.99%2C3.97.34C3.33.06%2C2.74-.1%2C2.04.09%2C1.46.25.83.7.55%2C1.24-.02%2C2.32.16%2C4.1%2C1.44%2C4.66c1.42.62%2C2.85%2C1.24%2C4.27%2C1.85.64.28%2C1.29.55%2C1.92.85.27.13.54.27.8.42.02.01.45.3.45.29l-.22-.17c.09.08.18.16.27.24v-3.54c-1.09%2C1.39-2.28%2C2.69-3.57%2C3.89-.64.59-1.3%2C1.14-1.97%2C1.69-.45.36.32-.23-.1.08-.21.15-.41.31-.62.45-.37.26-.74.51-1.11.76-1.09.72-1.66%2C2.24-.9%2C3.42.7%2C1.09%2C2.25%2C1.67%2C3.42.9h0Z%22%20style%3D%22fill%3A%20%2338ff2b%3B%22/%3E%3C/svg%3E"); } .page h4.wp-block-heading{ position:relative; display:flex; align-items:center; } .page h4.wp-block-heading:before{ content:''; display:inline-block; width:20px; height:20px; background-repeat:no-repeat; margin-right:9px; background-size:contain; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2017.35%22%3E%3Cpath%20d%3D%22M3.42%2C16.96c-.47-.32-.66-.91-.4-1.42.22-.43.51-.8.81-1.2l4.01-5.23%2C2.5-3.39%2C1.89-2.53c.58-.78%2C1.16-1.52%2C1.81-2.25.25-.28.51-.54.88-.64.62-.16%2C1.3.06%2C1.68.58.24.33.22.76.02%2C1.12-.34.62-.76%2C1.18-1.2%2C1.75l-7.25%2C9.48-2.01%2C2.55c-.64.81-1.61%2C1.95-2.75%2C1.18Z%22%20style%3D%22fill%3A%20%2338ff2b%3B%22/%3E%3Cpath%20d%3D%22M8.98%2C3.58c.21%2C3.24-2.59%2C5.43-5.56%2C5.27-1.54-.08-2.79-1.13-3.2-2.61-.48-1.76.07-3.63%2C1.32-4.93C2.52.29%2C3.93-.12%2C5.3.18c1.05%2C0%2C2.11.6%2C2.81%2C1.34.55.57.81%2C1.27.87%2C2.06ZM4.24%2C6.38c.79-.17%2C1.42-.68%2C1.76-1.38.37-.76.18-1.61-.48-2.12s-1.52-.46-2.06.16c-.69.79-.83%2C1.98-.26%2C2.86.23.36.61.57%2C1.04.48Z%22%20style%3D%22fill%3A%20%2338ff2b%3B%22/%3E%3Cpath%20d%3D%22M15.7%2C17.07c-1.83.08-3.81-.71-4.47-2.5-.46-1.24-.28-2.58.42-3.69.77-1.23%2C2.14-2.38%2C3.68-2.12%2C1.49-.42%2C3.38.43%2C4.12%2C1.79.63%2C1.16.66%2C2.53.18%2C3.75-.65%2C1.64-2.16%2C2.71-3.93%2C2.78ZM16.6%2C14.1c.48-.59.67-1.37.5-2.09-.13-.53-.51-.89-1.05-.96-.41-.05-.84%2C0-1.21.21-.82.48-1.23%2C1.49-.95%2C2.39.17.56.67.91%2C1.18%2C1.01.59.12%2C1.15-.08%2C1.54-.56Z%22%20style%3D%22fill%3A%20%2338ff2b%3B%22/%3E%3C/svg%3E"); } #single .entry-content img{ border-radius:0; display:inline-block; } .wp-block-image .aligncenter{ text-align:center; } .content-section .content-section-inner{ padding-top:36px; padding-bottom:36px; } .content-group .copy-head{ position:relative; } .content-group .copy-head h1, .content-group .copy-head h2{ font-size:2.214em; line-height:1.25; margin-bottom:18px; } .content-group .copy-head p{ font-size:1.286em; line-height:1.25; margin-bottom:18px; font-weight:bold; } .content-group .copy-body p{ font-size:1.143em; line-height:1.7; margin-bottom:30px; } .btn-primary{ background-color:var(--nx-primary-color); color:#fff; border:1px solid var(--nx-primary-color); } .btn-primary:hover, .btn-primary:active, .btn-primary:focus{ background-color:var(--nx-primary-color-hover); border-color:var(--nx-primary-color-hover); } .btn-primary-ghost{ background-color:transparent; color:var(--nx-primary-color); border:1px solid var(--nx-primary-color); } .btn-primary-ghost:hover, .btn-primary-ghost:active, .btn-primary-ghost:focus{ border-color:var(--nx-primary-color-hover); color:var(--nx-primary-color-hover); } .pagination .btn-pager{ background-color:var(--nx-primary-color); } .passing .anm-bar::before{ background:#eee !important; } .catch-copy{ text-transform:uppercase; font-feature-settings:"palt"; } .passing .anm-bar::before{ background:var(--nx-grayscale-color:100); } .page-meta{ padding-top:0; padding-bottom:0; display:flex; align-items:flex-start; margin-left:-12px; margin-right:-12px; } .page-meta .page-title{ font-size:2.571em; } .page-meta .page-summary{ font-size:1.143em; } .careers-hero-section{ position:relative; } .grid-layout.row-layout{ margin:0; } .grid-layout.row-layout .col-layout{ padding:0; padding-right:var(--box-spacing); } .grid-layout.row-layout .col-picture{ padding:0; } /* Global Component */ #careers-cta .container{ padding-top:36px; padding-bottom:36px; } #careers-cta .row-layout{ margin-left:-6px; margin-right:-6px; } #careers-cta .row-layout .col-layout{ padding:18px 6px 24px; } #careers-cta .col-cta .box{ border:1px solid #e3e8ee; border-radius:6px; padding:24px 28px; } #careers-cta .col-cta .title{ font-size:16px; font-weight:bold; margin-top:0; margin-bottom:6px; } #careers-cta .col-cta .text{ font-size:16px; margin-top:0; margin-bottom:18px; } #careers-cta .col-cta .btn{ font-size:12px; padding:10px 12px; border-radius:12px; } #careers-cta .col-cta .btn-default{ background:#fff; border-color:#fff; } #careers-mobilecta .cta-group .cta{ width:50%; text-align:center; font-weight:bold; } #careers-mobilecta .cta-group .cta a:hover, #careers-mobilecta .cta-group .cta a:focus, #careers-mobilecta .cta-group .cta a:active{ text-decoration:none; } #careers-mobilecta .cta-group .cta.cta-session{ background:#000; } #careers-mobilecta .cta-group .cta.cta-entry{ background:var(--nx-primary-color); } #careers-mobilecta .cta-group .cta.cta-entry a{ color:#000; } #single .careers-nav ul.wp-block-list li{ list-style:none; background:#f5f5f5; margin:0; padding:8px 12px; border-radius:0.5rem; font-size:0.875rem; } #single .careers-nav ul.wp-block-list li:not(:last-child){ margin-bottom:0.625rem; } #single #careers-article-list{ margin:2rem auto; } #single #careers-article-list .row{ margin-bottom:0; } #careers-article-list .entry-content div, #careers-article-list .entry-content p, #careers-article-list .entry-content, #careers-article-list .entry{ width:100%; margin-bottom:0 !important; padding-bottom:0; } #careers-article-list .entry-content .posted-on{ font-size:0.825rem; color:#999; } /* Component */ .single #blog-contents{ padding-top:0; } #single .entry-content p a:not(.btn){ color:var(--nx-grayscale-color-100); text-decoration-line:underline; text-decoration-thickness:1px; text-underline-offset:.25rem } #single .entry-content p a:hover{ color:var(--nx-grayscale-color-60); } #single .entry-content h1{ font-size:clamp(2rem,calc(2rem + 2 * ((100vw - 23.4375rem) / 66.5625)),3.5rem); line-height:clamp(2.28rem,calc(2.28rem + 1.72 * ((100vw - 23.4375rem) / 66.5625)),4rem); font-weight:500; text-align:center; } #single .entry-container .entry-thumbnail{ margin-bottom:0; } #single .entry-content .entry-title{ display:block; text-decoration:none; margin-bottom:0.75rem; } #single .entry-content .entry-title .text-h5{ line-height:1.45; } #single .entry-content .wp-block-image.size-full, #single .entry-content .wp-block-image.size-large{ width:100%; margin:0 auto; margin-bottom:4rem; text-align:center; } #single .entry-content .wp-block-image.size-full img, #single .entry-content .wp-block-image.size-large img{ margin:0 auto; } #single .entry-content table{ border-collapse: separate; white-space:normal; } #single .entry-content table thead th{ border:none; font-size:13px; font-weight:400; } #single .entry-content table tbody{ font-size:14px; line-height:20px; vertical-align:top; } #single .entry-content table tbody tr td, #single .entry-content table tbody tr th{ border:none; border-bottom:1px solid #ebeef1; } #single .entry-content table tbody tr:first-child td, #single .entry-content table tbody tr:first-child th{ border-top:1px solid #ebeef1; } #single .entry-content table tbody tr:first-child td:first-child{ border-top-left-radius:4px; } #single .entry-content table tbody tr:first-child td:last-child{ border-top-right-radius:4px; } #single .entry-content table tbody tr:last-child td:first-child{ border-bottom-left-radius:4px; } #single .entry-content table tbody tr:last-child td:last-child{ border-bottom-right-radius:4px; } #single .entry-content table tbody tr td:first-child{ border-left:1px solid #ebeef1; } #single .entry-content table tbody tr td:last-child{ border-right:1px solid #ebeef1; } #single .entry-content table tbody tr:nth-child(2n+1) td, #single .entry-content table tbody tr:nth-child(2n+1) th{ background:#f7fafc; } #single .entry-content table .col-place{ font-size:14px; margin-bottom:0; } #single .entry-content .wp-block-columns, #single .entry-content .wp-block-column{ margin-bottom:0; } /* * 採用情報 - 仲間を知る * careers/people/ */ #careers-people-index .entry-content .people{ width:1280px; margin:0 auto; } .people .row-people{ margin-right:-6px; margin-left:-6px; } .people .row-people .col-people{ padding:0 6px; } .people .row-people .col-people:hover>.name, .people .row-people .col-people:focus>.name, .people .row-people .col-people:active>.name{ color:var(--nx-primary-color); text-decoration:none; } .people .row-people .col-people .people-thumbnail{ margin-bottom:10px !important; } .people .row-people .col-people .people-thumbnail img{ max-width:100%; border-radius:0; margin-bottom:0; } .people .row-people .col-people .name{ font-size:14px !important; color:var(--nx-grayscale-color:100); margin-bottom:0 !important; } /* * 採用情報 - 仲間を知る - 詳細 * careers/people/xxxxx */ #hero-careers-people-single .hero-section-inner{ background-image: url(/uploads/2021/08/satsudai.png); height:600px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; } #hero-careers-people-single .hero-section-inner .container{ position:relative; } #hero-careers-people-single .hero-section-inner .meta-container{ height:600px; display:flex; align-items:flex-end; } #hero-careers-people-single .meta{ margin-bottom:48px; } #hero-careers-people-single .meta .main-title{ font-size:4.071em; margin-bottom:6px; } #hero-careers-people-single .meta .sub-title{ font-size:1.286em; font-weight:bold; text-transform:uppercase; font-family:var(--secondary-font-family); } #hero-careers-people-single .meta .job-post{ font-size:1.571em; margin-bottom:10px; } #careers-people-single img{ max-width:100%; height:auto; } #careers-people-single .wp-block-image{ margin-bottom:60px; } #careers-people-interview{ padding:60px 0; } #careers-people-interview .content-section-inner{ padding-bottom:0; } #careers-people-interview .nav{ font-size: 1.286em; } #careers-people-interview .faq.question{ font-size:1.143em; font-weight:500; margin-bottom:24px; display:inline-block; padding:0 3px; } #careers-people-interview .faq.question:before{ content:''; display:inline-block; width:36px; height:1px; background:var(--nx-grayscale-color:100); margin:0 6px 0 0; position:relative; top:-6px; } #careers-people-interview .faq.answer-title{ font-size:1.571em; font-weight:bold; margin-bottom:12px; line-height:1.2; margin-left:44px; } #careers-people-interview .faq.answer-content{ margin-left:44px; margin-bottom:72px; font-size:1.143em; } #careers-people-interview .wp-block-columns{ font-size:1.286em; margin-bottom:48px; } #careers-people-interview .wp-block-columns strong{ font-weight:500; } #careers-people-single #careers-recommended-people .col.person:not(:nth-child(4)){ border-left: 1px solid var(--grid-border-color);} #job-list .job-item .job-content{ margin-bottom:0; } #job-list .job-item .job .text-h4{ margin-bottom:.5rem; } #job-list .job-item .job .text-p1{ margin-bottom:0; } /************** * Responsive * **************/ @media only screen and (min-width:1025px) and (max-width:1280px) { .hero-image-01{ top:6rem; left:-60%; } .hero-image-02{ top:4rem; right:-65%; } } /* 768 - 1024 */ @media only screen and (min-width:768px) and (max-width:1024px) { /* * 採用情報 * 変数 */ :root{ --ln-height:48px; --box-spacing:48px; } #single .entry-content ul li{ margin-left:15px; } .panel-default .panel-title a{ color:#000; } .single .col-blog-single.col-toc{ display:block; } .text-hero br{ display:inline; } /* * 採用情報 - 仲間を知る * careers/people/ */ #careers-people-index .content-section-inner{ padding-bottom:0; } #careers-people-index a.col{ flex-direction:column; } #careers-people-index .people-thumbnail{ margin-bottom:12px; } #careers-people-index h4{ font-size:1em; writing-mode:horizontal-tb; } #careers-people-index .post{ font-size:0.714em; writing-mode:horizontal-tb; margin-bottom:3px; } #careers-people-index{ padding-top:0; } #careers-people-index .local-headline .title .main-title{ font-size:2.214em; text-align:center; } /* * 採用情報 - 仲間を知る - 詳細 * careers/people/xxxxx */ #hero-careers-people-single .hero-section-inner, #hero-careers-people-single .hero-section-inner .container-fluid{ height:380px; background-position:50% bottom; } #hero-careers-people-single .meta{ margin-bottom:24px; } #hero-careers-people-single .meta .main-title{ font-size:1.929em; } #hero-careers-people-single .meta .job-post, #hero-careers-people-single .meta .sub-title{ font-size:1em; } #careers-people-single #careers-recommended-people{ border-bottom:none; } #careers-people-single #careers-recommended-people .content-title{ margin-bottom:36px; font-size:1.929em; } #careers-people-single #careers-recommended-people .content-section-inner{ padding-top:0; } #careers-people-interview{ padding-top:18px; } #careers-people-interview .wp-block-columns{ font-size:1em; margin-bottom:24px; } #careers-people-interview .wp-block-columns .wp-block-column:first-child{ flex-basis:25% !important; } #careers-people-interview .wp-block-columns .wp-block-column:last-child{ flex-basis:75% !important; } } @media only screen and (min-width:320px) and (max-width:860px){ } /* 320 - 767 */ @media only screen and (min-width:320px) and (max-width:767px) { /* * 採用情報 * 変数 */ :root{ --ln-height:48px; } .table-responsive{ border:none; } .wp-block-table{ width:100%; overflow-y:hidden; min-height:.01%; overflow-x:auto; } .wp-block-table>table{ width:auto !important; } .wp-block-table>table>tbody>tr>td, .wp-block-table>table>tbody>tr>th, .wp-block-table>table>tfoot>tr>td, .wp-block-table>table>tfoot>tr>th, .wp-block-table>table>thead>tr>td, .wp-block-table>.table>thead>tr>th{ white-space:nowrap } #single .entry-content ul li{ margin-left:15px; } #gn-menu a i:before, #gn-menu a i:after{ background:#000; } #globalnav #gn-mobile .panel-group .panel:not(:last-child) a{ border-color:#e3e8ee; } #globalnav #gn-mobile .panel-default .panel-title a, #globalnav #gn-mobile .panel a, .panel-default .panel-title a{ color:#000; } #careers-header .ln-cta{ padding-left:0; } #careers-cta .row-layout .col-layout{ padding-top:12px; padding-bottom:12px; } .archive .col-primary{ width:100%; flex-basis:100%; } .archive .col-secondary{ width:0; flex-basis:0; } .entries{ width:auto; max-width:100%; } .hero-image{ display:none; } /* * 採用情報 - 仲間を知る * careers/people/ */ #careers-people-index .content-section-inner{ padding-bottom:0; } #careers-people-index a.col{ padding:0 12px 12px 0; flex-direction:column; } #careers-people-index a.col:nth-child(odd){ border-left:none; } #careers-people-index .people-thumbnail{ margin-bottom:12px; } #careers-people-index h4{ font-size:1.143em; writing-mode:horizontal-tb; } #careers-people-index .post{ font-size:0.929em; writing-mode:horizontal-tb; margin-bottom:3px; } #careers-people-index{ padding-top:0; } #careers-people-index .local-headline .title .main-title{ font-size:2.214em; text-align:center; } /* * 採用情報 - 仲間を知る - 詳細 * careers/people/xxxxx */ #hero-careers-people-single .hero-section-inner, #hero-careers-people-single .hero-section-inner .container-fluid{ height:380px; background-position:50% bottom; } #hero-careers-people-single .meta{ margin-bottom:24px; } #hero-careers-people-single .meta .main-title{ font-size:1.929em; } #hero-careers-people-single .meta .job-post, #hero-careers-people-single .meta .sub-title{ font-size:1em; } #careers-people-single #careers-recommended-people .content-title{ text-align:left; margin-bottom:36px; font-size:1.929em; } #careers-people-single #careers-recommended-people .content-section-inner{ padding-top:0; } #careers-people-interview{ padding-top:18px; } #careers-people-interview .wp-block-columns{ font-size:1.143em; margin-bottom:24px; } #careers-people-interview .wp-block-columns .wp-block-column:first-child{ flex-basis:25% !important; } #careers-people-interview .wp-block-columns .wp-block-column:last-child{ flex-basis:75% !important; } } @media only screen and (min-width: 768px) and (max-width:1024px) { #globalheader .gn-center{ display:none; } #globalheader #gn-menu { display:block; } .dropdown:hover .dropdown-menu { display: block; } } @media only screen and (min-width:320px) and (max-width:767px){ #globalheader .gn-center{ display:none; } #globalheader #gn-menu { display:block; } }