/*==================================================
 * BASIC
 *================================================*/


/* *** PC *** */
@media screen and (max-width: 1024px) { }

/* *** タブレット縦 *** */
@media screen and (max-width: 896px) { }

/* *** スマホ縦 *** */
@media screen and (max-width: 480px) { }

/* *** スマホ横のみ *** */
@media screen and (max-width: 896px) and (orientation: landscape){ }


/* ***containerサイズ設定*** */

@media (min-width: 992px) {
  .container {
    max-width: 900px;
  }
}

/*高さを合わせる*/
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.inner-box {
    height: 100%;
}

a{
  text-decoration:none;
}

a img{
  transition:0.3s;
}

a:hover img{
  transform:scale(1.05);
}

/*PCの場合*/
.pc	{ display:inline!important; }
.mb	{ display:none!important; }
@media screen and (max-width: 768px) {
/*タブレット、スマホの場合*/
.pc	{ display:none!important; }
.mb { display:inline!important; }
}


/* ***フォント*** */

@import url('https://fonts.googleapis.com/css?family=Cantata+One&display=swap');

body {
    /* 明朝体 */
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    line-height: 1.8;
    font-weight: 500;
}

/* ***見出し*** */
h2.midashi-m {
  border-bottom: solid 3px #CEB47D;
  position: relative;
	font-size: 1.4em;
	padding-bottom:3px;
}

h2.midashi-m:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #C4AA74;
  bottom: -3px;
  width: 30%;
	padding-bottom:3px;
}

/* ***見出しsm*** */
h2.midashi-s {
  border-bottom: solid 3px #CEB47D;
  position: relative;
	font-size: 1.2em;
	padding-bottom:3px;
}

h2.midashi-s:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #C4AA74;
  bottom: -3px;
  width: 30%;
	padding-bottom:3px;
}

/* ***リンク色*** */
a {
  text-decoration: none;
	color: #EC804E; 
}
a:link { color: #DD4600; }
a:hover { color: #E99E7B; }


.mintyo {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* ***ヘッダー*** */

.header-nav{
  background:#fff;
  border-bottom:1px solid #eee;
	font-size: clamp(16px, 3vw, 16px);
}

.navbar-nav .nav-link{
  padding:0 12px;
  font-weight:400;
  color:#333;
	font-size: clamp(16px, 3vw, 16px);
	border:none;
	text-decoration: none;
}
.nav-item{
	padding:0 12px;
  	font-weight:400;
  	color:#333;
	font-size: clamp(16px, 3vw, 16px);
}
/* hoverのみ */
.navbar-nav .nav-link:hover{
  color:#DD4600;
}

/* Bootstrapのデフォルト三角を消す */
.dropdown-toggle::after{
  display:none;
}

/* 下向き三角 */
.has-submenu > .nav-link::after{
  content:"▼";
  font-size:9px;
  display:block;
  text-align:center;
  margin-top:-6px;
}

.dropdown-menu{
  border:none;
}

.navbar .dropdown-menu{
  left:50%;
  transform:translateX(-50%);
}

.dropdown-item{
	font-size:14px;
}

.cover-bg{
	background-image: url("./file/box/assets/img/cover-bg.png");
	background-size: cover;        /* 画面いっぱいに表示 */
	background-position: left;   /* 中央配置 */
	background-repeat: no-repeat;
	height: 300px;                 /* 高さ調整 */
}

.user-bg{
	background-image:url("./file/box/assets/img/user_bg.png");
	background-size: cover;        /* 画面いっぱいに表示 */
	background-position: left;   /* 中央配置 */
	background-repeat: no-repeat;
	height: 144px;                 /* 高さ調整 */
}

.user_ttl{
	color:#3F2A00;
}

/* ***フォーム*** */
input[type="text"] ,input[type="password"]{
    width: 100%;
    padding: 4px 10px 4px 10px;;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
	background-color: #ffffff;
}

.mod-form button{
width: 100%;
  padding: 14px;
  background: #464646;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  transition: 0.3s;
  cursor: pointer;
}

.mod-form button:hover {
  background: #727272;
  transform: translateY(-2px);
}

.form_ttl {
  font-size: 0.9rem;
	font-weight: 600;
  -webkit-margin-after: 13px;
          margin-block-end: 13px;
	padding-bottom:0;
	margin-bottom: 0;
}

.form__item {
  display: block;
  font-size: 0.875rem;
  -webkit-margin-after: 13px;
          margin-block-end: 13px;
	padding-bottom:0;
	margin-bottom: 0;
}

/* ***登録ボタン*** */
.register__btn {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  gap: 20px;
}
.register__btn .btn {
  width: 250px;
  height: 36px;
	border-radius: 100px;
	background: #464646;
    color: #FFF;
    text-decoration: none;
	border:none;
}

.register__btn .btn--input input {
  width: 250px;
  height: 36px;
	border-radius: 100px;
	background: #464646;
    color: #FFF;
    text-decoration: none;
	border:none;
}

.register__btn .btn--input input:hover {
	background: #686767;
}

/* ***確認ボタン*** */
.registercf__btn {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  gap: 20px;
}
.registercf__btn .btn {
  width: 160px;
  height: 36px;
	border-radius: 100px;
	background: #464646;
    color: #FFF;
    text-decoration: none;
	border:none;
}

.registercf__btn .btncf--input input {
  width: 160px;
  height: 36px;
	border-radius: 100px;
	background: #464646;
    color: #FFF;
    text-decoration: none;
	border:none;
}

.registercf__btn .btncf--input input:hover {
	background: #686767;
}

@media screen and (max-width: 480px) {
  .registercf__btn {
    margin: 40px 0 120px 0;
  }
  .registercf__btn .btn {
    width: 160px;
    height: 36px;
  }
  .registercf__btn .btncf--input input {
    width: 160px;
    height: 36px;
  }
}


/* ***USER TOP*** */
.user_info{
	background: #EDEDED;
}

.f12{
	font-size:12px;
}

ul.news-column li{
	font-size: clamp(12px, 3vw, 14px);
}

.custom-border{
  border-color:#C4AA74 !important;
}

/* ***見出し*** */
h3.mduline {
  position: relative;
  display: inline-block;
  margin-bottom: 0.8em;
	font-size: clamp(14px, 3vw, 18px);
	font-weight: 600;
}
h3.mduline:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 30px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #C4AA74;
  border-radius: 2px;
}

p.basictxt{
	font-size: clamp(12px, 3vw, 14px);
	line-height: 140%;
}

/* ***パスワード再設定*** */
.password-forget__form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 480px) {
  .password-forget__form {
    display: block;
  }
}
.password-forget__name {
  font-size: 0.9375rem;
  flex-shrink: 0;
  width: auto;
}
@media screen and (max-width: 480px) {
  .password-forget__name {
    margin-bottom: 10px;
  }
}
.password-forget__input {
  flex: 1;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.password-forget__input input {
  width: 100%;
  padding: 3px 6px;
}


.pager ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
}
.pager ul li {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 0.875rem;
}
.pager ul li a,
.pager ul li span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #212121;
  color: #ffffff;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid;
  border-color: transparent;
}
.pager ul li span {
  background-color: #524D4D;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .pager ul {
    gap: 3px;
  }
  .pager ul li {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 0.75rem;
  }
  .pager ul a,
.pager ul span {
    border-radius: 3px;
  }
}

.info-detail__btn {
  text-align: center;
  margin-top: 80px;
}
.info-detail__btn .btn {
  margin-inline: auto;
  width: 110px;
  height: 40px;
}
@media screen and (max-width: 768px) {
  .info-detail__btn {
    margin-top: 40px;
  }
  .info-detail__btn .btn {
    height: 36px;
  }
}

.user-info__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  -webkit-margin-before: 50px;
          margin-block-start: 50px;
}

/* ***リンク色*** */
.infoex a {
  color: #FFFFFF; 
}
.infoex a:hover { color: #E0E0E0; }

/* ***ユーザー編集*** */
.user-edit-input__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  -webkit-margin-before: 50px;
          margin-block-start: 50px;
}
.user-edit-input__btn .btn {
  width: 130px;
  height: 40px;
}
.user-edit-input__btn .btn--input input {
  width: 130px;
  height: 40px;
}
@media screen and (max-width: 480px) {
  .user-edit-input__btn .btn {
    width: 120px;
    height: 36px;
  }
  .user-edit-input__btn .btn--input input {
    width: 120px;
    height: 36px;
  }
}
.user-edit-input__input {
  -webkit-margin-after: 25px;
          margin-block-end: 25px;
}
.user-edit-input__input:last-child {
  -webkit-margin-after: 0px;
          margin-block-end: 0px;
}
.user-edit-input__select {
  width: 100%;
  max-width: none;
}
.user-edit-input__select select {
  width: 100%;
  max-width: none;
  font-size: 0.9375rem;
}

.user-edit-check__wrapper {
  width: 100%;
  background-color: #fff;
  padding-block: 70px;
  -webkit-margin-before: 18px;
          margin-block-start: 18px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .user-edit-check__wrapper {
    -webkit-margin-before: 12px;
            margin-block-start: 12px;
    padding-block: 50px;
  }
}
.user-edit-check__title {
  -webkit-margin-after: 50px;
          margin-block-end: 50px;
}
@media screen and (max-width: 768px) {
  .user-edit-check__title {
    -webkit-margin-after: 40px;
            margin-block-end: 40px;
  }
}

.select__wrapper {
  position: relative;
  height: 40px;
  width: 100%;
}
.select__wrapper select {
  width: 100%;
  height: auto;
  outline: none;
  border: 1px solid #E5E5E5;
  padding: 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  font-size: 1rem;
}
.select__wrapper select:focus {
  outline: 1px solid #4B4B4B;
}

.select__wrapper::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: 3%;
  width: 20px;
  height: 20px;
  background-image: url(../image/front/icon/arrow.svg);
  background-repeat: no-repeat;
  transform: translate(0, -50%) rotate(90deg);
  pointer-events: none;
}

.user-edit-input__select {
  width: 100%;
  max-width: none;
}
.user-edit-input__select select {
  width: 100%;
  max-width: none;
  font-size: 0.9375rem;
}

.form__input {
  position: relative;
}
.form__input input[type=text] {
  padding: 10px 8px;
  width: 100%;
  border-radius: 5px;
  background-color: #fff;
  font-size: 1rem;
}
.form__input input[type=text]:focus {
  background-color: #F3F8FA;
}
.form__input input[type=text].error {
  border: 1px solid #D41E1E;
  background-color: #FFF8F8;
}
.form__input input[type=text]::-moz-placeholder {
  color: #949494;
}
.form__input input[type=text]::placeholder {
  color: #949494;
}

.table-confirm {
  display: grid;
  grid-template-columns: auto 1fr;
  border-top: 1px solid #E5E5E5;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .table-confirm {
    display: block;
  }
  .table-confirm__name {
    border-bottom: none;
    padding-inline: 13px;
    padding-block: 10px 5px;
  }
  .table-confirm__content {
    padding-inline: 13px;
    padding-block: 0px 10px;
  }
}
.table-confirm__name, .table-confirm__content {
  padding: 18px;
  border-bottom: 1px solid #E5E5E5;
  max-width: 325px;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .table-confirm__name, .table-confirm__content {
    padding: 18px 0;
    max-width: none;
  }
}
.table-confirm__name {
  padding-inline: 30px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .table-confirm__name {
    padding-inline: 0px;
  }
}
.table-confirm__user_number_list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.smltbl{
	font-size: clamp(14px, 3vw, 14px);
}

.fs14{
	font-size: clamp(14px, 3vw, 14px);
}


/* ***修正ボタン*** */
.correction__btn {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  gap: 20px;
}
.correction__btn .btn {
  width: 180px;
  height: 36px;
	border-radius: 100px;
	background: #464646;
    color: #FFF;
    text-decoration: none;
	border:none;
}

.correction__btn .btn--input input {
  width: 180px;
  height: 36px;
	border-radius: 100px;
	background: #464646;
    color: #FFF;
    text-decoration: none;
	border:none;
}

.correction__btn .btn--input input:hover {
	background: #686767;
}

.user-edit-check__btnre {
  display: flex;
	justify-content: center; 
  gap: 10px;
}

.user-edit-check__btnre label {
  display: flex;
  justify-content: center;
	 gap: 18px;
}

.user-edit-check__btnre input {
  width: 180px;
  padding: 8px;
  border-radius: 100px;
  border: none;
  cursor: pointer;
}

/* メインボタン */
.custom-color__input--mainre input {4
  background-color: #464646;
  color: #fff;
}

/* サブボタン */
.btn--inputre input {
  background-color: #464646;
	color: #fff;
}

.user-edit-check__btnre .btn--inputre:hover {
  opacity: 0.8;
}

/* ***会員名簿一覧*** */

.mntablw{
	font-size:12px;
}

.usname{
	font-size:10px;
}

/* ページャー全体 */
.pager{
  text-align:center;
  margin:40px 0;
}

/* list */
.pager-list{
  list-style:none;
  padding:0;
  margin:0;
  display:inline-flex;
  gap:8px;
}

/* リンク */
.pager-list li a{

  display:flex;
  align-items:center;
  justify-content:center;

  width:40px;
  height:40px;

  font-size:14px;
  color:#333;
  text-decoration:none;

  border:1px solid #ddd;
  border-radius:6px;

  background:#fff;

  transition:all .25s ease;
}

/* hover */
.pager-list li a:hover{
  background:#8A8A8A;
  color:#fff;
  border-color:#8A8A8A;
}

/* 現在ページ */
.pager-list li.active a{
  background:#8A8A8A;
  color:#fff;
  border-color:#8A8A8A;
  font-weight:bold;
}

/* 現在ページ */
.pager-list li.active a{

  background:#8A8A8A;
  color:#fff;
  border-color:#8A8A8A;

  font-weight:bold;
}

/* 無効 */
.pager-list li.disabled a{

  color:#aaa;
  pointer-events:none;
  border-color:#eee;

}

/* 検索フォーム */
      .search-box {
        background: var(--surface);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 24px;
        margin-bottom: 24px;
        box-shadow: var(--shadow);
      }
 
      .search-fields {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        align-items: flex-end;
      }
 
      /* ラジオボタングループ */
      .radio-group {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
 
      .radio-group label {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 7px 14px;
        border: 1px solid var(--border);
        border-radius: 20px;
        font-size: 13px;
        color: var(--text-secondary);
        cursor: pointer;
        transition: border-color 0.15s, color 0.15s, background 0.15s;
        white-space: nowrap;
      }
 
      .radio-group label:hover {
        border-color: var(--accent);
        color: var(--accent);
      }
 
      .radio-group input[type="radio"] {
        display: none;
      }
 
      .radio-group input[type="radio"]:checked + span {
        /* checked状態はlabel全体で対応 */
      }
 
      /* checked状態のlabelスタイル（JSで付与） */
      .radio-group label.is-checked {
        background: var(--accent);
        border-color: var(--accent);
        color: #fff;
      }
 
      /* セレクト */
      .search-select {
        appearance: none;
        background: var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b6560' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 6px 36px 6px 14px;
        font-size: 14px;
        color: var(--text-primary);
        cursor: pointer;
        transition: border-color 0.15s;
        min-width: 160px;
      }
 
      .search-select:focus {
        outline: none;
        border-color: var(--accent);
        box-shadow: 0 0 0 3px rgba(37,99,235,0.1);
      }
 
      /* テキスト入力 */
      .search-input {
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 12px 14px;
        font-size: 14px;
        color: var(--text-primary);
        transition: border-color 0.15s;
        flex: 1;
        min-width: 180px;
      }
 
      .search-input::placeholder { color: #bbb; }
 
      .search-input:focus {
        outline: none;
        border-color: var(--accent);
        box-shadow: 0 0 0 3px rgba(37,99,235,0.1);
      }
 
      /* ボタン群 */
      .search-actions {
        display: flex;
        gap: 8px;
        align-items: center;
        flex-shrink: 0;
      }
 
      .btn-search {
        background: var(--accent);
        color: #fff;
		background: #C46D3F;
        border: none;
        border-radius: var(--radius);
        padding: 9px 20px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.15s;
        white-space: nowrap;
      }
 
      .btn-search:hover { background: var(--accent-hover); }
 
      .btn-reset {
        background: transparent;
        color: var(--reset);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 9px 16px;
        font-size: 13px;
        cursor: pointer;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        transition: color 0.15s, border-color 0.15s;
        white-space: nowrap;
      }
 
      .btn-reset:hover {
        color: var(--reset-hover);
        border-color: var(--reset-hover);
      }
 
      /* 件数 */
      .result-meta {
        font-size: 13px;
        color: var(--text-secondary);
        margin-bottom: 16px;
      }
 
      .result-meta strong {
        color: var(--text-primary);
        font-size: 16px;
        font-weight: 700;
      }
 
      /* 一覧 */
      .item-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
      }


/* newsletter */
.issue-title{
  font-weight:600;
  color:#1d3e72;
}

input {
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  outline: none;
}
input:focus::-moz-placeholder {
  color: transparent;
}
input:focus::placeholder {
  color: transparent;
}
input::-moz-placeholder {
  color: #F8F8F8;
}
input::placeholder {
  color: #F8F8F8;
}
input[type=submit] {
  border: none;
}
input[type=button] {
  border: none;
}

.input-password .error__message {
  color: #D41E1E;
}
.input-password__inner {
  position: relative;
}
.input-password__inner input {
  padding: 10px;
  width: 100%;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  background-color: #fff;
  font-size: 1rem;
}
.input-password__inner input:focus {
  background-color: #F3F8FA;
}
.input-password__inner input.error {
  border: 1px solid #D41E1E;
  background-color: #FFF8F8;
}
.input-password__inner input::-moz-placeholder {
  color: #949494;
}
.input-password__inner input::placeholder {
  color: #949494;
}
.input-password__inner .eye {
  position: absolute;
  display: block;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-image: url(../image/front/icon/eye_off.svg);
}
.input-password__inner .eye input {
  display: none;
}
.input-password__inner .eye:has(input:checked) {
  background-image: url(../image/front/icon/eye.svg);
}


.error-page__container {
  margin: 117px auto 362px auto;
  max-width: 474px;
  width: 90%;
}
@media screen and (max-width: 480px) {
  .error-page__container {
    margin: 72px auto 120px auto;
  }
}
.error-page__description {
  margin: 50px 0px;
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 5px;
  width: 100%;
  font-size: 0.8125rem;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .error-page__description {
    font-size: 0.75rem;
    margin: 30px 0px;
  }
}
.error-page__btn {
  display: flex;
  justify-content: center;
}

.error__message {
  color: #D41E1E;
}
.error--server {
  background-color: #FFF8F8;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.error--server span {
  color: #D41E1E;
  font-size: 0.8125rem;
}
.error--server br {
  display: none;
}
@media screen and (max-width: 768px) {
  .error--server {
    width: 100%;
  }
  .error--server br {
    display: block;
  }
}

.password__container {
  margin: 60px auto 100px auto;
  max-width: 1250px;
  width: 90%;
}
@media screen and (max-width: 768px) {
  .password__container {
    margin: 10px auto 31px auto;
  }
}
.password__inner {
  -webkit-margin-before: 18px;
          margin-block-start: 18px;
  padding-block: 70px;
  width: 100%;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .password__inner {
    -webkit-margin-before: 12px;
            margin-block-start: 12px;
    padding-block: 50px;
  }
}
.password__body {
  width: 90%;
  margin-inline: auto;
  max-width: 500px;
}
.password__title {
  -webkit-margin-after: 50px;
          margin-block-end: 50px;
}
@media screen and (max-width: 768px) {
  .password__title {
    -webkit-margin-after: 40px;
            margin-block-end: 40px;
  }
}
.password__wrapper {
  font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
  .password__wrapper {
    font-size: 0.75rem;
  }
}
.password__grid {
  display: grid;
  grid-template-columns: auto auto 1fr;
  width: 90%;
  margin: 0 auto;
}
.password__grid .name {
  margin: 8px 10px 8px 0;
}
.password__grid .essential {
  margin: 8px 10px 8px 0;
  color: #D41E1E;
}
.password__grid .content input {
  width: 100%;
  padding: 8px 13px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E5E5E5;
}
@media screen and (max-width: 768px) {
  .password__grid {
    display: block;
    width: 100%;
  }
  .password__grid .name {
    display: inline-block;
  }
  .password__grid .essential {
    display: inline-block;
  }
  .password__grid .content {
    display: block;
  }
}
.password__description {
  margin-inline: auto;
  -webkit-margin-after: 40px;
          margin-block-end: 40px;
  text-align: center;
  font-size: 0.8125rem;
}
.password__description br {
  display: none;
}
@media screen and (max-width: 768px) {
  .password__description {
    -webkit-margin-after: 40px;
            margin-block-end: 40px;
  }
  .password__description br {
    display: block;
  }
}
.password__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  gap: 20px;
}
.password__btn .btn {
  width: 125px;
  height: 40px;
}
.password__btn .btn--input input {
  width: 125px;
  height: 40px;
}
@media screen and (max-width: 768px) {
  .password__btn {
    margin-bottom: 80px;
    gap: 10px;
  }
  .password__btn .btn {
    width: 120px;
    height: 36px;
  }
  .password__btn .btn--input input {
    width: 120px;
    height: 36px;
  }
}

.password-forget__container {
  margin: 115px auto 150px auto;
  max-width: 740px;
  width: 90%;
}
@media screen and (max-width: 1080px) {
  .password-forget__container {
    margin: 50px auto 120px auto;
  }
}
.password-forget__description {
  width: 100%;
  margin: 70px auto 50px auto;
  font-size: 0.9375rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .password-forget__description {
    margin: 40px auto;
    font-size: 0.875rem;
  }
}
.password-forget__form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 480px) {
  .password-forget__form {
    display: block;
  }
}
.password-forget__name {
  font-size: 0.9375rem;
  flex-shrink: 0;
  width: auto;
}
@media screen and (max-width: 480px) {
  .password-forget__name {
    margin-bottom: 10px;
  }
}
.password-forget__input {
  flex: 1;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.password-forget__input input {
  width: 100%;
  padding: 10px 8px;
}
.password-forget__btn {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}



/* ***フッター*** */

.footer-bg{
	background-color: #C46D3F;
	margin-top: 60px;
	
}


.copyright-txt{
	font-size:0.8em;
}