/*!
 * rev. 2024-07-22
 * copyright © 2024
 * 
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:YuGothicM;src:local("Yu Gothic Medium")}:root{font-size:62.5%;height:100%}[data-lazy-font]{visibility:hidden}.wf-active [data-lazy-font]{visibility:visible}@media(min-width:768px){a[href^="tel:"]{color:inherit;display:inline-block;text-decoration:none}}*,:after,:before{box-sizing:border-box}::selection{background-color:#e6f0fc}.js-focus-visible :focus:not(.focus-visible){outline:0}body{color:#333;font-family:Noto Sans JP,sans-serif;font-feature-settings:"palt";font-size:1.6rem;line-height:1.7;margin:0;padding:0}@media(max-width:767px){body{line-height:1.8571428571}}button{appearance:none;background-color:#0000;border:none;border-radius:0;box-shadow:none;padding:0}ol,ul{list-style:none;margin:0;padding:0}.c-page-sub__content{font-size:1.6rem;margin:40px auto 100px;max-width:1210px;padding-left:20px;padding-right:20px}@media(max-width:767px){.c-page-sub__content{margin-bottom:60px;margin-top:25px}}.c-page-sub__content-single{font-size:1.6rem;margin:60px auto 90px;max-width:840px;padding-left:20px;padding-right:20px}@media(max-width:767px){.c-page-sub__content-single{margin-bottom:60px;margin-top:25px}}.c-page-sub__content-btn{align-items:center;display:flex;flex-flow:wrap;gap:10px;justify-content:center;margin-top:60px}@media(max-width:767px){.c-page-sub__content-btn{margin-top:25px}}.c-page-sub__content-btn>p{margin:0}.c-page-sub__content-btn>p>a{align-items:center;background-color:#e6f0fc;border-radius:30px;color:#1d386b;column-gap:15px;display:flex;font-size:1.6rem;font-weight:700;padding:16px 18px 16px 50px;position:relative;text-decoration:none}@media(min-width:768px){.c-page-sub__content-btn>p>a:hover:after,.c-page-sub__content-btn>p>a:hover:before{opacity:1}.c-page-sub__content-btn>p>a:hover[aria-current=page]:after{opacity:0}}@media(max-width:767px){.c-page-sub__content-btn>p>a{font-size:1.4rem;padding:10px 18px 10px 45px}}.c-page-sub__content-btn>p>a:after,.c-page-sub__content-btn>p>a:before{border:3px solid #0000;border-radius:38px;content:"";opacity:0;position:absolute;transition:opacity .3s ease-in-out;z-index:1}.c-page-sub__content-btn>p>a:before{border-color:#e6f0fc;inset:-6px}.c-page-sub__content-btn>p>a:after{border-color:#1d386b;inset:-3px}.c-page-sub__content-btn>p>a span{position:relative}.c-page-sub__content-btn>p>a span:after,.c-page-sub__content-btn>p>a span:before{content:"";position:absolute;top:50%}.c-page-sub__content-btn>p>a span:before{border:2px solid;border-width:0 0 2px 2px;box-sizing:border-box;height:10px;left:-32px;transform:translateY(-50%) rotate(45deg);width:10px}@media(max-width:767px){.c-page-sub__content-btn>p>a span:before{border-width:0 0 1px 1px;height:8px;left:-30px;width:8px}}.c-page-sub__content-btn>p>a span:after{background:currentcolor;height:2px;left:-32.5px;transform:translateY(-50%);width:15px}@media(max-width:767px){.c-page-sub__content-btn>p>a span:after{height:1px;left:-30.5px;width:14px}}.c-page-sub__content-heading h1{border-bottom:1px solid #d9d9d9;font-size:2.8rem;font-weight:700;letter-spacing:.06em;line-height:1.5;padding:0 0 22.8px}@media(max-width:767px){.c-page-sub__content-heading h1{font-size:2.4rem}}.c-page-sub__content-heading div{display:flex}.c-page-sub__content-heading div ul{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin:0}.c-page-sub__content-heading div ul li{background-color:#1d386b;border-radius:30px;color:#fff;display:block;font-size:1.6rem;font-weight:700;padding:5px 20px;text-decoration:none}.c-page-sub__content-heading div time{align-items:center;display:flex;font-size:1.4rem;font-weight:400;margin-left:30px}.c-page-sub__nav-breadcrumb{margin:8px auto 0;max-width:1170px}@media(max-width:767px){.c-page-sub__nav-breadcrumb{margin:2px 0 0}}.c-page-sub__main-single{border-top:1px solid #d9d9d9;padding-top:6px}.c-page-sub__pagination{margin-top:40px}@media(max-width:767px){.c-page-sub__pagination{margin-bottom:35px}}.c-header{background-color:#fff;font-size:1.6rem;min-height:70px;padding:18px 0 16px;position:sticky;top:0;width:100%;z-index:100}@media(max-width:1159px){.c-header{padding:10px 0 15px}}@media(max-width:767px){.c-header{padding:12px 0}}.c-header__body{align-items:center;display:flex;justify-content:space-between;padding-left:40px;padding-right:40px}@media(max-width:1159px){.c-header__body{padding-left:15px;padding-right:15px}}@media(max-width:767px){.c-header__body{align-items:flex-start}}.c-header__title{flex:0 1 auto}.c-header__site-name>div a{align-items:center;color:#1d386b;display:flex;text-decoration:none}.c-header__site-name>div a img{height:auto;max-width:289px;width:100%}@media(max-width:767px){.c-header__site-name>div a img{max-width:243px}}.c-header__info{align-items:center;column-gap:5px;display:flex;flex:0 0 auto;flex-direction:row}@media(max-width:1159px){.c-header__info{align-items:flex-end;flex-direction:column}}.c-header__info-toggle-btn{display:none}@media(max-width:767px){.c-header__info-toggle-btn{appearance:none;background-color:#fff;border:0;cursor:pointer;display:inline;height:30px;margin:0;padding:0;position:relative;width:30px}.c-header__info-toggle-btn span,.c-header__info-toggle-btn span:after,.c-header__info-toggle-btn span:before{background-color:#333;content:"";display:block;height:2px;position:absolute;transition:transform .3s,top .3s,bottom .3s,background-color .3s;width:100%}.c-header__info-toggle-btn span:before{top:-7px}.c-header__info-toggle-btn span:after{bottom:-7px}.c-header__info-toggle-btn[aria-expanded=true] span{background-color:#0000}.c-header__info-toggle-btn[aria-expanded=true] span:before{top:0;transform:rotate(45deg)}.c-header__info-toggle-btn[aria-expanded=true] span:after{bottom:0;transform:rotate(-45deg)}}.c-footer__body{background-color:#fff;color:#333;margin:0;padding:35px 20px 30px;width:100%}@media(max-width:1159px){.c-footer__body{padding-left:10px;padding-right:10px}}@media(max-width:767px){.c-footer__body{padding-bottom:85px;padding-left:0;padding-right:0}}.c-footer__flex{align-items:center;display:flex;justify-content:space-between}@media(max-width:1159px){.c-footer__flex{flex-direction:column;row-gap:25px}}.c-footer__flex-links{align-items:center;column-gap:25px;display:flex;max-width:830px}@media(max-width:1159px){.c-footer__flex-links{flex-direction:column;row-gap:15px;width:100%}}@media(max-width:767px){.c-footer__flex-links{row-gap:30px}}@media(min-width:1160px){.c-footer__flex-items{max-width:170px}}.c-footer__flex-logo>a{align-items:center;color:#1d386b;display:flex;text-decoration:none}.c-footer__flex-logo>a img{height:auto;max-width:330px;width:100%}@media(max-width:767px){.c-footer__flex-logo>a img{max-width:243px}}.c-footer__copyright{display:block;font-size:1.2rem;font-weight:700;text-align:center}.c-footer__btn{display:none}@media(max-width:767px){.c-footer__btn{background-color:#fff;border-top:1px solid #1d386b;bottom:0;gap:10px;padding:10px 20px;position:fixed;width:100%}.c-footer__btn,.c-footer__btn>a{display:block;}.c-footer__btn>a{align-items:center;border-radius:30px;font-size:16px;font-weight:700;min-height:40px;padding:8px 10px;position:relative;text-align:center;text-decoration:none;width:90%;margin:4px auto 16px auto;}.c-footer__btn-document{background-color:#b81c22;color:#fff}.c-footer__btn-contact{background-color:#f3c415;color:#333}}.c-aside{background:#1d386b;background-position:50%;background-repeat:no-repeat;background-size:contain;padding:48px 28px}@media(max-width:767px){.c-aside{padding:35px 20px 60px}}.c-aside__content{margin:0 auto;max-width:1170px}.c-aside__title{color:#fff;font-size:2.625em;font-weight:700;letter-spacing:.04em;margin:0 auto 15px;text-align:center}@media(max-width:1159px){.c-aside__title{font-size:1.75em}}@media(max-width:767px){.c-aside__title{margin-bottom:6px}}.c-aside__text{color:#fff;font-weight:400;letter-spacing:.04em;margin:0 auto 26px;text-align:center}@media(max-width:767px){.c-aside__text{line-height:1.7}}.c-aside__text>span{display:inline-block}.c-aside__btn{align-items:center;background-color:#f3c415;border-radius:32px;color:#333;display:flex;font-size:clamp(1.4rem,1.2857142857vw,1.8rem);font-weight:700;justify-content:center;margin:0 auto;max-width:450px;min-height:50px;padding:18px 20px;position:relative;text-align:center;text-decoration:none}@media(max-width:767px){.c-aside__btn{border-radius:48.5px;flex-direction:column;font-size:clamp(1.4rem,4.9315068493vw,1.8rem);line-height:1.4;max-width:295px;padding-bottom:10px;padding-top:10px}}.c-aside__btn:before{border:3px solid #f3c415;border-radius:38px;content:"";inset:-8px;opacity:0;position:absolute;transition:opacity .3s ease-in-out;z-index:1}.c-aside__btn:hover:before{opacity:1}@media(min-width:768px){.c-aside__btn>img{margin-right:15px}}@media(max-width:767px){.c-aside__btn>img{margin-bottom:5px}}@media(min-width:768px){.c-aside__btn>span br{display:none}}@media(max-width:767px){.c-nav-global{background-color:#fff;height:calc(100svh - 70px);overflow-y:auto;padding:10px 20px;position:fixed;right:-100%;top:70px;transition:right .3s;width:100%;z-index:100}.c-nav-global[aria-hidden=false]{right:0}}.c-nav-global__body{align-items:center;column-gap:5px;display:flex;flex:0 1 auto;flex-direction:row;flex-shrink:0}@media(max-width:1159px){.c-nav-global__body{align-items:flex-end;flex-direction:column}}@media(max-width:767px){.c-nav-global__body{display:block}}.c-nav-global__list{display:flex;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;max-width:560px;padding:0;gap:16px;flex-wrap:nowrap;}.c-nav-global__list li,.c-nav-global__list a,.c-nav-global__list span{white-space: nowrap;}@media(max-width:1159px){.c-nav-global__list{margin-bottom:28px}}@media(max-width:767px){.c-nav-global__list{flex-direction:column;margin-bottom:35px}}@media(min-width:768px){.c-nav-global__list{gap:16px;padding:0 15px}}.c-nav-global__item{display:block;flex:0 1 auto;line-height:1.6}.c-nav-global__item>a{color:#333;display:block;font-size:clamp(1.4rem,1.1428571429vw,1.6rem);font-weight:700;letter-spacing:.04em;position:relative;text-decoration:none;transition:color .3s ease-in-out}@media(max-width:1159px){.c-nav-global__item>a{font-size:clamp(1.4rem,1.5625vw,1.6rem)}}@media(max-width:767px){.c-nav-global__item>a{align-items:center;border-bottom:1px solid #333;color:#333;display:flex;font-size:2rem;font-weight:700;justify-content:space-between;letter-spacing:.06em;padding:11px 15px;text-decoration:none}.c-nav-global__item>a:after{background-image:url(/column/wp-content/themes/smartcareer/img/arrow.svg);background-repeat:no-repeat;content:"";display:block;flex-shrink:0;height:12px;width:16px}}@media(min-width:768px){.c-nav-global__item>a[aria-current=page]:after{background:#1d386b;border-radius:20px;bottom:-12px;content:"";height:10px;left:0;margin:0 auto;position:absolute;right:0;transform:scaleX(1);transform-origin:center top;transition:transform .3s ease-in-out;width:10px}.c-nav-global__item>a[aria-current=page]:hover:after{transform:scaleX(0)}.c-nav-global__item>a:before{background:#1d386b;bottom:-6px;content:"";height:3px;left:0;margin:0 auto;position:absolute;right:0;transform:scaleX(0);transform-origin:center top;transition:transform .3s ease-in-out;width:100%}.c-nav-global__item>a:hover:before{transform:scale(1)}}.c-nav-global__item>a:hover{color:#1d386b}.c-nav-global__btn{display:flex;flex:0 1 auto;flex-wrap:wrap;text-align:right;gap:12px;}@media(min-width:768px){.c-nav-global__btn{justify-content:flex-end;max-width:420px;gap:12px;}}@media(max-width:767px){.c-nav-global__btn{flex-direction:column;margin-bottom:35px;row-gap:15px;gap:12px;}}.c-nav-global__btn>a{align-items:center;border-radius:30px;display:flex;font-size:clamp(1.4rem,1.1428571429vw,1.6rem);font-weight:700;justify-content:center;min-height:50px;padding:8px 20px;position:relative;text-align:center;text-decoration:none}@media(max-width:767px){.c-nav-global__btn>a{align-items:center;border-radius:30px;display:flex;font-size:1.6rem;font-weight:700;justify-content:center;min-height:60px;padding:8px 20px;position:relative;text-align:center;text-decoration:none}}.c-nav-global__btn>a:before{background-repeat:no-repeat;content:"";display:block;flex-shrink:0;}.c-nav-global__btn>a:after{border-radius:30px;content:"";inset:-6px;opacity:0;position:absolute;transition:opacity .3s ease-in-out;z-index:-1}.c-nav-global__btn>a:hover:after{opacity:1}.c-nav-global__btn-document{background-color:#b81c22;color:#fff}.c-nav-global__btn-document:before{background-image:url(/column/wp-content/themes/smartcareer/img/document.svg);height:22px;width:30px}.c-nav-global__btn-document:after{border:3px solid #b81c22}.c-nav-global__btn-document>img{margin-right:7.5px}.c-nav-global__btn-contact{background-color:#f3c415;color:#333}.c-nav-global__btn-contact:before{background-image:url(/column/wp-content/themes/smartcareer/img/mail.svg);height:19px;width:27px;margin-right:10px;}.c-nav-global__btn-contact:after{border:3px solid #f3c415}.c-nav-global__btn-contact>img{margin-right:15px}.c-nav-global__sub-nav{display:none;flex-direction:column;gap:12.5px 30px;padding-left:15px;padding-right:15px}@media(max-width:767px){.c-nav-global__sub-nav{display:flex}}.c-nav-global__sub-nav>li>a{color:#333;display:flex;font-size:1.6rem;font-weight:700;justify-content:space-between;letter-spacing:.06em;position:relative;text-decoration:none}.c-nav-global__sub-nav>li>a>span{display:inline-block;position:relative}.c-nav-global__sub-nav>li>a>span:after{border:solid;border-color:#333;border-width:1px 1px 0 0;content:"";height:6px;inset:0 -10px 0 auto;margin:auto;position:absolute;transform:rotate(45deg);width:6px}.c-nav-sitemap{align-items:center;display:flex}@media(max-width:1159px){.c-nav-sitemap{flex-direction:column;width:100%}}.c-nav-sitemap__body{display:flex;flex-wrap:wrap;gap:30px 30px;justify-content:flex-end;padding:15px 0}@media(max-width:1159px){.c-nav-sitemap__body{justify-content:center}}@media(max-width:767px){.c-nav-sitemap__body{background-color:#e6f0fc;flex-direction:column;gap:10px 0;padding:20px 30px 30px;width:100%}}.c-nav-sitemap__body li{display:block;flex:0 1 auto}.c-nav-sitemap__body li>a{color:#333;display:block;font-size:clamp(1.4rem,1.1428571429vw,1.6rem);font-weight:700;letter-spacing:.04em;position:relative;text-decoration:none;transition:color .3s ease-in-out}@media(max-width:767px){.c-nav-sitemap__body li>a{display:inline-block;padding-right:15px}.c-nav-sitemap__body li>a>span{display:inline-block;position:relative}.c-nav-sitemap__body li>a>span:after{border:solid;border-color:#333;border-width:1px 1px 0 0;content:"";height:6px;inset:0 -10px 0 auto;margin-bottom:auto;margin-top:auto;position:absolute;transform:rotate(45deg);width:6px}}.c-nav-sitemap__body li>a:after{background:#1d386b;bottom:-6px;content:"";height:3px;left:0;margin:0 auto;position:absolute;right:0;transform:scaleX(0);transform-origin:center top;transition:transform .3s ease-in-out;width:100%}.c-nav-sitemap__body li>a:hover:after{transform:scaleX(1)}.c-nav-sitemap__body li>a:hover{color:#1d386b}.c-nav-breadcrumb{font-size:1.6rem;padding-left:20px;padding-right:20px}.c-nav-breadcrumb ol{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0;padding:0}.c-nav-breadcrumb ol>li{font-size:.875em;font-weight:400;list-style:none}@media(max-width:767px){.c-nav-breadcrumb ol>li{font-size:1.2rem}}.c-nav-breadcrumb ol>li:last-child a :after{display:none}.c-nav-breadcrumb a{color:#333;display:inline-block;text-decoration:underline}.c-nav-breadcrumb a :after{color:#333;content:" > ";display:inline-block;margin:0 15px 0 20px}.c-nav-breadcrumb__item{display:inline-block;margin:0;padding:0}.c-media-list a,.c-nav-breadcrumb__item[data-breadcrumb=current] a{text-decoration:none}.c-media-list a{display:block;height:auto;max-width:100%}@media(any-hover:hover){.c-media-list a:focus-visible .c-media-list__title span,.c-media-list a:hover .c-media-list__title span{color:#b81c22}.c-media-list a:focus-visible .c-media-list__media img,.c-media-list a:hover .c-media-list__media img{scale:1.1}}.c-media-list__media{height:247px;margin:0 auto 18px;max-width:362px;overflow:hidden;text-align:center;width:100%}@media(max-width:767px){.c-media-list__media{height:228px;margin-bottom:20px}}.c-media-list__media img{height:100%;max-width:100%;object-fit:cover;transform-origin:center center;transition:scale .3s}.c-media-list__categories ul{display:flex;flex-wrap:wrap;gap:5px 10px;margin-bottom:8px}@media(max-width:767px){.c-media-list__categories ul{margin-bottom:5px}}.c-media-list__categories ul li span{background-color:#1d386b;border-radius:30px;color:#fff;display:block;font-size:clamp(1rem,.8571428571vw,1.2rem);font-weight:700;padding:4px 15px}@media(max-width:767px){.c-media-list__categories ul li span{font-size:clamp(1rem,3.2876712329vw,1.2rem);padding-bottom:2px;padding-top:2px}}.c-media-list__title{line-height:1.6;margin:10px 0}@media(max-width:767px){.c-media-list__title{margin-bottom:5px}}.c-media-list__title span{color:#333;font-weight:700;letter-spacing:.12em;transition:color .3s}.c-media-list__time span{color:#333;font-size:1.4rem;font-weight:400}.c-title-page{background:#1d386b;background-image:url(/column/wp-content/themes/smartcareer/img/hero.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;font-size:1.6rem;padding:21px 25px;position:relative}@media(max-width:1159px){.c-title-page{padding-bottom:15px;padding-top:15px}}@media(max-width:767px){.c-title-page{background-image:url(/column/wp-content/themes/smartcareer/img/hero-sm.jpg)}}.c-title-page__content{margin:0 auto;max-width:1170px}.c-title-page h1{color:#fff;font-size:2.625em;letter-spacing:.1em;position:relative;text-align:center;z-index:1}@media(max-width:1159px){.c-title-page h1{font-size:1.75em}}.c-pagination{column-gap:14.4px;display:flex;justify-content:center;line-height:4rem;text-align:center}@media(min-width:768px){.c-pagination{column-gap:16px}}@media(max-width:576px){.c-pagination{justify-content:space-between}}.c-pagination a{background:none;color:currentcolor}.c-pagination a,.c-pagination a:hover{text-decoration:none}.c-pagination__next a,.c-pagination__prev a{display:inline-block;padding:0 10px;position:relative;vertical-align:middle}.c-pagination__next a[data-disabled=true],.c-pagination__prev a[data-disabled=true]{opacity:.3;pointer-events:none}.c-pagination__prev{order:1}.c-pagination__next{order:3}.c-pagination__numbers{display:flex;flex-wrap:wrap;font-weight:700;gap:14.4px 14.4px;list-style:none;order:2;padding:0}.c-pagination__number{display:block;list-style:none}.c-pagination__number--current{border-bottom:2px solid #1d386b}.c-pagination__number--current:hover{padding-bottom:0}.c-pagination__number a{align-items:center;background:#e6f0fc;border-radius:22.5px;display:flex;height:45px;justify-content:center;padding:0 4.8px;text-align:center;transition:color .3s,background .3s;width:45px}@media(max-width:767px){.c-pagination__number a{height:clamp(10px,10.1333333333vw,38px);width:clamp(10px,10.1333333333vw,38px)}}.c-pagination__number a:hover,.c-pagination__number a[aria-current=page]{background:#1d386b;color:#fff}.c-pagination__number a:after{display:none}.c-card{border:1px solid #d2cdcd;font-size:1.6rem;height:100%;outline:2px solid #0000;overflow:hidden;position:relative;transition:outline .3s}.c-card:hover{border:1px solid #e6f0fc;outline:2px solid #e6f0fc}.c-card[data-is-new=true]:before{background:#1d386b;color:#fff;content:"new";display:block;font-size:.875em;font-weight:700;height:74px;left:-38px;padding:50px 0 0;position:absolute;text-align:center;top:-38px;transform:rotate(-45deg);width:74px;z-index:1}.c-card>a{color:currentcolor;height:100%;text-decoration:none}.c-card__img{background:#d9d9d9;flex:0 1 auto;height:0;margin-bottom:15px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.c-card__img img{display:block;left:0;position:absolute;top:0;width:100%}@supports(object-fit:cover){.c-card__img img{height:100%;object-fit:cover;object-position:center top}}.c-card__header{flex:0 1 auto;padding:0 22px}.c-card__body{flex:0 1 100%;font-size:.875em;padding:10px 22px 30px}.c-card__title{color:#b81c22;font-size:1.25em;margin:0 auto;padding:0}.c-card__time{display:none}.c-card__tags ul{list-style:none;margin:0 auto;padding:0}.c-card__tag-item{display:inline-block;font-size:.75em;list-style:none;margin:0;padding:0}.c-card__tag-item span{background:#090700;color:#fff;display:block;padding:3px 15px}.c-card__author{display:none}.c-card__description,.c-card__description p{margin:0;padding:0}.c-content-index__article-header{background-image:linear-gradient(90deg,#1d386b 0 18.8%,#d9d9d9 18.8%);background-position:bottom;background-repeat:no-repeat;background-size:100% 3px;font-size:2.4rem;font-weight:700;letter-spacing:.035em;margin:0;padding:0 10px 12px}@media(max-width:767px){.c-content-index__article-header{font-size:2rem}}.c-content-index__article-list{display:grid;gap:40px 28px;grid-template-columns:repeat(2,1fr);justify-content:space-between;margin:30px auto 0;max-width:100%}@media(max-width:767px){.c-content-index__article-list{grid-template-columns:repeat(1,1fr)}}.c-content-index__explore{column-gap:20px;display:flex;justify-content:space-between}@media(max-width:767px){.c-content-index__explore{flex-direction:column;row-gap:20px}}.c-content-index__categories{display:flex;flex-wrap:wrap;gap:15px}@media(max-width:767px){.c-content-index__categories{gap:10px}}.c-content-index__category>a{align-items:center;background-color:#e6f0fc;border-radius:30px;color:#1d386b;column-gap:15px;display:flex;font-size:1.6rem;font-weight:700;padding:10px 50px 10px 18px;position:relative;text-decoration:none}@media(max-width:767px){.c-content-index__category>a{font-size:1.4rem;padding:4px 45px 4px 18px}}.c-content-index__category>a[aria-current=page]{background-color:#1d386b;color:#fff}.c-content-index__category>a[aria-current=page]:before{border-color:#1d386b}.c-content-index__category>a[aria-current=page]:hover:after{opacity:0}.c-content-index__category>a:before{border:3px solid #e6f0fc;border-radius:38px;inset:-6px}.c-content-index__category>a:after,.c-content-index__category>a:before{content:"";opacity:0;position:absolute;transition:opacity .3s ease-in-out;z-index:1}.c-content-index__category>a:after{border:3px solid #1d386b;border-radius:38px;inset:-3px}.c-content-index__category>a:hover:after,.c-content-index__category>a:hover:before{opacity:1}.c-content-index__category>a span{position:relative}.c-content-index__category>a span:before{border:solid;border-color:currentcolor;border-width:2px 2px 0 0;box-sizing:border-box;content:"";height:10px;position:absolute;right:-32px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px}@media(max-width:767px){.c-content-index__category>a span:before{border:solid;border-color:currentcolor;border-width:1px 1px 0 0;height:8px;right:-30px;width:8px}}.c-content-index__category>a span:after{background:currentcolor;content:"";height:2px;position:absolute;right:-32.5px;top:50%;transform:translateY(-50%);width:15px}@media(max-width:767px){.c-content-index__category>a span:after{height:1px;right:-30.5px;width:14px}}.c-content-index__search{display:flex;flex-wrap:wrap;gap:15px;max-width:362px;width:100%}@media(max-width:767px){.c-content-index__search{max-width:none}}.c-content-index__search .c-search-content{display:flex;height:46px;width:100%}.c-content-index__search .c-search-content__input{border:1px solid #1d386b;border-radius:0;flex-grow:1;padding:9px 18px;width:100%}.c-content-index__search .c-search-content__input::placeholder{color:#9a9a9a;font-size:1.6rem;font-weight:700}.c-content-index__search .c-search-content__btn{background-color:#1d386b;border:none;color:#1d386b;cursor:pointer;opacity:1;padding:9px 10px;transition:opacity .3s ease}.c-content-index__search .c-search-content__btn:hover{opacity:.8}.c-content-index__keyword{background-color:#ededed;margin-top:60px;padding:6px 15px}@media(max-width:767px){.c-content-index__keyword{margin-top:40px}}.c-content-index__list{display:grid;gap:40px 28px;grid-template-columns:repeat(3,1fr);justify-content:space-between;margin:40px auto;max-width:100%}@media(max-width:767px){.c-content-index__list{grid-template-columns:repeat(1,1fr);margin:28px auto 70px}}.c-content-main{font-size:1.6rem;line-height:2}@media(max-width:576px){.c-content-main{font-size:5vw}}.c-content-main a{color:#003c9d;transition:color .3s ease-in-out}@media(any-hover:hover){.c-content-main a:focus-visible,.c-content-main a:hover{color:#b81c22}}.c-content-main h2{background-color:#1d386b;color:#fff;font-size:2.4rem;font-weight:700;letter-spacing:.03em;line-height:1.5;padding:10px 21px}@media(max-width:767px){.c-content-main h2{font-size:2rem}}.c-content-main h3{background-image:linear-gradient(90deg,#1d386b 0 18.8%,#d9d9d9 18.8%);background-position:bottom;background-repeat:no-repeat;background-size:100% 3px;font-size:2.4rem;font-weight:700;letter-spacing:.03em;line-height:1.5;padding:12px 10px}@media(max-width:767px){.c-content-main h3{font-size:2rem}}.c-content-main h4{font-size:1.8rem;font-weight:700;letter-spacing:.03em;line-height:1.5;padding-left:20px;position:relative}.c-content-main h4:before{background-color:#1d386b;content:"";height:100%;left:1px;position:absolute;top:1px;width:3px}.c-content-main h5{font-size:1.8rem}.c-content-main h5,.c-content-main h6{font-weight:700;letter-spacing:.03em;line-height:1.5}.c-content-main h6{color:#1d386b;font-size:1.6rem}.c-content-main ul{margin:33px 0}.c-content-main ul>li{font-size:1.6rem;font-weight:400;margin-bottom:5px;padding-left:20px;position:relative}.c-content-main ul>li:before{background-color:#1d386b;border-radius:50%;content:"";height:10px;left:2px;position:absolute;top:12px;width:10px}.c-content-main ul>li:last-child{margin-bottom:0}.c-content-main ul ol,.c-content-main ul ul{margin-bottom:10px;margin-left:2em;margin-top:10px}.c-content-main ol{counter-reset:number 0;margin:33px 0}.c-content-main ol>li{font-size:1.6rem;font-weight:400;margin-bottom:5px;padding-left:20px;position:relative}.c-content-main ol>li:before{align-items:center;background-color:#1d386b;border-radius:50%;color:#fff;content:counter(number) "";counter-increment:number 1;display:inline-flex;font-size:1rem;font-weight:400;height:16px;justify-content:center;left:0;margin:auto;position:absolute;top:9px;width:16px}.c-content-main ol>li:last-child{margin-bottom:0}.c-content-main ol ol,.c-content-main ol ul{margin-bottom:10px;margin-left:2em;margin-top:10px}.c-content-main table{border:1px solid #333;border-collapse:collapse;margin:10px 0 40px;width:100%}.c-content-main td,.c-content-main th{border:1px solid #333;border-collapse:collapse;font-size:1.6rem;font-weight:400;padding:22px 30px}@media(max-width:767px){.c-content-main td,.c-content-main th{padding:10px 15px}}.c-content-main th{background-color:#f1f8ff;height:auto;text-align:left;width:250px}@media(max-width:767px){.c-content-main th{width:auto}}.c-content-main td{width:auto}.c-content-main p{font-size:1.6rem;font-weight:400;letter-spacing:.075em;margin:20px 0}@media(max-width:767px){.c-content-main p{line-height:1.75}}.c-content-main blockquote{background-color:#fff;border:1px solid #333;margin:50px 0;padding:40px 40px 20px;position:relative}@media(max-width:767px){.c-content-main blockquote{padding:30px 20px 15px}}.c-content-main blockquote:after,.c-content-main blockquote:before{color:#e6f0fc;font-size:6.4rem;position:absolute}@media(max-width:767px){.c-content-main blockquote:after,.c-content-main blockquote:before{font-size:5.6rem}}.c-content-main blockquote:before{content:"“";left:8px;top:-20px}.c-content-main blockquote:after{bottom:-45px;content:"”";right:8px}.c-content-main blockquote .heading{background:none;background-color:#fff;color:#333;font-size:1.8rem;font-weight:700;letter-spacing:.08em;margin:0;padding:0;text-align:left}@media(max-width:767px){.c-content-main blockquote .heading{line-height:1.8}}.c-content-main blockquote .heading:before{content:none}.c-content-main blockquote p{font-size:1.4rem;font-weight:400}.c-content-main figure{margin:0}.c-content-main img{height:auto;max-width:100%}.c-content-main figcaption{display:block;font-size:1.4rem;font-weight:400;margin-top:6px}@media(max-width:767px){.c-content-main figcaption{line-height:1.6}}.c-content-main figcaption a{color:#333}.c-content-main hr{background:#d2cdcd;border-style:none;color:#d2cdcd;height:2px;margin:50px auto;width:95%}.c-content-main hr:first-child{margin-top:0}.c-content-main .content-list{background-color:#f1f8ff;border:none;margin:40px 0;padding:40px 40px 25px}@media(max-width:767px){.c-content-main .content-list{padding:30px 20px 15px}}.c-content-main .content-list .heading{background:none;background-color:#f1f8ff;color:#333;font-size:1.8rem;font-weight:700;letter-spacing:.04em;margin:0;padding:0;text-align:left}.c-content-main .content-list .heading:before{content:none}.c-content-main .content-list ul{margin:15px 0}.c-content-main .content-list ul li{font-size:1.6rem;font-weight:400;margin-bottom:5px;padding-left:20px;position:relative}@media(max-width:767px){.c-content-main .content-list ul li{line-height:1.6}}.c-content-main .content-list ul li:before{background-color:#1d386b;border-radius:50%;content:"";height:10px;left:2px;position:absolute;top:8px;width:10px}.c-content-main .content-list ul li:last-child{margin-bottom:0}.c-content-main .content-list p{margin:15px 0}.c-content-main .nav-outline{border:1px solid #1d386b;margin:80px 0;padding:15px 38px 25px}@media(max-width:767px){.c-content-main .nav-outline{padding:8px 20px 25px}}.c-content-main .nav-outline>h2{background-color:#fff;border-bottom:1px solid #1d386b;color:#333;font-size:2.2rem;font-weight:700;margin:0;padding:0 0 5px}@media(max-width:767px){.c-content-main .nav-outline>h2{font-size:2rem}}.c-content-main .nav-outline>ul{margin:18px 0 0}@media(max-width:767px){.c-content-main .nav-outline>ul{margin-top:20px}}.c-content-main .nav-outline>ul>li{font-size:1.75rem;font-weight:700;line-height:1.5;margin-bottom:8px;padding:0}.c-content-main .nav-outline>ul>li:before{content:none}.c-content-main .nav-outline>ul>li a{align-items:start;color:#333;display:flex;letter-spacing:.11em;text-decoration:none;transition:color .3s ease-in-out}@media(max-width:767px){.c-content-main .nav-outline>ul>li a{letter-spacing:.06em}}@media(any-hover:hover){.c-content-main .nav-outline>ul>li a:focus-visible,.c-content-main .nav-outline>ul>li a:hover{color:#1d386b}.c-content-main .nav-outline>ul>li a:focus-visible span,.c-content-main .nav-outline>ul>li a:hover span{border-bottom:1px solid #333}}.c-content-main .nav-outline>ul>li a:before{background-image:url(/column/wp-content/themes/smartcareer/img/nav-arrow.svg);background-repeat:no-repeat;content:"";display:block;flex-shrink:0;height:17px;margin-right:10px;margin-top:5px;width:17px}@media(max-width:767px){.c-content-main .nav-outline>ul>li a:before{margin-right:5px}}.c-content-main .nav-outline>ul>li:last-child{margin-bottom:0}.c-content-main .nav-outline>ul>li span{border-bottom:1px solid #0000;line-height:1.5;transition:border .3s ease-in-out}@media(max-width:767px){.c-content-main .nav-outline>ul>li span{font-size:1.6rem}}.c-content-main .table-scroll{margin:10px 0 40px}@media(max-width:767px){.c-content-main .table-scroll{overflow-x:scroll;padding-bottom:10px}}.c-content-main .table-scroll table{border:1px solid #333;border-collapse:collapse;margin:0;width:100%}@media(max-width:767px){.c-content-main .table-scroll table{width:1000px}}.c-content-main .table-scroll table tbody tr th{background-color:#f1f8ff;border:1px solid #333;border-collapse:collapse;font-size:1.6rem;font-weight:400;height:auto;padding:22px 30px;text-align:center;width:250px}@media(max-width:767px){.c-content-main .table-scroll table tbody tr th{padding:10px 15px}}.c-content-main .table-scroll table tbody tr td{border:1px solid #333;border-collapse:collapse;font-size:1.6rem;font-weight:400;padding:22px 30px;width:250px}@media(max-width:767px){.c-content-main .table-scroll table tbody tr td{padding:10px 15px}}.c-content-main .content-lightblue-box{background-color:#f1f8ff;border:1px solid #1d386b;margin:75px 0;padding:24px 24px}@media(max-width:767px){.c-content-main .content-lightblue-box{padding:28px 20px}}.c-content-main .content-lightblue-box .heading{background:none;background-color:#f1f8ff;color:#333;font-size:2.4rem;font-weight:700;letter-spacing:.04em;margin:0;padding:0;text-align:center}@media(max-width:767px){.c-content-main .content-lightblue-box .heading{font-size:2rem;line-height:1.6}}.c-content-main .content-lightblue-box .heading:before{content:none}.c-content-main .content-lightblue-box ul{margin:10px 0}.c-content-main .content-lightblue-box ul li{font-size:1.6rem;font-weight:400;margin-bottom:5px;padding-left:20px;position:relative}.c-content-main .content-lightblue-box ul li:before{background-color:#1d386b;border-radius:50%;content:"";height:10px;left:2px;position:absolute;top:8px;width:10px}.c-content-main .content-lightblue-box ul li:last-child{margin-bottom:0}.c-content-main .document-btn{display:flex;justify-content:center;margin:38px auto 0;max-width:730px}.c-content-main .document-btn .document-content{align-items:center;background-color:#b81c22;border-radius:32px;color:#fff;display:inline-flex;font-size:clamp(1.4rem,1.2857142857vw,1.8rem);font-weight:700;justify-content:center;letter-spacing:.06em;min-width:320px;padding:14px 21px;position:relative;text-align:left;text-decoration:none}@media(max-width:767px){.c-content-main .document-btn .document-content{border-radius:705px;flex-direction:column;font-size:clamp(1.4rem,4.7945205479vw,1.75rem);line-height:1.6;padding-bottom:20px;padding-top:20px;text-align:center}}.c-content-main .document-btn .document-content:before{background-image:url(/column/wp-content/themes/smartcareer/img/document.svg);background-repeat:no-repeat;content:"";display:block;flex-shrink:0;height:22px;margin-right:10px;width:30px}@media(max-width:767px){.c-content-main .document-btn .document-content:before{margin-bottom:8px;margin-right:0}}.c-content-main .document-btn .document-content:after{border:3px solid #b81c22;border-radius:37px;content:"";inset:-6px;opacity:0;position:absolute;transition:opacity .3s ease-in-out;z-index:0}@media(max-width:767px){.c-content-main .document-btn .document-content:after{border-radius:80px}}.c-content-main .document-btn .document-content:hover:after{opacity:1}.c-content-main .contact-btn{display:flex;justify-content:center;margin:30px auto 12px;max-width:730px}.c-content-main .contact-btn .contact-content{align-items:center;background-color:#f3c415;border-radius:30px;color:#333;display:inline-flex;font-size:clamp(1.4rem,1.2857142857vw,1.8rem);font-weight:700;justify-content:center;letter-spacing:.04em;min-width:320px;padding:14px 80px;position:relative;text-align:center;text-decoration:none}@media(max-width:767px){.c-content-main .contact-btn .contact-content{border-radius:485px;flex-direction:column;font-size:14px;line-height:1.6;padding:16px;}}.c-content-main .contact-btn .contact-content:before{background-image:url(/column/wp-content/themes/smartcareer/img/mail.svg);background-repeat:no-repeat;content:"";display:block;flex-shrink:0;height:19px;margin-right:10px;width:27px}@media(max-width:767px){.c-content-main .contact-btn .contact-content:before{margin-bottom:8px;margin-right:0}}.c-content-main .contact-btn .contact-content:after{border:3px solid #f3c415;border-radius:35px;content:"";inset:-6px;opacity:0;position:absolute;transition:opacity .3s ease-in-out;z-index:0}@media(max-width:767px){.c-content-main .contact-btn .contact-content:after{border-radius:50px}}.c-content-main .contact-btn .contact-content:hover:after{opacity:1}.c-content-main .contact-btn .contact-content>img{margin-right:10px}@media(max-width:767px){.c-content-main .contact-btn .contact-content>img{margin-right:0}}.c-content-main .grid-frame,.c-content-main .grid-frame-flex{align-items:flex-start;display:flex;flex-flow:row wrap;place-content:flex-start flex-start}.c-content-main .grid-frame-flex{flex-wrap:nowrap}@media(max-width:576px){.c-content-main .grid-xs-1{flex-basis:8.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:576px) and (max-width:767px){.c-content-main .grid-sm-1{flex-basis:8.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:768px) and (max-width:991px){.c-content-main .grid-md-1{flex-basis:8.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:992px) and (max-width:1159px){.c-content-main .grid-lg-1{flex-basis:8.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:1160px){.c-content-main .grid-xl-1{flex-basis:8.33333%;flex-grow:0;flex-shrink:0}}@media(max-width:576px){.c-content-main .grid-xs-2{flex-basis:16.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:576px) and (max-width:767px){.c-content-main .grid-sm-2{flex-basis:16.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:768px) and (max-width:991px){.c-content-main .grid-md-2{flex-basis:16.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:992px) and (max-width:1159px){.c-content-main .grid-lg-2{flex-basis:16.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:1160px){.c-content-main .grid-xl-2{flex-basis:16.66667%;flex-grow:0;flex-shrink:0}}@media(max-width:576px){.c-content-main .grid-xs-3{flex-basis:25%;flex-grow:0;flex-shrink:0}}@media(min-width:576px) and (max-width:767px){.c-content-main .grid-sm-3{flex-basis:25%;flex-grow:0;flex-shrink:0}}@media(min-width:768px) and (max-width:991px){.c-content-main .grid-md-3{flex-basis:25%;flex-grow:0;flex-shrink:0}}@media(min-width:992px) and (max-width:1159px){.c-content-main .grid-lg-3{flex-basis:25%;flex-grow:0;flex-shrink:0}}@media(min-width:1160px){.c-content-main .grid-xl-3{flex-basis:25%;flex-grow:0;flex-shrink:0}}@media(max-width:576px){.c-content-main .grid-xs-4{flex-basis:33.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:576px) and (max-width:767px){.c-content-main .grid-sm-4{flex-basis:33.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:768px) and (max-width:991px){.c-content-main .grid-md-4{flex-basis:33.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:992px) and (max-width:1159px){.c-content-main .grid-lg-4{flex-basis:33.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:1160px){.c-content-main .grid-xl-4{flex-basis:33.33333%;flex-grow:0;flex-shrink:0}}@media(max-width:576px){.c-content-main .grid-xs-5{flex-basis:41.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:576px) and (max-width:767px){.c-content-main .grid-sm-5{flex-basis:41.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:768px) and (max-width:991px){.c-content-main .grid-md-5{flex-basis:41.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:992px) and (max-width:1159px){.c-content-main .grid-lg-5{flex-basis:41.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:1160px){.c-content-main .grid-xl-5{flex-basis:41.66667%;flex-grow:0;flex-shrink:0}}@media(max-width:576px){.c-content-main .grid-xs-6{flex-basis:50%;flex-grow:0;flex-shrink:0}}@media(min-width:576px) and (max-width:767px){.c-content-main .grid-sm-6{flex-basis:50%;flex-grow:0;flex-shrink:0}}@media(min-width:768px) and (max-width:991px){.c-content-main .grid-md-6{flex-basis:50%;flex-grow:0;flex-shrink:0}}@media(min-width:992px) and (max-width:1159px){.c-content-main .grid-lg-6{flex-basis:50%;flex-grow:0;flex-shrink:0}}@media(min-width:1160px){.c-content-main .grid-xl-6{flex-basis:50%;flex-grow:0;flex-shrink:0}}@media(max-width:576px){.c-content-main .grid-xs-7{flex-basis:58.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:576px) and (max-width:767px){.c-content-main .grid-sm-7{flex-basis:58.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:768px) and (max-width:991px){.c-content-main .grid-md-7{flex-basis:58.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:992px) and (max-width:1159px){.c-content-main .grid-lg-7{flex-basis:58.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:1160px){.c-content-main .grid-xl-7{flex-basis:58.33333%;flex-grow:0;flex-shrink:0}}@media(max-width:576px){.c-content-main .grid-xs-8{flex-basis:66.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:576px) and (max-width:767px){.c-content-main .grid-sm-8{flex-basis:66.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:768px) and (max-width:991px){.c-content-main .grid-md-8{flex-basis:66.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:992px) and (max-width:1159px){.c-content-main .grid-lg-8{flex-basis:66.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:1160px){.c-content-main .grid-xl-8{flex-basis:66.66667%;flex-grow:0;flex-shrink:0}}@media(max-width:576px){.c-content-main .grid-xs-9{flex-basis:75%;flex-grow:0;flex-shrink:0}}@media(min-width:576px) and (max-width:767px){.c-content-main .grid-sm-9{flex-basis:75%;flex-grow:0;flex-shrink:0}}@media(min-width:768px) and (max-width:991px){.c-content-main .grid-md-9{flex-basis:75%;flex-grow:0;flex-shrink:0}}@media(min-width:992px) and (max-width:1159px){.c-content-main .grid-lg-9{flex-basis:75%;flex-grow:0;flex-shrink:0}}@media(min-width:1160px){.c-content-main .grid-xl-9{flex-basis:75%;flex-grow:0;flex-shrink:0}}@media(max-width:576px){.c-content-main .grid-xs-10{flex-basis:83.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:576px) and (max-width:767px){.c-content-main .grid-sm-10{flex-basis:83.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:768px) and (max-width:991px){.c-content-main .grid-md-10{flex-basis:83.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:992px) and (max-width:1159px){.c-content-main .grid-lg-10{flex-basis:83.33333%;flex-grow:0;flex-shrink:0}}@media(min-width:1160px){.c-content-main .grid-xl-10{flex-basis:83.33333%;flex-grow:0;flex-shrink:0}}@media(max-width:576px){.c-content-main .grid-xs-11{flex-basis:91.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:576px) and (max-width:767px){.c-content-main .grid-sm-11{flex-basis:91.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:768px) and (max-width:991px){.c-content-main .grid-md-11{flex-basis:91.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:992px) and (max-width:1159px){.c-content-main .grid-lg-11{flex-basis:91.66667%;flex-grow:0;flex-shrink:0}}@media(min-width:1160px){.c-content-main .grid-xl-11{flex-basis:91.66667%;flex-grow:0;flex-shrink:0}}@media(max-width:576px){.c-content-main .grid-xs-12{flex-basis:100%;flex-grow:0;flex-shrink:0}}@media(min-width:576px) and (max-width:767px){.c-content-main .grid-sm-12{flex-basis:100%;flex-grow:0;flex-shrink:0}}@media(min-width:768px) and (max-width:991px){.c-content-main .grid-md-12{flex-basis:100%;flex-grow:0;flex-shrink:0}}@media(min-width:992px) and (max-width:1159px){.c-content-main .grid-lg-12{flex-basis:100%;flex-grow:0;flex-shrink:0}}@media(min-width:1160px){.c-content-main .grid-xl-12{flex-basis:100%;flex-grow:0;flex-shrink:0}}@media(max-width:576px){.c-content-main .grid-xs-d5{flex-basis:20%;flex-grow:0;flex-shrink:0}}@media(min-width:576px) and (max-width:767px){.c-content-main .grid-sm-d5{flex-basis:20%;flex-grow:0;flex-shrink:0}}@media(min-width:768px) and (max-width:991px){.c-content-main .grid-md-d5{flex-basis:20%;flex-grow:0;flex-shrink:0}}@media(min-width:992px) and (max-width:1159px){.c-content-main .grid-lg-d5{flex-basis:20%;flex-grow:0;flex-shrink:0}}@media(min-width:1160px){.c-content-main .grid-xl-d5{flex-basis:20%;flex-grow:0;flex-shrink:0}}@media(max-width:576px){.c-content-main .grid-xs-flex{flex:0 1 100%}}@media(min-width:576px) and (max-width:767px){.c-content-main .grid-sm-flex{flex:0 1 100%}}@media(min-width:768px) and (max-width:991px){.c-content-main .grid-md-flex{flex:0 1 100%}}@media(min-width:992px) and (max-width:1159px){.c-content-main .grid-lg-flex{flex:0 1 100%}}@media(min-width:1160px){.c-content-main .grid-xl-flex{flex:0 1 100%}}.c-content-main .mt-zero{margin-top:0}.c-content-main .mb-zero{margin-bottom:0}@media(max-width:576px){.c-content-main .mt-narrow{margin-top:5px}}@media(min-width:576px) and (max-width:767px){.c-content-main .mt-narrow{margin-top:10px}}@media(min-width:768px) and (max-width:991px){.c-content-main .mt-narrow{margin-top:10px}}@media(min-width:992px) and (max-width:1159px){.c-content-main .mt-narrow{margin-top:15px}}@media(min-width:1160px){.c-content-main .mt-narrow{margin-top:15px}}@media(max-width:576px){.c-content-main .mt-wide{margin-top:30px}}@media(min-width:576px) and (max-width:767px){.c-content-main .mt-wide{margin-top:50px}}@media(min-width:768px) and (max-width:991px){.c-content-main .mt-wide{margin-top:50px}}@media(min-width:992px) and (max-width:1159px){.c-content-main .mt-wide{margin-top:80px}}@media(min-width:1160px){.c-content-main .mt-wide{margin-top:80px}}@media(max-width:576px){.c-content-main .mb-narrow{margin-bottom:5px}}@media(min-width:576px) and (max-width:767px){.c-content-main .mb-narrow{margin-bottom:10px}}@media(min-width:768px) and (max-width:991px){.c-content-main .mb-narrow{margin-bottom:10px}}@media(min-width:992px) and (max-width:1159px){.c-content-main .mb-narrow{margin-bottom:15px}}@media(min-width:1160px){.c-content-main .mb-narrow{margin-bottom:15px}}@media(max-width:576px){.c-content-main .mb-wide{margin-bottom:30px}}@media(min-width:576px) and (max-width:767px){.c-content-main .mb-wide{margin-bottom:50px}}@media(min-width:768px) and (max-width:991px){.c-content-main .mb-wide{margin-bottom:50px}}@media(min-width:992px) and (max-width:1159px){.c-content-main .mb-wide{margin-bottom:80px}}@media(min-width:1160px){.c-content-main .mb-wide{margin-bottom:80px}}

/*
============================================================
記事内のフローティングバナー
============================================================
*/
.floating-banner {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: calc((100vw - 800px) / 2 - 40px);
  max-width: 280px;
  z-index: 9999;
}

.floating-banner a {
  display: block;
  transition: opacity 0.3s ease;
}

.floating-banner a:hover {
  opacity: 0.6;
}

.floating-banner img {
  width: 100%;
  height: auto;
  display: block;
}

/* 1280px未満では非表示にする */
@media screen and (max-width: 1279px) {
  .floating-banner {
    display: none;
  }
}


/*
============================================================
ヘッダーの資料請求ボタンCSS
============================================================
*/
.c-nav-global__btn-newsletter {
  background-color: #1d386b !important;
  color: #ffffff !important;
  transition: box-shadow 0.5s ease !important;
}

/* ホバー時に白のスペースと枠線を追加 */
a.c-nav-global__btn-newsletter:hover {
  box-shadow: 0 0 0 3px #fff,
    /* 白い隙間 */
    0 0 0 6px #1d386b !important;
  /* 外側の黄色い枠線 */
}

/*
============================================================
記事内CTA_資料DL並列掲載_20250725
============================================================
*/
.catalog-download-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 16px;
}

.bg-white {
  background-color: #fff;
}

.mobile-break {
  display: inline;
}

.catalog-download-item>p {
  margin: 12px auto;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
}

.catalog-download-item>img {
  width: 90%;
  text-align: center;
  border: 1px solid #dddddd;
}

.catalog-download-item>a {
  display: block;
  width: 90%;
  border-radius: 100px;
  padding: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  margin: 16px auto;
}

/* レスポンシブ対応: 767px以下 */
@media (max-width: 767px) {
  .mobile-break {
    display: block;
  }

  .catalog-download-container {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 16px;
    margin-top: 12px;
  }

  .catalog-download-item {
    width: 100%;
    max-width: 300px;
  }

  .catalog-download-item>p {
    margin: 10px auto;
    font-size: 14px;
    line-height: 1.4;
  }

  .catalog-download-item>img {
    width: 85%;
  }

  .catalog-download-item>a {
    width: 85%;
    padding: 10px 8px;
    font-size: 14px;
    margin: 10px auto;
  }

  .heading {
    font-size: 16px;
    line-height: 1.4;
  }
}

/* さらに小さなモバイル端末対応: 480px以下 */
@media (max-width: 480px) {
  .catalog-download-container {
    gap: 12px;
    padding: 0 10px;
  }

  .catalog-download-item {
    max-width: 280px;
  }

  .catalog-download-item>p {
    font-size: 13px;
    margin: 8px auto;
  }

  .catalog-download-item>img {
    width: 80%;
  }

  .catalog-download-item>a {
    width: 80%;
    padding: 8px;
    font-size: 13px;
    margin: 8px auto;
  }

  .heading {
    font-size: 14px;
    padding: 0 10px;
  }
}

/*
============================================================
SPフローティングボタンのマイクロコピー
============================================================
*/
p.c-footer__btn-title {
  font-size: 16px;
  font-weight: 600;
  margin: 4px auto;
  text-align: center;
}

/*
============================================================
ホワイトペーパーDL用記事内CTA
============================================================
*/
.content-white-box-border-deepblue {
  border: 4px solid #1d386b;
  border-radius: 8px;
  padding: 0 20px 20px 20px;
  margin: 24px 0;
}

.content-white-box-border-deepblue-inner {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.content-white-box-border-deepblue .heading {
  color: #1d386b;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 28px;
}

.content-white-box-border-deepblue-inner .lead {
  color: #000000;
  font-size: 16px;
  line-height: 1.55;
  text-align: left;
  margin: 0;
}

.content-white-box-border-deepblue-inner img {
  width: 32%;
  max-width: 350px;
  height: max-content;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.content-white-box-border-deepblue .contact-btn-02 a {
  background-color: #f3c415;
  border-radius: 999px;
  color: #333;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  margin-top: 36px;
  transition: box-shadow 0.3s ease !important;
}

.content-white-box-border-deepblue .contact-btn-02 a:hover {
  box-shadow: 0 0 0 3px #fff,
    /* 白い隙間 */
    0 0 0 6px #f3c415 !important;
  /* 外側の黄色い枠線 */
}

/* タブレット・スマートフォン対応 */
@media (max-width: 768px) {
  .content-white-box-border-deepblue-inner {
    display: block;
  }

  .content-white-box-border-deepblue-inner img {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* スマートフォン対応 */
@media (max-width: 480px) {
  .content-white-box-border-deepblue .heading {
    font-size: 20px;
  }

  .content-white-box-border-deepblue .contact-btn-02 a {
    font-size: 16px;
  }
}

/*
============================================================
  スタッフ検索ページ
============================================================
*/
/* --- ページ全体 --- */
.staff-archive-container {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 20px;
  font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}

/* --- ヘッダーエリア --- */
.staff-archive-header {
  text-align: center;
  margin-bottom: 40px;
  padding: 30px;
  background-color: #f9f9f9;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
}

.staff-archive-main-title {
  font-size: 2.2rem;
  color: #2c3e50;
  margin: 0;
}

.staff-archive-main-title .staff-count {
  font-size: 3rem;
  font-weight: bold;
  color: #e74c3c;
}

.staff-archive-main-title .last-updated {
  font-size: 1.1rem;
  color: #7f8c8d;
  font-weight: normal;
}

.staff-archive-subtitle {
  font-size: 1.3rem;
  color: #34495e;
  margin-top: 15px;
}

/* --- タブエリア --- */
.staff-parent-tabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 40px;
}

.tab-link {
  padding: 10px 22px;
  background-color: #fff;
  color: #3498db;
  border: 2px solid #3498db;
  border-radius: 30px;
  text-decoration: none;
  font-size: 1rem;
  font-weight: bold;
  transition: all 0.3s ease;
}

.tab-link:hover {
  background-color: #3498db;
  color: #fff;
}

.child-categories-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 40px;
}

.child-category-link {
  padding: 8px 18px;
  background-color: #ecf0f1;
  color: #7f8c8d;
  border-radius: 20px;
  text-decoration: none;
  font-size: 0.9rem;
  transition: all 0.3s ease;
}

.child-category-link:hover {
  background-color: #bdc3c7;
  color: #fff;
}

/* --- カテゴリセクション --- */
.parent-category-section {
  margin-bottom: 60px;
}

.parent-category-title {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 30px;
  color: #2c3e50;
  position: relative;
  padding-bottom: 15px;
}

.parent-category-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background-color: #3498db;
  border-radius: 2px;
}

.child-category-section {
  margin-bottom: 40px;
}

.child-category-title {
  font-size: 1.5rem;
  color: #34495e;
  border-left: 5px solid #3498db;
  padding-left: 15px;
  margin-bottom: 25px;
}

/* --- カード表示 --- */
.staff-cards-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}

.staff-card {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.staff-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.staff-card-visible {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.staff-card-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #333;
  line-height: 1.5;
  margin: 0;
  height: auto;
  overflow: visible;
  text-overflow: initial;
  -webkit-line-clamp: unset;
}

.staff-card-info {
  margin-top: auto;
  padding-top: 20px;
}

.staff-card-info p {
  font-size: 1.6rem;
  color: #555;
  line-height: 1.6;
  margin: 5px 0 0 0;
}

.staff-card-info .label {
  font-weight: 600;
  font-size: 1.4rem;
  color: #666;
}

/* --- もっと見る機能 --- */
.show-more-wrapper {
  text-align: center;
  margin-top: 30px;
}

.show-more-button {
  padding: 12px 40px;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  background-color: #2ecc71;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.show-more-button:hover {
  background-color: #27ae60;
  transform: scale(1.05);
}

.hidden-staff {
  display: none;
}

.hidden-staff.is-visible {
  display: flex !important;
  /* 強制的に表示させるため !important を使用 */
}

/* --- モーダル --- */
.modal-open {
  overflow: hidden;
}

.staff-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.staff-modal-overlay.active {
  opacity: 1;
  visibility: visible;
}

.staff-modal-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  width: 90%;
  max-width: 700px;
  max-height: 90vh;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 12px;
  z-index: 1001;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.staff-modal-container.active {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}

.staff-modal-content {
  padding: 30px 40px;
}

.staff-modal-content .staff-card-title {
  font-size: 1.5rem;
}

.staff-modal-content .staff-card-info p,
.staff-modal-content .staff-card-details p {
  font-size: 1rem;
  line-height: 1.8;
}

.staff-modal-content .label {
  font-size: 1rem;
  font-weight: bold;
}

.staff-modal-content .job-category-tag {
  display: inline-block;
  background-color: #eef5ff;
  color: #0056b3;
  padding: 4px 10px;
  border-radius: 16px;
  font-size: 0.8rem;
  margin: 0 6px 6px 0;
}

.staff-modal-actions {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.modal-close-button,
.modal-cta-button {
  padding: 12px 30px;
  border-radius: 30px;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
}

.modal-close-button {
  background-color: #bdc3c7;
  color: #fff;
}

.modal-close-button:hover {
  background-color: #95a5a6;
}

.modal-cta-button {
  background-color: #e74c3c;
  color: #fff;
}

.modal-cta-button:hover {
  background-color: #c0392b;
}

/* --- 画面サイズごとの列数調整 --- */
@media (min-width: 1200px) {
  .staff-cards-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .staff-cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 520px) {
  .staff-cards-grid {
    grid-template-columns: 1fr;
  }
}

/*
============================================================
   ★★ デザイン最終仕上げ（ユーザーファースト調整）★★
============================================================
*/
/* 1. トップのヘッダーテキストを大きく、見やすく */
/* ---------------------------------------------------- */
.staff-archive-header {
  padding: 40px 30px;
  /* 内側の余白を広げてゆったりと見せる */
}

.staff-archive-main-title {
  font-size: 2.4rem;
  /* 「掲載スタッフ数」の文字を大きく */
  margin-bottom: 8px;
}

.staff-archive-main-title .staff-count {
  font-size: 4.2rem;
  /* 人数の数字を特に大きく、力強く */
  color: #e74c3c;
  display: inline-block;
  margin: 0 5px;
}

.staff-archive-main-title .last-updated {
  font-size: 1.2rem;
  display: block;
  /* 日付を改行して表示 */
  margin-top: 5px;
}

.staff-archive-subtitle {
  font-size: 1.6rem;
  /* 説明文も大きく */
  color: #555;
  margin-top: 20px;
  line-height: 1.8;
}

/* 2. カードのデザインをより見やすく */
/* ------------------------------------------------- */
.staff-card {
  border-top: 5px solid #3498db;
  /* 上部にアクセントカラーを追加 */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  /* 影を少し濃くして立体感を出す */
}

.staff-card-visible {
  padding: 25px;
  /* カード内の余白を広げる */
}

.staff-card-title {
  font-size: 1.9rem;
  /* カードタイトルを大きく */
  line-height: 1.5;
}

.staff-card-info p {
  font-size: 1.7rem;
  /* カード内の情報も大きく */
}

.staff-card-info .label {
  font-size: 1.5rem;
}

/* 3. モーダル内の文字を大きく */
/* ------------------------------------------------- */
.staff-modal-content .staff-card-title {
  font-size: 2.4rem;
  /* モーダルタイトルを大きく */
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 25px;
}

.staff-modal-content .staff-card-info p,
.staff-modal-content .staff-card-details p {
  font-size: 1.6rem;
  /* 本文テキストを大きく */
  line-height: 1.8;
  margin-bottom: 15px;
}

.staff-modal-content .label {
  font-size: 1.6rem;
  margin-right: 10px;
}

/*
============================================================
   ★★ デザイン仕上げ 第2弾 (ユーザーファースト調整) ★★
============================================================
*/
/* 1. トップエリアをよりリッチなデザインに */
/* ------------------------------------------- */
.staff-archive-header {
  background: #f0f5fc;
  /* 背景色を上品な薄いブルーに変更 */
  border: 1px solid #dbe8f9;
  border-radius: 16px;
  /* 角をさらに丸く */
  padding: 40px 20px;
}

.staff-archive-main-title {
  font-size: 2rem;
  font-weight: 700;
  /* 少し太くして強調 */
  color: #3d506a;
}

.staff-archive-main-title .staff-count {
  font-size: 4.8rem;
  /* 人数の数字をさらに大きく、最も目立たせる */
  line-height: 1;
}

.staff-archive-subtitle {
  font-size: 1.8rem;
  /* 説明文も大きく */
}

/* 2. カテゴリタブの文字を大きく */
/* ------------------------------------------- */
/* 親カテゴリ（IT, オフィスワークなど） */
.tab-link {
  font-size: 1.6rem;
  padding: 12px 28px;
}

/* 子カテゴリ（SE・プログラマーなど） */
.child-category-link {
  font-size: 1.5rem;
  padding: 9px 22px;
}

.child-category-title {
  font-size: 1.8rem;
}

/* 3. モーダル内のカテゴリタグを大きく */
/* ------------------------------------------- */
.staff-modal-content .job-category-tag {
  font-size: 1.4rem;
  /* 文字を大きく */
  padding: 6px 14px;
  /* 余白を広げて押しやすく */
  font-weight: 500;
}

/*
============================================================
   ★★ モーダル内ボタンの改善 ★★
============================================================
*/
.modal-close-button,
.modal-cta-button {
  font-size: 1.8rem;
  /* 文字を大きく */
  padding: 15px 30px;
  /* ボタン全体も大きく */
  letter-spacing: 0.05em;
  /* 文字と文字の間を少し広げて読みやすく */
}

/*
============================================================
   ★★「もっと見る」ボタンの文字サイズ調整 ★★
============================================================
*/
.show-more-button {
  font-size: 1.6rem;
  /* 文字を大きく */
  padding: 14px 45px;
  /* ボタン全体のサイズも調整 */
  font-weight: 700;
  /* 少し太字にする */
}

/*
============================================================
   ★★ ヘッダー「資料請求」ボタンのデザイン修正 ★★
============================================================
*/
.c-nav-global__btn-document {
  background-color: #0056b3;
  /* 背景色を再設定 */
}

.c-nav-global__btn-document:before {
  background-image: url(/column/wp-content/themes/smartcareer/img/document.svg);
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  /* アイコン表示のために必要 */
  flex-shrink: 0;
  height: 22px;
  width: 30px;
  margin-right: 7.5px;
}

/*
============================================================
   ★★ トップエリアのレイアウト最終調整 ★★
============================================================
*/
/* ヘッダーエリア全体を、縦積みの中央揃えレイアウトに変更 */
.staff-archive-header {
  display: flex;
  flex-direction: column;
  /* 要素を縦に積む */
  align-items: center;
  /* 全体を中央揃え */
  gap: 10px;
  /* アイコンとテキストの隙間 */
  background: linear-gradient(135deg, #f5f7fa 0%, #eef5ff 100%);
  border: 1px solid #dbe8f9;
  padding: 30px 20px;
  border-radius: 16px;
}

/* アイコンエリア */
.staff-archive-header__icon svg {
  width: 50px;
  /* アイコンを少し小さくしてバランスをとる */
  height: 50px;
  color: #3498db;
  opacity: 0.7;
}

/* テキストエリア */
.staff-archive-header__text {
  text-align: center;
}

/* 「掲載派遣スタッフ 470 名...」の行 */
.header-main-text {
  font-size: 2rem;
  font-weight: 700;
  color: #4a5d75;
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 5px;
}

/* 数字「470」 */
.header-main-text .staff-count {
  font-size: 6rem;
  font-weight: 700;
  color: #e74c3c;
  line-height: 1;
  margin: 0 5px;
}

/* 「(更新日時)」 */
.header-main-text .last-updated {
  font-size: 1.3rem;
  font-weight: 400;
  color: #7f8c8d;
  margin-left: 5px;
}

/* サブテキスト */
.header-sub-text {
  font-size: 1.8rem;
  font-weight: 700;
  color: #2c3e50;
  margin-top: 15px;
  line-height: 1.6;
}

/* スマホ表示の調整 */
@media (max-width: 767px) {
  .header-main-text {
    font-size: 1.8rem;
  }

  .header-main-text .staff-count {
    font-size: 5rem;
  }

  .header-sub-text {
    font-size: 1.6rem;
  }
}

/*
============================================================
   ★★ アイデア①②実装用CSS (カードとモーダルの改善) ★★
============================================================
*/
/* --- アイデア1: カードに表示する注目スキルタグ --- */
.card-keyskills {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.skill-tag-sm {
  background-color: #f0f0f0;
  color: #555;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 15px;
  border: 1px solid #e0e0e0;
}

/* --- アイデア2: モーダル内のデザイン調整 --- */
.modal-section {
  margin-bottom: 30px;
}

.modal-section-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #333;
  border-bottom: 2px solid #3498db;
  padding-bottom: 8px;
  margin: 0 0 15px 0;
}

/* モーダル内のスキルタグ */
.modal-skills-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.skill-tag-lg {
  background-color: #e4f1fb;
  color: #2980b9;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 6px 15px;
  border-radius: 5px;
}

/* モーダル内の業務実績リスト */
.modal-experience-list {
  list-style: none;
  padding-left: 0;
}

.modal-experience-list li {
  font-size: 1.6rem;
  line-height: 1.8;
  padding-left: 1.5em;
  position: relative;
  margin-bottom: 12px;
}

.modal-experience-list li::before {
  content: '■';
  position: absolute;
  left: 0;
  top: 0.2em;
  color: #3498db;
  font-size: 0.8em;
}

/* モーダル内の基本情報のラベルを調整 */
.modal-basic-info p {
  display: flex;
  align-items: baseline;
}

.modal-basic-info .label {
  display: inline-block;
  font-weight: 700;
  width: 100px;
  /* ラベルの幅を揃える */
  flex-shrink: 0;
}

/*
============================================================
   ★★ スキルタグのデザイン分けと空タグ最終対策 ★★
============================================================
*/
/* 万が一、空のタグが生成された場合に備えて非表示にする最終手段 */
.skill-tag-sm:empty,
.skill-tag-lg:empty {
  display: none;
}

/* 通常スキルのタグデザイン */
.skill-tag-lg.is-normal {
  background-color: #f0f4f8;
  /* 背景を落ち着いたグレーに */
  color: #4a5d75;
  /* 文字を濃いブルーグレーに */
  font-weight: 500;
  border: 1px solid #dbe3eb;
}

/* ★関数系スキルのタグデザイン */
.skill-tag-lg.is-function {
  background-color: #e4f1fb;
  /* 背景を明るいブルーに */
  color: #2980b9;
  /* 文字をブルーに */
  font-weight: 700;
  /* 少し太字に */
  border: 1px solid #b4d7f1;
}

/*
============================================================
   ★★ スキル表示をテキスト形式に戻すためのCSS ★★
============================================================
*/
/* 以前のスキルタグ用コンテナを非表示に */
.card-keyskills,
.modal-skills-list {
  display: none !important;
}

/* カードに表示するスキルテキストのスタイル */
.staff-card-info .card-skills-text {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-top: 8px;
  color: #555;
}

.staff-card-info .card-skills-text .label {
  font-size: 1.4rem;
  /* 他のラベルとサイズを合わせる */
  font-weight: 600;
  color: #666;
}

/* モーダルに表示するスキルテキストのスタイル */
.modal-section .modal-skills-text {
  font-size: 1.6rem;
  line-height: 1.8;
  white-space: pre-wrap;
  /* テキストの改行を反映させる */
  word-break: break-word;
  background-color: #f8f9fa;
  padding: 15px;
  border-radius: 6px;
  border-left: 5px solid #3498db;
}

/*
============================================================
   ★★ スタッフNo.のアイコン化デザイン ★★
============================================================
*/
/* タイトルとNo.を横並びにするための設定 */
.staff-card-title-area {
  display: flex;
  align-items: flex-start;
  /* 上揃え */
  gap: 8px;
  /* タイトルとNo.の隙間 */
}

.staff-card-title {
  flex-grow: 1;
  /* タイトル部分が伸びるように */
}

/* No.バッジのデザイン */
.staff-id-badge {
  flex-shrink: 0;
  /* 縮まないようにする */
  background-color: #6c757d;
  /* 背景色を落ち着いたグレーに */
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
  /* 改行させない */
  margin-top: 5px;
  /* タイトルとの位置を微調整 */
}

/* モーダル内のタイトルエリアも同様に設定 */
.staff-modal-content .staff-card-title-area {
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}

.staff-modal-content .staff-card-title {
  font-size: 2.4rem;
}

.staff-modal-content .staff-id-badge {
  font-size: 1.4rem;
  padding: 4px 10px;
}

/*
============================================================
   ★★ スタッフNo.アイコンのレイアウト調整 ★★
============================================================
*/
/* カード自体を、絶対配置の基準点にする */
.staff-card {
  position: relative;
}

/* カード内のコンテンツに、アイコンが重ならないよう下部に余白を追加 */
.staff-card-visible {
  padding-bottom: 45px;
  /* アイコンの高さ分くらいの余白 */
}

/* タイトルとNo.を囲んでいたflex設定を解除 */
.staff-card-title-area {
  display: block;
  /* 横並びをやめて通常の表示に戻す */
}

/* No.バッジをカードの右下に絶対配置 */
.staff-id-badge {
  position: absolute;
  bottom: 15px;
  right: 15px;
  margin-top: 0;
  /* 位置指定するのでマージンは不要 */
  background-color: #adb5bd;
  /* 少し薄いグレーに変更して主張を抑える */
}

/*
============================================================
   ★★ モーダル内のNo.アイコン位置修正 ★★
============================================================
*/
/* モーダルの中のNo.バッジ限定のスタイル */
.staff-modal-content .staff-id-badge {
  position: static;
  /* 右下への固定配置を解除 */
  display: inline-block;
  /* タイトルと横並びにするため */
  vertical-align: middle;
  /* タイトルとの垂直位置を調整 */
  margin-left: 10px;
  /* タイトルとの間に隙間を作る */
  margin-top: 0;
}

/*
============================================================
   ★★ スタッフ検索ボックスのデザイン ★★
============================================================
*/
.staff-search-box {
  margin: 10px 0 40px;
  text-align: center;
}

#staff-search-input {
  width: 90%;
  max-width: 700px;
  padding: 18px 25px;
  font-size: 1.6rem;
  border-radius: 30px;
  border: 2px solid #c0d7f0;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

#staff-search-input:focus {
  outline: none;
  border-color: #3498db;
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}

/*
============================================================
   ★★ 全体のレイアウト余白を強制的に適用 ★★
============================================================
*/
.staff-archive-container {
  max-width: 1200px !important;
  /* コンテンツの最大幅を最優先で適用 */
  margin-left: auto !important;
  /* 左の余白を最優先で適用 */
  margin-right: auto !important;
  /* 右の余白を最優先で適用 */
  padding-left: 20px !important;
  /* 画面幅が狭い場合でも左右の余白を確保 */
  padding-right: 20px !important;
  /* 画面幅が狭い場合でも左右の余白を確保 */
}

/*
============================================================
   ★★ 検索結果件数表示のデザイン改善 ★★
============================================================
*/
/* 件数表示を装飾されたボックスに変更 */
.search-results-message {
  /* 見た目をボックスに */
  background-color: #eef5ff;
  /* 背景色 */
  border-left: 5px solid #3498db;
  /* 左側にアクセントとなる太い線 */
  border-radius: 8px;
  /* 角を丸く */
  padding: 16px 25px;
  /* 内側の余白 */

  /* 配置と文字のスタイル */
  max-width: 700px;
  /* 検索窓の最大幅と合わせる */
  margin: -15px auto 30px;
  /* 上下の間隔を調整し、左右中央に配置 */
  font-size: 1.7rem;
  /* 文字を少し大きく */
  font-weight: 600;
  /* 文字を太く */
  color: #3d506a;
  /* 文字色を落ち着いた濃いブルーに */
  text-align: left;
  /* ボックスの中ではテキストを左揃えに */

  /* アニメーション */
  height: auto;
  /* 高さは自動に */
  transition: all 0.3s ease;
}

/* 検索キーワードを装飾 */
.search-results-message .search-query {
  font-weight: 700;
  color: #3498db;
}

/* ヒット件数を装飾 */
.search-results-message .search-count {
  font-weight: 700;
  color: #e74c3c;
  font-size: 2.0rem;
  /* 数字をさらに大きく */
}

/*
============================================================
   ★★ フッターCTA ★★
============================================================
*/

.c-aside h2 {
  color: #fff;
  text-align: center;
  font-size: 32px;
}

.c-aside-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1080px;
  margin: 0 auto;
  gap: 16px;
}

.c-aside-item {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px 24px 24px;
  border-radius: 8px;
}

.c-aside-item-head {
  text-align: center;
}

.c-aside-item-img {
  width: 100%;
}

.c-aside-item-text {
  font-size: 1.6rem;
  line-height: 2;
}

a.c-aside-item-bottom {
  background-color: #f3c415;
  border-radius: 999px;
  color: #333;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  transition: box-shadow 0.3s ease !important;
}

a.c-aside-item-bottom:hover {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #f3c415 !important;
}

/* スマホ向け (480px以下) */
@media (max-width: 480px) {
  .c-aside h2 {
    font-size: 22px;
    padding: 0 12px;
  }

  .c-aside-grid {
    grid-template-columns: 1fr;
    margin: 0 12px;
    gap: 16px;
  }

  .c-aside-item {
    padding: 0 16px 20px 16px;
  }

  .c-aside-item-text {
    font-size: 1.5rem;
    line-height: 1.8;
  }

  a.c-aside-item-bottom {
    font-size: 16px;
    padding: 12px 24px;
    width: 100%;
    max-width: 280px;
  }
}