@charset "UTF-8";
/* CSS Document */

h1.title {
	font-size: 24px
}
h2.title {
	font-size: 20px;
	margin-top: 50px;
}
h3.title,
h3 {
	font-size: 18px
}
h4.title,
h4 {
	font-size: 16px
}
a {
	color: #0087f6;
}
/* ==========================================================================
 *  / #account　/　事業者向けアカウント開設
 * ========================================================================== */
.logo {
	text-align: center;
	margin-bottom: 20px;
}
.logo img {
	width: 150px;
}

#account-create.container {
	width: 98% !important;
	max-width: 600px !important;
	padding-top: 5%;
	min-width: inherit;
	margin: 0 auto;
}
#account-create .account-header {
	text-align: center;
	margin-bottom: 30px;
}
#account-create .account-header h2 {
  font-size: 30px;
  margin-bottom: 30px;
}
#account-create .account-header-lead {
	padding: 10px;
	border: solid 1px #114b96;
	background-color: #fff;
	border-radius: 5px;
	width: 60%;
	margin: 0 auto ;
}
#account-create .custom-select {
	border: solid 1px #666;
}
#account-create .membership {
	margin-bottom: 30px;
}
#account-create .membership div {
	font-weight: bold;
}
#account-create .membership img {
	vertical-align: middle;
	width: 30px;
	margin-right: 5px;
}
#account-create .checkbox {
	vertical-align: middle;
	border: 2px solid #0A2F60;
}
#account-create .checkbox:checked {
  background-color: #0A2F60;
}
@media screen and (min-width: 737px) {
	#account-create.container {
		width: 90% !important;
		max-width: 840px !important;
	}
}
#account-create.container .header h1.title {
	margin-bottom: 50px;
}
#account-create .account_nav {
	margin-bottom: 50px;
}
#account-create .account_nav ul li {
	width: 30%;
	list-style: none;
	border-bottom: solid 3px #ccc;
	font-weight: 500;
}
#account-create .account_nav ul li.on {
	border-bottom: solid 3px #0087f6;
	color: #0087f6;
	padding-bottom: 10px;
}
#account-create.container .box,
#account-create.container .box {
	padding: 6%;
	background-color: #fff;border-radius: 10px;
}
#account-create.container .box .terms {
	overflow: scroll;
	height: 400px;
	background-color: #fff;
	font-family: "M PLUS Rounded 1c", sans-serif;
	border: solid 1px #eee;
	padding: 20px;
}
#account-create-business .container .box .terms {
	height: 300px;
}
#account-create.container .box .terms > div {
	margin-bottom: 20px;
}
#account-create.container .box .terms h3 {
	background-color: #EEE;
	padding: 10px 15px;
	margin-bottom: 20px;
	border-radius: 6px;
	font-size: 18px;
	font-weight: 600;
}
#account-create.container .box .terms h4 {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 600;
	padding-left: 5px;
}
#account-create.container .box .terms p {
	padding-left: 5px;
}
#account-create.container .box .terms ul,
#account-create.container .box .terms ol{
	padding-left: 25px;
}
#account-create.container .box .terms dl dd {
	padding-left: 1em;
	text-indent: -1em;
}
#account-create.container .email_account {
  width: 100%;
}
#account-create.container .box button {
	font-size: 18px;
  font-weight: 500;
}

.fields {
	font-weight: 500;
}
a.button.back,
button.back {
	line-height: 35px;
}
#account-create .personal_icon_img {
  margin-right: 10px;
}
#account-create .personal_icon {
	padding-left: 0;
	text-align: left;
	margin-right: 10px;
}
#account-create .file__label {
  display: inline-block;
  margin-bottom: 5px;
  width: 120px;
  padding: 0.2em 0.5em;
}
.personal_icon input[type=checkbox] {
	width:			16px;
	height:			16px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
	margin-right: 5px;
}
/* 規約同意 */
.account-agree {
	padding: 20px;
}
.account-agree .policy-link {
	display: flex;
	justify-content: flex-start;
	list-style: none;
	gap: 5px;
	font-size: 14px;
	padding-left: 0;
}
@media screen and (max-width: 736px) {
	.account-agree label {
		display: initial;
	}
	.account-agree .policy-link {
		display: block;
	}
  #account-create .account_nav ul {
  	display: block !important;
    margin-bottom: 0 !important;
  }
  #account-create .account_nav ul li {
  	width: 100% !important;
    padding: 5px !important;
    border: none !important;
    margin-bottom: 3px;
    background-color: #edf2fb;
    border-radius: 5px;
  }
  #account-create .account_nav ul li.on {
    background-color: #0087f6;
    color: #fff;
  }
}
/* メール入力 */
.account-mail-input-lead {
	display: inline-block;
	color: #f60000;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 500;
}
/*====================================
  実証テスト案内
====================================*/
.account-test-info {
  margin: 0 0 30px;
  padding: 24px 28px;
  background: #fff;
  border: 2px solid #0A2F60;
  border-radius: 10px;
}

.account-test-info h3 {
  margin: 0 0 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.7;
}

.account-test-info .lead {
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}

.account-test-info .lead span,
.account-test-info ul li span {
  color: #e60012;
  font-weight: 500;
}

.account-test-info h4 {
  margin: 20px 0 10px;
  font-size: 16px;
  font-weight: 700;
}

.account-test-info ol,
.account-test-info ul {
  margin: 0 0 18px 0;
  padding-left: 1.5em;
}

.account-test-info li {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.8;
  list-style: none;
}

.account-test-info ol li {
  text-indent: -1.2em;
  background: #f6f6f6;
  padding: 2px 10px 2px 28px;
  border-radius: 5px;
  margin-left: -25px;
}

.account-test-info .note {
  margin-top: 15px;
  font-size: 13px;
  line-height: 1.7;
  color: #666;
}


/* =========================
   事業者登録フォーム内 共通
========================= */
.company-form-block {
  box-sizing: border-box;
  margin-bottom: 30px;
  padding-left: 15px;
}

.company-form-layout {
  display: flex;
  align-items: flex-start;
	flex-wrap: wrap;
  column-gap: 56px;
  row-gap: 16px;
}

.company-form-col--icon {
  width: 240px;
  flex-shrink: 0;
}

.company-form-col--comment {
  flex: 1;
  min-width: 0;
}

/* =========================
   見出し
========================= */
.form-heading {
  margin-bottom: 12px;
}

.form-heading__top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 2px;
}

.form-heading__title {
  margin: 0;
  font-weight: 700;
  line-height: 1.4;
  color: #222;
}

.form-heading__title span {
  font-size: 16px;
  font-weight: 400;
}

.form-heading__text {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: #333;
}
/* =========================
   担当者情報
========================= */

#account-create .manager-name-block {
  margin-bottom: 30px;
}

#account-create .manager-name-block__title {
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: #1d2340;
  padding-left: 15px;
}

#account-create .manager-name-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
  row-gap: 20px;
}

#account-create .manager-name-grid .entry-field {
  margin-bottom: 0;
}

#account-create .entry-field {
  margin-bottom: 30px;
}

#account-create .entry-field--last {
  margin-bottom: 50px;
}

#account-create .entry-label {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: #1d2340;
}

#account-create .entry-input-area {
  width: 100%;
}

#account-create .required,
#account-create .optional {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 4px;
  padding: 0 4px;
  border-radius: 6px;
  vertical-align: middle;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
	background: none;
	font-weight: bold;
}

#account-create .required {
	color: #FF5A36;
}

#account-create .optional {
  color: #666;
}

#account-create .form-action {
  display: flex;
  justify-content: space-between;
  gap: 48px;
}

#account-create .form-action__button {
  width: 100%;
  max-width: 340px;
  font-weight: 600;
}

/* スマホ */
@media screen and (max-width: 767px) {
  #account-create .manager-name-grid {
    grid-template-columns: 1fr;
    row-gap: 18px;
    column-gap: 0;
  }

  #account-create .entry-field {
    margin-bottom: 24px;
  }

  #account-create .entry-field--last {
    margin-bottom: 36px;
  }

  #account-create .form-action {
    flex-direction: column;
    gap: 16px;
  }

  #account-create .form-action__button {
    max-width: none;
  }
}
/* =========================
   アイコンアップロード
========================= */
.icon-upload {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: center;
}

.icon-drop-area {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto 15px;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
}

.icon-drop-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.icon-drop-area__text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 82px;
  transform: translate(-50%, -50%);
  font-size: 10px;
  line-height: 1.5;
  color: #333;
  z-index: 2;
  pointer-events: none;
}

.icon-drop-area.has-image .icon-drop-area__text {
  display: none;
}

.icon-drop-area.is-dragover {
  outline: 2px dashed #0a2f60;
  outline-offset: -6px;
  background: #f5f9ff;
}

#file_input {
  display: none;
}

.icon-upload__actions {
  width: 100%;
}

.icon-upload__delete-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  height: 28px;
  padding: 0 12px;
  background: #f3c700;
  border: none;
  border-radius: 2px;
  font-size: 12px !important;
  font-weight: 700;
  color: #222;
  cursor: pointer;
}

.icon-upload__note {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.6;
  color: #222;
  text-align: left;
}

/* =========================
   コメント欄
========================= */
.comment-box__textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  background: #fff;
  font-size: 14px;
  line-height: 1.5;
  color: #222;
  box-sizing: border-box;
  resize: vertical;
}

.comment-box__textarea:focus {
  outline: none;
  border-color: #999;
}

.comment-example {
  margin-top: 12px;
}

.comment-example__item {
  margin: 0 0 4px;
  font-size: 12px;
  line-height: 1.7;
  color: #222;
  text-indent: -1em;
  padding-left: 1em;
}
/*AIパネル*/
#account-create .comment-box .step_txt_btn_area button {
	font-size: 14px;
	margin-top: 5px;
}
#account-create .comment-box .ai-panel__inner button {
	font-size: 14px;
}

/* =========================
   レスポンシブ
========================= */
@media screen and (max-width: 767px) {
  .company-form-block {
    padding: 20px 16px;
  }

  .company-form-layout {
    flex-direction: column;
    gap: 28px;
  }

  .company-form-col--icon,
  .company-form-col--comment {
    width: 100%;
  }

  /* .icon-upload__preview {
    width: 110px;
    height: 110px;
  } */
}
.btn_area_flex {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
}
.btn_area_flex button {
	width: 100%;
}


/* =========================
   事業者情報の登録
========================= */

#account-create .company-entry-heading {
  margin: 40px 0 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #1d2340;
  border-left: solid 5px #1d2340;
  padding-left: 10px;
}
#account-create .company-entry-heading:first-child {
  margin-top: 0;
}

#account-create .company-entry-heading--section {
  margin-top: 44px;
}

#account-create .entry-field {
  margin-bottom: 30px;
  padding-left: 15px;
}

#account-create .entry-label {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: #1d2340;
}

#account-create dd.entry-input-area {
  width: 100%;
  margin-bottom: 5px;
}

#account-create .entry-input-area--narrow {
  max-width: 390px;
}

#account-create .entry-input-area--zip {
  max-width: 310px;
}

#account-create .form-input {
  width: 100%;
  height: 56px;
  padding: 0 16px;
  border: 1px solid #7f7f7f;
  border-radius: 6px;
  background: #fff;
  font-size: 18px;
  line-height: 1.4;
  color: #222;
  box-sizing: border-box;
}

#account-create .form-input:focus {
  outline: none;
  border-color: #0a2f60;
}

#account-create .confirm-row {
  display: flex;
  align-items: flex-start;
  margin: 0 0 0;
  padding-left: 15px;
}

#account-create .confirm-row--last {
  margin-bottom: 50px;
}

#account-create .confirm-label {
  width: 220px;
  flex-shrink: 0;
  font-weight: 500;
  line-height: 1.6;
  color: #1d2340;
}

#account-create .confirm-value {
  flex: 1;
  line-height: 1.6;
  color: #1d2340;
}

#account-create .confirm-text {
  display: inline-block;
}

#account-create .form-action {
  display: flex;
  justify-content: space-between;
  gap: 48px;
}
#account-create .form-action__button {
  width: 100%;
  max-width: 340px;
  font-weight: 500;
}
#account-create .form-action-single {
  display: block;
}
#account-create .form-action-single .form-action__button {
  width: 100%;
  max-width: none;
}

#account-create .fields {
  font-weight: inherit;
}

/* スマホ */
@media screen and (max-width: 767px) {
  #account-create .company-entry-heading {
    margin-bottom: 20px;
    font-size: 24px;
  }

  #account-create .company-entry-heading--section {
    margin-top: 34px;
  }

  #account-create .form-row {
    margin-bottom: 24px;
  }

  #account-create .form-label {
    font-size: 16px;
  }

  #account-create .form-input {
    height: 48px;
    font-size: 16px;
  }

  #account-create .form-note {
    font-size: 12px;
  }

  #account-create .confirm-row {
    flex-direction: column;
    gap: 4px;
  }

  #account-create .confirm-label {
    width: 100%;
    font-size: 16px;
  }

  #account-create .confirm-value {
    font-size: 16px;
  }

  #account-create .confirm-row--last {
    margin-bottom: 36px;
  }

  #account-create .form-action {
    flex-direction: column;
    gap: 16px;
  }

  #account-create .form-action__button {
    max-width: none;
  }
}
/* =========================
   事業者登録 確認画面
========================= */

#account-create .company-confirm-box {
  padding: 0;
}

#account-create .company-confirm-title {
  margin: 0 0 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  color: #1d2340;
}

#account-create .company-confirm-lead {
  margin: 0 0 34px;
  font-size: 15px;
  line-height: 1.8;
  color: #333;
}

#account-create .company-confirm-section {
  margin-top: 0;
}



#account-create .company-confirm-subheading {
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #1d2340;
}

#account-create .company-confirm-group {
  margin-bottom: 34px;
}

#account-create .company-confirm-group--staff {
  margin-top: 42px;
  margin-bottom: 50px;
}

#account-create .company-confirm-table {
  display: flex;
  align-items: flex-start;
  padding: 10px 0 10px 15px;
}

#account-create .company-confirm-table--head {
  padding: 0 0 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cfcfcf;
}

#account-create .company-confirm-table .entry-label {
  width: 280px;
  flex-shrink: 0;
  margin-bottom: 0;
  padding-right: 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.8;
  color: #1d2340;
  box-sizing: border-box;
}

#account-create .company-confirm-table .entry-input-area {
  flex: 1;
  width: auto;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.8;
  color: #1d2340;
  word-break: break-word;
  font-weight: normal;
}

#account-create .company-confirm-table--head .entry-label,
#account-create .company-confirm-table--head .entry-input-area {
  font-weight: 700;
}

#account-create .company-confirm-note {
  margin: 18px 0 0;
  font-size: 14px;
  line-height: 1.7;
  color: #333;
}

#account-create .company-confirm-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 48px;
  margin-top: 56px;
}

#account-create .form-action__button--back {
  max-width: 240px;
}

#account-create .form-action__button--submit {
  max-width: 420px;
}

/* =========================
   スマホ
========================= */
@media screen and (max-width: 767px) {
  #account-create .company-confirm-title {
    font-size: 24px;
  }

  #account-create .company-confirm-lead {
    margin-bottom: 26px;
    font-size: 14px;
  }

  #account-create .company-confirm-heading {
    font-size: 20px;
  }

  #account-create .company-confirm-subheading {
    font-size: 17px;
  }

  #account-create .company-confirm-table {
    flex-direction: column;
    gap: 4px;
    padding: 10px 0;
  }

  #account-create .company-confirm-table .entry-label {
    width: 100%;
    padding-right: 0;
    font-size: 15px;
    line-height: 1.7;
  }

  #account-create .company-confirm-table .entry-input-area {
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
  }

  #account-create .company-confirm-group--staff {
    margin-top: 30px;
    margin-bottom: 36px;
  }

  #account-create .company-confirm-action {
    flex-direction: column;
    gap: 16px;
    margin-top: 36px;
  }

  #account-create .form-action__button--back,
  #account-create .form-action__button--submit {
    max-width: none;
  }
}

/* =========================
   登録完了ページ
========================= */

#account-create .complete-box {
  padding: 0;
}

#account-create .complete-box__inner {
  max-width: 620px;
  padding: 10px 0 20px;
}

#account-create .complete-box__header {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 34px;
}

#account-create .complete-box__title {
  margin: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5;
  color: #1d2340;
}

#account-create .complete-box__icon {
  position: relative;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #f0b12c;
}

#account-create .complete-box__check {
  position: absolute;
  top: 48%;
  left: 50%;
  width: 22px;
  height: 12px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: translate(-50%, -58%) rotate(-45deg);
  box-sizing: border-box;
}

#account-create .complete-box__message {
  margin: 0 0 42px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.9;
  color: #1d2340;
}

#account-create .complete-box__action {
  margin-top: 0;
}

#account-create .complete-box__button {
  min-width: 240px;
  max-width: 320px;
  padding: 5px 15px;
  font-weight: 500;
}

/* スマホ */
@media screen and (max-width: 767px) {
  #account-create .complete-box__inner {
    max-width: none;
    padding: 0;
  }

  #account-create .complete-box__header {
    gap: 16px;
    margin-bottom: 24px;
  }

  #account-create .complete-box__title {
    font-size: 26px;
    line-height: 1.5;
  }

  #account-create .complete-box__icon {
    width: 46px;
    height: 46px;
  }

  #account-create .complete-box__check {
    width: 18px;
    height: 10px;
    border-left-width: 3px;
    border-bottom-width: 3px;
  }

  #account-create .complete-box__message {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 1.8;
  }

  #account-create .complete-box__button {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
}
/* =========================
   事業者ログイン
========================= */

#account-create .login-box {
  max-width: 520px;
  margin: 0 auto;
  padding: 0;
}

#account-create .login-box__title {
  margin: 0 0 28px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.4;
  color: #1d2340;
}

#account-create .login-box .entry-field {
  margin-bottom: 24px;
  padding-left: 0;
}

#account-create .login-box .entry-field--last {
  margin-bottom: 50px;
}

#account-create .login-box .entry-input-area {
  width: 100%;
}

#account-create .login-box .form_txt {
  width: 100%;
}

#account-create .login-box__action {
  margin-bottom: 24px;
}

#account-create .login-box__button {
  width: 100%;
  font-weight: 600;
}

#account-create .login-box__links {
  text-align: center;
}

#account-create .login-box__link {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #0087f6;
  text-decoration: none;
}

#account-create .login-box__link:hover {
  text-decoration: underline;
}

/* スマホ */

@media screen and (max-width: 767px) {

  #account-create .login-box {
    max-width: none;
  }

  #account-create .login-box__title {
    font-size: 22px;
  }

}

/* ==========================================================================
 *  / #request　/　事業者向けの資料ダウンロード
 * ========================================================================== */
#request.container {
	width: 1000px;
	padding-top: 40px;
}
/* ==========================================================================
 *  / #contact-create　/　お問い合わせフォーム
 * ========================================================================== */
#contact-create.container {
	width: 600px !important;
	min-width: inherit;
}
#contact-create.container .box {
	background-color: #eeead7;
}
#contact-create.container  input[type="file"] {
    display: none;
}
#contact-create.container .custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 12px;
    border-radius: 10px;
    background-color: #fff;
    cursor: pointer;
	width: 100%;
	text-align: center;
	font-size: 20px;
}
/* ==========================================================================
 *  / #mail_sent　/　事業者向けアカウント開設
 * ========================================================================== */
#mail_sent.container {
	width: 640px !important;
	min-width: inherit;
	padding: 100px 0;
}
#mail_sent.container img.logo {
	height: 40px;
	vertical-align: text-bottom;
}
#mail_sent.container .box {
	padding: 50px;
	background-color: #D9D9D9;
	border: solid 1px #666;
	border-radius: 10px;
}


/* ==========================================================================
 *  / 獲得代理店アカウント申請
 * ========================================================================== */
.column_half {
  width: 50%;
  float: left;
  margin-top: 0px;
}
.status-badge--required,
.required {
  font-size: 12px;
  color: #fff;
  background-color: #cf1a62;
  padding: 0 4px;
  border-radius: 6px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 4px;
  font-weight: normal;
  margin-left: 10px;
}
.status-badge--optional,
.optional {
  font-size: 12px;
  color: #fff;
  background-color: #b9b9b9;
  padding: 0 4px;
  border-radius: 6px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 4px;
  font-weight: normal;
  margin-left: 10px;
}
/* ==========================================================================
 *  / 資料請求
 * ========================================================================== */
#account-create.request,
#account-create.contact {
  width: 800px !important;
}
/* ==========================================================================
 *  / お問い合わせ
 * ========================================================================== */
 #account-create.contact .file__label {
  display: inline-block;
  margin-bottom: 5px;
  width: 200px;
  padding: 0.2em 0.5em;
  margin-right: 10px;
}
#account-create.contact .file__none {
  display: inline;
}
#account-create.contact .dragDropArea {
	background-color: #eee;
	border: solid 1px #666;
	border-radius: 5px;
	padding: 10px;
}
 
 
/* ==========================================================================
 *  / #footer
 * ========================================================================== */
#footer {
	padding: 10px;
	margin-top: 20px;
}
#footer .footer_menu {
	float: inherit;
}
#footer .footer_menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 24px;

  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}
#footer .footer_menu li {
	margin-right:0;
	font-size: 13px;
  white-space: nowrap;
}
#footer .copyright {
	font-size: 13px;
	text-align: center;
  float: initial;
  clear: both;
}

/* ==========================================================================
 * help アイコン
 * ========================================================================== */
 .btn-mouseover:hover + .mouseover__box {
    display: block;

}
.btn-mouseover {
    margin-bottom: 0px;
}
.mouseover__box:hover {
    display: block;
}

.mouseover__box {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    font-size: 13px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    }
.mouseover__box {
  top: 25px !important;
  border-radius: 10px;
  border: none !important;
  box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
}
.mouseover__box h5 {
	font-size: 15px;
}
.mouseover__box p {
	margin-bottom: 0;
}


/* ==========================================================================
 * photo_upload / 本人確認
 * ========================================================================== */

#id_verification .photo_upload .dragDropArea {
  width: 70%;
  margin: 0 auto;
}
.photo_upload .dragDropArea .photo {
  border: solid 2px #ccc;
  width: 100%;
  border-radius: 10px;
  min-height: 220px;
  height: auto;
  padding: 20px;
}

/*-ファイル選択-*/
#id_verification .file__label {
  display: block;
  width: min(60%, 350px);
}

.file__label:hover {
  opacity: 0.7;
}

input[type=file] {
  display: none;
}

.file__none {
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 0;
  word-break: break-all;
}
.photo_upload .dragDropArea #delete {
	margin: 5px auto;
	padding: 5px;
	width: 30%;
	font-size: 14px;
}

/* ==========================================================================
 *  / #terms　/　プライバシーポリシー・利用規約・特定商取引に基づく表記
 * ========================================================================== */
#terms.container {
	width: 98% !important;
	max-width: 600px !important;
	padding-top: 5%;
	min-width: inherit;
	margin: 0 auto;line-height: 1.6;
}
@media screen and (min-width: 737px) {
	#terms.container {
		width: 90% !important;
		max-width: 1000px !important;
	}
}
#terms.container .header h1.title {
	margin-bottom: 50px;
}
#terms.container .box {
	padding: 6%;
	background-color: #fff;border-radius: 10px;
}
#terms.container .box .terms > div {
	margin-bottom: 20px;
}
#terms.container .box .terms h2 {
	font-size: 22px;
	margin-top: 50px;
}
#terms.container .box .terms h2:first-child {
	margin-top: 0;
}
#terms.container .box .terms h3 {
	background-color: #EEE;
	padding: 10px 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 6px;
	font-size: 18px;
	font-weight: 600;
}
#terms.container .box .terms h4 {
	margin-bottom: 10px;
	font-size: 1rem;
	font-weight: 600;
	padding-left: 5px;
}
#terms.container .box .terms p {
	padding-left: 5px;
	margin-bottom: 10px;
	font-weight: normal;
}
#terms.container .box .terms ul,
#terms.container .box .terms ol{
	padding-left: 25px;
}
/* 項番号：直下のliだけをカウント */
#terms.container .box .terms .terms-item-list {
  counter-reset: terms-item;
  list-style: none;
  padding-left: 5px;
}

#terms.container .box .terms .terms-item-list > li {
  counter-increment: terms-item;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}

#terms.container .box .terms .terms-item-list > li::before {
  content: counter(terms-item) ".";
  position: absolute;
  left: 0;
  top: 0;
}

/**/
#terms.container .box .terms .privacy2 ol > li {
	margin-bottom: 20px;
}

#terms.container .box .terms ol li ol {
  list-style: none;
  counter-reset: number;
}
#terms.container .box .terms .number {
	counter-reset: number1;
}
#terms.container .box .terms .number > li{
	list-style-type: none;
  position: relative;
  padding-left: 2em;
  counter-increment: number1;
}
#terms.container .box .terms .number > li::before {
  content: '（' counter(number1, number) '）';
  position: absolute;
  left: 0;
}
#terms.container .box .terms ol li > ul.disk {
  margin-bottom: 10px;
}
#terms.container .box .terms ol li > ul.disk li {
  list-style: disc;
  margin-left: 1em;
}

#terms.container .box .terms ol ul {
	padding-left: 0.3em;
}
/***リスト表記　括弧付きカタカナ***/
.katakana,
.number {
	padding-left: 0 !important;

}

.katakana li,
#terms.container .box .terms .katakana li{
	list-style-type: none;
	position: relative;
	padding-left: 3em;
	counter-increment: katakana1;
}
.katakana li::before,
#terms.container .box .terms .katakana li::before{
  content: '（' counter(katakana1, katakana) '）';
  position: absolute;
  left: 0;
}
/***リスト表記　括弧付き数字***/
.parentheses li,
#terms.container .box .terms .parentheses li{
	list-style-type: none;
	position: relative;
	padding-left: 3em;
	counter-increment: number;
}
.parentheses li::before,
#terms.container .box .terms ol li .parentheses li::before{
  content: '（' counter(number) '）';
  position: absolute;
  left: 0;
}
/***リスト表記　①②デジ丸***/
.ol-circled{ list-style:none; padding-left:0; margin:0; }
.ol-circled > li{ position:relative; padding-left:2.2em; }
.ol-circled > li::before{ position:absolute; left:0; top:0; }
#terms.container .box .terms ol li .ol-circled li {
	padding-left:1em;
}

.ol-circled > li:nth-child(1)::before{ content:"①"; }
.ol-circled > li:nth-child(2)::before{ content:"②"; }
.ol-circled > li:nth-child(3)::before{ content:"③"; }
.ol-circled > li:nth-child(4)::before{ content:"④"; }
.ol-circled > li:nth-child(5)::before{ content:"⑤"; }
/* .decimal li,
#terms.container .box .terms ol li .decimal li{
	list-style-type: none;
	position: relative;
	padding-left: 0;
	counter-increment: decimal-number;
}
.decimal li::before,
#terms.container .box .terms ol li .decimal li::before{
  content: counter(decimal-number, decimal);
  position: absolute;
  left: 0;
    display: inline-block;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  border: 1px solid #000;
  color: #000; 
  text-align: center;
  line-height: 1.5em;
  font-size: 0.8em;
  margin-right: 0.5em;
  position: absolute;
  left: -1.8em;
  top: 27%;
  transform: translateY(-50%); 
} */


 /*--- 特定商取引に基づく表記---*/
.wrapper-company {

}
.wrapper-company dl {
	display: flex;
	align-items: center;
	gap: 50px;
	border-bottom: 1px solid #0a2f60;
	padding: 20px 0;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.5;
}
.wrapper-company dl dt {
	word-break: keep-all;
	width: 20%;
}
.wrapper-company dl dd {
  flex: 1;
  margin-bottom: 0;
  font-size: 90%;
}
#terms.container .box .terms .terms1:last-child {
  margin-bottom: 0;
}
#terms.container .box .terms .wrapper-company dl dd ul {
  padding-left: 15px;
  margin-bottom: 0;
}
@media screen and (max-width: 736px) {
    .wrapper-company dl {
        display: block;
        padding: 15px 0;
    }
    .wrapper-company dl dt,
    .wrapper-company dl dd{
        width: 100%;
        padding: 2px;
    }
}
@media screen and (max-width: 980px) {
	#terms.container .box {
		padding: 4%;
		font-size: 90%;
	}
	#terms.container .header h1.title {
		margin-bottom: 30px;
	}
	#terms.container .box .terms h2 {
		font-size: 18px;
	}
	#terms.container .box .terms h3 {
		margin-bottom: 10px;
		margin-top: 20px;
		font-size: 16px;
	}
	#footer .footer_menu {
		float: inherit;
	}
  #account-create #footer .footer_menu ul {
		display: block;
	}
	#footer .footer_menu li {
		display: block;
		margin-right: 0;
		font-size: 14px;
	}
	#account-create #footer .copyright {
 		float: inherit;
		font-size: 14px;
    text-align: left;
	}

}