@charset "utf-8";

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

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

h1 {
    font-size: 30pt;
}

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

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

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

.s-header-ur {
    flex-direction:row;
}

.s-header-b__content {
    font-size: inherit;
}

.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: row;
    align-items: flex-start;
}

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

.c-navigation-btn--previous.s-navigation-btn--top{
    padding: 0 1em;
}

.c-navigation-btns.s-navigation-btns.navigation-com{
   margin-top: 60px;
}

.c-navigation-btn--next.s-navigation-btn--next,
.c-navigation-btn--register.s-navigation-btn--register {
    width: 250px;
    height: 60px;
    background-position-x: 225px;
}

.c-navigation-btn--next.s-navigation-btn--next.width-long-btn{
    width: 400px;
    background-position-x: 370px;
}

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

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

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

#windowClose{
    cursor : pointer;
}

/* project
   ========================================================================== */
.s-warn-msg-area {
    /* エラーメッセージエリア */
    max-width: 1000PX;
    box-sizing: border-box;
}

.s-warn-msg-area--text {
    font-weight: 100;
}

.red {
    color: #df0139 !important;
}

.error_caution strong {
    font-weight: 100;
}