.occupation{padding-top:calc(50 * var(--base-font, 1) / 10)}@media (min-width: 768px){.occupation{padding-top:min(7.8125vw,100px)}}.occupation-list{display:grid}@media (max-width: 767.98px){.occupation-list{grid-template-columns:repeat(2,1fr);gap:calc(12 * var(--base-font, 1) / 10) calc(13 * var(--base-font, 1) / 10)}}@media (min-width: 768px){.occupation-list{grid-template-columns:repeat(4,1fr);gap:min(1.875vw,24px)}}.occupation-card{border-radius:10px;box-shadow:0 0 14px #d3d3d34d;transition:box-shadow .3s ease}.occupation-card:focus{box-shadow:0 0 14px #59595966}@media (hover: hover) and (pointer: fine){.occupation-card:hover{box-shadow:0 0 14px #59595966}}.occupation-card__thumbnail{width:100%;aspect-ratio:312/216}@media (min-width: 768px){.occupation-card__thumbnail{aspect-ratio:232/160}}.occupation-card__thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.occupation-card__link{display:block;width:100%;overflow:hidden;border:1px solid #c6c6c6}@media (max-width: 767.98px){.occupation-card__link{border-radius:calc(10 * var(--base-font, 1) / 10)}}@media (min-width: 768px){.occupation-card__link{border-radius:10px}}.occupation-card__link .occupation-card__arrow{transition:transform .3s ease}@media (max-width: 767.98px){.occupation-card__link .occupation-card__arrow .c-icon{width:calc(18 * var(--base-font, 1) / 10)}}.occupation-card__link:focus .occupation-card__arrow{transform:translate(4px)}@media (hover: hover) and (pointer: fine){.occupation-card__link:hover .occupation-card__arrow{transform:translate(4px)}}.occupation-card__content{display:grid;align-items:center;justify-content:space-between}@media (max-width: 767.98px){.occupation-card__content{grid-template-columns:1fr calc(23 * var(--base-font, 1) / 10);height:calc(14 * var(--base-font, 1) / 10 * 3 * 1.4 + 16 * var(--base-font, 1) / 10);padding-inline:calc(10 * var(--base-font, 1) / 10) calc(9 * var(--base-font, 1) / 10)}}@media (min-width: 768px){.occupation-card__content{grid-template-columns:1fr min(1.40625vw,18px);height:calc(min(1.09375vw,14px)*2.8 + min(1.5625vw,20px));padding-inline:min(1.25vw,16px);padding-bottom:1px;background-color:#fff}}.occupation-card__name{line-height:1;letter-spacing:.05em}@media (max-width: 767.98px){.occupation-card__name{font-size:calc(14 * var(--base-font, 1) / 10);line-height:1.4}}@media (min-width: 768px){.occupation-card__name{font-size:min(1.09375vw,14px)}}.lower-kv-detail{position:relative;overflow:clip}.occupation-detail-line__path{opacity:0}.occupation-kv-line{position:absolute;top:38%;left:50%;content:"";transform:translate(-50%,-50%)}@media (max-width: 767.98px){.occupation-kv-line{width:calc(494 * var(--base-font, 1) / 10)}}@media (min-width: 768px){.occupation-kv-line{width:min(173.4375vw,2220px)}}@media (min-width: 1280px){.occupation-kv-line{top:38%;width:179.6875vw;height:90%}}.occupation-detail-kv-column{position:relative;z-index:1;display:grid;align-items:center;justify-content:space-between}@media (max-width: 767.98px){.occupation-detail-kv-column{flex-direction:column;gap:calc(20 * var(--base-font, 1) / 10);padding-block:calc(48 * var(--base-font, 1) / 10)}}@media (min-width: 768px){.occupation-detail-kv-column{grid-template-columns:1fr min(37.5vw,480px);padding-block:min(4.6875vw,60px) min(5.46875vw,70px)}}.occupation-detail-title-wrap{opacity:0}.occupation-detail-title-wrap .occupation-detail-en-title{width:-moz-fit-content;width:fit-content;font-family:Hanken Grotesk,sans-serif;line-height:1;letter-spacing:.1em;background:radial-gradient(62.24% 62.24% at 50% 50%,#333 57%,#00c4c4 78%,#7fe2e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 767.98px){.occupation-detail-title-wrap .occupation-detail-en-title{font-size:calc(36 * var(--base-font, 1) / 10)}}@media (min-width: 768px){.occupation-detail-title-wrap .occupation-detail-en-title{font-size:min(3.90625vw,50px)}}.occupation-detail-title-wrap .occupation-detail-title{font-weight:500;line-height:1}@media (max-width: 767.98px){.occupation-detail-title-wrap .occupation-detail-title{margin-top:calc(4 * var(--base-font, 1) / 10);font-size:calc(18 * var(--base-font, 1) / 10)}}@media (min-width: 768px){.occupation-detail-title-wrap .occupation-detail-title{margin-top:min(.625vw,8px);font-size:min(1.5625vw,20px)}}@media (max-width: 767.98px){.occupation-detail-content__box{padding:calc(25 * var(--base-font, 1) / 10)}}@media (min-width: 768px){.occupation-detail-content__box{padding:min(3.125vw,40px)}}.occupation-detail-roll-name{font-weight:700;color:#00c4c4;letter-spacing:.05em;opacity:0}@media (max-width: 767.98px){.occupation-detail-roll-name{margin-top:calc(17 * var(--base-font, 1) / 10);font-size:calc(24 * var(--base-font, 1) / 10)}}@media (min-width: 768px){.occupation-detail-roll-name{margin-top:min(2.5vw,32px);font-size:min(3.125vw,40px)}}.occupation-detail-kv-right{aspect-ratio:650/352;overflow:hidden;filter:drop-shadow(0 0 14px rgba(211,211,211,.3));opacity:0}@media (min-width: 768px){.occupation-detail-kv-right{aspect-ratio:480/260}}.occupation-detail-kv-right img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.occupation-detail-content-area{background:linear-gradient(180deg,#ebf8ff,#f1ffea)}@media (max-width: 767.98px){.occupation-detail-content-area{padding-block:calc(90 * var(--base-font, 1) / 10)}}@media (min-width: 768px){.occupation-detail-content-area{padding-block:min(7.8125vw,100px)}}.occupation-detail-content{background-color:#fff;border-radius:calc(5 * var(--base-font, 1) / 10)}@media (min-width: 768px){.occupation-detail-content{border-radius:10px}}.occupation-detail-content+.occupation-detail-content{margin-top:calc(16 * var(--base-font, 1) / 10)}@media (min-width: 768px){.occupation-detail-content+.occupation-detail-content{margin-top:min(2.5vw,32px)}}.occupation-detail-content__title{font-weight:700;color:#00699a;border-bottom:1px solid #aee6f2}@media (max-width: 767.98px){.occupation-detail-content__title{padding:calc(20 * var(--base-font, 1) / 10) calc(25 * var(--base-font, 1) / 10);font-size:calc(17 * var(--base-font, 1) / 10)}}@media (min-width: 768px){.occupation-detail-content__title{padding:min(1.5625vw,20px) min(3.125vw,40px) min(1.40625vw,18px);font-size:min(1.71875vw,22px)}}.occupation-detail-content__text{font-size:calc(14 * var(--base-font, 1) / 10);font-weight:400;line-height:1.6}@media (min-width: 768px){.occupation-detail-content__text{font-size:min(1.09375vw,14px)}}.occupation-detail-content__column{display:grid;gap:calc(16 * var(--base-font, 1) / 10)}@media (min-width: 768px){.occupation-detail-content__column{grid-template-columns:1fr min(29.375vw,376px);gap:min(2.5vw,32px)}}.occupation-detail-profile{display:grid;gap:calc(12 * var(--base-font, 1) / 10)}@media (min-width: 768px){.occupation-detail-profile{grid-template-columns:min(14.84375vw,190px) 1fr;gap:min(2.5vw,32px)}}@media (max-width: 767.98px){.occupation-detail-profile__figure img{display:block;width:calc(110 * var(--base-font, 1) / 10);margin-inline:auto}}.occupation-detail-profile__figure figcaption{margin-top:calc(20 * var(--base-font, 1) / 10);font-size:calc(16 * var(--base-font, 1) / 10)}@media (min-width: 768px){.occupation-detail-profile__figure figcaption{margin-top:min(1.25vw,16px);font-size:min(1.25vw,16px);text-align:center}}.occupation-detail-profile__content dl+dl{margin-top:calc(12 * var(--base-font, 1) / 10)}@media (min-width: 768px){.occupation-detail-profile__content dl+dl{margin-top:min(1.40625vw,18px)}}.occupation-detail-profile__content dt{width:-moz-fit-content;width:fit-content;font-weight:700;line-height:1;color:#00699a}@media (min-width: 768px){.occupation-detail-profile__content dt{font-size:min(1.25vw,16px)}}.occupation-detail-profile__content dd{margin-top:calc(4 * var(--base-font, 1) / 10);font-weight:400}@media (min-width: 768px){.occupation-detail-profile__content dd{margin-top:min(.625vw,8px);font-size:min(1.25vw,16px)}}.occupation-detail-flow{display:grid;gap:calc(16 * var(--base-font, 1) / 10)}@media (min-width: 768px){.occupation-detail-flow{grid-template-columns:1fr min(29.375vw,376px);gap:min(2.5vw,32px)}}.occupation-detail-flow+.occupation-detail-flow{margin-top:calc(30 * var(--base-font, 1) / 10)}@media (min-width: 768px){.occupation-detail-flow+.occupation-detail-flow{margin-top:min(1.25vw,16px)}}@media (max-width: 767.98px){.occupation-detail-flow__text{order:2}}@media (max-width: 767.98px){.occupation-detail-flow__image{order:1}}.occupation-detail-button-wrapper{display:flex;align-items:center;justify-content:center;margin-top:calc(36 * var(--base-font, 1) / 10)}@media (max-width: 767.98px){.occupation-detail-button-wrapper{flex-direction:column;gap:calc(24 * var(--base-font, 1) / 10)}}@media (min-width: 768px){.occupation-detail-button-wrapper{gap:min(2.34375vw,30px);margin-top:min(5.625vw,72px)}}.occupation-detail-button{width:-moz-max-content;width:max-content}.occupation-detail-button .c-rounded-button{width:calc(275 * var(--base-font, 1) / 10)}@media (min-width: 768px){.occupation-detail-button .c-rounded-button{width:min(20.3125vw,260px)}}@media (max-width: 767.98px){.occupation-detail-button .c-rounded-button__text{margin-right:calc(16 * var(--base-font, 1) / 10)}}.occupation-detail-button:nth-of-type(2) .c-rounded-button__text{margin-right:calc(22 * var(--base-font, 1) / 10)}@media (min-width: 768px){.occupation-detail-button:nth-of-type(2) .c-rounded-button__text{margin-right:min(1.5625vw,20px)}}