@font-face{font-family:"Noto Sans JP";font-style:normal;font-weight:400;src:url("../fonts/NotoSansJP-Regular.woff2") format("woff2");font-display:swap}@font-face{font-family:"Noto Sans JP";font-style:normal;font-weight:500;src:url("../fonts/NotoSansJP-Medium.woff2") format("woff2");font-display:swap}@font-face{font-family:"Noto Sans JP";font-style:normal;font-weight:700;src:url("../fonts/NotoSansJP-Bold.woff2") format("woff2");font-display:swap}@font-face{font-family:"Roboto";font-style:normal;font-weight:300;src:url("../fonts/Roboto-Light.woff") format("woff");font-display:swap}@font-face{font-family:"Roboto";font-style:normal;font-weight:700;src:url("../fonts/Roboto-Bold.woff") format("woff");font-display:swap}.frame{padding:30px;border-radius:20px;background-color:#f2faff}@media screen and (max-width: 768px){.frame{padding:20px 14px}}.frame .head{font-size:20px;font-weight:700;margin-bottom:12px;color:#5a5a5a}.frame .txt{letter-spacing:initial;line-height:1.875;font-weight:500}.flow{padding:80px 0 0}@media screen and (max-width: 768px){.flow{padding:40px 0 0}}.flow .container .content{margin-top:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:35px}@media screen and (max-width: 768px){.flow .container .content{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.flow .container .content .flow-list{-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (max-width: 768px){.flow .container .content .flow-list{width:100%}}.flow .container .content .flow-list .flow-item{min-height:100px;display:grid;place-content:center;border:1px solid #2f7be3;border-radius:10px;font-size:20px;font-weight:700;color:#2f7be3;text-align:center}@media screen and (max-width: 768px){.flow .container .content .flow-list .flow-item{min-height:80px}}.flow .container .content .flow-list .flow-item+.flow-item{margin-top:55px;position:relative}.flow .container .content .flow-list .flow-item+.flow-item::before{content:"";position:absolute;top:-44px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:26px;height:33px;background:url(../images/employment-companywebsite/arrow-double.svg) no-repeat center/contain}.flow .container .content .img{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-shadow:0 3px 10px rgba(0,0,0,.16);box-shadow:0 3px 10px rgba(0,0,0,.16)}.flow .container .step-list{margin-top:32px}.flow .container .step-list .step-item+.step-item{margin-top:60px}@media screen and (max-width: 768px){.flow .container .step-list .step-item+.step-item{margin-top:40px}}.flow .container .step-list .step-item>.part-clip{margin-top:12px}.flow .container .step-list .step-item>.part-clip::before{height:70%}@media screen and (max-width: 768px){.flow .container .step-list .step-item>.part-clip::before{height:78%}}.flow .container .step-list .step-item>.txt{margin-top:20px}.flow .container .step-list .step-item>.frame{margin-top:20px}.flow .container .step-list .step-item>.frame>.inner+.inner{margin-top:30px;padding-top:30px;border-top:1px solid #daeeff}.flow .container .step-list .step-item .part-word{margin-top:32px}.flow .container .step-list .step-item .part-word .txt .em{color:#222}.flow .container .step-list .step-item .important{margin-top:28px;border-radius:10px;background-color:#2f7be3;padding:16px;position:relative}.flow .container .step-list .step-item .important::before{content:"";position:absolute;top:-15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:18px;height:16px;background-color:#2f7be3;clip-path:polygon(50% 0%, 100% 100%, 0% 100%)}.flow .container .step-list .step-item .important .txt{font-size:21px;font-weight:700;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.flow .container .step-list .step-item .important .txt::before{content:"!";font-size:22px;font-family:"Roboto",sans-serif;line-height:1;color:#2f7be3;min-width:28px;height:28px;border-radius:50%;background-color:#fff;display:grid;place-content:center}.summary{padding:60px 0 130px}@media screen and (max-width: 768px){.summary{padding:40px 0 60px}}.summary .container .txt{margin-top:32px}/*# sourceMappingURL=page-employment-companywebsite.css.map */