@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&display=swap");
:root {
  --mvalue-120:clamp(90px, 12vw, 120px);
  --mvalue-110:clamp(80px, 11vw, 110px);
  --mvalue-100:clamp(70px, 10vw, 100px);
  --mvalue-90:clamp(60px, 9vw, 90px);
  --mvalue-80:clamp(50px, 8vw, 80px);
  --mvalue-70:clamp(45px, 7vw, 70px);
  --mvalue-60:clamp(37.25px, 6vw, 60px);
  --mvalue-50:clamp(30px, 5vw, 50px);
  --mvalue-40:clamp(25px, 4vw, 40px);
  --mvalue-30:clamp(20px, 3vw, 30px);
  --mvalue-20:clamp(10px, 2vw, 20px);
  --mvalue-15:15px;
  --mvalue-10:10px;
  --mvalue-5:5px;
  --col-blue1:#DCECFF;
  --col-blue2:#0077FF;
  --col-gray:#53606D;
  --col-yellow:#FFF600; }

._mt5 {
  margin-top: var(--mvalue-5) !important; }

._mt10 {
  margin-top: var(--mvalue-10) !important; }

._mt15 {
  margin-top: var(--mvalue-15) !important; }

._mt20 {
  margin-top: var(--mvalue-20) !important; }

._mt30 {
  margin-top: var(--mvalue-30) !important; }

._mt40 {
  margin-top: var(--mvalue-40) !important; }

._mt50 {
  margin-top: var(--mvalue-50) !important; }

._mt60 {
  margin-top: var(--mvalue-60) !important; }

._mt70 {
  margin-top: var(--mvalue-70) !important; }

._mt80 {
  margin-top: var(--mvalue-80) !important; }

._mt90 {
  margin-top: var(--mvalue-90) !important; }

._mt100 {
  margin-top: var(--mvalue-100) !important; }

._mt110 {
  margin-top: var(--mvalue-110) !important; }

._mt120 {
  margin-top: var(--mvalue-120) !important; }

._mb5 {
  margin-bottom: var(--mvalue-5) !important; }

._mb10 {
  margin-bottom: var(--mvalue-10) !important; }

._mb15 {
  margin-bottom: var(--mvalue-15) !important; }

._mb20 {
  margin-bottom: var(--mvalue-20) !important; }

._mb30 {
  margin-bottom: var(--mvalue-30) !important; }

._mb40 {
  margin-bottom: var(--mvalue-40) !important; }

._mb50 {
  margin-bottom: var(--mvalue-50) !important; }

._mb60 {
  margin-bottom: var(--mvalue-60) !important; }

._mb70 {
  margin-bottom: var(--mvalue-70) !important; }

._mb80 {
  margin-bottom: var(--mvalue-80) !important; }

._mb90 {
  margin-bottom: var(--mvalue-90) !important; }

._mb100 {
  margin-bottom: var(--mvalue-100) !important; }

._mb110 {
  margin-bottom: var(--mvalue-110) !important; }

._mb120 {
  margin-bottom: var(--mvalue-120) !important; }

._pb5 {
  padding-bottom: var(--mvalue-5) !important; }

._pb10 {
  padding-bottom: var(--mvalue-10) !important; }

._pb15 {
  padding-bottom: var(--mvalue-15) !important; }

._pb20 {
  padding-bottom: var(--mvalue-20) !important; }

._pb30 {
  padding-bottom: var(--mvalue-30) !important; }

._pb40 {
  padding-bottom: var(--mvalue-40) !important; }

._pb50 {
  padding-bottom: var(--mvalue-50) !important; }

._pb60 {
  padding-bottom: var(--mvalue-60) !important; }

._pb70 {
  padding-bottom: var(--mvalue-70) !important; }

._pb80 {
  padding-bottom: var(--mvalue-80) !important; }

._pb90 {
  padding-bottom: var(--mvalue-90) !important; }

._pb100 {
  padding-bottom: var(--mvalue-100) !important; }

._pb110 {
  padding-bottom: var(--mvalue-110) !important; }

._pb120 {
  padding-bottom: var(--mvalue-120) !important; }

input,
button,
textarea {
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  outline: none; }

button {
  cursor: pointer;
  background: none;
  border: none; }

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-tap-highlight-color: transparent; }

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px transparent inset; }

body.recruitment-assessment {
  margin: 0;
  padding: 0;
  font-family: YakuHanJP, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: var(--col-blue1);
  box-sizing: border-box; }
  body.recruitment-assessment ul, body.recruitment-assessment li {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  body.recruitment-assessment a {
    color: #53606D; }
  body.recruitment-assessment header {
    background-color: var(--col-blue2);
    display: flex;
    grid-gap: clamp(1em, 4vw, 2em);
    align-items: center;
    padding: 0 clamp(1em, 4vw, 4em); }
    body.recruitment-assessment header > h1 {
      width: clamp(114px, 16.1vw, 160px);
      aspect-ratio: 5.16 / 1;
      overflow: hidden;
      white-space: nowrap;
      text-indent: 105%;
      background-image: url("../img/recruitment-assessment/pagelogo.svg");
      background-repeat: no-repeat;
      background-size: contain; }
    body.recruitment-assessment header > span {
      color: #fff;
      display: flex;
      align-items: center;
      font-size: clamp(12px, 1.8vw, 16px);
      font-weight: 600; }
      body.recruitment-assessment header > span:before, body.recruitment-assessment header > span:after {
        content: "";
        width: 19px;
        height: 1px;
        background-color: #fff;
        display: block;
        transform: translateY(3px); }
      body.recruitment-assessment header > span:before {
        margin-right: 0.5em; }
      body.recruitment-assessment header > span:after {
        margin-left: 0.5em; }
  body.recruitment-assessment main > .bread {
    width: 95%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    font-size: 14px;
    color: var(--col-gray); }
    body.recruitment-assessment main > .bread li {
      position: relative; }
      body.recruitment-assessment main > .bread li:not(:first-child) {
        padding-left: 16px; }
        body.recruitment-assessment main > .bread li:not(:first-child):before {
          content: "";
          width: 1px;
          height: 1em;
          display: inline-block;
          border-left: solid 1px var(--col-gray);
          transform: translate(-7px, 2px); }
    body.recruitment-assessment main > .bread a:hover {
      color: var(--col-blue2); }
  body.recruitment-assessment main > footer {
    color: var(--col-gray);
    display: flex;
    flex-flow: column;
    align-items: center;
    font-size: 14px; }
    body.recruitment-assessment main > footer ul {
      display: flex;
      align-items: center; }
      body.recruitment-assessment main > footer ul li {
        position: relative; }
        body.recruitment-assessment main > footer ul li:not(:first-child) {
          padding-left: 16px; }
          body.recruitment-assessment main > footer ul li:not(:first-child):before {
            content: "";
            width: 1px;
            height: 1em;
            display: inline-block;
            border-left: solid 1px var(--col-gray);
            transform: translate(-7px, 2px); }
        body.recruitment-assessment main > footer ul li a:hover {
          color: var(--col-blue2); }
  body.recruitment-assessment main > section {
    padding: 1px;
    box-sizing: border-box; }
    body.recruitment-assessment main > section .progress-bar {
      background-color: #E0E3E6;
      border-radius: 8px;
      width: 100%;
      max-width: 608px;
      height: 8px;
      position: relative;
      overflow: hidden; }
      body.recruitment-assessment main > section .progress-bar > .progress-fill {
        height: 100%;
        background-color: var(--col-blue2);
        transition: 0.3s;
        border-radius: 0 10px 10px 0; }
    body.recruitment-assessment main > section.rs_box > div {
      width: 93%;
      max-width: 1100px;
      margin-left: auto;
      margin-right: auto;
      box-sizing: border-box; }
@media(max-width:760px){
  body.recruitment-assessment main > section.rs_box > div.rs_title {
    margin-top:0!important;
  }
}
    body.recruitment-assessment main > section.rs_box._co2, body.recruitment-assessment main > section.rs_box._co4 {
      background-color: var(--col-blue2); }
    body.recruitment-assessment main > section.rs_box._co1 > div.rs_title {
      width: 93%;
      max-width: 1100px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      display: flex;
      justify-content: center; }
      @media (min-width: 981px) {
        body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > picture {
          display: block;
          position: absolute;
          top: 2em; }
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > picture img {
            max-width: 100%; }
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > picture._l {
            left: 0;
            width: 236px;
            max-width: 19.8vw; }
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > picture._r {
            right: 0;
            width: 257px;
            max-width: 21.5vw; } }
      @media (max-width: 980px) {
        body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > picture {
          display: none; } }
      body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div {
        position: relative; }
        @media (min-width: 981px) {
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div {
            width: 563px;
            max-width: 47.3vw; } }
        @media (max-width: 980px) {
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div {
            width: 100%;
            max-width: 343px; } }
        body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div picture {
          display: block; }
          @media (max-width: 980px) {
            body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div picture:not(.img_sp) {
              max-width: 277px;
              margin-left: auto;
              margin-right: auto; } }
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div picture img {
            max-width: 100%; }
            @media (min-width: 981px) {
              body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div picture img._sp {
                display: none; } }
            @media (max-width: 980px) {
              body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div picture img._pc {
                display: none; } }
        body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._titletxt1 {
          position: absolute;
          display: flex;
          flex-flow: column;
          justify-content: center;
          align-items: center; }
          @media (min-width: 981px) {
            body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._titletxt1 {
              top: 0.7em;
              right: 0;
              left: 2em;
              margin: 0 auto;
              grid-gap: 0.6em; } }
          @media (max-width: 980px) {
            body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._titletxt1 {
              top: 0;
              right: 2em;
              margin-top: 0;
              grid-gap: 0.2em; } }
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._titletxt1 strong {
            margin: 0;
            font-size: 14px;
            color: #fff;
            background-color: var(--col-blue2);
            border-radius: 30px;
            font-weight: 600;
            line-height: 1.2; }
            @media (min-width: 981px) {
              body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._titletxt1 strong {
                padding: 0.75em 1em; } }
            @media (max-width: 980px) {
              body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._titletxt1 strong {
                padding: 0.5em 1em; } }
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._titletxt1 span {
            font-size: clamp(17px, 1.7vw, 20px);
            color: #3B4B9F;
            text-decoration: underline;
            font-weight: 600; }
            @media (min-width: 981px) {
              body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._titletxt1 span br {
                display: none; } }
            @media (max-width: 980px) {
              body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._titletxt1 span {
                text-align: center; } }
        body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._titletxt2 {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 auto; }
          @media (max-width: 980px) {
            body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._titletxt2 {
              max-width: 277px; } }
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._titletxt2:before {
            content: "";
            width: 100%;
            height: 1px;
            background-color: #3B4B9F;
            display: block;
            position: absolute;
            left: 0;
            transform: translateY(2px); }
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._titletxt2 span {
            display: inline-block;
            font-size: 18px;
            color: #3B4B9F;
            font-weight: 700;
            background-color: var(--col-blue1);
            padding: 0 1.5em;
            position: relative; }
            @media (max-width: 980px) {
              body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._titletxt2 span {
                font-size: 14px;
                padding: 0 0.5em; } }
        @media (min-width: 981px) {
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div picture.img_sp {
            display: none; } }
        @media (max-width: 980px) {
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div picture.img_sp {
            margin-top: 1em;
            display: block; }
            body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div picture.img_sp img {
              display: block; } }
        @media (max-width: 980px) {
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._rslink1 {
            margin-top: 0 !important; } }
        body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ul {
          display: flex;
          justify-content: center;
          grid-gap: 1.5em; }
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ul > li {
            display: flex;
            align-items: center;
            grid-gap: 0.25em;
            line-height: 1.5;
            font-size: 16px;
            color: #37479D;
            font-weight: 500; }
            @media (max-width: 980px) {
              body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ul > li {
                font-size: 14px; } }
            body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ul > li:before {
              content: url("../img/recruitment-assessment/icon-check1.svg");
              width: 15px;
              aspect-ratio: 1 / 1;
              display: inline-block;
              transform: translateY(2px); }
            body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ul > li:last-child:before {
              content: url("../img/recruitment-assessment/icon-time.svg"); }
    body.recruitment-assessment main > section.rs_box._co1 > div.rs_about {
      background-color: #fff;
      border-radius: clamp(10px,2vw,30px);
      padding: clamp(0.5em,2.5vw,4em) 1em clamp(1em,4vw,3.5em);
      display: flex;
      flex-flow: column;
      align-items: center;
      box-sizing: border-box; }
      @media (min-width: 981px) {
        body.recruitment-assessment main > section.rs_box._co1 > div.rs_about {
          margin-top: var(--mvalue-40); } }
      @media (max-width: 980px) {
        body.recruitment-assessment main > section.rs_box._co1 > div.rs_about {
          margin-top: var(--mvalue-50); } }
      body.recruitment-assessment main > section.rs_box._co1 > div.rs_about > h2 {
        font-size: clamp(24px, 3.6vw, 36px);
        font-weight: 700;
        text-align: center; }
        body.recruitment-assessment main > section.rs_box._co1 > div.rs_about > h2 span {
          color: var(--col-blue2); }
        @media (max-width: 760px) {
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_about > h2 {
            text-decoration: underline;
            text-decoration-thickness: 1px; } }
        @media (min-width: 761px) {
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_about > h2 br._sp {
            display: none; } }
      body.recruitment-assessment main > section.rs_box._co1 > div.rs_about > ul {
        max-width: 90%;
        display: flex;
        flex-flow: column;
        grid-gap: 1.25em;
        margin: 1.25em 0; }
        body.recruitment-assessment main > section.rs_box._co1 > div.rs_about > ul > li {
          display: flex;
          align-items: flex-start;
          grid-gap: 0.75em;
          font-size: clamp(16px, 2vw, 20px);
          text-decoration: underline; }
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_about > ul > li:before {
            content: url("../img/recruitment-assessment/icon-check2.svg");
            display: block;
            width: 28px;
            height: 28px; }
          @media (min-width: 761px) {
            body.recruitment-assessment main > section.rs_box._co1 > div.rs_about > ul > li br {
              display: none; } }
      body.recruitment-assessment main > section.rs_box._co1 > div.rs_about > ._ftxt {
        font-size: clamp(24px, 2.6vw, 26px);
        font-weight: 700; }
        body.recruitment-assessment main > section.rs_box._co1 > div.rs_about > ._ftxt span {
          color: var(--col-blue2);
          margin: 0 0.25em; }
        @media (max-width: 760px) {
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_about > ._ftxt {
            text-align: center;
            text-decoration: underline;
            text-decoration-thickness: 1px; } }
        @media (min-width: 761px) {
          body.recruitment-assessment main > section.rs_box._co1 > div.rs_about > ._ftxt br {
            display: none; } }
    body.recruitment-assessment main > section.rs_box._co2 > div {
      padding: clamp(2.1em, 8vw, 5em) 1em 3em;
      display: flex;
      flex-flow: column;
      align-items: center; }
      body.recruitment-assessment main > section.rs_box._co2 > div > h2 {
        color: #fff;
        font-size: clamp(24px, 3.6vw, 36px);
        font-weight: 700;
        margin-bottom: 0; }
      body.recruitment-assessment main > section.rs_box._co2 > div > p {
        color: #fff;
        font-size: clamp(16px, 2vw, 20px);
        font-weight: 500; }
      body.recruitment-assessment main > section.rs_box._co2 > div > ul {
        width: 100%;
        max-width: 1100px; }
        @media (min-width: 761px) {
          body.recruitment-assessment main > section.rs_box._co2 > div > ul {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-column-gap: min(7vw, 100px); } }
        @media (max-width: 760px) {
          body.recruitment-assessment main > section.rs_box._co2 > div > ul {
            display: flex;
            flex-flow: column;
            align-items: center;
            grid-row-gap: 95px; } }
        body.recruitment-assessment main > section.rs_box._co2 > div > ul > li {
          background-color: rgba(255, 255, 255, 0.3);
          border-radius: 10px;
          position: relative;
          display: flex;
          flex-flow: column;
          align-items: center;
          color: #fff;
          box-sizing:border-box;
          padding: 3em 1em 2em; }
          @media (max-width: 760px) {
            body.recruitment-assessment main > section.rs_box._co2 > div > ul > li {
              width: 950%;
              max-width: 300px; } }
          body.recruitment-assessment main > section.rs_box._co2 > div > ul > li:not(:last-child):after {
            content: url("../img/recruitment-assessment/icon-arrow1-w.svg");
            display: block;
            width: 22px;
            min-width: 22px;
            aspect-ratio: 1 / 1;
            position: absolute; }
            @media (min-width: 761px) {
              body.recruitment-assessment main > section.rs_box._co2 > div > ul > li:not(:last-child):after {
                inset: 0;
                margin: auto 0 auto calc(100% + min(2.6vw,40px)); } }
            @media (max-width: 760px) {
              body.recruitment-assessment main > section.rs_box._co2 > div > ul > li:not(:last-child):after {
                top: calc(100% + 15px);
                transform: rotate(90deg); } }
          body.recruitment-assessment main > section.rs_box._co2 > div > ul > li > span {
            position: absolute;
            inset: 0;
            margin: -0.5em auto 0;
            font-family: "Afacad", sans-serif;
            font-size: 50px;
            height: 1em;
            line-height: 1;
            text-align: center;
            font-weight: 600; }
          body.recruitment-assessment main > section.rs_box._co2 > div > ul > li > h3 {
            font-size: clamp(22px, 2.4vw, 24px);
            font-weight: 600;
            margin: 0; }
          body.recruitment-assessment main > section.rs_box._co2 > div > ul > li > picture {
            width: min(20vw, 100px);
            aspect-ratio: 1 / 1;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 1.5em 0; }
            body.recruitment-assessment main > section.rs_box._co2 > div > ul > li > picture img {
              display:block;
              width:auto;
              height:auto;
              max-width: 100%;
              max-height: 100%; }
          body.recruitment-assessment main > section.rs_box._co2 > div > ul > li > p {
            font-size: clamp(14px, 1.6vw, 16px);
            text-align: center;
            margin: 0; }
            @media (max-width: 980px) {
              body.recruitment-assessment main > section.rs_box._co2 > div > ul > li > p br._pc {
                display: none; } }
    body.recruitment-assessment main > section.rs_box._co3 {
      background-color: #fff; }
      body.recruitment-assessment main > section.rs_box._co3 > div {
        padding: clamp(2.1em, 8vw, 3em) 0.5em 3em;
        display: flex;
        flex-flow: column;
        align-items: center; }
        body.recruitment-assessment main > section.rs_box._co3 > div > div {
          position: relative;
          display: flex;
          flex-flow: column;
          align-items: center; }
          body.recruitment-assessment main > section.rs_box._co3 > div > div > h2 {
            font-size: clamp(24px, 3.6vw, 36px);
            font-weight: 700;
            margin-bottom: 0; }
          body.recruitment-assessment main > section.rs_box._co3 > div > div > p {
            font-size: clamp(16px, 2vw, 20px);
            font-weight: 500; }
          body.recruitment-assessment main > section.rs_box._co3 > div > div > picture {
            display: block; }
            @media (min-width: 761px) {
              body.recruitment-assessment main > section.rs_box._co3 > div > div > picture {
                position: absolute;
                left: 113%;
                bottom: 2em; } }
            @media (max-width: 760px) {
              body.recruitment-assessment main > section.rs_box._co3 > div > div > picture {
                margin-top: 2em; } }
        body.recruitment-assessment main > section.rs_box._co3 > div > ul {
          display: flex;
          flex-flow: column;
          grid-gap: 1.75em; }
          body.recruitment-assessment main > section.rs_box._co3 > div > ul > li strong {
            font-size: clamp(18px, 2.4vw, 24px);
            font-weight: 600;
            color: var(--col-blue2);
            text-decoration: underline;
            display: flex;
            align-items: center;
            line-height: 1; }
            body.recruitment-assessment main > section.rs_box._co3 > div > ul > li strong:before {
              margin-right: 0.5em; }
            body.recruitment-assessment main > section.rs_box._co3 > div > ul > li strong._no1:before {
              content: url("../img/recruitment-assessment/icon-utilization1.svg"); }
            body.recruitment-assessment main > section.rs_box._co3 > div > ul > li strong._no2:before {
              content: url("../img/recruitment-assessment/icon-utilization2.svg"); }
            body.recruitment-assessment main > section.rs_box._co3 > div > ul > li strong._no3:before {
              content: url("../img/recruitment-assessment/icon-utilization3.svg"); }
          body.recruitment-assessment main > section.rs_box._co3 > div > ul > li p {
            font-size: clamp(16px, 1.8vw, 18px);
            margin: 0.75em 0 0; }
    body.recruitment-assessment main > section.rs_box._co4 {
      display: flex;
      flex-flow: column;
      align-items: center; }
      body.recruitment-assessment main > section.rs_box._co4 h2 {
        color: #fff;
        font-weight: 500;
        font-size: clamp(24px, 3.6vw, 36px);
        text-align: center;
        margin: var(--mvalue-70) 0 0; }
      body.recruitment-assessment main > section.rs_box._co4 ._ftxt {
        color: #fff;
        font-weight: 400;
        margin: var(--mvalue-30) 0 0; }
        @media (min-width: 981px) {
          body.recruitment-assessment main > section.rs_box._co4 ._ftxt {
            margin: var(--mvalue-20) 0 0; }
            body.recruitment-assessment main > section.rs_box._co4 ._ftxt br {
              display: none; } }
    body.recruitment-assessment main > section.interview_body {
      width: 93%;
      max-width: 1100px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 1em;
      padding-right: 1em;
      padding-bottom: var(--mvalue-60);
      background-color: #fff;
      box-shadow: 3px 3px 6px -3px rgba(0, 0, 0, 0.15);
      border-radius: clamp(10px,2vw,20px);
      min-height: 665px;
      display: flex;
      flex-flow: column;
      grid-gap: 2.5em;
      align-items: center;
      box-sizing: border-box; }
      body.recruitment-assessment main > section.interview_body > .ib-title {
        display: flex;
        position: relative;
        grid-gap: clamp(0.5em, 3vw, 3em); }
        body.recruitment-assessment main > section.interview_body > .ib-title > picture {
          width: clamp(83px, 20vw, 110px); }
          body.recruitment-assessment main > section.interview_body > .ib-title > picture img {
            max-width: 100%; }
        body.recruitment-assessment main > section.interview_body > .ib-title > div {
          min-width:7em;
          display: flex;
          flex-flow: column;
          align-items: center;
          justify-content: center;
          grid-gap: 0.85em; }
          body.recruitment-assessment main > section.interview_body > .ib-title > div > h2 {
            padding: 0.5em 1em;
            margin: 0;
            font-size: 14px;
            color: #fff;
            background-color: var(--col-blue2);
            border-radius: 30px;
            font-weight: 600;
            line-height: 1; }
          body.recruitment-assessment main > section.interview_body > .ib-title > div > span {
            font-size: clamp(24px, 3vw, 30px);
            color: var(--col-blue2);
            line-height: 1;
            font-weight: 600; }
          body.recruitment-assessment main > section.interview_body > .ib-title > div > p {
            margin: 0;
            color: var(--col-blue2);
            font-size: 16px;
            font-weight: 700;
            font-family: "Manrope", sans-serif; }
      body.recruitment-assessment main > section.interview_body > .progress-bar {
        width: 95%; }
      body.recruitment-assessment main > section.interview_body > .question-text {
        text-align: center;
        font-size: clamp(24px, 2.6vw, 26px);
        line-height: 1.5;
        font-weight: 700; }
        body.recruitment-assessment main > section.interview_body > .question-text span {
          display: block;
          color: var(--col-gray);
          font-size: 14px;
          margin-top: 0.5em;
          font-weight: 400; }
      body.recruitment-assessment main > section.interview_body > .answer-buttons {
        display: flex;
        grid-gap: 30px 50px; }
        @media (max-width: 600px) {
          body.recruitment-assessment main > section.interview_body > .answer-buttons {
            flex-flow: column;
            width: 95%; } }
        body.recruitment-assessment main > section.interview_body > .answer-buttons button {
          font-size: 20px;
          font-weight: 700;
          display: flex;
          justify-content: center;
          color: var(--col-blue2);
          background-color: var(--col-blue1);
          border: solid 1px var(--col-blue2);
          border-radius: 10px;
          box-shadow: 0 5px 0 #025AB9;
          transform: translateY(-2px);
          transition: 0.3s;
          cursor: pointer; }
          @media (min-width: 601px) {
            body.recruitment-assessment main > section.interview_body > .answer-buttons button {
              width: 160px;
              height: 100px;
              flex-flow: column; } }
          @media (max-width: 600px) {
            body.recruitment-assessment main > section.interview_body > .answer-buttons button {
              width: 100%;
              height: 80px;
              align-items: center; }
              body.recruitment-assessment main > section.interview_body > .answer-buttons button > span {
                display: inline-block;
                width: 4.0em;
                text-align: center;
                line-height: 1; } }
          body.recruitment-assessment main > section.interview_body > .answer-buttons button:before {
            transition: 0.3s; }
          body.recruitment-assessment main > section.interview_body > .answer-buttons button.yes:before {
            content: url("../img/recruitment-assessment/interview/yes.svg"); }
          body.recruitment-assessment main > section.interview_body > .answer-buttons button.no:before {
            content: url("../img/recruitment-assessment/interview/no.svg"); }
          body.recruitment-assessment main > section.interview_body > .answer-buttons button:hover {
            box-shadow: 0 3px 0 #025AB9;
            transform: translateY(0px);
            background-color: var(--col-blue2);
            color: #fff; }
            body.recruitment-assessment main > section.interview_body > .answer-buttons button:hover:before {
              filter: brightness(0) invert(1); }
          body.recruitment-assessment main > section.interview_body > .answer-buttons button.yes.selected {
            box-shadow: 0 3px 0 #025AB9;
            transform: translateY(0px) scale(0.97);
            background-color: var(--col-blue2);
            color: #fff; }
            body.recruitment-assessment main > section.interview_body > .answer-buttons button.yes.selected:before {
              filter: brightness(0) invert(1); }
          body.recruitment-assessment main > section.interview_body > .answer-buttons button.no.selected {
            box-shadow: 0 3px 0 #B0183F;
            transform: translateY(0px) scale(0.97);
            background-color: #DD2A2A;
            border-color: #DD2A2A;
            color: #fff; }
            body.recruitment-assessment main > section.interview_body > .answer-buttons button.no.selected:before {
              filter: brightness(0) invert(1); }
      body.recruitment-assessment main > section.interview_body > .prev-question-button span {
        color:#53606D;
        text-decoration: underline;
        cursor: pointer;
        position: relative; }
        body.recruitment-assessment main > section.interview_body > .prev-question-button span:hover {
          color: var(--col-blue2); }
        body.recruitment-assessment main > section.interview_body > .prev-question-button span:before {
          content: url("../img/recruitment-assessment/icon-arrow1.svg");
          display: inline-block;
          position: absolute;
          right: 100%;
          transform: translate(-10px, 2px) rotate(180deg); }
      body.recruitment-assessment main > section.interview_body > .tk-title1 h2 {
        margin: 0;
        font-size: clamp(24px, 3.6vw, 36px);
        font-weight: 600;
        color: var(--col-blue2);
        text-align: center; }
        @media (min-width: 651px) {
          body.recruitment-assessment main > section.interview_body > .tk-title1 h2 br._sp {
            display: none; } }
      body.recruitment-assessment main > section.interview_body > .tk-title1 p {
        font-size: 16px;
        color: #53606D;
        margin-top: 1em; }
        @media (max-width: 650px) {
          body.recruitment-assessment main > section.interview_body > .tk-title1 p {
            text-align: center;
            font-size: 14px; } }
      body.recruitment-assessment main > section.interview_body .tk-box {
        width: 100%;
        max-width: 880px;
        margin-left: auto;
        margin-right: auto;
        display: flex; }
        @media (min-width: 761px) {
          body.recruitment-assessment main > section.interview_body .tk-box {
            width:90%;
            flex-wrap: wrap;
            justify-content: space-between; } }
        @media (max-width: 760px) {
          body.recruitment-assessment main > section.interview_body .tk-box {
            flex-flow: column;
            align-items: center; } }
        body.recruitment-assessment main > section.interview_body .tk-box > h3 {
          width: 100%; }
          @media (max-width: 760px) {
            body.recruitment-assessment main > section.interview_body .tk-box > h3 {
              font-size: 24px;
              text-align: center;
              order: 2;
              margin-top: var(--mvalue-70); } }
        body.recruitment-assessment main > section.interview_body .tk-box > .tk-checklist {
          display: flex;
          flex-flow: column; }
          @media (min-width: 761px) {
            body.recruitment-assessment main > section.interview_body .tk-box > .tk-checklist {
              grid-gap: 1em;
              width: calc(100% - 250px); } }
          @media (max-width: 760px) {
            body.recruitment-assessment main > section.interview_body .tk-box > .tk-checklist {
              grid-gap: 2em;
              width: 100%;
              order: 3; } }
          body.recruitment-assessment main > section.interview_body .tk-box > .tk-checklist > li {
            display: flex;
            align-items: center; }
            @media (min-width: 761px) {
              body.recruitment-assessment main > section.interview_body .tk-box > .tk-checklist > li {
                grid-gap: 1.25em; } }
            @media (max-width: 760px) {
              body.recruitment-assessment main > section.interview_body .tk-box > .tk-checklist > li {
                grid-gap: 1.0em;
                flex-flow: column; } }
            body.recruitment-assessment main > section.interview_body .tk-box > .tk-checklist > li > span {
              width: 36px;
              min-width: 36px;
              aspect-ratio: 1 / 1;
              border-radius: 50%;
              border: solid 2px var(--col-blue2);
              box-sizing: border-box;
              display: flex;
              font-family: "Inter", sans-serif;
              font-size: 14px;
              color: var(--col-blue2);
              line-height: 1;
              font-weight: 700;
              justify-content: center;
              align-items: center; }
              body.recruitment-assessment main > section.interview_body .tk-box > .tk-checklist > li > span._blue {
                background: var(--col-blue2); }
            body.recruitment-assessment main > section.interview_body .tk-box > .tk-checklist > li > div strong {
              font-size: 16px;
              font-weight: 700; }
              @media (min-width: 761px) {
                body.recruitment-assessment main > section.interview_body .tk-box > .tk-checklist > li > div strong br {
                  display: none; } }
              @media (max-width: 760px) {
                body.recruitment-assessment main > section.interview_body .tk-box > .tk-checklist > li > div strong {
                  display: block;
                  text-align: center;
                  font-size: 24px; } }
              body.recruitment-assessment main > section.interview_body .tk-box > .tk-checklist > li > div strong._blue {
                color: var(--col-blue2); }
            body.recruitment-assessment main > section.interview_body .tk-box > .tk-checklist > li > div > p {
              color: #53606D;
              margin: 0.25em 0 0;
              font-size: 14px; }
              @media (max-width: 980px) {
                body.recruitment-assessment main > section.interview_body .tk-box > .tk-checklist > li > div > p {
                  margin-top: 0.5em; } }
              body.recruitment-assessment main > section.interview_body .tk-box > .tk-checklist > li > div > p span {
                font-size: 12px; }
        @media (max-width: 980px) {
          body.recruitment-assessment main > section.interview_body .tk-box picture {
            order: 1; } }
    body.recruitment-assessment main > section.result_body._co1, body.recruitment-assessment main > section.result_body._co2, body.recruitment-assessment main > section.result_body._co3, body.recruitment-assessment main > section.result_body._co4 {
      width: 93%;
      max-width: 1100px;
      margin-left: auto;
      margin-right: auto; }
    body.recruitment-assessment main > section.result_body._co5 {
      width: 100%;
      max-width: 100%;
      background-color: var(--col-blue2); }
    body.recruitment-assessment main > section.result_body._co1 > div, body.recruitment-assessment main > section.result_body._co2 > div {
      background-color: #fff;
      border-radius: clamp(10px,2vw,20px);
      box-shadow: 3px 3px 6px -3px rgba(0, 0, 0, 0.15);
      box-sizing: border-box; }
    body.recruitment-assessment main > section.result_body._co1 > div {
      display: flex;
      justify-content: space-between;
      align-items: center;
      grid-column-gap: 2em;
      padding: 2em clamp(1em, 4vw, 3em); }
      @media (max-width: 760px) {
        body.recruitment-assessment main > section.result_body._co1 > div {
          flex-flow: column;
          grid-gap: 1.25em; } }
      body.recruitment-assessment main > section.result_body._co1 > div picture img {
        max-width: clamp(92px, 23vw, 110px); }
      @media (max-width: 760px) {
        body.recruitment-assessment main > section.result_body._co1 > div .result-header {
          text-align: center; } }
      body.recruitment-assessment main > section.result_body._co1 > div .result-header strong {
        padding: 0.3em 1.5em;
        margin: 0;
        font-size: 14px;
        color: #025AB9;
        background-color: var(--col-blue1);
        border-radius: 30px;
        font-weight: 600;
        line-height: 1; }
      body.recruitment-assessment main > section.result_body._co1 > div .result-header p {
        font-size: clamp(24px, 2.8vw, 36px);
        letter-spacing: -0.025em;
        line-height: 1.5;
        margin: 0.25em 0;
        font-weight: 700; }
        @media (min-width: 760px) {
          body.recruitment-assessment main > section.result_body._co1 > div .result-header p br {
            display: none; } }
        @media (max-width: 760px) {
          body.recruitment-assessment main > section.result_body._co1 > div .result-header p {
            margin: 0.7em 0 0.5em; } }
      body.recruitment-assessment main > section.result_body._co1 > div .result-header span {
        color: var(--col-gray);
        font-size: 14px; }
        @media (max-width: 760px) {
          body.recruitment-assessment main > section.result_body._co1 > div .result-header span {
            padding-left: 1em;
            padding-right: 1em; } }
      body.recruitment-assessment main > section.result_body._co1 > div .summary-content {
        width: clamp(160px, 20vw, 174px);
        min-width:160px;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        background-color: var(--col-blue2);
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center; }
        @media (max-width: 760px) {
          body.recruitment-assessment main > section.result_body._co1 > div .summary-content {
            margin-top: 0.75em; } }
        body.recruitment-assessment main > section.result_body._co1 > div .summary-content span {
          font-size: 14px;
          font-weight: 500;
          color: #fff;
          opacity: 0.8; }
        body.recruitment-assessment main > section.result_body._co1 > div .summary-content p {
          display: flex;
          align-items: flex-end;
          font-size: 24px;
          margin: 0;
          line-height: 0.95;
          color: #99C9FF;
          font-family: "Manrope", sans-serif;
          font-weight: 600; }
          body.recruitment-assessment main > section.result_body._co1 > div .summary-content p strong {
            font-size: clamp(60px, 7.3vw, 70px);
            color: #fff;
            transform: translateY(4px);
            font-weight: 700;
            letter-spacing: -0.025em;
            margin-right: 0.1em; }
    body.recruitment-assessment main > section.result_body._co2 {
      display: flex; }
      @media (min-width: 981px) {
        body.recruitment-assessment main > section.result_body._co2 {
          justify-content: space-between; } }
      @media (max-width: 980px) {
        body.recruitment-assessment main > section.result_body._co2 {
          flex-flow: column;
          grid-gap: var(--mvalue-50); } }
      body.recruitment-assessment main > section.result_body._co2 > div {
        padding: 2em clamp(1em, 4vw, 2.5em); }
        @media (min-width: 981px) {
          body.recruitment-assessment main > section.result_body._co2 > div {
            width: 48.5%; } }
        @media (max-width: 980px) {
          body.recruitment-assessment main > section.result_body._co2 > div {
            width: 100%; } }
        body.recruitment-assessment main > section.result_body._co2 > div > h2 {
          font-size: 18px;
          margin: 0; }
          body.recruitment-assessment main > section.result_body._co2 > div > h2:before {
            margin-right: 0.6em; }
          @media (max-width: 980px) {
            body.recruitment-assessment main > section.result_body._co2 > div > h2 {
              text-align: center;
              margin-bottom: 1.5em; } }
        body.recruitment-assessment main > section.result_body._co2 > div.radar-section > h2:before {
          content: url("../img/recruitment-assessment/result/icon-analysis.svg"); }
        body.recruitment-assessment main > section.result_body._co2 > div.result-summary > h2:before {
          content: url("../img/recruitment-assessment/result/icon-score.svg"); }
        body.recruitment-assessment main > section.result_body._co2 > div.result-summary > ul {
          display: flex;
          flex-flow: column;
          grid-gap: 0.9em;
          padding-bottom: 0.5em; }
          body.recruitment-assessment main > section.result_body._co2 > div.result-summary > ul p {
            font-size: 14px;
            margin: 0.5em 0;
            display: flex;
            justify-content: space-between;
            color: var(--col-gray); }
            body.recruitment-assessment main > section.result_body._co2 > div.result-summary > ul p span {
              font-weight: 600;
              color: var(--col-blue2);
              font-family: "Manrope", sans-serif; }
    body.recruitment-assessment main > section.result_body._co3 > div > h2 {
      font-size: clamp(24px, 3vw, 30px);
      font-weight: 700;
      margin: 0;
      justify-content: space-between; }
      @media (max-width: 980px) {
        body.recruitment-assessment main > section.result_body._co3 > div > h2 {
          text-align: center; } }
    body.recruitment-assessment main > section.result_body._co3 > div > .category-details-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 31.1px 3%;
      flex-wrap: wrap; }
      @media (max-width: 980px) {
        body.recruitment-assessment main > section.result_body._co3 > div > .category-details-grid {
          grid-template-columns: repeat(2, 1fr); } }
      @media (max-width: 600px) {
        body.recruitment-assessment main > section.result_body._co3 > div > .category-details-grid {
          grid-template-columns: repeat(1, 1fr); } }
      body.recruitment-assessment main > section.result_body._co3 > div > .category-details-grid > div.category-detail-card {
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 3px 3px 3px -2px rgba(0, 0, 0, 0.05); }
        body.recruitment-assessment main > section.result_body._co3 > div > .category-details-grid > div.category-detail-card > div.category-detail-card-header {
          background-color: var(--col-blue2);
          color: #fff;
          border-radius: 20px 20px 0 0;
          padding: 1em 1.5em;
          font-size: 16px;
          font-weight: 500;
          line-height: 1.2; }
          @media (max-width: 980px) {
            body.recruitment-assessment main > section.result_body._co3 > div > .category-details-grid > div.category-detail-card > div.category-detail-card-header {
              text-align: center; } }
        body.recruitment-assessment main > section.result_body._co3 > div > .category-details-grid > div.category-detail-card > div.category-detail-card-body {
          padding: 1.75em 1.5em; }
          body.recruitment-assessment main > section.result_body._co3 > div > .category-details-grid > div.category-detail-card > div.category-detail-card-body > div.detail-item p.detail-label {
            font-size: clamp(16px, 1.8vw, 18px);
            font-weight: 600;
            margin: 0;
            display: flex;
            justify-content: space-between; }
            body.recruitment-assessment main > section.result_body._co3 > div > .category-details-grid > div.category-detail-card > div.category-detail-card-body > div.detail-item p.detail-label > .detail-icon {
              width: 28px;
              aspect-ratio: 1 / 1;
              overflow: hidden; }
              body.recruitment-assessment main > section.result_body._co3 > div > .category-details-grid > div.category-detail-card > div.category-detail-card-body > div.detail-item p.detail-label > .detail-icon:before {
                content: url("../img/recruitment-assessment/result/icon-batsu.svg");
                display: block;
                width: 28px;
                aspect-ratio: 1 / 1; }
              body.recruitment-assessment main > section.result_body._co3 > div > .category-details-grid > div.category-detail-card > div.category-detail-card-body > div.detail-item p.detail-label > .detail-icon.success:before {
                content: url("../img/recruitment-assessment/result/icon-maru.svg"); }
          body.recruitment-assessment main > section.result_body._co3 > div > .category-details-grid > div.category-detail-card > div.category-detail-card-body > div.detail-item p.detail-description {
            font-size: 14px;
            color: #53606D; }
    body.recruitment-assessment main > section.result_body._co4 > div {
      background-color: rgba(255, 255, 255, 0.5);
      border-radius: 20px;
      text-align: center;
      padding: 2em clamp(1em, 4vw, 3em) 3em; }
      body.recruitment-assessment main > section.result_body._co4 > div > h2 {
        margin: 0;
        font-size: 16px; }
        body.recruitment-assessment main > section.result_body._co4 > div > h2:before {
          content: url("../img/recruitment-assessment/result/icon-share.png");
          display: inline-block;
          margin-right: 0.7em;
          transform: translateY(4px); }
      body.recruitment-assessment main > section.result_body._co4 > div ul {
        margin: 1.75em 0;
        display: flex;
        grid-column-gap: 1em;
        justify-content: center; }
    body.recruitment-assessment main > section.result_body._co5 > .form-section {
      padding: var(--mvalue-70) 0; }
      body.recruitment-assessment main > section.result_body._co5 > .form-section > div.midashi {
        width: 95%;
        max-width: 771.14px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        display: flex; }
        @media (min-width: 981px) {
          body.recruitment-assessment main > section.result_body._co5 > .form-section > div.midashi {
            justify-content: space-between;
            align-items: flex-end; } }
        @media (max-width: 980px) {
          body.recruitment-assessment main > section.result_body._co5 > .form-section > div.midashi {
            flex-flow: column;
            align-items: center; } }
        @media (max-width: 980px) {
          body.recruitment-assessment main > section.result_body._co5 > .form-section > div.midashi div {
            display: contents; } }
        body.recruitment-assessment main > section.result_body._co5 > .form-section > div.midashi div strong {
          padding: 0.3em 1.5em;
          margin: 0;
          font-size: 14px;
          color: #025AB9;
          background-color: #fff;
          border-radius: 30px;
          font-weight: 600;
          line-height: 1; }
        body.recruitment-assessment main > section.result_body._co5 > .form-section > div.midashi div h3 {
          font-size: clamp(24px, 3.5vw, 30px);
          color: #fff;
          font-weight: 500; }
          @media (max-width: 600px) {
            body.recruitment-assessment main > section.result_body._co5 > .form-section > div.midashi div h3 {
              text-align: center;
              margin-bottom: 0.5em; } }
          @media (min-width: 601px) {
            body.recruitment-assessment main > section.result_body._co5 > .form-section > div.midashi div h3 br._sp {
              display: none; } }
        body.recruitment-assessment main > section.result_body._co5 > .form-section > div.midashi picture {
          display: block; }
          body.recruitment-assessment main > section.result_body._co5 > .form-section > div.midashi picture img {
            display: block; }
      body.recruitment-assessment main > section.result_body._co5 > .form-section form {
        width: 95%;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-flow: column;
        align-items: center; }
        body.recruitment-assessment main > section.result_body._co5 > .form-section form > ul {
          width: 100%;
          background-color: #fff;
          border-radius: 20px;
          padding: 2.5em clamp(1.1em, 4vw, 3em);
          box-sizing: border-box;
          display: flex;
          flex-flow: column;
          grid-gap: 1.2em; }
          body.recruitment-assessment main > section.result_body._co5 > .form-section form > ul > li label {
            font-size: 16px;
            font-weight: 600; }
            body.recruitment-assessment main > section.result_body._co5 > .form-section form > ul > li label > i {
              color: #ff9069;
              font-style: normal; }
          body.recruitment-assessment main > section.result_body._co5 > .form-section form > ul > li input,
          body.recruitment-assessment main > section.result_body._co5 > .form-section form > ul > li textarea {
            display: block;
            border: solid 1px #959595;
            border-radius: 8px;
            background-color: #fff;
            width: 100%;
            height: 50px;
            font-size: 16px;
            box-sizing: border-box;
            padding: 0.5em 1.25em;
            margin-top: 0.75em; }
            @media (max-width: 980px) {
              body.recruitment-assessment main > section.result_body._co5 > .form-section form > ul > li input,
              body.recruitment-assessment main > section.result_body._co5 > .form-section form > ul > li textarea {
                height: 70px;
                font-size: 14px; } }
          body.recruitment-assessment main > section.result_body._co5 > .form-section form > ul > li textarea {
            max-width: 100%;
            min-height: 154px; }
            @media (max-width: 980px) {
              body.recruitment-assessment main > section.result_body._co5 > .form-section form > ul > li textarea {
                min-height: 166px; } }
        body.recruitment-assessment main > section.result_body._co5 > .form-section form > p {
          width: 90%; }
          body.recruitment-assessment main > section.result_body._co5 > .form-section form > p.policy {
            color: #fff;
            font-size: 14px;
            margin-top: var(--mvalue-30); }
            @media (max-width: 650px) {
              body.recruitment-assessment main > section.result_body._co5 > .form-section form > p.policy {
                margin-top: var(--mvalue-50); } }
            body.recruitment-assessment main > section.result_body._co5 > .form-section form > p.policy label {
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer; }
            body.recruitment-assessment main > section.result_body._co5 > .form-section form > p.policy input[type="checkbox"] {
              position: relative;
              background-color: #fff;
              width: 19px;
              aspect-ratio: 1 / 1;
              margin-right: 1.0em;
              box-sizing: border-box; }
              body.recruitment-assessment main > section.result_body._co5 > .form-section form > p.policy input[type="checkbox"]:checked {
                border: solid 2px #3B4B9F; }
                body.recruitment-assessment main > section.result_body._co5 > .form-section form > p.policy input[type="checkbox"]:checked:after {
                  content: "";
                  position: absolute;
                  left: 4px;
                  top: 0px;
                  width: 4px;
                  height: 8px;
                  border: solid #3B4B9F;
                  border-width: 0 3px 3px 0;
                  transform: rotate(45deg); }
            body.recruitment-assessment main > section.result_body._co5 > .form-section form > p.policy a {
              color: #fff;
              margin-right: 0.3em; }
              body.recruitment-assessment main > section.result_body._co5 > .form-section form > p.policy a:hover {
                opacity: 0.8;
                text-decoration: none; }

.restart {
  width: 100%; }
  .restart button {
    width: 100%;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--col-blue2);
    background-color: var(--col-blue1);
    border: solid 1px var(--col-blue2);
    border-radius: 10px;
    box-shadow: 0 5px 0 #025AB9;
    transform: translateY(-2px);
    transition: 0.3s;
    cursor: pointer; }
    .restart button:before {
      content: url("../img/recruitment-assessment/result/Icon-return.svg");
      margin-right: 0.5em;
      transform: translateY(3px); }
    .restart button:hover {
      box-shadow: 0 3px 0 #025AB9;
      transform: translateY(0px);
      background-color: var(--col-blue2);
      color: #fff; }
      .restart button:hover:before {
        filter: brightness(0) invert(1); }

.submit,
._rslink1 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--mvalue-40); }
  .submit button,
  .submit a,
  ._rslink1 button,
  ._rslink1 a {
    position: relative;
    width: 392px;
    margin-left: auto;
    margin-right: auto;
    padding: 1.1115em 0px;
    max-width: 100%;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3B4B9F !important;
    background: var(--col-yellow);
    border-radius: 10px;
    border: solid 2px #3B4B9F;
    box-shadow: 0 5px 0 #3B4B9F;
    transform: translateY(-2px);
    transition: 0.3s;
    cursor: pointer;
    text-decoration: none;
    text-align: center; }
    @media (max-width: 650px) {
      .submit button,
      .submit a,
      ._rslink1 button,
      ._rslink1 a {
        flex-flow: column; } }
    .submit button:before,
    .submit a:before,
    ._rslink1 button:before,
    ._rslink1 a:before {
      content: url("../img/recruitment-assessment/icon-arrow1.svg");
      position: absolute;
      right: 1.0em;
      transition: 0.3s; }
      @media (max-width: 650px) {
        .submit button:before,
        .submit a:before,
        ._rslink1 button:before,
        ._rslink1 a:before {
          right: 1.1em; } }
    @media (min-width: 651px) {
      .submit button > span,
      .submit a > span,
      ._rslink1 button > span,
      ._rslink1 a > span {
        margin-right: 0.5em; } }
    .submit button:hover,
    .submit a:hover,
    ._rslink1 button:hover,
    ._rslink1 a:hover {
      box-shadow: 0 3px 0 #3B4B9F;
      transform: translateY(0px);
      background-color: #3B4B9F;
      color: #fff !important; }
      .submit button:hover:before,
      .submit a:hover:before,
      ._rslink1 button:hover:before,
      ._rslink1 a:hover:before {
        filter: brightness(0) invert(1); }
    @media (min-width: 980px) {
      .submit button br,
      .submit a br,
      ._rslink1 button br,
      ._rslink1 a br {
        display: none; } }

.errortext {
  display: none;
}

.error > span.errortext {
  color: #ff9069;
  font-size: 14px;
  margin-top: 0.5em;
  display: block; }
  @media (max-width: 980px) {
    .error > span.errortext {
      font-size: 12px; } }

p.policy > span.errortext {
  text-align: center;
}
body.recruitment-assessment main > section.result_body._co5 > .form-section form > ul > li.error input{
  border:solid 2px #ff9069;
  background-color:blanchedalmond;
}
@media (max-width:980px) and (min-width:761px){
  body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div{
    width:100%;
    max-width:686px;
  }
  body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div > div{
    width:343px;
    position:relative;
  }
  body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div picture.img_sp{
    position:absolute;
    width:343px;
    left:100%;
    top:-10px;
  }
  body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ._rslink1{
    position:absolute;
    width:343px;
    left:100%;
    top:220px;
  }
  body.recruitment-assessment main > section.rs_box._co1 > div.rs_title > div ul{
    position:absolute;
    width:343px;
    left:100%;
    top:310px;
  }
}@media (max-width:760px){
  body.recruitment-assessment main > section.rs_box._co2 ._rslink1{
    width:100%;
  }
}
@media (max-width:760px){
  body.recruitment-assessment main > section.rs_box._co2 ._rslink1{
    width:100%;
  }
  body.recruitment-assessment main > section.rs_box._co2 ._rslink1 a{
    width:300px;
    max-width:100%;
  }
}