@charset "UTF-8";
:root {
  --primary-color-500: #2C7BCF;
  --account-link: #2C7BCF;
  --account-gray-100: #EEEEEE;
  --account-gray-200: #CCCCCC;
  --account-gray-300: #A9A9A9;
  --account-gray-400: #999999;
  --account-gray-500: #666666;

  --box-radius: 8;
}
.u-txt-red {
  color: #FF0000;
}

.js-category-panel-item[aria-hidden="true"] {
  display: none;
}
.js-category-panel-item[aria-hidden="false"] {
  display: block;
}
.account-entry-flow--private {
  display: none;
}
form:has(.js-category-group[data-opened="3"]) .account-entry-flow--corporate {
  display:none;
}
form:has(.js-category-group[data-opened="3"]) .account-entry-flow--private {
  display:block;
}
/* common */
.c-btn{
  /*--btn-radius: 0;*/
}
.c-btn.disabled {
  pointer-events: none;
  --btn-bg-color: var(--account-gray-200);
  --btn-border-color: var(--account-gray-200);
  --btn-txt-color: var(--account-gray-100);
}
.c-txt a{
  color: var(--account-link);
}
@media all and (min-width: 768px), print {
  .c-btn--xl{
    --btn-min-height: 48;
  }
  .c-btn--s{
    --btn-min-height: 30;
  }
  .c-txt {
    line-height: 1.7;
  }

  .c-header-title {
    --header-font-size: 24;
    --header-color: var(--black-color);
  }

  .account-entry-home .main-container{
    background-color: var(--white-color);
  }
  .main-container{
    background-color: var(--white-color);
    min-height: calc(100vh - calc(64 / var(--font-size) * 1rem));
    min-height: calc(100dvh - calc(64 / var(--font-size) * 1rem));
  }

  .l-page{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: calc(60 / var(--font-size) * 1rem);
    padding-bottom: calc(100 / var(--font-size) * 1rem);
  }

  .account-button .c-btn {
    --btn-min-height: 56;
    --btn-txt-font-size: 18;
    --btn-px: 32;
  }

  .account-button .c-btn__in{
    border-radius: calc(var(--btn-radius) / var(--font-size) * 1rem);
  }

  .account-page-footer {
    margin-top: calc(60 / var(--font-size) * 1rem);
  }
  .account-button .c-btn-list__item {
    min-width: calc(228 / var(--font-size) * 1rem);
  }
  
  .box-sec {
    --box-border: 1;
    --box-padding-inline: 50;
    --box-padding-block: 40;
    background-color: var(--gray-color-100);
    border-radius: calc(var(--box-radius) / var(--font-size) * 1rem);
  }
  .box-sec__in {
    padding: calc(var(--box-padding-block) / var(--font-size) * 1rem) calc(var(--box-padding-inline) / var(--font-size) * 1rem) calc(var(--box-padding-block)*1.5 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px), print {
  .c-btn--xl{
    --btn-min-height: 48;
  }
  .c-btn--s{
    --btn-min-height: 30;
  }
  .c-txt {
    line-height: 1.7;
  }

  .c-header-title {
    --header-font-size: 24;
    --header-color: var(--black-color);
  }

  .account-entry-home .main-container{
    background-color: var(--white-color);
  }
  .main-container{
    background-color: var(--white-color);
    min-height: calc(100vh - calc(64 / var(--font-size) * 1rem));
    min-height: calc(100dvh - calc(64 / var(--font-size) * 1rem));
  }

  .l-page{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: calc(60 / var(--font-size) * 1rem);
    padding-bottom: calc(100 / var(--font-size) * 1rem);
  }

  .account-button .c-btn {
    --btn-min-height: 48;
    --btn-txt-font-size: 18;
    --btn-px: 32;
  }

  .account-page-footer {
    margin-top: calc(60 / var(--font-size) * 1rem);
  }
  
  .box-sec {
    --box-border: 1;
    --box-padding-inline: 20;
    --box-padding-block: 36;

    background-color: var(--gray-color-100);
    border-radius: calc(var(--box-radius) / var(--font-size) * 1rem);
  }
  .box-sec__in {
    padding: calc(var(--box-padding-block) / var(--font-size) * 1rem) calc(var(--box-padding-inline) / var(--font-size) * 1rem) calc(var(--box-padding-block)*1.5 / var(--font-size) * 1rem);
  }
}

/* header */
@media all and (min-width: 768px), print {
  .gheader-account{
    background-color: var(--primary-color-500);
  }
  .gheader-account-top__in{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .gheader-account-container__in{
    padding: 0 calc(32 / var(--font-size) * 1rem);
  }
  .gheader-account-content{
    display: flex;
    height: calc(64 / var(--font-size) * 1rem);
    gap: calc(86 / var(--font-size) * 1rem);
    align-items: center;
  }
}
@media all and (max-width: 767px), print {
  .gheader-account{
    background-color: var(--primary-color-500);
  }
  .gheader-account-top__in{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .gheader-account-container__in{
    padding: 0 calc(32 / var(--font-size) * 1rem);
  }
  .gheader-account-content{
    width: 100%;
    display: flex;
    height: calc(64 / var(--font-size) * 1rem);
    justify-content: space-between;
    align-items: center;
  }
}
/* footer */
@media all and (min-width: 768px), print {
  .gfooter__body {
    padding: 0;
    max-width: 100%;
  }
  .gfooter__footer {
    background-color: var(--white-color);
    padding: calc(24 / var(--font-size) * 1rem);
    background: var(--gray-color-100);
  }
  .gfooter-copyright-txt {
    color: var(--black-color);
  }
}
@media all and (max-width: 767px), print {
  .gfooter {
    margin-bottom: 0;
  }
  .gfooter__body {
    padding: 0;
    max-width: 100%;
  }
  .gfooter__footer {
    background-color: var(--white-color);
    padding: calc(24 / var(--font-size) * 1rem);
    background: var(--gray-color-100);
  }
  .gfooter-copyright-txt {
    color: var(--black-color);
  }
}
/* form */
@media all and (min-width: 768px), print {
  .c-form-radio-group-heading{
  }
  .c-form-radio-group-heading__txt{
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: bold;
    line-height: 1.2;
  }
  .c-form-radio__label{
    margin-left: calc(8 / var(--font-size) * 1rem);
  }
  .c-form-radio__label__txt{
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: 400;
    line-height: 1.25;
  }
  .form-block:first-child {
    margin-top: calc(60 / var(--font-size) * 1rem);
  }
  /* 確認画面 */
  .account-entry-form-confirm .form-category,
  .account-form-confirm .form-category {
    padding-left: calc(250 / var(--font-size) * 1rem);
  }
  .form-category .c-form-radio,
  .form-category .c-form-radio__label {
    cursor: pointer;
  }
  .c-category__contents {
    margin-top: calc(80 / var(--font-size) * 1rem);
  }
  .c-form-check {
    position: relative;
  }
  input {
    appearance: none;
    border-radius: 0;
    width: 100%;
    border-width: 1px;
    border-color: var(--black-color);
    padding: calc(9 / var(--font-size) * 1rem) calc(14 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem);
    border-radius: calc(var(--box-radius) / var(--font-size) * 0.5rem);
  }
  input::placeholder {
    color: var(--account-gray-200);
  }
  .c-form-radio-group{
    display: flex;
    align-items: center;
    column-gap: calc(44 / var(--font-size) * 1rem);
  }
  .c-form-radio{
    display: flex;
    align-items: center;
  }
  input[type='radio'] {
    flex-shrink:0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: calc(22 / var(--font-size) * 1rem);
    height: calc(22 / var(--font-size) * 1rem);
    border: 2px solid var(--gray-color-700);
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    margin-top: calc(1 / var(--font-size) * 1rem);
  }
  /* チェックの時スタイル */
  input[type='radio']:checked {
    background-color: var(--primary-color-500); /*チェックボタンの内部*/
    border: calc(6 / var(--font-size) * 1rem) solid var(--white-color); /*内部ボタンと線の間*/
    position: relative;
  }
  input[type='radio']:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    border-radius: 100%;
    width: calc(22 / var(--font-size) * 1rem);
    height: calc(22 / var(--font-size) * 1rem);
    border: 2px solid var(--primary-color-500);
  }
  select {
    appearance: none;
    border-radius: 0;
    width: 100%;
    border: 1px solid var(--black-color);
    padding: calc(9 / var(--font-size) * 1rem) calc(14 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem);
    font-size: calc(16 / var(--font-size) * 1rem);
    line-height: 1.5;
  }
  .c-form-select {
    max-width: calc(200 / var(--font-size) * 1rem);
  }
  .c-form-select__box {
    position: relative;
  }
  .c-form-select__ico {
    position: absolute;
    right: calc(8 / var(--font-size) * 1rem);
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: calc(16 / var(--font-size) * 1rem);
    height: calc(12 / var(--font-size) * 1rem);
    background-color: var(--account-gray-500);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
  }
  .c-form-check__label {
  }
  input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
  }
  .c-form-check input[type='checkbox'] + .c-form-check__label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: calc(28 / var(--font-size) * 1rem);
  }
  .c-form-check input[type='checkbox'] + .c-form-check__label::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(20 / var(--font-size) * 1rem);
    height: calc(20 / var(--font-size) * 1rem);
    margin-top: calc(1 / var(--font-size) * 1rem);
    border: 2px solid var(--account-gray-500);
    content: '';
  }
  .c-form-check input[type='checkbox'] + .c-form-check__label::after {
    position: absolute;
    top: 0;
    left: calc(5 / var(--font-size) * 1rem);
    display: block;
    width: calc(8 / var(--font-size) * 1rem);
    height: calc(14 / var(--font-size) * 1rem);
    margin-top: calc(2 / var(--font-size) * 1rem);
    border-right: calc(3 / var(--font-size) * 1rem) solid var(--primary-color-500);
    border-bottom: calc(3 / var(--font-size) * 1rem) solid var(--primary-color-500);
    transform: rotate(45deg);
    opacity: 0;
    content: '';
  }
  .c-form-check input[type='checkbox']:checked + .c-form-check__label::after {
    opacity: 1;
  }

  .form-block + .form-block {
    margin-top: calc(80 / var(--font-size) * 1rem);
  }
  .form-category .c-form__body {
    width: 100%;
  }
  .form-category .c-form-radio-group {
    justify-content: center;
  }
  .form-category .c-form-radio {
    min-width: calc(240 / var(--font-size) * 1rem);
    border: calc(1 / var(--font-size) * 1rem) solid var(--black-color);
  }
  .form-category .c-form-radio input{
    margin-right: calc(8 / var(--font-size) * 1rem);
  }
  .form-category .c-form-radio .c-form-radio__label{
    width: 100%;
    margin-left: 0;
    padding: calc(22 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
  }
  /* joinの申請者区分 */
  .account-entry-form .form-category .c-form-radio {
    min-width: calc(160 / var(--font-size) * 1rem);
    border: none;
    padding: 0 calc(12 / var(--font-size) * 1rem);
  }
  .form-block-head {
    display: flex;
    align-items: center;
    gap: calc(40 / var(--font-size) * 1rem);
    margin-bottom: calc(32 / var(--font-size) * 1rem);
  }
  .form-block-head-title__label {
    font-size: calc(24 / var(--font-size) * 1rem);
    font-weight: 700;
    color: var(--primary-color-500);
  }
  .form-block-head-note__label {
    font-size: calc(14 / var(--font-size) * 1rem);
    color: var(--account-gray-500);
  }
  .c-form-input {
    --txt-font-size: 16;
    width: 100%;
    line-height: 1.5;
  }
  .c-form-input:has(.c-form__button) {
    display: flex;
    gap: calc(32 / var(--font-size) * 1rem);
  }
  .c-form__button {
  }
  .c-form-item + .c-form-item {
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .c-form-item__in {
    display: flex;
  }
  .c-form__header {
    width: calc(250 / var(--font-size) * 1rem);
  }
  .c-form__title {
    display: flex;
    align-items: center;
    gap: calc(8 / var(--font-size) * 1rem);
  }
  .c-form__title .c-ico-required{
    background: #EF2525;
    max-height: calc(32 / var(--font-size) * 1rem);
    display: grid;
    align-items: center;
    padding: calc(4 / var(--font-size) * 1rem) calc(12 / var(--font-size) * 1rem) calc(5 / var(--font-size) * 1rem);;
    border-radius: 99px;
  }
  .c-ico-required-label {
    font-size: calc(11 / var(--font-size) * 1rem);
    line-height: 1;
    color: var(--white-color);

  }
  .c-form-input label {
    font-size: calc(var(--txt-font-size) / var(--font-size) * 1rem);
  }
  .c-form__body {
    width: calc(100% - calc(250 / var(--font-size) * 1rem));
  }
  .c-form-input__unit {
    width: 100%;
    max-width: 100%;
  }
  .c-form-input__unit .c-form-input {
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: calc(8 / var(--font-size) * 1rem);
  }
  .c-form-input__unit .c-form-cor-number {
    gap: calc(32 / var(--font-size) * 1rem);
  }
  .c-form-input__unit .c-form-input .c-form-name-label,
  .c-form-input__unit .c-form-input > .c-txt {
    flex-shrink: 0;
    min-width: calc(48 / var(--font-size) * 1rem);
  }
  .c-form-input__unit .c-form-input input {
    max-width: calc(250 / var(--font-size) * 1rem);
    border-radius: calc(var(--box-radius) / var(--font-size) * 0.5rem);
  }
  .c-form-input__unit .c-form-input input.p-postal-code {
    max-width: calc(180 / var(--font-size) * 1rem);
  }
  .c-form__body:has(.c-form-input__unit) {
    display: flex;
    gap: calc(48 / var(--font-size) * 1rem);
  }
  .c-form__header {
    margin-top: calc(8 / var(--font-size) * 1rem);
  }
  .c-form__header .c-form__title {
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.4;
  }
  .c-form-input__note {
    margin-top: calc(4 / var(--font-size) * 1rem);
  }
  .c-form-input__note .c-txt{
    --txt-font-size: 13;
  }
  .c-form-cor-number .c-form__button {
    flex-shrink: 0;
  }
  .c-form-cor-number .c-form__button .c-btn {
    --btn-min-height: 43;
  }
  .c-form-cor-number .c-form__button .c-btn__body {
    padding: calc(7 / var(--font-size)* 1rem) calc(var(--btn-px) / var(--font-size)* 1rem) calc(9 / var(--font-size) * 1rem);
  }

  /* error */
  .c-form-item--error input,
  .c-form-item--error select,
  .c-form-item--error .c-form-check input[type='checkbox'] + .c-form-check__label::before {
    background-color: #FFEAEA;
    border-color: #FF0000;
  }
  .c-form-item--error .c-form-input__unit .c-form-name,
  .c-form-item--error .c-form-input__unit .c-form-name-kana {
    display: grid;
    grid-template-columns: calc(48 / var(--font-size) * 1rem) 1fr;
    row-gap: 0;
  }
  .c-form-item--error .c-form-input__unit .c-form-cor-number {
    display: flex;
    flex-wrap: wrap;
    gap: calc(12 / var(--font-size) * 1rem);
    max-width: calc(400 / var(--font-size) * 1rem);
    row-gap: 0;
  }
  .c-form-item--error .c-form-tel,
  .c-form-item--error .c-form-postcode,
  .c-form-item--error .c-form-input__unit .c-form-text {
    display: block;
  }
  .c-form-name .c-form-input__error,
  .c-form-name-kana .c-form-input__error {
    grid-column: 2;
    grid-row: 2;
  }
  .c-form-cor-number .c-form-input__error {
    order: 2;
  }
}
@media all and (max-width: 767px), print {
  .form-block:first-child {
    margin-top: calc(60 / var(--font-size) * 1rem);
  }
  .form-category .c-form-radio,
  .form-category .c-form-radio__label {
    cursor: pointer;
  }
  .c-category__contents {
    margin-top: calc(20 / var(--font-size) * 1rem);
  }
  .c-form-check {
    position: relative;
  }
  input {
    appearance: none;
    border-radius: 0;
    width: 100%;
    border-width: 1px;
    border-color: var(--black-color);
    padding: calc(9 / var(--font-size) * 1rem) calc(14 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem);
    border-radius: calc(var(--box-radius) / var(--font-size) * 0.5rem);
  }
  input::placeholder {
    color: var(--account-gray-200);
  }
  .c-form-radio {
    display: flex;
    align-items: center;
}
  input[type='radio'] {
    flex-shrink: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: calc(22 / var(--font-size)* 1rem);
    height: calc(22 / var(--font-size)* 1rem);
    border: 2px solid var(--gray-color-700);
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    margin-top: calc(1 / var(--font-size)* 1rem);
  }
  input[type='radio']:checked {
    background-color: var(--primary-color-500);
    border: calc(6 / var(--font-size)* 1rem) solid var(--white-color);
    position: relative;
  }
  input[type='radio']:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    border-radius: 100%;
    width: calc(22 / var(--font-size)* 1rem);
    height: calc(22 / var(--font-size)* 1rem);
    border: 2px solid var(--gray-color-700);
    border-color: var(--primary-color-500);
  }
  .c-form-radio__label {
    margin-left: calc(8 / var(--font-size)* 1rem);
}
  select {
    appearance: none;
    border-radius: 0;
    width: 100%;
    border: 1px solid var(--black-color);
    padding: calc(9 / var(--font-size) * 1rem) calc(14 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem);
    font-size: calc(16 / var(--font-size) * 1rem);
    line-height: 1.5;
  }
  .c-form-select {
    max-width: calc(200 / var(--font-size) * 1rem);
  }
  .c-form-select__box {
    position: relative;
  }
  .c-form-select__ico {
    position: absolute;
    right: calc(8 / var(--font-size) * 1rem);
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: calc(16 / var(--font-size) * 1rem);
    height: calc(12 / var(--font-size) * 1rem);
    background-color: var(--account-gray-500);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
  }
  .c-form-check__label {
  }
  input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
  }
  .c-form-check input[type='checkbox'] + .c-form-check__label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: calc(28 / var(--font-size) * 1rem);
  }
  .c-form-check input[type='checkbox'] + .c-form-check__label::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(20 / var(--font-size) * 1rem);
    height: calc(20 / var(--font-size) * 1rem);
    margin-top: calc(1 / var(--font-size) * 1rem);
    border: 2px solid var(--account-gray-500);
    content: '';
  }
  .c-form-check input[type='checkbox'] + .c-form-check__label::after {
    position: absolute;
    top: 0;
    left: calc(5 / var(--font-size) * 1rem);
    display: block;
    width: calc(8 / var(--font-size) * 1rem);
    height: calc(14 / var(--font-size) * 1rem);
    margin-top: calc(2 / var(--font-size) * 1rem);
    border-right: calc(3 / var(--font-size) * 1rem) solid var(--primary-color-500);
    border-bottom: calc(3 / var(--font-size) * 1rem) solid var(--primary-color-500);
    transform: rotate(45deg);
    opacity: 0;
    content: '';
  }
  .c-form-check input[type='checkbox']:checked + .c-form-check__label::after {
    opacity: 1;
  }

  .form-block + .form-block {
    margin-top: calc(80 / var(--font-size) * 1rem);
  }
  .form-category .c-form__body {
    width: 100%;
  }
  .form-category .c-form-radio-group {
    display: grid;
    align-items: center;
    gap: calc(4 / var(--font-size)* 1rem);
    grid-template-columns: auto auto auto;
  }
  .form-category .c-form-radio {
    width: 100%;
    border: calc(1 / var(--font-size) * 1rem) solid var(--black-color);
  }
  .form-category .c-form-radio input{
    margin-right: calc(6 / var(--font-size) * 1rem);
  }
  .form-category .c-form-radio .c-form-radio__label{
    width: 100%;
    margin-left: 0;
    padding: calc(22 / var(--font-size) * 1rem) calc(0 / var(--font-size) * 1rem) calc(22 / var(--font-size) * 1rem) calc(8 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
  }
  /* joinの申請者区分 */
  .account-entry-form .form-category .c-form-radio {
    border: none;
    padding: 0 calc(0 / var(--font-size) * 1rem);
  }
  .form-block {
    padding: 0 calc(12 / var(--font-size) * 1rem);
  }
  .form-block-head {
    display: flex;
    flex-direction: column;
    gap: calc(8 / var(--font-size) * 1rem);
    margin-bottom: calc(40 / var(--font-size) * 1rem);
  }
  .form-block-head-title {
    flex-shrink: 0;
  }
  .form-block-head-title__label {
    font-size: calc(22 / var(--font-size) * 1rem);
    font-weight: 700;
    color: var(--primary-color-500);
  }
  .form-block-head-note__label {
    font-size: calc(13 / var(--font-size) * 1rem);
    color: var(--account-gray-500);
  }
  .c-form-input {
    --txt-font-size: 16;
    width: 100%;
    line-height: 1.5;
  }
  .c-form-item + .c-form-item {
    margin-top: calc(48 / var(--font-size) * 1rem);
  }
  .c-form-item__in {
  }
  .c-form__header {
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .c-form__title {
    display: flex;
    align-items: center;
    gap: calc(8 / var(--font-size) * 1rem);
  }
  .c-form__title .c-ico-required{
    background: #EF2525;
    max-height: calc(32 / var(--font-size) * 1rem);
    display: grid;
    align-items: center;
    padding: calc(4 / var(--font-size) * 1rem) calc(12 / var(--font-size) * 1rem) calc(5 / var(--font-size) * 1rem);
    border-radius: 99px;
  }
  .c-ico-required-label {
    display: inline-block;
    font-size: calc(11 / var(--font-size) * 1rem);
    line-height: 1;
    color: var(--white-color);
  }
  .c-form-input label {
    font-size: calc(var(--txt-font-size) / var(--font-size) * 1rem);
  }
  .c-form__body {
    width: 100%;
  }
  .c-form-input__unit {
    width: 100%;
  }
  .c-form-input__unit + .c-form-input__unit {
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .c-form-input__unit .c-form-input {
    display: flex;
    align-items: center;
    gap: calc(8 / var(--font-size) * 1rem);
  }
  .c-form-input__unit .c-form-input .c-form-name-label {
    min-width: calc(48 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .c-form-input__unit .c-form-input input.p-postal-code {
    max-width: calc(180 / var(--font-size) * 1rem);
  }
  .c-form__header .c-form__title {
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.4;
  }
  .c-form-input__note {
    margin-top: calc(4 / var(--font-size) * 1rem);
  }
  .c-form-input__note .c-txt{
    --txt-font-size: 13;
  }
  .c-form-input__unit .c-form-cor-number {
    display: flex;
    flex-wrap: wrap;
    gap: calc(12 / var(--font-size) * 1rem);
  }
  .c-form-cor-number input {
    width: calc(170 / var(--font-size) * 1rem);
  }
  .c-form-cor-number .c-form__button {
    flex-shrink: 0;
  }
  .c-form-cor-number .c-form__button .c-btn {
    --btn-min-height: 43;
  }
  .c-form-cor-number .c-form__button .c-btn__body {
    padding: calc(6 / var(--font-size)* 1rem) calc(var(--btn-px) / var(--font-size)* 1rem) calc(10 / var(--font-size) * 1rem);
  }

  /* error */
  .c-form-item--error input,
  .c-form-item--error select,
  .c-form-item--error .c-form-check input[type='checkbox'] + .c-form-check__label::before {
    background-color: #FFEAEA;
    border-color: #FF0000;
  }
  .c-form-item--error .c-form-input__unit .c-form-name,
  .c-form-item--error .c-form-input__unit .c-form-name-kana {
    display: grid;
    grid-template-columns: calc(48 / var(--font-size) * 1rem) 1fr;
    row-gap: 0;
  }
  .c-form-item--error .c-form-input__unit .c-form-cor-number {
    max-width: calc(375 / var(--font-size) * 1rem);
    row-gap: 0;
  }
  .c-form-item--error .c-form-tel,
  .c-form-item--error .c-form-postcode,
  .c-form-item--error .c-form-input__unit .c-form-text {
    display: block;
  }
  .c-form-name .c-form-input__error,
  .c-form-name-kana .c-form-input__error {
    grid-column: 2;
    grid-row: 2;
  }
  .c-form-cor-number .c-form-input__error {
    order: 2;
  }

}

/* flow */
@media all and (min-width: 768px), print {
  .account-entry-flow {
    max-width: calc(830 / var(--font-size) * 1rem);
    margin: auto;
  }
  .account-entry-flow-list {
    display: flex;
    gap: calc(6 / var(--font-size) * 1rem);
    justify-content: center;
  }
  .account-entry-flow-list-item {
    border: calc(1 / var(--font-size) * 1rem) var(--gray-color-400) solid;
    width: calc((100% - calc(12 / var(--font-size) * 1rem)) / 6);
    opacity: 0.3;

    border-radius: calc(var(--box-radius) / var(--font-size) * 0.5rem);
  }
  .account-entry-home .account-entry-flow-list-item,
  .account-entry-email .account-entry-flow-list-item,
  .account-index .account-entry-flow-list-item{
    opacity: 1;
  }
  
  .account-entry-flow-list-item.--is-current {
    opacity: 1;
    background-color: var(--primary-color-100);
    border:none;
  }
  .account-entry-flow-list-item__in {
    padding: calc(6 / var(--font-size) * 1rem) calc(12 / var(--font-size) * 1rem) calc(9 / var(--font-size) * 1rem);
  }
  .account-entry-flow-list-item-head__label {
    text-align: center;
    font-weight: 700;
    line-height: 1.7;
    color: var(--gray-color-500);
  }
  .account-entry-flow-list-item.--is-current .account-entry-flow-list-item-head__label {
    color: var(--primary-color-500);
  }
  .account-entry-flow-list-item-content {
    margin-top: calc(2 / var(--font-size) * 1rem);
  }
  .account-entry-flow-list-item-content-txt {
    text-align: center;
    font-size: calc(12 / var(--font-size) * 1rem);
    font-weight: 500;
    line-height: 1.4;
  }
}
@media all and (max-width: 767px), print {
  .flow-sec .l-sec__in {
    padding: 0 calc(12 / var(--font-size) * 1rem);
  }
  .account-entry-flow {
    max-width: calc(400 / var(--font-size) * 1rem);
    margin: auto;
  }
  .account-entry-flow-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(6 / var(--font-size) * 1rem);
    justify-content: center;
  }
  .account-entry-flow-list-item {
    border: calc(1 / var(--font-size) * 1rem) var(--gray-color-400) solid;
    width: calc((100% - calc(24 / var(--font-size) * 1rem)) / 3);
    max-width: calc(108 / var(--font-size) * 1rem);
    opacity: 0.3;

    border-radius: calc(var(--box-radius) / var(--font-size) * 0.5rem);
  }
  .account-entry-home .account-entry-flow-list-item,
  .account-entry-email .account-entry-flow-list-item {
    opacity: 1;
  }
  
  .account-entry-flow-list-item.--is-current {
    opacity: 1;
    background-color: var(--primary-color-100);
    border:none;
  }
  .account-entry-flow-list-item__in {
    padding: calc(4 / var(--font-size) * 1rem) calc(6 / var(--font-size) * 1rem) calc(5 / var(--font-size) * 1rem);
  }
  .account-entry-flow-list-item-head__label {
    text-align: center;
    font-size: calc(13 / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.7;
    color: var(--gray-color-500);
  }
  .account-entry-flow-list-item.--is-current .account-entry-flow-list-item-head__label {
    color: var(--primary-color-500);
  }
  .account-entry-flow-list-item-content {
    margin-top: calc(2 / var(--font-size) * 1rem);
  }
  .account-entry-flow-list-item-content-txt {
    text-align: center;
    font-size: calc(11 / var(--font-size) * 1rem);
    font-weight: 500;
    line-height: 1.4;
  }
}


/*========================
  JOIN 
========================*/
@media all and (min-width: 768px), print {
  .email-input-unit__header {
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.4;
  }
  .email-input-unit__header + .email-input-unit__body {
    margin-top: calc(12 / var(--font-size) * 1rem);
  }
  .email-input-unit-input {
    position: relative;
    padding-bottom: calc(20 / var(--font-size) * 1rem)
  }
  .account-form__content + .account-form__content {
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .email-input-unit-item.c-form-item--error .c-form-input__error {
  }
}
@media all and (max-width: 767px), print {
  .email-input-unit__header {
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.4;
  }
  .email-input-unit__header + .email-input-unit__body {
    margin-top: calc(12 / var(--font-size) * 1rem);
  }
  .email-input-unit-input {
    position: relative;
    padding-bottom: calc(20 / var(--font-size) * 1rem)
  }
  .account-form__content + .account-form__content {
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .email-input-unit-item.c-form-item--error .c-form-input__error {
  }
}

/* account index */
@media all and (min-width: 768px), print {
  .account-index .l-sec-wrap {
    padding-top: calc(64 / var(--font-size) * 1rem);
  }
  .account-index .l-block__content + .l-block__content{
    margin-top: calc(64 / var(--font-size) * 1rem);
  }
  .account-index .l-sec-wrap .l-block__content + .l-block__content{
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  /* flow */
  .account-index .account-entry-flow {
    max-width: calc(880 / var(--font-size) * 1rem);
    margin: auto;
  }
  .account-index .account-entry-flow-list {
    flex-direction: column;
    display: flex;
    gap: calc(32 / var(--font-size) * 1rem);
    justify-content: center;
  }
  .account-index .account-entry-flow-list-item {
    border: none;
    width: 100%;
    opacity: 1;
  }
  .account-index .account-entry-flow-list-item__in {
    display: flex;
    background-color: var(--white-color);
    padding: calc(20 / var(--font-size) * 1rem) calc(28 / var(--font-size) * 1rem);
    border-radius: calc(var(--box-radius) / var(--font-size) * 1rem);
    gap: calc(24 / var(--font-size) * 1rem);
    align-items: center;
  }
  .account-index .account-entry-flow-list-item-ico {
    background-color: var(--primary-color-100);
    border: calc(1 / var(--font-size) * 1rem) var(--gray-color-400) solid;
    border: none;
    border-radius: calc(var(--box-radius) / var(--font-size) * 1rem);
    width: calc(136 / var(--font-size) * 1rem);
  }
  .account-index .account-entry-flow-list-item-ico__in {
    padding: calc(6 / var(--font-size) * 1rem) calc(12 / var(--font-size) * 1rem) calc(9 / var(--font-size) * 1rem);
  }
  .account-index .account-entry-flow-list-item-head__label {
    font-size: calc(18 / var(--font-size) * 1rem);
    color: var(--primary-color-500);
  }
  .account-index .account-entry-flow-list-item-content-txt {
    font-size: calc(14 / var(--font-size) * 1rem);
    font-weight: 700;
  }
  .account-index .account-entry-flow-list-item-lead {
    width: calc((100% - calc(136 / var(--font-size) * 1rem) - calc(16 / var(--font-size) * 1rem)));
  }
  .account-index .account-entry-flow-list-item-lead__label {
    font-size: calc(14 / var(--font-size) * 1rem);
    line-height: 1.8;
  }

  .account-index-button .c-btn-list__item {
    min-width: calc(320 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px), print {
  .account-index .l-sec-wrap {
    padding-top: calc(64 / var(--font-size) * 1rem);
  }
  .account-index .l-block__content + .l-block__content{
    margin-top: calc(64 / var(--font-size) * 1rem);
  }
  .account-index .l-sec-wrap .l-block__content + .l-block__content{
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .account-index .account-entry-flow {
    margin: auto;
    max-width: calc(600 / var(--font-size) * 1rem);
  }
  .account-index .account-entry-flow-list {
    flex-direction: column;
    display: flex;
    gap: calc(40 / var(--font-size) * 1rem);
    justify-content: center;
  }
  .account-index .account-entry-flow-list-item {
    border: none;
    width: 100%;
    max-width: 100%;
    opacity: 1;
  }
  .account-index .account-entry-flow-list-item__in {
    background-color: var(--white-color);
    padding: calc(20 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem);
    border-radius: calc(var(--box-radius) / var(--font-size) * 1rem);
    gap: calc(24 / var(--font-size) * 1rem);
  }
  .account-index .account-entry-flow-list-item-ico {
    width: fit-content;
    background-color: var(--primary-color-100);
    border: calc(1 / var(--font-size) * 1rem) var(--gray-color-400) solid;
    border: none;
    border-radius: calc(var(--box-radius) / var(--font-size) * 1rem);
    margin-bottom: calc(10 / var(--font-size) * 1rem);
  }
  .account-index .account-entry-flow-list-item-ico__in {
    display: flex;
    align-items: center;
    gap: calc(10 / var(--font-size) * 1rem);
    padding: calc(5 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem) calc(7 / var(--font-size) * 1rem);
  }
  .account-index .account-entry-flow-list-item-head__label {
    font-size: calc(18 / var(--font-size) * 1rem);
    color: var(--primary-color-500);
  }
  .account-index .account-entry-flow-list-item-content {
    margin-top: 0;
  }
  .account-index .account-entry-flow-list-item-content-txt {
    font-size: calc(14 / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: calc(30 / var(--font-size) * 1rem);
  }
  .account-index .account-entry-flow-list-item-lead {}
  .account-index .account-entry-flow-list-item-lead__in {}
  .account-index .account-entry-flow-list-item-lead__label {
    font-size: calc(14 / var(--font-size) * 1rem);
    line-height: 1.8;
  }
  .account-index-button .c-btn-list__item {
    min-width: calc(320 / var(--font-size) * 1rem);
  }
}

/* home */
@media all and (min-width: 768px), print {
  .account-entry-home .l-page{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: calc(60 / var(--font-size) * 1rem);
    padding-bottom: calc(100 / var(--font-size) * 1rem);
  }
  .account-entry-home-sec__in{
    max-width: calc(860 / var(--font-size)* 1rem);
    padding: 0;
  }
  .account-entry-home__header{
    margin-bottom: calc(17 / var(--font-size) * 1rem);
    background-color: var(--white-color);
  }
  .privacy-block__header {
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .privacy-block {
    border: calc(1 / var(--font-size) * 1rem) solid var(--black-color);
    max-height: calc(310 / var(--font-size) * 1rem);
    overflow-y: scroll;

    border-radius: calc(var(--box-radius) / var(--font-size) * 1rem);
  }
  .privacy-block__in {
    padding: calc(18 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  .privacy-block-head {
    margin-bottom: calc(28 / var(--font-size) * 1rem);
  }
  .privacy-paragraph + .privacy-paragraph {
    margin-top: calc(28 / var(--font-size) * 1rem);
  }
  .privacy-paragraph .c-txt {
    line-height: 1.7;
  }
  .privacy-agree-block {
    margin-top: calc(30 / var(--font-size) * 1rem);
  }
  .privacy-agree-check {
    margin-top: calc(50 / var(--font-size) * 1rem);
    text-align: center;
  }
  .account-entry-home .privacy-agree-check {
    margin-top: 0;
  }
}
@media all and (max-width: 767px), print {
  .account-entry-home .l-page{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: calc(60 / var(--font-size) * 1rem);
    padding-bottom: calc(100 / var(--font-size) * 1rem);
  }
  .account-entry-home-sec__in{
  }
  .account-entry-home__header{
    margin-bottom: calc(17 / var(--font-size) * 1rem);
    background-color: var(--white-color);
  }
  .privacy-block__header {
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .privacy-block {
    border: calc(1 / var(--font-size) * 1rem) solid var(--black-color);
    max-height: calc(310 / var(--font-size) * 1rem);
    overflow-y: scroll;
    border-radius: calc(var(--box-radius) / var(--font-size) * 1rem);
  }
  .privacy-block__in {
    padding: calc(18 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  .privacy-block-head {
    margin-bottom: calc(28 / var(--font-size) * 1rem);
  }
  .privacy-paragraph + .privacy-paragraph {
    margin-top: calc(28 / var(--font-size) * 1rem);
  }
  .privacy-paragraph .c-txt {
    line-height: 1.7;
  }
  .privacy-agree-block {
    margin-top: calc(30 / var(--font-size) * 1rem);
  }
  .privacy-agree-check {
    margin-top: calc(50 / var(--font-size) * 1rem);
    text-align: center;
  }
  .account-entry-home .privacy-agree-check {
    margin-top: 0;
  }
}

/* mail */
@media all and (min-width: 768px), print {
  .account-entry-email-sec {
    max-width: calc(620 / var(--font-size) * 1rem);
    margin: auto;
  }
  .account-entry-email-sec .l-block__header {
    margin-bottom: calc(40 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec .c-note {
    margin-top: calc(10 / var(--font-size) * 1rem);
    --note-txt-font-size: 13;
  }
  .account-entry-email-sec .email-input {
    max-width: calc(420 / var(--font-size) * 1rem);
    margin: calc(60 / var(--font-size) * 1rem) auto;
  }
  .account-entry-email-sec .email-input-unit + .email-input-unit {
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec .c-form__header {
  }
  /* mail send */
  .account-entry-email-sec.box-sec {
    max-width: calc(780 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec.box-sec .c-note {
    margin-top: 0;
    --note-txt-font-size: 13;
  }
  .account-entry-email-sec.box-sec .c-note-txt + .c-note-txt {
    margin-top: calc(20 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec.box-sec .c-link-btn-ico {
    width: calc(14 / var(--font-size) * 1rem);
    height: calc(14 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec.box-sec .c-link-btn__in {
    gap: calc(2 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec.box-sec .account-entry-email__content + .account-entry-email__content {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec.box-sec .account-entry-email__content .c-txt {
    --txt-font-size: 13;
  }
  .account-entry-email-sec.box-sec .account-entry-email__content .c-list {
    --list-font-size: 13;
  }
  .account-entry-email-sec.box-sec:has(.account-entry-email__content.--bg-white) .box-sec__in{
    padding-bottom: calc(48 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec.box-sec .account-entry-email__content.--bg-white {
    background-color: #fff;
    padding: calc(12 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem);
    border-radius: calc(8 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px), print {
  .account-entry-email-sec {
    margin: auto;
  }
  .account-entry-email-sec .l-block__header {
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec .l-block__content {
    max-width: calc(320 / var(--font-size) * 1rem);
    margin: auto;
  }
  .account-entry-email-sec .c-note {
    margin-top: calc(10 / var(--font-size) * 1rem);
    --note-txt-font-size: 13;
  }
  .account-entry-email-sec .email-input {
    max-width: calc(320 / var(--font-size) * 1rem);
    margin: calc(60 / var(--font-size) * 1rem) auto;
  }
  .account-entry-email-sec .email-input-unit + .email-input-unit {
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec .c-form__header {
  }
  /* mail send */
  .account-entry-email-sec.box-sec {
    max-width: calc(320 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec.box-sec .c-note {
    margin-top: 0;
    --note-txt-font-size: 13;
  }
  .account-entry-email-sec.box-sec .c-note-txt + .c-note-txt {
    margin-top: calc(20 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec.box-sec .c-link-btn-ico {
    width: calc(14 / var(--font-size) * 1rem);
    height: calc(14 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec.box-sec .c-link-btn__in {
    gap: calc(2 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec.box-sec .account-entry-email__content + .account-entry-email__content {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec.box-sec .account-entry-email__content .c-txt {
    --txt-font-size: 13;
  }
  .account-entry-email-sec.box-sec .account-entry-email__content .c-list {
    --list-font-size: 13;
  }
  .account-entry-email-sec.box-sec:has(.account-entry-email__content.--bg-white) .box-sec__in{
    padding-bottom: calc(42 / var(--font-size) * 1rem);
  }
  .account-entry-email-sec.box-sec .account-entry-email__content.--bg-white {
    background-color: #fff;
    padding: calc(12 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem);
    border-radius: calc(8 / var(--font-size) * 1rem);
  }
}
/* エラーページ */
.account-error .l-page {
  padding-top: calc(120 / var(--font-size) * 1rem);
}
.account-error .error-message {
  margin-top: calc(24 / var(--font-size) * 1rem);
}