.border_green {
  border: 1px solid #6DAD1F;
  border-radius: 20px;
  background: #fff; }

.border_red {
  border: 1px solid #B72623; }

.c-list__dot > li:before {
  top: 0.9em; }

ul.info__ul > li {
  padding: 5px; }
  ul.info__ul > li.info__ul_01 {
    background: #B72623; }
  ul.info__ul > li.info__ul_02 {
    background: #6DAD1F; }
  ul.info__ul > li.info__ul_03 {
    background: #00D5DB; }
  ul.info__ul > li.info__ul_04 {
    background: #9A4AC3; }
  ul.info__ul > li.info__ul_05 {
    background: #0072CB; }

ul.business_anc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  ul.business_anc li {
    font-size: 18px;
    text-align: center;
    width: 40%;
    padding: 10px; }
    ul.business_anc li a {
      position: relative; }
      ul.business_anc li a:before {
        font-family: "icomoon";
        content: "\e902";
        position: absolute;
        top: 0;
        right: -1em;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 90%; }
    ul.business_anc li.business_anc_li03, ul.business_anc li.business_anc_li04, ul.business_anc li.business_anc_li05 {
      width: 30%; }
    ul.business_anc li.business_anc_li01 {
      background: #e1ff9c; }
    ul.business_anc li.business_anc_li02 {
      background: #D5F8F8; }
    ul.business_anc li.business_anc_li03 {
      background: #E0C8ED; }
    ul.business_anc li.business_anc_li04 {
      background: #CEE4F5; }
    ul.business_anc li.business_anc_li05 {
      background: #F7E0DE; }
    ul.business_anc li.business_anc_li06 {
      background: #FFD2B7; }
    ul.business_anc li.business_anc_li07 {
      background: #FFC1C7; }

ul.datapage_ul > li {
  border: 5px solid #94C032;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  padding: 0 20px; }
  ul.datapage_ul > li .datapage_ul_ttl {
    color: #94C032;
    height: 20%;
    display: -ms-grid;
    display: grid;
    justify-items: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    padding-top: 20px;
    line-height: 1.2; }
  ul.datapage_ul > li .datapage_ul_div {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80%; }
    ul.datapage_ul > li .datapage_ul_div .datapage_ul_txt {
      font-weight: 700;
      line-height: 1.2; }
      ul.datapage_ul > li .datapage_ul_div .datapage_ul_txt span {
        font-size: 60%; }
      ul.datapage_ul > li .datapage_ul_div .datapage_ul_txt .datapage_ul_txt2 {
        display: block;
        font-weight: 300; }

@media print, screen and (min-width: 768px) {
  ul.datapage_ul {
    aspect-ratio: 1.2 / 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 33% 33% 33%;
    grid-template-columns: 33% 33% 33%;
    gap: 2%; }
    ul.datapage_ul > li .datapage_ul_ttl {
      font-size: 24px; }
    ul.datapage_ul > li .datapage_ul_div .datapage_ul_txt {
      margin-top: 15px;
      font-size: 50px !important; }
      ul.datapage_ul > li .datapage_ul_div .datapage_ul_txt .datapage_ul_txt2 {
        font-size: 18px; }
  .other__contents_box p, .other__contents_box ol, .other__contents_box ul {
    font-size: 22px;
    line-height: 1.8; }
  .other__contents_box .other-sec__title, .other__contents_box .other-sec__title2 {
    margin-bottom: 160px; }
    .other__contents_box .other-sec__title .other-sec__title_box, .other__contents_box .other-sec__title .other-sec__title_box2, .other__contents_box .other-sec__title2 .other-sec__title_box, .other__contents_box .other-sec__title2 .other-sec__title_box2 {
      background: #E45657; }
      .other__contents_box .other-sec__title .other-sec__title_box .other-sec__title_box_inner, .other__contents_box .other-sec__title .other-sec__title_box2 .other-sec__title_box_inner, .other__contents_box .other-sec__title2 .other-sec__title_box .other-sec__title_box_inner, .other__contents_box .other-sec__title2 .other-sec__title_box2 .other-sec__title_box_inner {
        max-width: 880px;
        width: 90%;
        margin: 0 auto;
        padding: 70px 0 0;
        color: #fff;
        padding-top: 80px; }
        .other__contents_box .other-sec__title .other-sec__title_box .other-sec__title_box_inner .other-sec__title__big, .other__contents_box .other-sec__title .other-sec__title_box2 .other-sec__title_box_inner .other-sec__title__big, .other__contents_box .other-sec__title2 .other-sec__title_box .other-sec__title_box_inner .other-sec__title__big, .other__contents_box .other-sec__title2 .other-sec__title_box2 .other-sec__title_box_inner .other-sec__title__big {
          font-family: "Zen Maru Gothic", sans-serif;
          font-size: 65px;
          line-height: 1.2;
          text-align: center; }
        .other__contents_box .other-sec__title .other-sec__title_box .other-sec__title_box_inner .other-sec__title__middle, .other__contents_box .other-sec__title .other-sec__title_box2 .other-sec__title_box_inner .other-sec__title__middle, .other__contents_box .other-sec__title2 .other-sec__title_box .other-sec__title_box_inner .other-sec__title__middle, .other__contents_box .other-sec__title2 .other-sec__title_box2 .other-sec__title_box_inner .other-sec__title__middle {
          font-size: 28px; }
    .other__contents_box .other-sec__title .other-sec__title_box2, .other__contents_box .other-sec__title2 .other-sec__title_box2 {
      background: #68D167 !important; }
  .other__contents_box .other-sec__wrap {
    width: 845px;
    position: relative;
    z-index: 3; }
    .other__contents_box .other-sec__wrap .other-ttl_txt {
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 15px; }
  .other__contents_box .other-sec__right, .other__contents_box .other-sec__right2, .other__contents_box .other-sec__right3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative; }
    .other__contents_box .other-sec__right:before, .other__contents_box .other-sec__right2:before, .other__contents_box .other-sec__right3:before {
      content: "";
      display: block;
      background: url(/recruit/newgrads/images/interview/interview_bg01.svg) no-repeat top left;
      width: 390px;
      height: 740px;
      background-size: contain;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
    .other__contents_box .other-sec__right .other-sec__wrap, .other__contents_box .other-sec__right2 .other-sec__wrap, .other__contents_box .other-sec__right3 .other-sec__wrap {
      position: relative;
      z-index: 2; }
  .other__contents_box .other-sec__right2:before {
    content: "";
    display: block;
    background: url(/recruit/newgrads/images/interview/interview_bg02.svg) no-repeat top left;
    width: 390px;
    height: 450px;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .other__contents_box .other-sec__right3:before {
    content: none !important; }
  .other__contents_box .other-sec__left, .other__contents_box .other-sec__left2 {
    position: relative; }
    .other__contents_box .other-sec__left:before, .other__contents_box .other-sec__left2:before {
      content: "";
      display: block;
      background: url(/recruit/newgrads/images/interview/interview_bg01.svg) no-repeat top right;
      width: 390px;
      height: 740px;
      -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      transform: scale(-1, 1);
      background-size: contain;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1; }
  .other__contents_box .other-sec__left2:before {
    background: url(/recruit/newgrads/images/interview/interview_bg02.svg) no-repeat top right; }
  .other__contents_box figure {
    position: relative;
    z-index: 3; }
  .sdgs .other__contents_box p, .sdgs .other__contents_box ol, .sdgs .other__contents_box ul {
    font-size: 18px !important;
    line-height: 1.8 !important; }
  .sdgs .other__contents_box .u-column__flex_wrap.column3 p {
    font-size: 15px !important; }
  .border_green {
    padding: 50px; }
    .border_green img {
      margin: 0 auto;
      display: block; }
  .field .border_green p, .field .border_green ol, .field .border_green ul {
    font-size: 18px !important;
    line-height: 1.8 !important; }
  ul.info__ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    ul.info__ul > li {
      width: 260px;
      text-align: center;
      font-size: 20px;
      line-height: 1.2;
      height: 100%;
      aspect-ratio: 1/1;
      border-radius: 100%;
      color: #fff;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

@media screen and (max-width: 767px) {
  ul.datapage_ul > li {
    margin-top: 20px;
    padding-bottom: 15px; }
    ul.datapage_ul > li .datapage_ul_ttl {
      font-size: 18px;
      font-size: 5.625vw;
      padding-bottom: 15px; }
    ul.datapage_ul > li .datapage_ul_div .datapage_ul_txt {
      font-size: 32px;
      font-size: 10vw;
      padding-bottom: 10px; }
      ul.datapage_ul > li .datapage_ul_div .datapage_ul_txt .datapage_ul_txt2 {
        font-size: 12px;
        font-size: 3.75vw; }
  ul.business_anc {
    margin-bottom: 90px; }
    ul.business_anc li {
      font-size: 13px;
      font-size: 4.0625vw;
      width: 50% !important; }
      ul.business_anc li a:before {
        display: none; }
      ul.business_anc li a:after {
        font-family: "icomoon";
        content: "\e902";
        display: block;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 90%; }
  .other__contents_box p, .other__contents_box ol, .other__contents_box ul {
    font-size: 16px;
    font-size: 5vw;
    line-height: 1.8; }
  .other-sec__title, .other-sec__title2 {
    margin-bottom: 70px; }
    .other-sec__title .other-sec__title_box, .other-sec__title .other-sec__title_box2, .other-sec__title2 .other-sec__title_box, .other-sec__title2 .other-sec__title_box2 {
      color: #fff;
      background: #E45657;
      width: 100%;
      padding: 0 30px; }
      .other-sec__title .other-sec__title_box .other-sec__title_box_inner, .other-sec__title .other-sec__title_box2 .other-sec__title_box_inner, .other-sec__title2 .other-sec__title_box .other-sec__title_box_inner, .other-sec__title2 .other-sec__title_box2 .other-sec__title_box_inner {
        font-size: 13px;
        font-size: 4.0625vw; }
        .other-sec__title .other-sec__title_box .other-sec__title_box_inner .other-sec__title__big, .other-sec__title .other-sec__title_box2 .other-sec__title_box_inner .other-sec__title__big, .other-sec__title2 .other-sec__title_box .other-sec__title_box_inner .other-sec__title__big, .other-sec__title2 .other-sec__title_box2 .other-sec__title_box_inner .other-sec__title__big {
          font-family: "Zen Maru Gothic", sans-serif;
          font-size: 20px;
          font-size: 6.25vw;
          line-height: 1.2;
          padding: 30px 0 0;
          text-align: center; }
          .other-sec__title .other-sec__title_box .other-sec__title_box_inner .other-sec__title__big span, .other-sec__title .other-sec__title_box2 .other-sec__title_box_inner .other-sec__title__big span, .other-sec__title2 .other-sec__title_box .other-sec__title_box_inner .other-sec__title__big span, .other-sec__title2 .other-sec__title_box2 .other-sec__title_box_inner .other-sec__title__big span {
            display: block; }
        .other-sec__title .other-sec__title_box .other-sec__title_box_inner .other-sec__title__middle, .other-sec__title .other-sec__title_box2 .other-sec__title_box_inner .other-sec__title__middle, .other-sec__title2 .other-sec__title_box .other-sec__title_box_inner .other-sec__title__middle, .other-sec__title2 .other-sec__title_box2 .other-sec__title_box_inner .other-sec__title__middle {
          font-size: 16px;
          font-size: 5vw;
          margin-bottom: 10px; }
  .other-sec__title2 .other-sec__title_box2 {
    background: #68D167 !important; }
  .other-sec__wrap {
    padding-top: 20px; }
    .other-sec__wrap:before {
      content: "";
      display: block;
      background: url(/recruit/newgrads/images/interview/interview_bg01.svg) no-repeat top left;
      width: 90px;
      height: 170px;
      background-size: contain;
      position: absolute;
      top: 0;
      left: -20px;
      z-index: -1; }
    .other-sec__wrap .other-ttl_txt {
      font-size: 16px;
      font-size: 5vw;
      font-weight: 700;
      margin-bottom: 15px; }
  .display_flex.u-column__space_between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
  .border_green {
    padding: 30px; }
    .border_green img {
      width: 100%;
      margin: 0 auto;
      display: block; }
  .sdgs .u-column__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .sdgs .u-column__wrap > li {
      width: calc((100% - 30px * (2 - 1)) / 2 - 0.1px);
      margin-right: 30px;
      margin-top: 30px; }
      .sdgs .u-column__wrap > li:nth-child(2n + 0) {
        margin-right: 0; }
      .sdgs .u-column__wrap > li:nth-child(1) {
        margin-top: 0; }
      .sdgs .u-column__wrap > li:nth-child(2) {
        margin-top: 0; }
  .sdgs .other__contents_box p, .sdgs .other__contents_box ol, .sdgs .other__contents_box ul {
    font-size: 14px;
    font-size: 4.375vw; }
  .sdgs .other__contents_box .u-column__flex_wrap.column3 p {
    font-size: 12px;
    font-size: 3.75vw; }
  .sdgs .border_green p, .sdgs .border_green ol, .sdgs .border_green ul, .field .border_green p, .field .border_green ol, .field .border_green ul {
    font-size: 13px;
    font-size: 4.0625vw; }
  ul.info__ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 200px; }
    ul.info__ul > li {
      width: calc(50% - 10px);
      text-align: center;
      font-size: 13px;
      font-size: 4.0625vw;
      line-height: 1.2;
      height: 100%;
      aspect-ratio: 1/1;
      border-radius: 100%;
      color: #fff;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }