@charset "UTF-8";


/* sass */
.u-break-all { word-break: break-all; }

.u-break-word { word-wrap: break-word; }

.bg-pt1 { background-color: #213281; }

.wrap-hdg.lv2 { padding: 72px 0 40px; }

.wrap-hdg.lv2 .hdg { display: flex; align-items: center; font-size: 3rem; font-weight: bold; line-height: 1; letter-spacing: 0.1em; }

.wrap-hdg.lv2 .hdg .deco { display: flex; position: relative; margin-right: 0.5em; min-width: 24px; height: 24px; max-height: 24px; }

.wrap-hdg.lv2 .hdg .deco::before, .wrap-hdg.lv2 .hdg .deco::after { content: ""; border-radius: 50%; display: inline-block; position: absolute; width: 11px; height: 11px; }

.wrap-hdg.lv2 .hdg .deco::before { background-color: #213281; top: 0; left: 0; }

.wrap-hdg.lv2 .hdg .deco::after { background-color: #009CE2; bottom: 0; right: 0; }

.wrap-hdg.lv3 { padding: 40px 0 24px; }

.wrap-hdg.lv3 .hdg { border-bottom: 5px solid #ADCCDF; color: #213281; font-size: 2.4rem; font-weight: bold; line-height: 1.9; }

.wrap-hdg.lv4 { padding: 32px 0 24px; }

.wrap-hdg.lv4 .hdg { color: #333333; font-size: 2rem; font-weight: bold; display: flex; line-height: 1.3; }

.wrap-hdg.lv4 .hdg::before { content: ""; background-color: #1532AA; border-radius: 2px; display: flex; margin-right: 12px; width: 8px; min-width: 8px; }

.wrap-hdg.lv5 { padding: 24px 0 16px; }

.wrap-hdg.lv5 .hdg { border-bottom: 4px solid #D9D9D9; color: #213281; font-size: 1.8rem; font-weight: bold; line-height: 1.5; }

.wrap-hdg + .wrap-hdg { padding-top: 0; }

.wrap-hdg + .txt-lead, .wrap-hdg + .txt-normal, .wrap-hdg + .tbl-normal { margin-top: 0; }

.wrap-hdg + section > .wrap-hdg:first-child { padding-top: 0; }

.btn-box { display: flex; }

.btn-box.fit-r { justify-content: right; }

.btn-box.fit-c { justify-content: center; }

.btn-box.fit-l { justify-content: left; }

.btn { background-color: #1532AA; border-radius: 88px; font-size: 1.8rem; font-weight: bold; display: flex; align-items: center; justify-content: center; padding: 14px 50px 14px 55px; position: relative; margin-top: 32px; width: 100%; }

.btn:link { text-decoration: none; color: #ffffff; }

.btn:visited { color: #ffffff; }

.btn::after { content: ""; display: inline-block; position: absolute; background: url(/shared/image/icn-arw-bl-l.svg) no-repeat; background-color: #ffffff; background-size: calc(100% - 14px); background-position: center; border-radius: 50%; right: 14px; width: 32px; height: 32px; }

.btn.link-blank .icn { font-size: 0; position: absolute; left: 26px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 17px; height: 14px; }

.btn.link-blank .icn::before { content: ""; display: inline-block; background: url(/shared/image/icn-blank-wh.svg) no-repeat; top: 0; left: 0; width: 100%; height: 100%; }

.btn.blank2 .icn::before { background: url(/shared/image/icn-blank-bk.svg) no-repeat; }

.btn.btn-small { font-size: 1.6rem; padding: 8px 32px; padding: 8px 39px 8px 35px; width: 64%; }

.btn.btn-small::after { background: url(/shared/image/icn-arw-bl.svg) no-repeat; background-color: #ffffff; background-size: calc(100% - 10px); background-position: center; right: 14px; width: 22px; height: 22px; }

.btn.btn-small.arw2::after { background: url(/shared/image/icn-arw-wh.svg) no-repeat; background-color: #213281; background-size: 12px auto; background-position: center; }

.btn.btn-small.link-blank .icn, .btn.btn-small.link-blank2 .icn { left: 15px; }

.btn.pt2 { background-color: #C7D0F9; color: #213281; }

.btn.arw2::after { background: url(/shared/image/icn-arw-wh-l.svg) no-repeat; background-color: #213281; background-position: center; }

.btn.btn-bdr { background-color: #ffffff; color: #1532AA; border: 1.4px solid #1532AA; }

.btn.btn-bdr.btn-small { padding: 7px 38px 7px 34px; }

.btn-hoken > a { background-color: #ffffff; border: 1px solid #C1C4D2; border-radius: 16px; box-shadow: 0px 4px 22.2px -7px #333333; display: flex; align-items: center; justify-content: center; min-height: 170px; position: relative; }

.btn-hoken > a::after { content: ""; display: inline-block; content: ""; display: inline-block; position: absolute; background: url(/shared/image/icn-arw-wh-l.svg) no-repeat; background-color: #213281; background-size: calc(100% - 14px); background-position: center; border-radius: 50%; right: 12px; bottom: 13px; width: 32px; height: 32px; }

.btn-hoken > a.link-blank .icn { position: absolute; top: 16px; right: 16px; }

.btn-hoken .img-wrap.dnp { width: 150px; }

.btn-hoken .img-wrap.biprogy { width: 263px; }

.btn-hoken .img-wrap.hokkaido { width: 216px; }

.txt-normal { font-size: 1.6rem; line-height: 1.75; margin-top: 24px; }

.txt-lead { color: #333333; font-size: 1.6rem; line-height: 1.75; margin-top: 24px; }

.txt-lead.pt2 { color: #ffffff; background-color: #213281; padding: 24px 0; }

.txt-note { font-size: 1.4rem; line-height: 1.5; display: flex; margin-top: 16px; }

.txt-note .mkr { margin-right: 4px; }

.txt-note.note-red { color: #E8383D; }

.txt-note.note-gray { color: #666; }

.txt-caption { color: #000000; font-size: 1.4rem; display: block; line-height: 1.5; letter-spacing: 0.1em; margin-top: 8px; }

.txt-btn-hoken { font-size: 1.5rem; font-weight: bold; color: #333333; line-height: 1.75; margin-top: 16px; text-align: center; }

.ft-s { font-size: 1.4rem; }

.ft-xs { font-size: 1.3rem; }

.ft-bold { font-weight: bold; }

.ft-normal { font-weight: normal; }

.link-blank .txt { text-decoration: underline; }

.link-blank .icn { display: inline-block; font-size: 0; vertical-align: middle; margin-left: 7px; width: 17px; height: 14px; }

.link-blank .icn::before { content: ""; background: url(/shared/image/icn-blank-bk.svg) no-repeat; display: inline-block; width: 100%; height: 100%; }

.link-blank.icn-before { position: relative; padding-left: 24px; }

.link-blank.icn-before .icn { position: absolute; margin-left: 0; margin-right: 7px; top: 7px; left: 0; }

.link-pdf .txt { text-decoration: underline; }

.link-pdf .icn { display: inline-block; font-size: 0; vertical-align: middle; margin-left: 7px; width: 26px; height: 14px; }

.link-pdf .icn::before { content: ""; background: url(/shared/image/icn-pdf.svg) no-repeat; background-size: contain; display: inline-block; width: 100%; height: 100%; }

.link-pdf .size { color: #333333; font-size: 1.2rem; letter-spacing: -0.05em; vertical-align: middle; font-weight: bold; margin-left: 6px; }

.link-pdf:link { text-decoration: none; }

.list-normal { margin-top: 16px; }

.list-normal > .cnt { font-size: 1.4rem; line-height: 1.5; padding-left: 1.2em; position: relative; }

.list-normal > .cnt::before { content: "・"; font-weight: bold; position: absolute; top: 0; left: 0; }

.list-normal > .cnt + .cnt { margin-top: 6px; }

.list-normal.pt2 > .cnt { padding-left: calc(20px + 4px); }

.list-normal.pt2 > .cnt::before { content: ""; background-color: #333333; font-weight: normal; position: absolute; top: 9px; left: 6px; width: 8px; height: 2px; }

.list-normal.fts-16 > .cnt { font-size: 1.6rem; }

.list-normal.fts-16-18 > .cnt { font-size: 1.6rem; }

.list-order { margin-top: 16px; counter-reset: num; }

.list-order > .cnt { font-size: 1.4rem; line-height: 1.5; padding-left: 24px; position: relative; counter-increment: num 1; }

.list-order > .cnt::before { content: counter(num); color: #333333; background-color: #eee; border-radius: 50%; font-weight: bold; display: flex; align-items: center; justify-content: center; margin-right: 4px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; }

.list-order > .cnt + .cnt { margin-top: 10px; }

.list-order > .cnt > .list-order { margin-top: 10px; }

.list-order.pt2 > .cnt::before { content: counter(num) "."; background-color: transparent; border-radius: 0; margin-right: 7px; }

.list-order.fts-16 > .cnt { font-size: 1.6rem; }

.list-order.fts-16-18 > .cnt { font-size: 1.6rem; }

.list-link > .cnt::before { color: #0026FF; }

.list-link > .cnt + .cnt { margin-top: 12px; }

.list-arrow { margin-top: 16px; }

.list-arrow > .cnt { font-size: 1.4rem; line-height: 1.5; padding-left: 30px; position: relative; }

.list-arrow > .cnt::before { content: ""; display: inline-block; background: url(/shared/image/icn-arw-wh-xs.svg) no-repeat; background-color: #1532AA; background-size: calc(100% - 12px); background-position: center; border-radius: 50%; position: absolute; top: 0; left: 0; width: 20px; height: 20px; }

.list-arrow > .cnt + .cnt { margin-top: 16px; }

.list-arrow a:link { color: #333333; }

.wrap-box { display: flex; flex-wrap: wrap; margin-top: 24px; }

.wrap-box.row2 { margin-left: -23px; }

.wrap-box.row2 > .inner-box { margin-left: 23px; width: calc(50% - 23px); }

.wrap-box > li.inner-box:has(.btn-hoken) { margin-top: 32px; }

.wrap-box > li.inner-box:has(.btn-hoken):first-child { margin-top: 32px; }

.tbl-normal { border-color: #ADCCDF; border-style: solid; border-width: 0 1px 1px 0; margin-top: 41px; width: 100%; }

.tbl-normal .width-nml { width: 25%; }

.tbl-normal th, .tbl-normal td { border-color: #ADCCDF; border-style: solid; border-width: 1px 0 0 1px; font-size: 1.4rem; }

.tbl-normal th { background-color: #E9F1F6; text-align: center; padding: 16px 0; }

.tbl-normal td { padding: 16px 19px; }

.tbl-normal .list-normal { margin-top: 0; }

.tbl-normal .list-normal > .cnt + .cnt { margin-top: 0; }

.l-inner-round { background-color: #ffffff; border-radius: 40px 0 0 0; padding: 65px 0 0; margin-top: -56px; }

.l-inner-round-pt2 { background-color: #ffffff; border-radius: 40px 0 0 0; padding: 65px 0 0; margin-top: -56px; }

.wrap-no-anchor { background-color: #213281; margin-top: -68px; padding-top: calc(68px + 30px); }

.l-inner-round-pt3 { background-color: #ffffff; border-radius: 40px 0 0 0; padding: 65px 0 0; }

.l-inner-round:has(> .l-inner > .wrap-hdg:first-child), .l-inner-round-pt2:has(> .l-inner > .wrap-hdg:first-child) { padding-top: 0; }

.wrap-top-content { margin-left: auto; position: relative; z-index: 1; width: calc(100% - 16px); }

.wrap-top-content .top-content { border-radius: 24px 0 0 24px; position: relative; display: flex; align-items: center; justify-content: center; height: 140px; min-height: 140px; }

.wrap-top-content .top-content .hdg-lv1 { display: block; }

.wrap-top-content .top-content .hdg-lv1 .hdg { color: #ffffff; font-weight: bold; font-size: 2.6rem; letter-spacing: 0.2em; position: relative; }

.wrap-top-content .top-content .hdg-lv1 .sub { color: #ffffff; opacity: .2; font-size: 6rem; font-weight: 300; letter-spacing: 0.02em; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%); }

.wrap-top-content .top-content.company { background: url(/shared/image/mv-company-sp.jpg) no-repeat; background-size: cover; background-position: center; }

.wrap-top-content .top-content.service { background: url(/shared/image/mv-service-sp.jpg) no-repeat; background-size: cover; background-position: center; }

.wrap-top-content .top-content.contact { background: url(/shared/image/mv-contact-sp.jpg) no-repeat; background-size: cover; background-position: center; }

.wrap-top-content-pt2 { background-color: #213281; padding-bottom: 56px; }

.wrap-top-content-pt2 .top-content { display: flex; align-items: center; position: relative; height: 80px; min-height: 80px; }

.wrap-top-content-pt2 .top-content .hdg-lv1 { padding-left: 16px; width: calc(100% - 49%); }

.wrap-top-content-pt2 .top-content .hdg-lv1 .hdg { color: #ffffff; display: block; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; text-align: center; }

.wrap-top-content-pt2 .top-content .img { border-radius: 0 0 0 16px; display: block; position: absolute; top: 0; right: 0; width: 49%; height: 60px; }

.wrap-top-content-pt2 .top-content.base .img { background: url(/shared/image/mv2-base-sp.jpg) no-repeat; background-size: cover; background-position: center; }

.wrap-top-content-pt2 .top-content.message .img { background: url(/shared/image/mv2-message-sp.jpg) no-repeat; background-size: cover; background-position: center; }

.wrap-top-content-pt2 .top-content.support .img { background: url(/shared/image/mv2-support-sp.jpg) no-repeat; background-size: cover; background-position: center bottom; }

.wrap-top-content-pt2 .top-content.businessservices .img { background: url(/shared/image/mv2-businessservices-sp.jpg) no-repeat; background-size: cover; background-position: center; }

.wrap-top-content-pt2 .top-content.insuranceservices .img { background: url(/shared/image/mv2-insuranceservices-sp.jpg) no-repeat; background-size: cover; background-position: center; }

.wrap-top-content-pt2 .top-content.humanresource .img { background: url(/shared/image/mv2-humanresource-sp.jpg) no-repeat; background-size: cover; background-position: center; }

.wrap-top-content-pt2 .top-content.digitalhr .img { background: url(/shared/image/mv2-digitalhr-sp.jpg) no-repeat; background-size: cover; background-position: center; }

.wrap-top-content-pt2 .top-content.ictandbprPromotion .img { background: url(/shared/image/mv2-ictandbprPromotion-sp.jpg) no-repeat; background-size: cover; background-position: center; }

.wrap-list-anchor { background-color: #213281; padding: 69px 26px 56px 32px; padding-right: calc(26px - (15px / 2)); margin-top: -69px; }

.list-anchor { display: flex; margin-left: -15px; flex-wrap: wrap; justify-content: end; }

.list-anchor > .btn-anc { display: flex; margin-left: 15px; width: calc(50% - 15px); }

.list-anchor > .btn-anc a { border-bottom: 1px solid #FFFFFF80; color: #ffffff; font-size: 1.4rem; font-weight: bold; display: flex; align-items: center; padding: 14px 16px 14px 0; position: relative; text-decoration: none; width: 100%; }

.list-anchor > .btn-anc a::after { content: ""; display: inline-block; position: absolute; background: url(/shared/image/icn-arw-bl-s.svg) no-repeat; background-color: #ffffff; background-size: 9px; background-position: center; border-radius: 50%; -webkit-transform: rotate(90deg); transform: rotate(90deg); right: 0; width: 16px; height: 16px; }

.list-anchor > .btn-anc.no-separate a { border-bottom: none; }

.img-wrap img { width: 100%; }

.box-wrap { border-radius: 16px; background-color: #ffffff; padding: 20px; margin-top: 24px; }

.box-wrap .txt-normal + .txt-normal { margin-top: 10px; }

.box-wrap.col1 { background-color: #E9F1F6; }

.box-wrap.col-gradation { background: linear-gradient(93deg, #A2C0FF 0%, #D5E0FE 39.48%, #CEEDFB 79.15%, #E4E9FF 89.04%); background-size: cover; overflow: hidden; }

.box-wrap.pt2 { border: 1px solid #4B98C8; }

.box-wrap.pt3 { border: 1px solid #7D9AFF; }

.box-wrap.gap-small { margin-top: 16px; }

.box-wrap.pad-small { padding: 16px; }

.wrap-news > .box-news { border-bottom: 1px solid #D9D9D9; padding: 23px 0; }

.wrap-news > .box-news:first-child { padding-top: 0; }

.wrap-news .news-btm > * { font-size: 1.4rem; margin-top: 10px; }

.wrap-news .news-date { color: #656565; font-size: 1.4rem; line-height: 1.75; }

.wrap-news .news-tag { display: flex; flex-wrap: wrap; margin-left: -12px; margin-top: calc(9px - 5px); }

.wrap-news .news-tag > .tag { background-color: #EDF1F5; border: 1px solid #213281; border-radius: 24px; color: #213281; font-size: 1.2rem; font-weight: bold; line-height: 1.5; text-align: center; margin-top: 5px; margin-left: 12px; padding: 1px 11px; }

.wrap-news .news-tag > .tag.new { background-color: #AA1515; border: 1px solid #AA1515; color: #ffffff; }

.wrap-img-btn-container > .inner { margin-top: 32px; }

.wrap-img-btn-container > .inner > a { color: #333333; display: block; position: relative; text-decoration: none; }

.wrap-img-btn-container .box-img-btn { border-radius: 16px; overflow: hidden; position: relative; }

.wrap-img-btn-container .box-img-btn::after { content: ""; background: url(/shared/image/icn-arw-wh-s.svg) no-repeat; background-color: #213281; background-position: center; background-size: 65% auto; border-radius: 50%; display: inline-block; position: absolute; bottom: 14px; right: 14px; width: 22px; height: 22px; }

.wrap-img-btn-container .box-bottom .txt-ttl { color: #1532AA; font-size: 2rem; font-weight: bold; margin-top: 16px; }

.wrap-img-btn-container .box-bottom .txt-dtl { font-size: 1.4rem; line-height: 1.75; margin-top: 3px; }

.btn-anc-pt2 > a { display: block; position: relative; text-decoration: none; width: 100%; }

.btn-anc-pt2 > a::after { content: ""; display: inline-block; position: absolute; background: url(/shared/image/icn-arw-wh-s.svg) no-repeat; background-color: #213281; background-size: 14px; background-position: center; border-radius: 50%; -webkit-transform: rotate(90deg); transform: rotate(90deg); right: 14px; bottom: 13px; width: 22px; height: 22px; }

.wrap-support-anc > .box-wrap { padding: 0; }

.wrap-support-anc > .box-wrap > a { padding: 16px 40px 16px 14px; }

.wrap-support-anc .box-detail { font-weight: bold; }

.wrap-support-anc .box-detail > dt { color: #213281; font-size: 2.2rem; }

.wrap-support-anc .box-detail > dt + dd { margin-top: 10px; }

.wrap-support-anc .box-detail > dd { color: #515151; font-size: 1.6rem; }

.wrap-support-anc .box-detail.main > dt { font-size: 2.6rem; }

.wrap-support-anc .box-detail.main > dd { font-size: 1.8rem; }

.box-img-radius { border-radius: 16px; overflow: hidden; }

.message-name { font-size: 2.2rem; font-weight: bold; text-align: right; margin-top: 8px; }

.message-name .post { font-size: 1.4rem; letter-spacing: 1.54px; margin-right: 1em; }

.message-box-wrap { text-align: center; }

.message-box-wrap > dt { color: #213281; font-size: 1.8rem; font-weight: bold; }

.message-box-wrap > dd { font-size: 1.4rem; }

.message-box-wrap2 { text-align: center; }

.message-box-wrap2 > dt, .message-box-wrap2 > dd { color: #213281; font-weight: bold; }

.message-box-wrap2 > dt { font-size: 2.2rem; margin-top: 0; }

.message-box-wrap2 > dd { font-size: 1.8rem; }

.message-box-wrap2 .txt-normal + .txt-normal { margin-top: 0; }

.message-box-wrap2 + .message-box-wrap2 { margin-top: 16px; }

.wrap-base-anc { background-color: #EEE; border-radius: 16px; display: flex; flex-wrap: wrap; padding: 16px; }

.wrap-base-anc > .btn-anc { display: flex; justify-content: end; width: 50%; }

.wrap-base-anc > .btn-anc a { color: #333333; display: block; font-size: 1.4rem; text-decoration: none; padding-right: 25px; position: relative; text-align: right; width: 100%; }

.wrap-base-anc > .btn-anc a::after { content: ""; display: inline-block; position: absolute; background: url(/shared/image/icn-arw-wh-s.svg) no-repeat; background-color: #213281; background-size: 9px; background-position: center; border-radius: 50%; -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 0; bottom: 0; margin: auto 0; right: 0; width: 16px; height: 16px; }

.wrap-box-base .wrap-hdg + .wrap-box { margin-top: 6px; }

.wrap-box-base .address { font-size: 1.6rem; line-height: 1.75; }

.wrap-box-base .dept * { font-size: 1.4rem; line-height: 1.75; }

.wrap-box-base .dept > .cnt { margin-top: 0; }

.top-content.businessservices .hdg-lv1 { padding-left: 14px; }

@media print, all and (min-width: 768px) { .wrap-hdg.lv2 { padding: 88px 0 48px; }
  .wrap-hdg.lv2 .hdg { font-size: 4rem; }
  .wrap-hdg.lv2 .hdg .deco { margin-right: 0.5em; min-width: 27px; height: 27px; max-height: 27px; }
  .wrap-hdg.lv2 .hdg .deco::before, .wrap-hdg.lv2 .hdg .deco::after { width: 12px; height: 12px; }
  .wrap-hdg.lv3 { padding: 40px 0 32px; }
  .wrap-hdg.lv3 .hdg { border-bottom: 7px solid #ADCCDF; font-size: 2.8rem; }
  .wrap-hdg.lv4 { padding: 40px 0 32px; }
  .wrap-hdg.lv4 .hdg { font-size: 2.4rem; }
  .wrap-hdg.lv4 .hdg::before { border-radius: 6px; }
  .wrap-hdg.lv5 { padding: 32px 0 16px; }
  .wrap-hdg.lv5 .hdg { font-size: 2rem; margin-top: 24px; } .btn { width: 344px; }
  .btn:hover { opacity: .7; transition: all .2s; }
  .btn.btn-small { width: 220px; }
  .btn-hoken { width: 346px; }
  .btn-hoken a:hover { opacity: .7; transition: all .2s; }
  .wrap-box:has(.btn-hoken) { justify-content: space-between; } .txt-normal { font-size: 1.8rem; margin-top: 32px; }
  .txt-lead { font-size: 1.8rem; margin-top: 32px; }
  .txt-lead.pt2 { padding: 24px 0; }
  .txt-caption { color: #333333; font-size: 1.4rem; display: block; line-height: 1.5; letter-spacing: 0.1em; margin-top: 8px; }
  .txt-btn-hoken { font-size: 1.5rem; font-weight: bold; color: #333333; line-height: 1.75; margin-top: 16px; text-align: center; }
  .ft-s { font-size: 1.6rem; }
  .ft-xs { font-size: 1.4rem; }
  .ft-pc-s { font-size: 1.6rem; } .link-blank:hover .txt, .link-pdf:hover .txt { text-decoration: none; } .list-normal.fts-16-18 > .cnt { font-size: 1.8rem; }
  .list-order { margin-top: 24px; }
  .list-order > .cnt + .cnt { margin-top: 13px; }
  .list-order > .cnt > .list-order { margin-top: 13px; }
  .list-order.fts-16-18 > .cnt { font-size: 1.8rem; } .wrap-box.row2 > .inner-box.pc-inner-row1 { width: 100% !important; }
  .wrap-box.row2.pc-rowgap-l { margin-left: -43px; }
  .wrap-box.row2.pc-rowgap-l > .inner-box { margin-left: 43px; width: calc(50% - 43px); }
  .wrap-box.pc-row3 { margin-left: -42px; }
  .wrap-box.pc-row3 > .inner-box { margin-left: 42px; width: calc(100% / 3 - 42px); } .wrap-box > .inner-box:has(.box-bottom) { display: flex; }
  .wrap-box > .inner-box .wrap-btn-hoken:has(.box-bottom) { display: flex; flex-direction: column; justify-content: space-between; }
  .wrap-box > .pc-top-btm { display: flex; flex-direction: column; justify-content: space-between; } .tbl-normal { margin-top: 48px; }
  .tbl-normal .width-nml { width: 26%; }
  .tbl-normal th { font-size: 1.8rem; padding: 16px 0; }
  .tbl-normal td { font-size: 1.6rem; padding: 16px 19px; }
  .tbl-normal .list-normal > .cnt { font-size: 1.6rem; } .l-inner-round { border-radius: 120px 0 0 0; padding: 72px 0 0; margin-top: -120px; }
  .l-inner-round-pt2 { background-color: #ffffff; border-radius: 88px 0 0 0; padding: 72px 0 0; margin-top: -120px; }
  .wrap-no-anchor { margin-top: -126px; padding-top: calc(126px + 44px); }
  .l-inner-round-pt3 { border-radius: 120px 0 0 0; padding: 88px 0 0; }
  .wrap-top-content { width: calc(100% - 55px); }
  .wrap-top-content .top-content { border-radius: 40px 0 0 40px; height: 300px; min-height: 300px; }
  .wrap-top-content .top-content .hdg-lv1 .hdg { font-size: 3.8rem; }
  .wrap-top-content .top-content .hdg-lv1 .sub { opacity: .2; font-size: 13.6rem; -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%); }
  .wrap-top-content .top-content.company { background: url(/shared/image/mv-company-pc.jpg) no-repeat; background-size: cover; background-position: center; }
  .wrap-top-content .top-content.service { background: url(/shared/image/mv-service-pc.jpg) no-repeat; background-size: cover; background-position: center; }
  .wrap-top-content .top-content.contact { background: url(/shared/image/mv-contact-pc.jpg) no-repeat; background-size: cover; background-position: center; }
  .wrap-top-content-pt2 { padding-bottom: 120px; }
  .wrap-top-content-pt2 .top-content { height: 200px; min-height: 200px; }
  .wrap-top-content-pt2 .top-content .hdg-lv1 { padding-left: 123px; padding-right: 5px; width: 486px; }
  .wrap-top-content-pt2 .top-content .hdg-lv1 .hdg { font-size: 3.4rem; text-align: left; }
  .wrap-top-content-pt2 .top-content .img { border-radius: 0 0 0 32px; width: calc(100% - 486px); height: 160px; }
  .wrap-top-content-pt2 .top-content.base .img { background: url(/shared/image/mv2-base-pc.jpg) no-repeat; background-size: cover; background-position: center; }
  .wrap-top-content-pt2 .top-content.message .img { background: url(/shared/image/mv2-message-pc.jpg) no-repeat; background-size: cover; background-position: center; }
  .wrap-top-content-pt2 .top-content.support .img { background: url(/shared/image/mv2-support-pc.jpg) no-repeat; background-size: cover; background-position: center bottom; }
  .wrap-top-content-pt2 .top-content.businessservices .img { background: url(/shared/image/mv2-businessservices-pc.jpg) no-repeat; background-size: cover; background-position: center; }
  .wrap-top-content-pt2 .top-content.insuranceservices .img { background: url(/shared/image/mv2-insuranceservices-pc.jpg) no-repeat; background-size: cover; background-position: center; }
  .wrap-top-content-pt2 .top-content.humanresource .img { background: url(/shared/image/mv2-humanresource-pc.jpg) no-repeat; background-size: cover; background-position: center; }
  .wrap-top-content-pt2 .top-content.digitalhr .img { background: url(/shared/image/mv2-digitalhr-pc.jpg) no-repeat; background-size: cover; background-position: center; }
  .wrap-top-content-pt2 .top-content.ictandbprPromotion .img { background: url(/shared/image/mv2-ictandbprPromotion-pc.jpg) no-repeat; background-size: cover; background-position: center; }
  .wrap-list-anchor { padding-top: calc(126px + 32px); margin-top: -126px; padding-bottom: 162px; }
  .wrap-list-anchor > .inner { margin: 0 auto; width: 1150px; }
  .list-anchor { margin-left: auto; flex-wrap: nowrap; }
  .list-anchor > .btn-anc { margin-left: 0; padding: 0 64px; position: relative; width: auto; }
  .list-anchor > .btn-anc a { border-bottom: none; font-size: 2rem; padding: 0; padding-right: 40px; }
  .list-anchor > .btn-anc a::after { background: url(/shared/image/icn-arw-bl-l.svg) no-repeat; background-color: #ffffff; background-size: 14px; background-position: center; right: 0; width: 24px; height: 24px; }
  .list-anchor > .btn-anc a:hover { text-decoration: underline; }
  .list-anchor > .btn-anc::after { content: ""; display: inline-block; background-color: #FFFFFF80; position: absolute; right: 0; bottom: 0; width: 1px; height: 20px; }
  .list-anchor > .btn-anc:last-child::after { display: none; }
  .box-wrap.gap-small { margin-top: 20px; }
  .box-wrap.pad-small { padding: 20px; }
  .wrap-news > .box-news { padding: 24px 0; }
  .wrap-news .news-top { display: flex; }
  .wrap-news .news-btm > * { font-size: 1.6rem; margin-top: 15px; }
  .wrap-news .news-date { min-width: 122px; }
  .wrap-news .news-tag { margin-left: 30px; margin-top: -5px; } .wrap-img-btn-container { display: flex; flex-wrap: wrap; margin: 48px 0 0 -40px; }
  .wrap-img-btn-container > .inner { margin: 0 0 0 40px; width: calc(50% - 40px); }
  .wrap-img-btn-container > .inner > a:hover { opacity: .7; transition: all .2s; }
  .wrap-img-btn-container > .inner:nth-child(n+3) { margin-top: 32px; }
  .wrap-img-btn-container .box-img-btn::after { background: url(/shared/image/icn-arw-wh-l.svg) no-repeat; background-color: #213281; background-position: center; background-size: 65% auto; bottom: 16px; right: 17px; width: 32px; height: 32px; }
  .wrap-img-btn-container .box-bottom .txt-ttl { font-size: 2.6rem; margin-top: 24px; }
  .wrap-img-btn-container .box-bottom .txt-dtl { font-size: 1.6rem; }
  .company-location .pc-top-btm .btn { top: -29px; }
  .wrap-support-anc { display: flex; flex-wrap: wrap; margin-left: -20px; }
  .wrap-support-anc > .box-wrap { margin-left: 20px; width: calc(100% / 3 - 20px); }
  .wrap-support-anc > .box-wrap > a { padding: 21px 40px 21px 30px; height: 100%; }
  .wrap-support-anc > .box-wrap > a:hover { opacity: .7; transition: all .2s; }
  .wrap-support-anc > .box-wrap:has(.box-detail.main) { width: 100%; }
  .wrap-support-anc .box-detail > dt { font-size: 2.6rem; }
  .wrap-support-anc .box-detail > dt + dd { margin-top: 10px; margin-left: 0; }
  .wrap-support-anc .box-detail.main { display: flex; align-items: center; }
  .wrap-support-anc .box-detail.main > dt { font-size: 3.2rem; min-width: 195px; }
  .wrap-support-anc .box-detail.main > dd { font-size: 2rem; margin-left: 19px; }
  .message-name { font-size: 2.6rem; margin-top: 0; }
  .message-name .post { font-size: 1.6rem; letter-spacing: 1.76px; margin-right: 2em; }
  .message-box-wrap > dt { font-size: 3rem; }
  .message-box-wrap > dd { font-size: 1.8rem; }
  .message-box-wrap2 { display: flex; align-items: center; }
  .message-box-wrap2 > dt { font-size: 3.2rem; min-width: 25%; width: 25%; }
  .message-box-wrap2 > dd { font-size: 2.8rem; }
  .message-box-wrap2 + .message-box-wrap2 { margin-top: 20px; }
  .wrap-base-anc { justify-content: center; padding: 21px; }
  .wrap-base-anc > .btn-anc { justify-content: normal; width: auto; }
  .wrap-base-anc > .btn-anc a { font-size: 1.8rem; padding-right: 33px; text-align: left; width: auto; }
  .wrap-base-anc > .btn-anc a::after { background-size: 12px; width: 22px; height: 22px; }
  .wrap-base-anc > .btn-anc a:hover { text-decoration: underline; }
  .wrap-base-anc > .btn-anc + .btn-anc { margin-left: 190px; }
  .wrap-box-base .address { font-size: 1.8rem; }
  .wrap-box-base .dept * { font-size: 1.6rem; }
  .wrap-box-base .dept > .cnt { margin-top: 0; }
  .wrap-box-base.row2 > .inner-box { margin-left: 40px; width: calc(50% - 40px); }
  .wrap-box-base .base-content .img-wrap { height: 180px; }
  .wrap-box-base .base-content .img-wrap.vertical-long { text-align: center; width: auto; }
  .wrap-box-base .base-content .img-wrap.vertical-long img { border-radius: 16px; object-fit: contain; width: auto; height: 100%; }
  .wrap-box-base .pc-inner-row1 > .base-content { margin-left: -40px; }
  .wrap-box-base .pc-inner-row1 > .base-content > .inner-box { margin-left: 40px; }
  .wrap-box-base .pc-inner-row1 > .base-content > .inner-box:nth-child(odd) { width: 346px; }
  .wrap-box-base .pc-inner-row1 > .base-content > .inner-box:nth-child(even) { width: calc(100% - 346px - 80px); }
  .wrap-box-base .pc-inner-row1 > .base-content > .inner-box .btn-box > a { margin-top: -40px; }
  .wrap-box-base .pc-inner-row1 > .base-content > .inner-box .address, .wrap-box-base .pc-inner-row1 > .base-content > .inner-box .dept { padding-right: 225px; }
  .wrap-box-base .pc-inner-row1 > .base-content .img-wrap { height: auto; }
  .top-content.businessservices .hdg-lv1 { padding-left: 105px; }
  .top-content.humanresource .hdg-lv1 { padding-left: 110px; }
  .top-content.digitalhr .hdg-lv1 { padding-left: 100px; } }

@media print, all and (max-width: 767px) { .wrap-box.sp-row1 { margin-left: 0; }
  .wrap-box.sp-row1 > .inner-box { margin-left: 0; margin-top: 24px; width: 100%; }
  .wrap-box.sp-row1 > .inner-box:first-child { margin-top: 0; } .img-wrap.sp-slim { padding: 0 25px; } .box-wrap.sp-pad-small { padding: 16px; }
  .box-wrap.sp-full-width { border-radius: 0; margin-left: -16px; margin-right: -16px; }
  .box-wrap.sp-rad-small { border-radius: 8px; } }

@media print, all and (min-width: 768px) and (max-width: 767px) { .wrap-box.pc-row3.sp-row1 { margin-left: 0; }
  .wrap-box.pc-row3.sp-row1 > .inner-box { margin-left: 0; margin-top: 32px; width: 100%; }
  .wrap-box.pc-row3.sp-row1 > .inner-box:first-child { margin-top: 0; } }