/* message */
#message img {
  width: 100%; }
#message .box-mess p {
  background-image: url("/share/asset/ui/logo-syn.svg");
  background-size: 10em;
  background-position: center; }
#message .box-mess .sign {
  margin-top: 3em;
  letter-spacing: 0.05em; }
#message .box-mess .name {
  font-weight: 500;
  margin-left: 1.5em; }
@media only screen and (max-width: 1192px) {
  #message .wrapper .inner {
    max-width: 100%; } }

/* interview */
#interview {
  background-color: var(--cl-3D-white); }
  #interview .inner {
    position: relative;
    width: 100%; }
  #interview .add-illus {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(0, -100%); }
    #interview .add-illus img {
      width: 100%; }
  #interview .ul-box li {
    margin-bottom: var(--u-padding); }
    #interview .ul-box li:last-of-type {
      margin-bottom: 0; }
  #interview a {
    width: 100%;
    display: inline-block;
    background-color: var(--cl-white);
    border-radius: 1em;
    padding: var(--u-padding); }
  #interview .uk-child-width-1-2\@s > * {
    width: 65%; }
  #interview .uk-card-media-left {
    width: 35%; }
    #interview .uk-card-media-left img {
      border-radius: 0.5em; }
  #interview .uk-card-body {
    height: 100%;
    align-items: center;
    justify-content: space-between; }
    #interview .uk-card-body > div {
      padding: 0 var(--u-padding); }
    #interview .uk-card-body .uk-card-title {
      font-size: 1.5em; }
    #interview .uk-card-body p {
      letter-spacing: 0.01em; }
  #interview .im-btn {
    width: 2.5em; }
  @media only screen and (min-width: 1193px) {
    #interview .uk-child-width-1-2\@s > * {
      width: calc(100% - 25em); }
    #interview .uk-card-media-left {
      width: 25em; } }
  @media only screen and (max-width: 950px) {
    #interview a {
      padding: var(--u-padding-s); }
    #interview .uk-card-body > div {
      padding: 0 var(--u-padding-s);
      padding-right: 1em; }
    #interview .uk-card-body .uk-card-title {
      font-size: 1.25em; } }
  @media only screen and (max-width: 640px) {
    #interview a {
      padding: var(--u-padding); }
    #interview .uk-card-body > div {
      padding: 0 var(--u-padding);
      padding-left: 0; }
    #interview .uk-child-width-1-2\@s > * {
      width: 100%; }
    #interview .uk-card-media-left {
      width: 100%; }
    #interview .add-illus img {
      width: 60%; } }

/* position */
#position a {
  display: flex;
  aspect-ratio: 16/9;
  border-radius: 0.5em;
  transition: all 0.3s;
  background-size: 100% auto; }
#position .posi-1 .newgrad-entry a {
  background-image: url("/share/asset/careers/career-position-main-1a.jpg"); }
#position .posi-1 .career-entry a {
  background-image: url("/share/asset/careers/career-position-main-2a.jpg"); }
#position .posi-2 .newgrad-entry a {
  background-image: url("/share/asset/careers/career-position-main-3a.jpg"); }
#position .posi-2 .career-entry a {
  background-image: url("/share/asset/careers/career-position-main-4a.jpg"); }
#position .uk-card-body {
  margin: auto;
  align-items: center; }
#position .inner > div + div {
  margin-top: var(--u-padding); }
#position .inner .h-line {
  font-size: 1.75em;
  margin-bottom: 1em; }
#position .inner .uk-card-title {
  margin-top: 0.1em; }
#position .uk-grid {
  gap: var(--u-padding);
  margin-left: 0; }
  #position .uk-grid > * {
    width: calc(50% - var(--u-padding) / 2);
    padding-left: 0; }
@media only screen and (max-width: 950px) {
  #position .inner .uk-card-title {
    margin-top: 0.5em;
    font-size: 1.25em; }
  #position .uk-grid {
    gap: var(--u-padding-s); } }
@media only screen and (max-width: 640px) {
  #position .uk-card-body .h-line {
    font-size: 1.25em; }
  #position .uk-card-body img {
    width: 2.5em; }
  #position .uk-grid {
    gap: var(--u-padding);
    /*> * {
        width: 100%;
    }*/ } }

/* modal */
.c-modal .flexbox > * {
  width: calc(50% - calc(var(--u-padding) / 2)); }
.c-modal .uk-modal-header {
  padding: 0; }
  .c-modal .uk-modal-header > div {
    background-color: rgba(33, 33, 33, 0.85);
    color: var(--cl-white);
    align-items: center; }
  .c-modal .uk-modal-header img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    object-position: center; }
.c-modal .box-name {
  padding: 3em; }
  .c-modal .box-name .uk-modal-title {
    font-family: var(--font-en1);
    font-size: 3.25em;
    letter-spacing: 0.1em;
    color: var(--cl-white);
    font-weight: 400; }
  .c-modal .box-name p {
    font-weight: 600;
    font-size: 1em;
    letter-spacing: 0.05em;
    margin-top: 0.6em; }
.c-modal .box-info dl {
  display: flex;
  flex-wrap: wrap;
  border-left: solid var(--cl-white) 2px;
  padding-left: 2em; }
  .c-modal .box-info dl > * {
    font-size: 1em;
    letter-spacing: 0.01em;
    font-weight: 500;
    margin-bottom: 0.5em;
    margin-bottom: 1em; }
  .c-modal .box-info dl dt:last-of-type,
  .c-modal .box-info dl dd:last-of-type {
    margin-bottom: 0; }
.c-modal .box-info dt {
  width: 5em; }
.c-modal .box-info dd {
  width: calc(100% - 5em); }
.c-modal .uk-modal-body {
  padding: calc(var(--u-padding) + var(--u-padding-s)) 0 0; }
  .c-modal .uk-modal-body > div:not(:last-of-type) {
    padding: 0 var(--u-padding);
    margin-bottom: 100px; }
  .c-modal .uk-modal-body > div .flexbox {
    gap: var(--u-padding); }
.c-modal .box-color {
  padding: var(--u-padding);
  border-radius: 0.5em; }
.c-modal .in-future h6,
.c-modal .in-mess h6 {
  position: relative;
  display: inline-block;
  font-size: 1.5em; }
  .c-modal .in-future h6::before,
  .c-modal .in-mess h6::before {
    position: absolute;
    content: "";
    display: inline-block;
    left: 0;
    top: 50%;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat; }
.c-modal .in-future h6::before {
  width: 3.25em;
  height: 3.25em;
  transform: translate(-110%, -50%);
  background-image: url("/share/asset/ui/ic-future.svg"); }
.c-modal .in-future .box-color {
  width: calc(100% - (var(--u-padding) + var(--u-padding-s)) * 2);
  margin: -3em auto 0;
  background-color: var(--cl-3D-white); }
.c-modal .in-mess {
  background-color: var(--cl-3D-white);
  padding: 3em 3em var(--u-space); }
  .c-modal .in-mess h6::before {
    width: 2em;
    height: 2em;
    transform: translate(-140%, -50%);
    background-image: url("/share/asset/ui/ic-mess.svg"); }
  .c-modal .in-mess .box-color {
    background-color: var(--cl-white);
    width: calc(100% - 100px);
    margin: auto; }
.c-modal h6 {
  font-size: 1.75em;
  margin-bottom: var(--u-padding); }
.c-modal .in-daily b {
  font-size: 1.5em; }
.c-modal .in-daily ul:not(:last-of-type) {
  margin-bottom: 1em; }
.c-modal .in-daily b + ul {
  margin-top: 1em; }
.c-modal .in-daily .ul-check + p {
  margin-top: 0.9em; }
@media only screen and (max-width: 950px) {
  .c-modal .flexbox > * {
    width: 100%; }
  .c-modal .uk-modal-dialog {
    width: 100%; }
  .c-modal .uk-modal-body > div .flexbox {
    gap: initial; }
  .c-modal .uk-modal-body .flexbox > * + * {
    margin-top: var(--u-padding); }
  .c-modal .uk-modal-body > div:not(:last-of-type) {
    margin-bottom: 4em; }
  .c-modal .uk-modal-body .in-future.align-C {
    padding-top: 5em; }
  .c-modal .box-info dl {
    border-left: none;
    padding-bottom: var(--u-padding);
    padding-left: var(--u-padding); }
  .c-modal .box-name {
    padding: var(--u-padding); }
    .c-modal .box-name .uk-modal-title {
      font-size: 2.25em; }
  .c-modal .in-future h6,
  .c-modal .in-mess h6 {
    font-size: 1.125em; }
    .c-modal .in-future h6::before,
    .c-modal .in-mess h6::before {
      top: 0;
      left: 50%;
      transform: translate(-50%, -100%); }
  .c-modal .in-future .box-color,
  .c-modal .in-mess .box-color {
    width: 100%; }
  .c-modal h6 {
    font-size: 1.125em;
    line-height: 1.7em;
    padding: 0.5em; }
  .c-modal .in-future h6 {
    margin-bottom: 4em; }
  .c-modal .in-mess {
    padding: 5em var(--u-padding) var(--u-space); }
  .c-modal .in-daily b {
    font-size: 1.2em; }
  .c-modal .in-daily ul:not(:last-of-type) {
    margin-bottom: 1.5em; }
  .c-modal .in-daily b + ul {
    margin-top: 1em; }
  .c-modal .in-daily .ul-check + p {
    margin-top: 1.125em; } }