@charset "UTF-8";

.flex, .flex-col {
	display: flex;
}
.flex > .right, .flex-col > .right {
	margin-left: auto;
}
.flex-col {
	flex-direction: column;
}

.w100p {
	width: 100%;
}

.pre-wrap {
	white-space: pre-wrap;
}
.nowrap {
	white-space: nowrap;
}

.errmsg {
	color: red;
	font-weight: bold;
}

.tal {
	text-align: left;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}

.annot {
	color: #666666;
	font-size: 83.3%;
}
.attn {
	color: #ff6666;
	font-weight: bold;
}

/**
* タイトルのバックグラウンドの虹画像が表示されないコンテンツ用
* core.min.js:8 Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: -webkit-autofill
* への対策
*/
/*.parallax-content {
	background-image: url('../images/background-01-1920-400.jpg');
}*/
.bg01 {
	background-image: url('../images/background-01-1920-400.jpg');
}

/* 主にプロフィール詳細の表示の折返しが美しくない件への対応 */
.table-custom-header-primary > thead > tr > th,
	.table-custom-header-primary > thead > tr > td,
	.table-custom-header-primary > tbody > tr > th,
	.table-custom-header-primary > tbody > tr > td,
	.table-custom-header-primary > tfoot > tr > th,
	.table-custom-header-primary > tfoot > tr > td
{
	white-space: pre-wrap;
}

.btn-del {
	width: 121px;
	color: red;
	width:100%; color:red
}

.form-text {
  display: block;
  width: 100%;
  min-height: 54px;
  padding: 15px 19px;
  font-size: 16px;
  line-height: 1.5;
  border: 1px solid #b6b6b6;
  color: #474749;
  background-color: #ffffff;
  background-image: none;
  border-radius: 6px;
  box-shadow: none;
  white-space:  pre-wrap;
  -webkit-appearance: none;
}
.form-pfx {
	display: inline-block;
	white-space: nowrap;
	padding: 15px 0 15px 3px;
}

.chkbox > label:not(:first-child) {
	margin-left: 0.6rem;
}
label > input[type="checkbox"],
	label > input[type="radio"]
{
	margin-right: 0.25rem;
}