/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/


:root {
  --main-color: rgb(0, 160, 165);
  --main-color-rgb: 0, 160, 165;
  --second-color: rgb(255, 95, 90);
  --second-color-rgb: 255, 95, 90;
}

.main-color {
  background-color: var(--main-color);
}

.second-color {
  background-color: var(--second-color);
}

.top-bg {
  background: linear-gradient(to bottom right, rgba(var(--main-color-rgb), 1), rgba(var(--second-color-rgb), 1));
}

.input-bg {
  background: linear-gradient(to bottom right, rgba(var(--main-color-rgb), 0.2), rgba(var(--second-color-rgb), 0.2));
}

/* インターンシップマッチングフェア用 */
.top-bg {
  background-color: var(--second-color);
}

.input-bg {
  background-color: #fff6e7;
}

.text-kosai {
  color: var(--main-color);
  font-size: 3rem;
  text-shadow: 1px 1px 2px #ffffff,
    -1px 1px 2px #ffffff,
    1px -1px 2px #ffffff,
    -1px -1px 2px #ffffff;
}

.nittei h4 {
  color: #fff;
  font-weight: 500;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

#register_container {
  width: 600px;
  margin: auto;
}

@media (max-width: 991px) {
  #register_container {
    width: 100%;
  }
}

.qr {
  width: 100vw;
  height: 100vw;
  max-width: 300px;
  max-height: 300px;
}

.thanks {
  font-size: 4rem;
  font-weight: 900;
  color: var(--main-color);
  background: -webkit-linear-gradient(0deg, var(--main-color), var(--second-color));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.answered {
  color: var(--main-color);
  background-color: rgba(var(--second-color-rgb), 0.1);
  width: fit-content;
}

@media (max-width: 991px) {

  /* Bootstrap lgブレークポイント未満 */
  .content-left-wrapper-custom {
    transform: scale(0.9);
    /* 90%のサイズに縮小 */
  }
}

@media (max-width:376px) {

  /* iphoneSE(第2世代以降)の画面幅に適用 */
  .content-left-wrapper-custom {
    transform: scale(0.8);
    /* モバイル画面では80%のサイズに縮小 */
  }
}

@media (max-width:321px) {

  /* iphone8以前の画面幅に適用 */
  .content-left-wrapper-custom {
    transform: scale(0.6);
    /* モバイル画面では60%のサイズに縮小 */
  }

  #logo {
    transform: scale(0.8);
    /* モバイル画面では80%のサイズに縮小 */
  }
}

/*
運営ページの登録ボタン用
*/
.submit_button {
  border: 0px;
  width: 200px;
  height: 50px;
  background: url(../images/regist_complete.png) left top no-repeat;
}