@charset "UTF-8";
/*--------------------------------------------------
Variable
--------------------------------------------------*/
/* Brand */
/* Text */
/* Line */
/* Body */
/* Semantic */
/*---------- フォント ----------*/
/*--------------------------------------------------
Mixin
--------------------------------------------------*/
/*---------- Responsive ----------*/
/*---------- fade animetion ----------*/
/*---------- icon ----------*/
/*---------- mixin ----------*/
/*--------------------------------------------------
Account Base
--------------------------------------------------*/
/* accounts系 システム共通スタイル */
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-padding-top: 60px;
    -webkit-scroll-padding-top: 60px;
  }
}
/* General */
main > .container {
  padding-bottom: 80px;
}

/* Stepper */
.stepper {
  width: 100%;
  margin: 0 auto 48px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
@media all and (min-width: 768px) {
  .stepper {
    max-width: 486px;
    padding: 8px;
  }
}
@media screen and (max-width: 767px) {
  .stepper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 40px;
  }
}
.stepper .stepper-img {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 0 auto;
}

/* Title */
.contents-title-wrapper {
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .contents-title-wrapper {
    margin-bottom: 36px;
  }
}

.contents-title {
  margin-bottom: 0;
}

.contents-text,
.content-header-text {
  margin-top: 8px;
}

/* 新規会員登録 sns登録ボタン */
.horizontal-btn-area {
  gap: 24px;
}
.horizontal-btn-area .btn {
  width: 272px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* Form */
.form-element__item:last-of-type {
  margin-bottom: 0;
}

.text-link-area {
  margin-top: 48px;
  text-align: center;
}
.text-link-area .text-link {
  color: #C15631;
  font-weight: bold;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.text-link-area .text-link:hover {
  color: #F39F70;
}

.form_item.form_item_lecture {
  display: none;
}

.form_item.form_item_practice_task {
  display: none;
}

.form_item.form_item_it_passport {
  display: none;
}