/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
/* 
:root{
  --main-color:rgb(60,14,188);
  --main-color-rgb:60,14,188;

  --second-color:rgb(187,26,26);
  --second-color-rgb:187,26,26;
}
*/
/* インターンシップマッチングフェア用カラー */
:root{
  --main-color:rgb(255, 49, 49);
  --main-color-rgb:255, 49, 49;

  --second-color:rgb(10, 1, 71);
  --second-color-rgb:10, 1, 71;
}

.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: 4rem;
    text-shadow: 1px 1px 2px #ffffff ,
    -1px 1px 2px #ffffff ,
    1px -1px 2px #ffffff ,
    -1px -1px 2px #ffffff;
    }
*/
.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%のサイズに縮小 */
  }
}