/****************************************/
/********** ArtLab-Tokyo [CSS] **********/
/****************************************/

.form-group.d-flex { flex-wrap: wrap; }   /* 折り返しを許可 */
.error-message-field{
  display:block;
  flex-basis:100%;   /* 次の行へ */
  width:100%;        /* 左端に合わせる */
  margin-top:0.25rem;
  margin-bottom:0;
  padding:0;
  color:#b94a48;
  font-size:80%;
  line-height:1.4;
  text-decoration: underline;
  text-align:left;
}

.badge-primary {
    background-color: #cc3300!important;
		border-radius: 0.25rem;
}

@media (min-width: 48em) {
	.label-wrap {
		display: flex;
		justify-content: flex-end; /* 右端寄せ */
		align-items: center;       /* 縦中央揃え */
		gap: 0.5rem;               /* label と span の間隔 */
	}
}

div.label-wrap>label {
	margin-bottom: 0;
}

div.col-md-8.col_td{
	padding-top: 1rem;
}



/*- 各種ボタンのスタイル -*/
.form-button-wrapper {
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.form-button-wrapper .submit-btn,
.form-button-wrapper .back-btn,
.form-button-wrapper a.home-btn {
	display: block;
	width: 10rem;
	margin: auto;
	border: none;
}

.form-button-wrapper .submit-btn,
.form-button-wrapper a.home-btn,
.form-button-wrapper .back-btn {
	background-color: transparent;
	border: 1px solid #aaa;
}

@media (any-hover: hover) {

	.form-button-wrapper .submit-btn:hover,
	.form-button-wrapper a.home-btn:hover {
		background-color: #002850;
		border: 1px solid #002850;
		color: #fff;
	}
}

@media (any-hover: hover) {
	.form-button-wrapper .back-btn:hover {
		background-color: #ccc;
	}
}

div#error_message_privacy{
	text-align: center;
}