﻿.mv .mv-image{background-image:url(../img/job/job-mv.png)}@media(max-width: 768px){.mv .mv-image{background-image:url(../img/job/job-mv-sp.png)}}h4{text-align:center;color:#1a005d;font-size:40px;font-weight:bold}.job-page{min-height:100vh;padding:120px 0 0 0;position:relative}.job-container{margin:0 auto}.workflow-section{margin-bottom:80px;width:80%;margin:auto}.workflow-section h1{font-size:40px;font-weight:bold;text-align:center;margin-bottom:25px;padding:30px}.workflow-diagram{width:100%;margin-bottom:40px}.workflow-diagram img{width:100%;height:auto;display:block}.job-types-section{margin-top:150px;margin-bottom:150px}.job-types-section h1{font-size:40px;font-weight:bold;text-align:center;margin-bottom:25px;padding:100px}.background-box{background-color:#e4f0c0}.job-type-section{padding:120px 0 150px 0;width:80%;margin:auto}.job-type-section h4{font-size:40px;font-weight:bold;text-align:center;padding-top:30px}.pb-2{padding-bottom:0}.job-image{width:100%;margin:0 auto 32px;display:block;margin-top:35px}.job-image img{width:100%;height:auto;border-radius:16px}.title-name{font-family:var(--font-family-noto);font-weight:700;font-size:26px;color:var(--color-dark-purple);text-align:center;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:20px;padding-top:40px;letter-spacing:2px}.title-name::before,.title-name::after{content:"";flex:1;height:2px;background-color:var(--color-dark-purple)}.job-description{font-family:var(--font-family-noto);font-weight:400;font-size:16px;color:var(--color-black);line-height:2;margin-bottom:55px;margin-left:auto;margin-right:auto}@media(max-width: 768px){.job-description{margin-bottom:32px}}.job-details{margin-bottom:60px}@media(max-width: 768px){.job-details{margin-bottom:0}}.job-details h2{font-size:24px;font-weight:bold;text-align:center;padding-bottom:30px}.job-details-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin-bottom:16px}.job-detail-box{background-color:#fff;border-radius:24px}.job-detail-box_green{background-color:#e4f0c0;border-radius:24px}.job-detail-title{background-color:#8ec400;font-family:"Noto Sans JP",sans-serif;font-weight:700;font-size:18px;color:#fff;border-radius:24px 0 24px 0;width:fit-content;padding:10px 20px}@media(max-width: 768px){.job-detail-title{font-size:14px;padding:10px 15px}}.job-detail-text{font-family:var(--font-family-noto);font-weight:400;font-size:14px;color:var(--color-black);line-height:2.2;padding:24px 20px;padding-bottom:40px;letter-spacing:2.7px}.job-details-note{font-family:var(--font-family-noto);font-weight:400;font-size:14px;color:var(--color-black);line-height:1.8;margin-top:16px;letter-spacing:1.6px}.after-job{padding-top:210px}.after-job h2{font-size:24px;font-weight:bold;text-align:center;padding-bottom:24px}.after-job .after-job-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}.after-job .after-job-grid .after-job-box{background-color:#fff;border-radius:24px}.after-job .after-job-grid .after-job-box-title{background-color:#8ec400}.after-job .after-job-grid .job-detail-title{background-color:#8ec400;border-radius:24px 0 24px 0;font-weight:bold;padding:6px 26px;font-size:22px}@media(max-width: 768px){.after-job .after-job-grid .job-detail-title{font-size:16px}}.after-job .after-job-grid .after-job-box-text{font-family:var(--font-family-noto);font-weight:400;font-size:14px;color:var(--color-black);line-height:1.8}.recommended-section{margin-bottom:40px;position:relative;background-color:var(--color-light-green);border-radius:24px;margin-top:10px}.recommended-section h2{padding:0;margin:0;font-size:24px;font-weight:bold;text-align:center}.recommended-section .recommend-content{width:100%;position:absolute;top:12px}.recommended-section .recommend-content .recommended-box{background-color:#d0e68b;border-radius:24px;padding:28px 20px}.recommended-section_white{position:relative;border-radius:16px}.recommended-section_white h2{padding:0;margin:0;font-size:24px;font-weight:bold;text-align:left;color:var(--color-dark-purple);margin-bottom:16px}@media(max-width: 768px){.recommended-section_white h3{margin-top:32px;padding-bottom:16px}}.recommended-section_white .recommended-text{font-family:var(--font-family-momo);position:absolute;top:25px;right:0;z-index:0}.recommended-section_white .recommended-box{background-color:#e4f0c0;border-radius:24px;padding:28px 20px;position:relative;z-index:1}.recommended-text{font-size:60px;color:#e4f0c0;line-height:.8;font-weight:bold;text-align:end;letter-spacing:7.3px}.green-text{color:#d0e68a}.recommended-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:18px;padding:17px;padding-left:30px}.recommended-item{font-family:var(--font-family-noto);font-weight:bold;font-size:15px;color:var(--color-black);line-height:1.8;display:flex;align-items:center;gap:8px}@media(max-width: 768px){.recommended-item{align-items:flex-start}}.recommended-item::before{content:"●";color:var(--color-green);font-size:12px;flex-shrink:0}@media(max-width: 768px){.recommended-item::before{position:relative;top:3px}}.placement-section{margin-bottom:40px}.placement-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}.placement-box{background-color:#fff;border-radius:24px}.placement-box-title{background-color:#8ec400;font-size:18px;color:#fff;margin-bottom:12px}.placement-box-text{font-family:var(--font-family-noto);font-weight:400;font-size:14px;color:var(--color-black);line-height:1.8;padding:30px}.cta-buttons{width:80%;margin:auto;margin-bottom:100px}.cta-button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:60px auto 0;padding:35px 40px;background-color:#8ec400;border:2px solid rgba(0,0,0,0);border-radius:16px;color:var(--color-white);font-family:var(--font-family-noto);font-weight:700;font-size:18px;text-decoration:none;transition:all .3s ease;position:relative}.cta-button span{flex:1;text-align:center}@media(min-width: 769px){.cta-button:hover{transform:translateY(-2px);background-color:var(--color-white);color:#8ec400;border:3px solid #8ec400}.cta-button:hover .cta-button-icon img:first-child{opacity:0}.cta-button:hover .cta-button-icon .cta-button-icon-hover{opacity:1}}.cta-icon{width:40px;height:40px;background-color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cta-button-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.cta-button-icon img{width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.cta-button-icon .cta-button-icon-hover{position:absolute;inset:0;opacity:0}.bottom-cta-section .bottom-cta-text{text-align:center;font-size:18px;font-weight:bold;line-height:1.8;color:var(--color-dark-purple);margin-bottom:25px}.bottom-cta-section .cta-button{font-size:26px;border-radius:24px;padding:48px 32px;width:85%;margin:auto}.bottom-cta-section .cta-button .cta-button-icon{width:56px;height:56px}@media(max-width: 768px){.job-page{padding-top:60px}.job-page h1{font-size:26px}.workflow-title,.section-main-title,.job-type-title{font-size:24px}.job-details-grid{grid-template-columns:1fr}.placement-grid{grid-template-columns:1fr}.recommended-section{padding:24px}.recommended-section::before{font-size:40px}.workflow-diagram-scroll-container{position:relative;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;margin-bottom:87px}.workflow-diagram-scroll-container .workflow-diagram-image{min-width:917px;width:917px;height:auto}.workflow-diagram-scroll-container .scroll-guide{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:120px;height:120px;z-index:10;pointer-events:none;opacity:0}.workflow-diagram-scroll-container.is-inview .scroll-guide{animation:scrollGuideBlink 1s ease-in-out 3;animation-fill-mode:forwards;opacity:1}@keyframes scrollGuideBlink{0%,100%{opacity:1}50%{opacity:.3}}.job-types-section{margin-top:80px;margin-bottom:16px}.job-types-section h1{padding:0;margin-bottom:32px}.job-type-section{padding-top:46px;width:85%}.job-type-section h4{font-size:26px}.job-type-section .title-name{font-size:18px}.job-type-section .job-description{font-size:14px}.job-type-section .job-details h2{font-size:18px;padding-bottom:24px}.job-type-section .job-detail-title{font-size:16px}}@media(max-width: 768px)and (max-width: 768px){.recommended-section h3{padding-bottom:0}}@media(max-width: 768px){.recommended-section{padding:0;margin-top:40px}.recommended-section h2{font-size:18px}.recommended-section .recommend-content{position:static;margin-top:24px}}@media(max-width: 768px)and (max-width: 768px){.recommended-section .recommend-content{margin-top:16px}}@media(max-width: 768px){.recommended-section .recommended-text{color:#d0e68a;font-size:32px;letter-spacing:4.5px;text-align:left;margin-left:5px}.recommended-section .recommended-list{display:block;padding:0;padding-left:10px;padding-right:30px}.after-job{padding:0}.after-job h2{font-size:18px}.after-job .after-job-grid{display:block}.after-job .after-job-box{margin-bottom:16px}.after-job .after-job-box h3{font-size:16px !important}.job-type-section{padding-bottom:64px}.job-image{margin-bottom:0}}@media(max-width: 768px)and (max-width: 768px){.job-image{margin-top:24px}}@media(max-width: 768px){.recommended-section_white h2{font-size:18px}.recommended-section_white .recommended-text{color:#e4f0c0;font-size:32px;letter-spacing:4px;text-align:left;position:relative;top:3px;left:6px}.recommended-section_white .recommended-list{display:block;padding:0}.recommended-section_white .recommended-list .recommended-item{font-size:14px;line-height:2.2}.bottom-cta-section .bottom-cta-text{font-size:14px;width:85%;margin:auto;margin-bottom:30px;text-align:left}.bottom-cta-section{padding-top:0}.cta-buttons{width:100%;margin-bottom:64px}.cta-buttons .cta-button{font-size:20px;padding:41px 32px;border-radius:16px}.cta-buttons .cta-button .cta-button-icon{width:32px;height:32px}}