#EMPLOYEE .kv {
  position: relative;
}
#EMPLOYEE .kv .catch {
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding-left: calc(120 / 1440 * 100 * var(--vw));
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .kv .catch {
    position: static;
    padding: 0 calc(24 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .kv .catch .catch__ttl {
  font-size: calc(48 / 1440 * 100 * var(--vw));
  margin-top: calc(195 / 1440 * 100 * var(--vw));
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .kv .catch .catch__ttl {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    font-size: 32px;
    white-space: nowrap;
    line-height: 1.75;
    margin-top: 0;
    width: 100%;
    height: calc(340 / 414 * 100 * var(--vw));
    padding: calc(24 / 414 * 100 * var(--vw)) calc(24 / 414 * 100 * var(--vw));
  }
  #EMPLOYEE .kv .catch .catch__ttl.text-shadow--sp {
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  }
}
#EMPLOYEE .kv .catch--black {
  color: #000;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .kv .catch--black .catch__ttl.text-shadow--sp {
    text-shadow: 0 0 3px #fff;
  }
}
#EMPLOYEE .kv .catch .catch__profile {
  display: flex;
  flex-direction: column;
  padding-bottom: calc(40 / 1440 * 100 * var(--vw));
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .kv .catch .catch__profile {
    padding: calc(24 / 414 * 100 * var(--vw)) 0 0;
  }
}
#EMPLOYEE .kv .catch .catch__profile .catch__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .kv .catch .catch__profile .catch__row {
    flex-direction: column;
  }
}
#EMPLOYEE .kv .catch .catch__profile .catch__row:not(:first-of-type) {
  margin-top: calc(30 / 1440 * 100 * var(--vw));
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .kv .catch .catch__profile .catch__row:not(:first-of-type) {
    margin-top: calc(20 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .kv .catch .catch__profile .catch__tag {
  background: #fff;
  color: #5080A5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: calc(14 / 1440 * 100 * var(--vw));
  margin-right: calc(24 / 1440 * 100 * var(--vw));
  padding: calc(2 / 1440 * 100 * var(--vw)) calc(8 / 1440 * 100 * var(--vw));
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .kv .catch .catch__profile .catch__tag {
    background: #5080A5;
    color: #fff;
    font-size: 14px;
    margin-bottom: calc(15 / 414 * 100 * var(--vw));
    padding: 0 calc(8 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .kv .catch .catch__profile .catch__tag--02 {
  background: transparent;
  color: inherit;
  border: 1px solid;
  min-width: 55px;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .kv .catch .catch__profile .catch__tag--02 {
    color: #5080A5;
  }
}
#EMPLOYEE .kv .catch .catch__profile .catch__tag br {
  display: none;
}
@media only screen and (max-width: 768px) {
  #EMPLOYEE .kv .catch .catch__profile .catch__tag br {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .kv .catch .catch__profile .catch__tag br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .kv .catch .catch__profile .catch__box {
    color: #000;
  }
}
#EMPLOYEE .kv .catch .catch__profile .catch__box .catch__box-name {
  font-size: calc(24 / 1440 * 100 * var(--vw));
  font-weight: bold;
  line-height: 1;
  margin-bottom: calc(20 / 1440 * 100 * var(--vw));
  padding: calc(2 / 1440 * 100 * var(--vw)) 0 0;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .kv .catch .catch__profile .catch__box .catch__box-name {
    font-size: 18px;
  }
}
#EMPLOYEE .kv .catch .catch__profile .catch__box .catch__box-txt {
  font-size: calc(16 / 1440 * 100 * var(--vw));
  font-weight: bold;
  line-height: 1.75;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .kv .catch .catch__profile .catch__box .catch__box-txt {
    font-size: 14px;
  }
}
#EMPLOYEE .wrap__interview {
  display: flex;
  flex-wrap: wrap;
  max-width: 1340px;
  width: 100%;
  margin: 0 auto 0;
  padding: clamp( 72px, calc( 72px + (( 100vw - 768px ) * (( 90 - 72 ) / ( 1100 - 768 )))), 90px ) clamp( 40px, calc( 40px + (( 100vw - 768px ) * (( 50 - 40 ) / ( 1100 - 768 )))), 50px ) 0 clamp( 72px, calc( 72px + (( 100vw - 768px ) * (( 90 - 72 ) / ( 1100 - 768 )))), 90px );
}
@media only screen and (max-width: 768px) {
  #EMPLOYEE .wrap__interview {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .wrap__interview {
    padding: calc(80 / 414 * 100 * var(--vw)) calc(24 / 414 * 100 * var(--vw)) calc(65 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .wrap__interview .interview__body {
  position: relative;
  width: 57.6612903226%;
  margin-top: clamp( 16px, calc( 16px + (( 100vw - 768px ) * (( 20 - 16 ) / ( 1100 - 768 )))), 20px );
  margin-right: 6.4516129032%;
}
@media only screen and (max-width: 768px) {
  #EMPLOYEE .wrap__interview .interview__body {
    width: 100%;
    margin: 0 auto;
  }
}
#EMPLOYEE .wrap__interview .interview__side {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 35.8870967742%;
}
@media only screen and (max-width: 768px) {
  #EMPLOYEE .wrap__interview .interview__side {
    width: 100%;
    margin-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .wrap__interview .interview__side {
    margin-top: calc(80 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .wrap__interview .sec {
  padding: 0;
}
#EMPLOYEE .wrap__interview .sec + .sec {
  padding: clamp( 64px, calc( 64px + (( 100vw - 768px ) * (( 80 - 64 ) / ( 1100 - 768 )))), 80px ) 0 0;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .wrap__interview .sec + .sec {
    padding-top: calc(60 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .sec-interview .sec_interview_ttl {
  font-size: clamp( 19.2px, calc( 19.2px + (( 100vw - 768px ) * (( 24 - 19.2 ) / ( 1100 - 768 )))), 24px );
  font-weight: bold;
  margin-bottom: clamp( 32px, calc( 32px + (( 100vw - 768px ) * (( 40 - 32 ) / ( 1100 - 768 )))), 40px );
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .sec-interview .sec_interview_ttl {
    font-size: 18px;
    margin-bottom: calc(30 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .sec-interview .interview__txts p {
  font-size: clamp( 12.8px, calc( 12.8px + (( 100vw - 768px ) * (( 16 - 12.8 ) / ( 1100 - 768 )))), 16px );
  line-height: 2.5;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .sec-interview .interview__txts p {
    font-size: 14px;
  }
}
#EMPLOYEE .sec-interview .interview__txts .img {
  margin-top: clamp( 56px, calc( 56px + (( 100vw - 768px ) * (( 70 - 56 ) / ( 1100 - 768 )))), 70px );
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .sec-interview .interview__txts .img {
    margin-top: calc(60 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .interview__block {
  padding: clamp( 24px, calc( 24px + (( 100vw - 768px ) * (( 30 - 24 ) / ( 1100 - 768 )))), 30px ) clamp( 32px, calc( 32px + (( 100vw - 768px ) * (( 40 - 32 ) / ( 1100 - 768 )))), 40px ) clamp( 32px, calc( 32px + (( 100vw - 768px ) * (( 40 - 32 ) / ( 1100 - 768 )))), 40px );
  position: relative;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .interview__block {
    padding: calc(40 / 414 * 100 * var(--vw)) calc(24 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .interview__block + .interview__block {
  margin-top: clamp( 64px, calc( 64px + (( 100vw - 768px ) * (( 80 - 64 ) / ( 1100 - 768 )))), 80px );
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .interview__block + .interview__block {
    margin-top: calc(40 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .interview__block.interview__block1 {
  background: url(/recruit/shinsotsu/assets/img/employee/side_bg1.png) no-repeat;
  background-size: 100% 100%;
}
@media only screen and (max-width: 768px) {
  #EMPLOYEE .interview__block.interview__block1 {
    background-image: url(../img/employee/side_bg1_sp.png);
  }
}
#EMPLOYEE .interview__block.interview__block2 {
  background: url(/recruit/shinsotsu/assets/img/employee/side_bg2.png) no-repeat;
  background-size: 100% 100%;
}
@media only screen and (max-width: 768px) {
  #EMPLOYEE .interview__block.interview__block2 {
    background-image: url(../img/employee/side_bg2_sp.png);
  }
}
#EMPLOYEE .interview__block .side__ttl {
  color: #19B6F1;
  font-size: clamp( 19.2px, calc( 19.2px + (( 100vw - 768px ) * (( 24 - 19.2 ) / ( 1100 - 768 )))), 24px );
  font-weight: bold;
  margin-bottom: clamp( 24px, calc( 24px + (( 100vw - 768px ) * (( 30 - 24 ) / ( 1100 - 768 )))), 30px );
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .interview__block .side__ttl {
    font-size: 18px;
    margin-bottom: calc(20 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .interview__block .side__list li {
  display: flex;
  padding: clamp( 21.6px, calc( 21.6px + (( 100vw - 768px ) * (( 27 - 21.6 ) / ( 1100 - 768 )))), 27px ) 0;
  border-top: 1px solid #DDDDDD;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .interview__block .side__list li {
    padding: calc(27 / 414 * 100 * var(--vw)) 0;
  }
}
#EMPLOYEE .interview__block .side__list li:last-of-type {
  padding-bottom: 0;
}
#EMPLOYEE .interview__block .side__list li .date {
  font-size: clamp( 14.4px, calc( 14.4px + (( 100vw - 768px ) * (( 18 - 14.4 ) / ( 1100 - 768 )))), 18px );
  line-height: 1.4;
  font-weight: 600;
  white-space: nowrap;
  width: 4em;
  margin-right: 2em;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .interview__block .side__list li .date {
    font-size: 16px;
    margin-right: calc(18 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .interview__block .side__list li .plan {
  font-size: clamp( 12.8px, calc( 12.8px + (( 100vw - 768px ) * (( 16 - 12.8 ) / ( 1100 - 768 )))), 16px );
  width: calc(100% - 4em + clamp( 28.8px, calc( 28.8px + (( 100vw - 768px ) * (( 36 - 28.8 ) / ( 1100 - 768 )))), 36px ));
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .interview__block .side__list li .plan {
    font-size: 14px;
    width: calc(100% - 4em + 4.347826087vw);
  }
}
#EMPLOYEE .interview__block .side__txt {
  font-size: clamp( 12.8px, calc( 12.8px + (( 100vw - 768px ) * (( 16 - 12.8 ) / ( 1100 - 768 )))), 16px );
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .interview__block .side__txt {
    font-size: 14px;
  }
}
#EMPLOYEE .interview__block .img {
  margin-bottom: clamp( 44.8px, calc( 44.8px + (( 100vw - 768px ) * (( 56 - 44.8 ) / ( 1100 - 768 )))), 56px );
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .interview__block .img {
    margin-bottom: calc(20 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .question__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .question__list {
    flex-direction: column;
  }
}
#EMPLOYEE .question__list > li {
  position: relative;
  background: #fff;
  border-top: 1px solid #00aeef;
  width: 48.5314685315%;
  padding: 5.034965035% 3.0769230769%;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .question__list > li {
    width: 100%;
    padding: calc(14 / 414 * 100 * var(--vw)) calc(16 / 414 * 100 * var(--vw));
  }
  #EMPLOYEE .question__list > li:not(:first-of-type) {
    margin-top: calc(20 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .question__list > li::before, #EMPLOYEE .question__list > li::after {
  content: "";
  position: absolute;
  top: -42px;
  left: 40px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 42px 42px;
  border-color: transparent transparent #00aeef transparent;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .question__list > li::before, #EMPLOYEE .question__list > li::after {
    top: calc(-22 / 414 * 100 * var(--vw));
    left: calc(20 / 414 * 100 * var(--vw));
    border-width: 0 0 calc(22 / 414 * 100 * var(--vw)) calc(22 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .question__list > li::after {
  top: -40px;
  left: 39px;
  border-color: transparent transparent #fff transparent;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .question__list > li::after {
    top: calc(-20 / 414 * 100 * var(--vw));
    left: calc(19 / 414 * 100 * var(--vw));
  }
}
#EMPLOYEE .question__list .question__title {
  color: #00aeef;
  font-size: clamp( 14.4px, calc( 14.4px + (( 100vw - 768px ) * (( 18 - 14.4 ) / ( 1100 - 768 )))), 18px );
  line-height: 1.75;
  font-weight: 700;
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .question__list .question__title {
    font-size: 14px;
  }
}
#EMPLOYEE .question__list .question__data {
  font-size: clamp( 12.8px, calc( 12.8px + (( 100vw - 768px ) * (( 16 - 12.8 ) / ( 1100 - 768 )))), 16px );
  line-height: 1.75;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  #EMPLOYEE .question__list .question__data {
    font-size: 14px;
  }
}
#EMPLOYEE .btn__center {
  margin-top: auto;
}
#EMPLOYEE .btn__center .btn1 {
  width: 100%;
}/*# sourceMappingURL=style_employee.css.map */