@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;600;700;900&display=swap');

/* ---------------------------------------------
  common
--------------------------------------------- */
body {
  background-color: #005CE2;
  padding: 0;
  margin: 0;
}

.lp_main * {
  position: relative;
  box-sizing: border-box;
}

.lp_main {
  font-family: "Noto Sans", sans-serif;
  line-height: 1.5;
  color: #ffffff;
}

.lp_main img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.lp_main .sec_inner {
  max-width: 750px;
  margin: 0 auto min(calc(33/750*100%), 33px);
}

@media screen and (min-width:751px) {
  .lp_main .sec_inner {
    max-width: 1280px;
    padding: 0 20px;
  }
}

.sp_only {
  display: block;
}

.pc_only {
  display: none;
}

@media (min-width:751px) {
  .sp_only {
    display: none;
  }
  .pc_only {
    display: block;
  }
}


/*============================
header
============================*/
.styles_header__c18jA {
  background-color: #005ae200;
}

.styles_headerTool__tztyv {
  padding: min(calc(31/750*100%), 31px) min(calc(25/750*100%), 25px) min(calc(20/750*100%), 20px);
  height: auto;
  background-color: #005ce200;
  text-align: center;
}

.styles_headerTool__tztyv h1 {
  margin: 0;
  padding: 0;
  line-height: 0;
  display: inline-block;
}

.styles_headerTool__tztyv img {
  width: min(154px, 20.53333333vw);
  margin: 0 auto;
}

/*============================
.sec_header
============================*/

.lp_main .sec_header_wrapper {
  background-color: #FFFB04;
}

.lp_main .sec_header {
  max-width: 1300px;
  margin: 0 auto;
}

/*============================
.fv
============================*/
.fv .p-box h1 {
  max-width: 682px;
  margin: min(calc(40/750*100%), 40px) auto min(calc(15/750*100%), 15px);
}

.fv .note_r {
  padding: min(calc(16/750*100vw), 16px) min(calc(43/750*100vw), 43px) 0;
}

@media (max-width:750px) {
  .fv .p-box h1 {
    width: 100%;
  }
}

/*============================
.cv
============================*/
.lp_main .cv_box {
  text-align: center;
}

.lp_main .cv_box a:hover {
  opacity: 0.7;
}

.lp_main .cv_box .cv_circle {
  width: calc(68/640*100%);
  height: min(calc(64/750*100vw), 64px);
  background-color: #FFF;
  border-radius: 100px;
  color: #FF9220;
  font-size: min(calc(12/750*100vw), 12px);
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  line-height: 1.2;
  position: absolute;
  left: 2%;
  top: 12%;
}

.lp_main .cv_box .cv_circle .cv_large {
  font-size: min(calc(18/750*100vw), 18px);
  font-weight: 800;
}

.lp_main .cv_box .cv_circle .cv_small {
  font-size: min(calc(10/750*100vw), 10px);
  padding-top: 0.8em;
}

.note_r {
  color: #ffffff;
  font-size: min(calc(14/750*100vw), 14px);
  text-align: right;
  font-family: 'Noto Sans JP', sans-serif;
  padding: min(calc(24/750*100vw), 24px) 0 min(calc(47/750*100vw), 47px);
  margin: 0;
}

.survey_result_content_logo_loop_wrapper .note_r {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  padding: min(calc(20 / 750 * 100vw), 20px) min(calc(20 / 750 * 100vw), 20px) min(calc(65 / 750 * 100vw), 65px);
}

@media (min-width:751px) {
  .survey_result_content_logo_loop_wrapper .note_r {
    max-width: 1000px;
    padding: 20px 10px 65px;
  }
}

/* ---------------------------------------------
  20250507 CSS追加
--------------------------------------------- */
.lp_main .cv_box {
  background-color: transparent;
  border-radius: 0;
}

.lp_main .cv_box a.signup {
  font-size: min(calc(32/750*100vw), 32px);
  font-weight: 700;
  color: #FFF;
  display: block;
  background-color: #FF9220;
  border-radius: 100px;
  width: 100%;
  padding: 0.8em 0;
  transition: all ease 0.2s;
}

@media (min-width:751px) {
  .lp_main .cv_box a.signup {
    padding: 0.4em 0;
  }
}

.lp_main .survey_result .cv_box a.signup {
  margin-bottom: min(calc(30/750*100%), 30px);
}

.lp_main .cv_box a.signup:hover {
  opacity: 0.7;
}

/* 20250512 修正 */
.lp_main .cv_box a.signup+a {
  text-decoration: underline;
  color: #FFF;
  display: block;
  margin-top: 1em;
  padding: 0;
  transition: all ease 0.2s;
}



.lp_main .cv_box a.signup::after {
  width: calc(38/750*100%);
  height: 38px;
  top: calc(20.5/60*100%);
  right: calc(20.5/350*100%);
}

/* 20250512 修正 */
.lp_main .cv_box a.signup+a {
  /* /20250512 修正 */
  font-size: 3.6vw;
  margin-top: 0.6em;
  padding: 0;
}

/* ---------------------------------------------
  アンケートLP用CSS
--------------------------------------------- */
.survey_content {
  height: auto;
}

.survey_screen {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  will-change: transform;
}

.survey_screen.screen-hidden {
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
}

.survey_questions {
  padding-bottom: 0;
  margin-bottom: 0;
}

.survey_questions[style*="display: block;"] {
  padding-top: min(calc(45/750*100%), 45px);
}

.survey_questions .survey_btn_login {
  margin-bottom: 0;
  padding-bottom: min(calc(50/750*100%), 50px);
}

/* スライドアニメーション */
@keyframes slideInFromRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.survey_screen.slide-in-fast {
  animation: slideInFromRight 0.15s ease-out forwards;
}

.question_area {
  max-width: 688px;
  width: 91.7%;
  margin: 0 auto;
  background-color: #FFF;
  border-radius: min(10px, 1.33333333vw);
  padding: min(calc(30/750*100%), 30px) 0;
}

@media (min-width:751px) {
  .question_area {
    max-width: 1000px;
    width: 100%;
  }
}

.question_area:before {
  content: '';
  position: absolute;
  width: min(67px, 8.93333333vw);
  height: min(77px, 10.26666667vw);
  background-image: url(../img/q_icon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
}

.question_area_title {
  font-size: min(calc(32 / 750 * 100vw), 32px);
  font-weight: 600;
  text-align: center;
  color: #005EE3;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin: 0;
}

.question_area_title span {
  font-size: min(calc(36/750*100vw), 36px);
  color: #000000;
  font-weight: 700;
  border: min(1px, 0.13333333vw) solid #000000;
  padding: min(calc(4/750*100%), 4px) min(calc(35/750*100%), 35px);
  margin-right: min(calc(15/750*100%), 15px);
}

@media (min-width:950px) {
  .question_area_title_br {
    display: none;
  }
}

.survey_buttons {
  max-width: 689px;
  width: 91.9%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: min(115px, 15.33vw);
  align-items: center;
  padding: min(calc(76/750*100%), 76px) 0 min(calc(35/750*100%), 35px);
}

@media (min-width:751px) {
  .survey_buttons {
    max-width: 1000px;
    width: 100%;
  }
}

.survey_btn_area {
  width: 100%;
  border: min(2px, 0.26666667vw) solid #ffffff;
  border-radius: min(10px, 1.33333333vw);
  padding: min(calc(97/714*100%), 97px) 0 min(calc(35/750*100%), 35px);
  text-align: center;
  background-color: #FFF;
}

@media (min-width:751px) {
  .survey_btn_area {
    padding: 88px 0 31px;
  }
}

.survey_btn_area_title {
  font-size: min(calc(32/750*100vw), 32px);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.5;
  margin-bottom: min(calc(30/750*100%), 30px);
  color: #000000;
}

@media (min-width:751px) {
  .survey_btn_area_title {
    margin-bottom: 20px;
  }
}

@media (min-width:950px) {
  .survey_btn_area_title_br {
    display: none;
  }
}

.survey_btn_area_title:before {
  content: '';
  position: absolute;
  width: min(150px, 20vw);
  height: min(150px, 20vw);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: -357%;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width:751px) {
  .survey_btn_area_title:before {
    top: -166px;
  }
}

.survey_btn_area:nth-child(1) .survey_btn_area_title:before {
  background-image: url(../img/men_icon.png);
}

.survey_btn_area:nth-child(2) .survey_btn_area_title:before {
  background-image: url(../img/women_icon.png);
}

.survey_btn_area:nth-child(1)::after {
  content: '※インターンはインターンシップ＆キャリアを指します';
  position: absolute;
  font-size: min(1.86666667vw, 14px);
  color: hsl(0, 0%, 100%);
  bottom: -11%;
  right: 0;
}

.survey_btn {
  width: min(630px, 84vw);
  max-width: 630px;
  height: min(150px, 20vw);
  font-size: min(calc(30 / 750 * 100vw), 30px);
  font-weight: 700;
  color: #FFF;
  display: block;
  background-color: #FF8E2A;
  box-shadow: 0 4px 4px 0px #00000040;
  border-radius: 50vw;
  padding: min(calc(30 / 750 * 100%), 30px) 0;
  transition: all ease 0.2s;
  border: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
}

@media (min-width: 950px) {
  .survey_btn {
      height: min(109px, 14.53333333vw);
      padding: min(calc(14 / 750 * 100%), 14px) 0;
      line-height: 1.3;
  }
}

.survey_btn_area .survey_btn {
  height: min(115px, 15.3vw);
  line-height: 1.8;
}

@media (min-width:751px) {
  .survey_btn_area .survey_btn {
    height: 80px;
    padding: min(calc(14/750*100%), 14px) 0;
    line-height: 1.75;
  }
}

#survey-result .survey_btn {
  width: min(674px, 89.86666667vw);
  max-width: 674px;
  margin-top: min(calc(30/750*100%), 30px);
}

@media (min-width:751px) {
  #survey-result .survey_btn {
    max-width: 850px;
    width: 100%;
  }
}

.survey_btn_signup_text_yellow {
  color: #FFF100;
}

.survey_btn:hover {
  opacity: 0.7;
}

.survey_btn_signup_questions {
  max-width: 670px;
  width: min(670px, 89.33333333vw);
  margin-bottom: min(calc(28/750*100%), 28px);
}

@media (min-width:751px) {
  .survey_btn_signup_questions {
    max-width: 850px;
    width: 100%;
  }
}

.survey_btn_check {
  background-color: #005EE3;
}

.survey_btn_login {
  display: block;
  font-size: min(calc(24/750*100vw), 24px);
  color: #FFF;
  text-decoration: underline;
  text-decoration-thickness: min(2px, 0.26666667vw);
  text-underline-offset: min(6px, 0.8vw);
  text-align: center;
}

@media (min-width:751px) {
  .survey_btn_login {
    font-size: 20px;
  }
}


.survey_question_grid {
  max-width: 800px;
  width: min(670px, 89.33333333vw);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5em;
  gap: min(30px, 4vw);
  row-gap: min(20px, 2.66666667vw);
  margin: min(calc(45/750*100%), 45px) auto min(calc(50/750*100%), 50px);
}

@media (min-width:751px) {
  .survey_question_grid {
    max-width: 1000px;
    width: 100%;
  }
}

.survey_question_btn {
  font-size: min(calc(32/750*100vw), 32px);
  font-weight: 700;
  color: #FFF;
  background-color: #005CE2;
  border: min(2px, 0.26666667vw) solid #ffffff;
  border-radius: min(20px, 2.66666667vw);
  padding: 1.5em 0;
  cursor: pointer;
  transition: all ease 0.2s;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
  overflow-wrap: break-word;
  line-height: 1.5;
  min-height: min(180px, 24vw);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px min(5px, 0.66666667vw) 0px #ffffff;
}

.survey_question_btn:hover {
  opacity: 0.8;
}

.survey_question_btn.selected {
  background-color: #FFF;
  color: #005CE2;
  box-shadow: 0px;
}

/* survey_result */
.survey_result[style*="display: block;"] {
  padding-top: min(calc(45/750*100%), 45px);
}

.survey_result_title {
  font-size: min(calc(96/750*100vw), 96px);
  font-weight: 700;
  text-align: center;
}

.survey_result_title #survey_result_title_span {
  font-size: min(calc(48/750*100vw), 48px);
}

.survey_result_content {
  color: #ffffff;
}

.survey_result_content h3 {
  width: min(575px, 76.66666667vw);
  margin: 0 auto min(calc(17/750*100%), 17px);
  font-size: min(calc(48/750*100vw), 48px);
  color: #FFF100;
  font-weight: 700;
  text-align: center;
  line-height: min(104px, 13.86666667vw);
  border: min(3px, 0.4vw) solid #ffffff;
}

@media (min-width:1000px) {
  .survey_result_content h3 {
    display: inline-block;
    max-width: 575px;
    width: 100%;
    margin-right: 15px;
  }
}

.survey_result_content .title_bottom {
  font-size: min(calc(40/750*100vw), 40px);
  text-align: center;
  font-weight: 600;
  margin: min(calc(17/750*100vw), 17px) 0 min(calc(50/750*100%), 50px);
}

@media (min-width:1000px) {
  .survey_result_content .title_bottom {
    display: inline-block;
    margin: 17px 0 0;
  }
}

.survey_result_content .recommended-bubble {
  width: min(625px, 83.33333333vw);
  margin: min(calc(44/750*100%), 44px) auto min(calc(17/750*100%), 17px);
  text-align: center;
  background-color: #FFF;
  color: #005EE3;
  font-size: min(calc(28/750*100vw), 28px);
  font-weight: 600;
  border-radius: 50vw;
  line-height: 2.1;
  padding: 0 min(calc(15/750*100%), 15px);
}

@media (min-width:751px) {
  .survey_result_content .recommended-bubble {
    max-width: 836px;
    width: 100%;
  }
}

.survey_result_content .thumbnail_image {
  width: min(619px, 82.53333333vw);
  margin: 0 auto;
}

@media (min-width:751px) {
  .survey_result_content .thumbnail_image {
    max-width: 700px;
    width: 100%;
  }
}

.cv_box #survey_result_cv_box_top_text {
  display: inline-block;
  position: relative;
  font-size: min(calc(28/750*100vw), 28px);
  line-height: 1;
  margin-top: min(calc(50/750*100%), 50px);
  margin-bottom: min(calc(20/750*100%), 20px);
}

.cv_box #survey_result_cv_box_top_text::before {
  content: '';
  position: absolute;
  width: min(2px, 0.26666667vw);
  height: min(30px, 4vw);
  background-color: #ffffff;
  bottom: max(-4px, -0.53333333vw);
  left: max(-15px, -2vw);
  transform: rotate(-45deg);
}

.cv_box #survey_result_cv_box_top_text::after {
  content: '';
  position: absolute;
  width: min(2px, 0.26666667vw);
  height: min(30px, 4vw);
  background-color: #ffffff;
  bottom: max(-4px, -0.53333333vw);
  right: max(-12px, -1.6vw);
  transform: rotate(45deg);
}

.survey_result_return_btn {
  max-width: 670px;
  width: min(670px, 89.33333333vw);
  margin: 0 auto min(calc(30/750*100%), 30px);
}

@media (min-width:751px) {
  .survey_result_return_btn {
    max-width: 700px;
    width: 100%;
  }
}

.lp_main .survey_result .cv_box {
  margin-left: auto;
  margin-right: auto;
}

.lp_main .survey_result .cv_box a.signup+a {
  margin-top: min(calc(28/750*100%), 28px);
  font-size: min(calc(32/750*100vw), 32px);
}

.survey_result_content_list_area {
  margin-top: min(calc(65/750*100%), 65px);
}

.survey_result_content_title {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
}

@media (min-width:751px) {
  .survey_result_content_title {
    max-width: 1300px;
  }
}

.survey_result_content_title img {
  width: 100%;
}
.survey_result_content_logo_loop_wrapper {
  margin-top: min(calc(38/750*100%), 38px);
}


/* 無限ループ */
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}

.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0;
  gap: min(3.33333333vw, 25px);
  margin: 0;
}

.scroll-infinity__list:nth-child(2),
.scroll-infinity__list:last-child {
  margin-left: min(calc(25/750*100%), 25px);
}

.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}

.scroll-infinity__list--left.last-item {
  animation: infinity-scroll-left 60s infinite linear 0.5s both;
}

.scroll-infinity__item {
  width: min(25vw, 187px);
}

.scroll-infinity__item>img {
  width: 100%;
}

.scroll-infinity__item img._2 {
  margin-top: min(16px, 2.133333333vw);
}

/* ---------------------------------------------
  footer
--------------------------------------------- */
footer {
  background-color: #FFF;
}

footer .wrap {
  max-width: 980px;
  width: 100%;
}