@charset "utf-8";

/**
 * SP版用レイアウト
 */

/* 全般
   ========================================================================== */

h1 {
    font-size: 26pt;
}

.s-visible--pc {
    display: none !important;
}

/* layout
   ========================================================================== */

.s-contents--padding {
    padding: 0 20px 30px;
    box-sizing: border-box;
}

.s-header-b__content::after {
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    margin: 15px auto 0;
    background-color: #de3400;
    margin-top: 20px;
}

/* component
   ========================================================================== */

/* パンくずリスト */
.module-nav-step ol {
  display: flex;
  padding-inline-start: 0px;
}

.module-nav-step li {
  position: relative;
  flex-grow: 1;
  flex-basis: 0;
  padding-bottom: 12px;
  color: #4d4d4d;
  text-align: center;
  list-style: none;
}
.module-nav-step li:nth-child(n+2) {
  margin-left: 4px;
}
.module-nav-step li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 100vh;
  background-color: #f5f5f5;
}

/* Current */

.module-nav-step li[aria-current]::after {
  background-color: #fae06a;
}
.module-nav-step li[aria-current="step"] {
  color: #000;
  font-weight: bold;
}
.module-nav-step li[aria-current="step"]::after {
  background-color: #de3400;
}
/* ボタン */
.s-navigation-btns {
    flex-direction: column-reverse;
    align-items: center;
}

.c-navigation-btn__div {
    width: 100%;
}

.s-navigation-btn--previous.s-navigation-btn--previous,
.s-navigation-btn--close.s-navigation-btn--close {
    width: 182px;
}

.s-navigation-btn--close.s-navigation-btn--close.sp-w200 {
    width: 200px;
}

.c-navigation-btn--previous.s-navigation-btn--top{
    margin-top: 30px;
    width: 200px;
    margin-bottom: 20px;
}

.c-navigation-btn--next.s-navigation-btn--next,
.c-navigation-btn--register.s-navigation-btn--register {
    width: 100%;
    height: 50px;
    background-position-x: 95%;
    margin-bottom: 40px;
}

.c-navigation-btn--next.s-navigation-btn--next:hover,
.c-navigation-btn--register.s-navigation-btn--register:hover {
    background-position-x: 95%;
}

.c-navigation-btn--register.s-navigation-btn--register {
    /* 上書きする */
    height: 60px;
}

.s-navigation-area--error {
    margin-top: 40px;
}

/* ダイアログ */
.ui-dialog-buttonset {
    display: flex;
    flex-direction: column;
}
.ui-dialog {
    height: 100vh !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
}

.c-warn-class.c-error-class .ui-button:nth-child(2) {
    font-weight: bold;
}

.c-error-class .ui-button {
    width: 90% !important;
}

.c-error-class .ui-button:nth-child(3) {
    display: none;
}

/* ヘッダメニュー */
.s-header-ur.s-visible--sp img {
    width: 20px;
}
.s-header-ur.s-visible--sp label {
    display: flex;
    flex-flow: column;
    align-items: center;
    background: #f5d654;
    padding: 0.55em 0.25em;
    transition: background-color .3s ease;
}
.s-header-ur.s-visible--sp label:hover {
    background-color: #ffc300;
}
.s-header-ur.s-visible--sp p {
    padding: 0;
    margin: 0;
}

#windowClose{
    cursor : pointer;
}

/* project
   ========================================================================== */
/* エラーメッセージエリア */

.s-warn-msg-area--text {
    font-weight: 100;
    margin: 0 5% 0 5%;
}

.red {
    color: #df0139 !important;
}

.error_caution strong {
    font-weight: 100;
}