:root{--itp-bg-itp-primary: #F7F9FF;--itp-bg-itp-secondary: #FFF8F2;--itp-accent-primary: #316DEF;--itp-accent-secondary: #EF8631}[data-theme=designer]{--itp-bg-itp-primary: #FBF2FF;--itp-bg-itp-secondary: #FFF7F0;--itp-accent-primary: #AD4CD3;--itp-accent-secondary: #D3894C}[data-theme=marketer]{--itp-bg-itp-primary: #FAFFF3;--itp-bg-itp-secondary: #F2FDFF;--itp-accent-primary: #7BB323;--itp-accent-secondary: #4CC3D3}:root{--fa-analytics-active-img: url(/img/icon/fa-analytics-active.svg);--fa-briefcase-active-img: url(/img/icon/fa-briefcase-active.svg);--fa-building-active-img: url(/img/icon/fa-building-active.svg);--fa-calculator-active-img: url(/img/icon/fa-calculator-active.svg);--fa-calendar-alt-active-img: url(/img/icon/fa-calendar-alt-active.svg);--fa-code-active-img: url(/img/icon/fa-code-active.svg);--fa-comment-alt-edit-active-img: url(/img/icon/fa-comment-alt-edit-active.svg);--fa-desktop-active-img: url(/img/icon/fa-desktop-active.svg);--fa-home-active-img: url(/img/icon/fa-home-active.svg);--fa-map-marker-alt-active-img: url(/img/icon/fa-map-marker-alt-active.svg);--fa-pencil-ruler-active-img: url(/img/icon/fa-pencil-ruler-active.svg);--fa-search-active-img: url(/img/icon/fa-search-active.svg);--fa-train-active-img: url(/img/icon/fa-train-active.svg);--fa-user-active-img: url(/img/icon/fa-user-active.svg);--fa-yen-sign-active-img: url(/img/icon/fa-yen-sign-active.svg)}[data-theme=designer]{--fa-analytics-active-img: url(/img/icon/fa-analytics-designer.svg);--fa-briefcase-active-img: url(/img/icon/fa-briefcase-designer.svg);--fa-building-active-img: url(/img/icon/fa-building-designer.svg);--fa-calculator-active-img: url(/img/icon/fa-calculator-designer.svg);--fa-calendar-alt-active-img: url(/img/icon/fa-calendar-alt-designer.svg);--fa-code-active-img: url(/img/icon/fa-code-designer.svg);--fa-comment-alt-edit-active-img: url(/img/icon/fa-comment-alt-edit-designer.svg);--fa-desktop-active-img: url(/img/icon/fa-desktop-designer.svg);--fa-home-active-img: url(/img/icon/fa-home-designer.svg);--fa-map-marker-alt-active-img: url(/img/icon/fa-map-marker-alt-designer.svg);--fa-pencil-ruler-active-img: url(/img/icon/fa-pencil-ruler-designer.svg);--fa-search-active-img: url(/img/icon/fa-search-designer.svg);--fa-train-active-img: url(/img/icon/fa-train-designer.svg);--fa-user-active-img: url(/img/icon/fa-user-designer.svg);--fa-yen-sign-active-img: url(/img/icon/fa-yen-sign-designer.svg)}[data-theme=marketer]{--fa-analytics-active-img: url(/img/icon/fa-analytics-marketer.svg);--fa-briefcase-active-img: url(/img/icon/fa-briefcase-marketer.svg);--fa-building-active-img: url(/img/icon/fa-building-marketer.svg);--fa-calculator-active-img: url(/img/icon/fa-calculator-marketer.svg);--fa-calendar-alt-active-img: url(/img/icon/fa-calendar-alt-marketer.svg);--fa-code-active-img: url(/img/icon/fa-code-marketer.svg);--fa-comment-alt-edit-active-img: url(/img/icon/fa-comment-alt-edit-marketer.svg);--fa-desktop-active-img: url(/img/icon/fa-desktop-marketer.svg);--fa-home-active-img: url(/img/icon/fa-home-marketer.svg);--fa-map-marker-alt-active-img: url(/img/icon/fa-map-marker-alt-marketer.svg);--fa-pencil-ruler-active-img: url(/img/icon/fa-pencil-ruler-marketer.svg);--fa-search-active-img: url(/img/icon/fa-search-marketer.svg);--fa-train-active-img: url(/img/icon/fa-train-marketer.svg);--fa-user-active-img: url(/img/icon/fa-user-marketer.svg);--fa-yen-sign-active-img: url(/img/icon/fa-yen-sign-marketer.svg)}.itp-job-detail{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;color:#333;background-color:#fff;min-height:100vh}@media (min-width: 768px){.itp-job-detail{padding-bottom:40px}}.itp-job-detail__content{display:flex;flex-direction:column;gap:40px;padding:16px;max-width:1400px;margin:0 auto}@media (min-width: 768px){.itp-job-detail__content{flex-direction:row;padding:24px 40px}}.itp-job-detail__main{flex:1;display:flex;flex-direction:column;gap:24px;min-width:0}@media (min-width: 768px){.itp-job-detail__main{max-width:856px}}.itp-job-detail__sidebar{display:none}@media (min-width: 768px){.itp-job-detail__sidebar{display:flex;flex-direction:column;gap:24px;width:320px;flex-shrink:0;position:sticky;top:145px;align-self:flex-start;height:fit-content}}.itp-job-detail__sidebar a{width:100%}.itp-job-detail__sidebar a img{width:100%;height:auto;border-radius:8px}.itp-job-detail__mobile-sidebar{display:flex;flex-direction:column;gap:24px;padding:0 16px}@media (min-width: 768px){.itp-job-detail__mobile-sidebar{display:none}}.itp-job-detail__mobile-sidebar-image{width:100%;padding:0 16px}.itp-job-detail__mobile-sidebar-image img{border-radius:8px;width:100%;height:auto}.itp-job-detail__header{padding:0 16px;display:flex;flex-direction:column;gap:12px}@media (min-width: 768px){.itp-job-detail__header{padding:0}}.itp-job-detail__header-top{display:flex;align-items:center;justify-content:space-between}.itp-job-detail__labels{display:flex;flex-wrap:wrap;gap:8px}.itp-job-detail__label{display:inline-flex;align-items:center;padding:2px 16px;border-radius:40px;font-size:12px;line-height:1.8}.itp-job-detail__label--new{display:inline-flex;align-items:center;padding:2px 16px;border-radius:40px;font-size:12px;line-height:1.8;background-color:var(--itp-bg-itp-secondary);color:var(--itp-accent-secondary);font-weight:700}.itp-job-detail__label--default{display:inline-flex;align-items:center;padding:2px 16px;border-radius:40px;font-size:12px;line-height:1.8;background-color:#f7f7f7;color:#333}.itp-job-detail__updated{font-size:12px;line-height:1.8;color:#888}.itp-job-detail__title{font-size:20px;font-weight:700;line-height:1.6;color:#333}@media (min-width: 768px){.itp-job-detail__title{font-size:24px}}.itp-job-detail__price-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.itp-job-detail__price{font-size:20px;font-weight:700;color:var(--itp-accent-secondary)}@media (min-width: 768px){.itp-job-detail__price{font-size:24px}}.itp-job-detail__contract-type{display:flex;align-items:center;gap:4px;font-size:12px;line-height:1.8;color:#888}.itp-job-detail__contract-type i{font-size:14px}.itp-job-detail__tags{display:flex;flex-wrap:wrap;gap:8px}.itp-job-detail__tag{display:inline-flex;align-items:center;padding:0 12px;border-radius:40px;font-size:12px;line-height:1.8;background-color:#fff;border:1px solid #dedede;color:#333;text-decoration:none;cursor:default}.itp-job-detail__section{padding:0 16px;display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.itp-job-detail__section{padding:0}}.itp-job-detail__section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#333}.itp-job-detail__section-title i{content:url(/img/icon/double-ellipse.svg)}.itp-job-detail__info-table{width:100%;border-collapse:collapse}.itp-job-detail__info-table tr{border-top:1px solid #dedede;border-bottom:1px solid #dedede}.itp-job-detail__info-table th,.itp-job-detail__info-table td{padding:12px;font-size:12px;line-height:1.8;text-align:left;vertical-align:top}.itp-job-detail__info-table th{width:120px;background-color:#f7f7f7;color:#333;font-weight:700}@media (min-width: 768px){.itp-job-detail__info-table th{width:160px}}.itp-job-detail__info-table td{color:#333}.itp-job-detail__link{color:#3295fb;text-decoration:none}.itp-job-detail__link:hover{text-decoration:underline}.itp-job-detail__description{font-size:12px;color:#333;line-height:1.8;padding:16px;border:solid 1px #dedede;border-radius:8px}.itp-job-detail__actions{display:flex;flex-direction:column;gap:12px}@media (min-width: 768px){.itp-job-detail__actions{flex-direction:row;justify-content:center;gap:16px}}.itp-job-detail__actions--bottom{padding:0 16px}@media (min-width: 768px){.itp-job-detail__actions--bottom{padding:0}}.itp-job-detail__actions--desktop{display:none}@media (min-width: 768px){.itp-job-detail__actions--desktop{display:flex}}.itp-job-detail .itp-job-card__btn-favorite a span{font-size:16px}.itp-job-detail__btn{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:40px;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .2s ease}@media (min-width: 768px){.itp-job-detail__btn{height:56px;padding:0 40px;font-size:16px}}.itp-job-detail__btn--apply{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(95.33deg,#338FFF 0%,#4A32FF 40.38%,#ED10CC 100%);box-shadow:inset 0 2px 2px #ffffff40;color:#fff;font-weight:700;border-radius:4px;cursor:pointer;transition:opacity .2s ease;border:none;z-index:1;padding:0 24px;height:40px}.itp-job-detail__btn--apply:hover{box-shadow:none;background:transparent linear-gradient(95.33deg,#338FFF 0%,#4A32FF 40.38%,#ED10CC 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.itp-job-detail__btn--apply:hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(95.33deg,#338FFF 0%,#4A32FF 40.38%,#ED10CC 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:2}.itp-job-detail__btn--apply:disabled{color:#888;background:#c5c5c5;-webkit-text-fill-color:initial;cursor:not-allowed}.itp-job-detail__btn--apply:disabled:hover:before{background:#c5c5c5}.itp-job-detail__agent{background-color:var(--itp-bg-itp-primary);border-radius:8px;margin:0 16px;padding:16px;display:flex;gap:12px}@media (min-width: 768px){.itp-job-detail__agent{margin:0}}.itp-job-detail__agent-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0}.itp-job-detail__agent-avatar img{width:100%;height:100%;object-fit:cover}@media (min-width: 768px){.itp-job-detail__agent-avatar{width:72px;height:72px}}.itp-job-detail__agent-content{display:flex;flex-direction:column;gap:8px;flex:1}.itp-job-detail__agent-label{font-size:12px;line-height:1.8;font-weight:700;color:#333}.itp-job-detail__agent-text{font-size:12px;color:#333;line-height:1.8}.itp-job-detail__cta{padding:0 16px}@media (min-width: 768px){.itp-job-detail__cta{padding:0}}.itp-job-detail__related{max-width:1400px;margin:0 auto;padding:0 16px}@media (min-width: 768px){.itp-job-detail__related{padding:0 40px}}.itp-job-detail__related-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.itp-job-detail__related-title{font-size:16px;font-weight:700;color:#333}@media (min-width: 768px){.itp-job-detail__related-title{font-size:20px}}.itp-job-detail__related-link{font-size:12px;line-height:1.8;color:#3295fb;text-decoration:none}.itp-job-detail__related-link:hover{text-decoration:underline}.itp-job-detail__related-list{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.itp-job-detail__related-list{grid-template-columns:repeat(4,1fr)}}.itp-job-detail__mobile-actions{display:flex;align-items:center;justify-content:center;gap:12px;position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:16px;box-shadow:0 -4px 4px #00000014;z-index:1}@media (min-width: 768px){.itp-job-detail__mobile-actions{display:none}}.itp-job-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;padding:16px;background-color:#fff}@media (min-width: 768px){.itp-job-breadcrumbs{max-width:1400px;margin:0 auto;padding:16px 40px}}.itp-job-breadcrumbs__desktop{display:none}@media (min-width: 768px){.itp-job-breadcrumbs__desktop{display:block}}.itp-job-breadcrumbs-link{font-size:12px;line-height:1.8;color:#3295fb;text-decoration:none}.itp-job-breadcrumbs-link:hover{text-decoration:underline}.itp-job-breadcrumbs-separator{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#888}.itp-job-breadcrumbs-current{font-size:12px;line-height:1.8;color:#333}.itp-job-card{background-color:#fff;border:1px solid #dedede;border-radius:8px;box-shadow:0 4px 6px #00000014;padding:12px;display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.itp-job-card{padding:16px 24px}}.itp-job-card__header{display:flex;flex-direction:column;gap:8px}.itp-job-card__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.itp-job-card__labels{display:flex;flex-wrap:wrap;gap:4px}.itp-job-card__label{display:inline-flex;align-items:center;padding:2px 16px;border-radius:40px;font-size:12px;line-height:1.8;height:24px}.itp-job-card__label--new{display:inline-flex;align-items:center;padding:2px 16px;border-radius:40px;font-size:12px;line-height:1.8;background-color:var(--itp-bg-itp-secondary);color:var(--itp-accent-secondary);font-weight:700}.itp-job-card__label--default{display:inline-flex;align-items:center;padding:2px 16px;border-radius:40px;font-size:12px;line-height:1.8;background-color:#f7f7f7;color:#333}.itp-job-card__updated{font-size:12px;line-height:1.8;color:#888}.itp-job-card__title{font-size:16px;font-weight:700;line-height:1.6;color:#333}@media (min-width: 768px){.itp-job-card__title{font-size:20px}}.itp-job-card__title a{color:inherit;text-decoration:none}.itp-job-card__title a:hover{text-decoration:underline}.itp-job-card__price-row{display:flex;align-items:center;gap:12px}.itp-job-card__price{font-size:20px;font-weight:700;line-height:1.6;color:var(--itp-accent-secondary)}.itp-job-card__divider-vertical{width:1px;height:20px;background-color:#dedede}.itp-job-card__contract-type{display:flex;align-items:center;gap:4px}.itp-job-card__contract-type i{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#888}.itp-job-card__contract-type span{font-size:14px;line-height:1.8;color:#888}.itp-job-card__tags{display:flex;flex-wrap:wrap;gap:4px}.itp-job-card__tag{height:22px}@media (min-width: 768px){.itp-job-card__tag{height:24px}}.itp-job-card__tag--highlight{display:inline-flex;align-items:center;padding:0 12px;border-radius:40px;font-size:12px;line-height:1.8;background-color:var(--itp-bg-itp-secondary);border:1px solid var(--itp-accent-secondary)}.itp-job-card__tag--default{display:inline-flex;align-items:center;padding:0 12px;border-radius:40px;font-size:12px;line-height:1.8;background-color:#fff;border:1px solid #dedede}.itp-job-card__details{border-bottom:1px solid #dedede}.itp-job-card__detail-row{display:flex;border-top:1px solid #dedede}.itp-job-card__detail-label{width:96px;flex-shrink:0;padding:8px 12px;background-color:#f7f7f7;font-size:12px;line-height:1.8;font-weight:700}@media (min-width: 768px){.itp-job-card__detail-label{width:120px}}.itp-job-card__detail-value{flex:1;padding:8px 16px;font-size:12px;line-height:1.8;display:flex;flex-wrap:wrap;gap:4px}.itp-job-card__detail-value span:not(:last-child):after{content:" / ";color:#333}.itp-job-card__detail-value-text-ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.itp-job-card__detail-link{color:#3295fb;text-decoration:none}.itp-job-card__detail-link:hover{text-decoration:underline}.itp-job-card__agent{display:flex;gap:12px;padding:8px 12px;background-color:var(--itp-bg-itp-primary);border-radius:8px;overflow:hidden}@media (min-width: 768px){.itp-job-card__agent{padding:8px 16px}}.itp-job-card__agent-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;overflow:hidden}.itp-job-card__agent-avatar img{width:100%;height:100%;object-fit:cover}.itp-job-card__agent-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.itp-job-card__agent-title{font-size:12px;line-height:1.8;font-weight:700;color:#333}.itp-job-card__agent-text{font-size:12px;line-height:1.8;color:#333;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.itp-job-card__actions{display:flex;align-items:center;justify-content:center;gap:16px}.itp-job-card__btn-favorite{display:flex;align-items:center;justify-content:center;gap:4px;height:40px;padding:4px 16px 4px 12px;background-color:#fff;border:1px solid #bfde26;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.itp-job-card__btn-favorite:hover{background-color:#bfde261a}.itp-job-card__btn-favorite i{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#bfde26}.itp-job-card__btn-favorite span{font-size:12px;line-height:1.8;font-weight:700;color:#333}.itp-job-card__btn-favorite--active{background-color:#bfde261a}.itp-job-card__btn-favorite--active i{font-weight:900}.itp-job-card__btn-detail{display:flex;align-items:center;justify-content:center;background-color:var(--itp-accent-primary);color:#fff;font-weight:700;border-radius:4px;cursor:pointer;transition:opacity .2s ease;border:none;height:40px;padding:0 24px;font-size:14px;box-shadow:inset 0 2px 2px #ffffff40}.itp-job-card__btn-detail:hover{opacity:.9}.itp-job-cta-card img{border-radius:8px;width:100%;height:fit-content}.itp-sidebar__merit-card{background-color:#fff;border:1px solid #dedede;border-radius:8px;box-shadow:0 4px 6px #00000014;padding:16px;display:flex;flex-direction:column;gap:8px}.itp-sidebar__merit-header{display:flex;align-items:center;gap:1px}.itp-sidebar__merit-logo{height:25px;width:151px}.itp-sidebar__merit-logo img{height:100%;width:100%;object-fit:contain}.itp-sidebar__merit-title{font-size:12px;line-height:1.8;font-weight:700}.itp-sidebar__merit-list{display:flex;flex-direction:column}.itp-sidebar__merit-item{display:flex;align-items:center;gap:4px}.itp-sidebar__merit-item i{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#333}.itp-sidebar__merit-item span{font-size:12px;line-height:1.8}.itp-sidebar__registration-card{background-color:var(--itp-bg-itp-primary);border:1px solid #dedede;border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.itp-sidebar__registration-heading{text-align:center}.itp-sidebar__registration-subtext{font-size:14px;line-height:1.8;font-weight:700;color:#333}.itp-sidebar__registration-title{font-size:20px;font-weight:700;line-height:1.6;color:var(--itp-accent-secondary);text-align:center}.itp-sidebar__registration-question{font-size:14px;line-height:1.8;font-weight:700;color:#333}.itp-sidebar__registration-buttons{display:flex;gap:8px}.itp-sidebar__registration-btn{display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--itp-accent-primary);color:var(--itp-accent-primary);font-weight:700;border-radius:4px;cursor:pointer;transition:background-color .2s ease;height:40px;padding:0 24px;font-size:14px}.itp-sidebar__registration-btn:hover{background-color:var(--itp-bg-itp-primary)}.itp-sidebar__registration-btn--wide{min-width:90px}.itp-sidebar__registration-login{font-size:12px;line-height:1.8;color:#333;text-decoration:underline;cursor:pointer}.itp-sidebar__registration-login:hover{color:#3295fb}.itp-recommend-carousel{width:100%;padding:0 16px}.itp-recommend-carousel__header{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:12px}@media (min-width: 768px){.itp-recommend-carousel__header{flex-direction:row;align-items:center}}.itp-recommend-carousel__title{font-size:16px;font-weight:700;color:#333;line-height:1.6}.itp-recommend-carousel__link{font-size:14px;line-height:1.8;color:#3295fb;text-decoration:none;text-align:end}@media (min-width: 768px){.itp-recommend-carousel__link{text-align:start}}.itp-recommend-carousel__link:hover{text-decoration:underline}.itp-recommend-carousel .itp-job-card{height:100%;padding:16px}.itp-recommend-carousel .itp-job-card__meta{height:24px}.itp-recommend-carousel .itp-job-card__title{font-size:12px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.itp-recommend-carousel .itp-job-card__price{font-size:14px;line-height:1.8}