@charset "Shift_JIS";

.em {
	font-weight: bold;
	font-size: 14px;
}
.strong {color: #e60000;}
.txtBold {font-weight: bold;}
.tal {text-align: left;}

input {
	line-height: 1.2em;
	font-size: 99%;
}

p {line-height: 1.4em;}
p + p {margin-top: 1em;}

.mt20 {margin-top: 20px !important;}
.noMargin {margin: 0;}

.mod-steps.-type2 {padding: 0;}
.mod-steps.steps-column-04.-type2 ol {
	display: flex;
	padding-left: 0;
}
.mod-steps.steps-column-04.-type2 ol li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(25% - 10px);
	margin-top: 0;
}

.errMsg2 {
	margin: 1.3334em 0;
	padding: 1em;
	border: 2px solid #d70c18;
	background-color: #ffecec;
	text-align: center;
}
.errMsg2 em {
	color: #e60000;
	font-weight: bold;
}
.errMsg2 p + p {margin-top: 5px;}

.mod-btn .btn-form {background: #fff;}
.mod-btn .btn-form-small {padding: 10px 20px;}
.mod-btn > * {
	display: inline-block;
	margin: 0 10px;
}

.caution2 {
	padding: 1.0834em 1.1667em;
	background-color: #f6f6f6;
}
.caution2 p {
	padding-left: 1em;
	text-indent: -1em;
}
.caution2 p + p {margin-top: 7px;}

.externalLink {
	margin: 0 0.5em 0 0;
	padding: 3px 20px 0 0;
	background: transparent url(/inet/image/ws_ico_blanklink.gif) no-repeat 100% 0.1em scroll;
}

#container.col1 {background: none;}
.col1 #main {
	float: none;
	margin: 0 auto;
}

.completeMsg {
	margin-bottom: 2em;
	padding: 1em;
	border: 2px solid #0089d4;
	background-color: #fff;
	text-align: center;
	font-size: 14px;
}
.completeMsg strong {color: #0089d4;}
.completeMsg p + p {margin-top: 5px;}
.errMsg {
	margin-bottom: 2em;
	padding: 1em;
	border: 2px solid #e60000;
	background-color: #fff;
	text-align: left;
	font-size: 14px;
}
.errMsg strong {color: #e60000;}
.errMsg p + p {margin-top: 5px;}

.btn-close2 {
	position: relative;
}
.mod-btn .btn-close2 {
	padding: 10px 20px 10px 30px;
}
.btn-close2 > span {
	position: absolute;
	top: 50%;
	left: 8px;
	display: block;
	width: 12px;
	height: 12px;
	transform: translateY(-50%) rotate(45deg);
}
.btn-close2 > span::before {
	content: '';
	display: block;
	width: 2px;
	height: 12px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #e60000;
}
.btn-close2 > span::after {
	content: '';
	display: block;
	width: 12px;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background-color: #e60000;
}

/* table */
table {
	margin: 0.2em 0 1.2em 0;
	padding: 0;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
}
table th, table td {
	vertical-align: top;
	padding: 0.5em;
	border: 1px solid #666;
}
table th.blue, table thead th {background-color: #e8f7ff ;}
caption, th {text-align: left;}
table tbody th {
	background-color: #f1f3f5;
	font-style: normal;
	font-weight: normal;
}
td.err {background-color: #ffb6ba;}

@media screen and (min-width: 641px), print and (min-width: 641px) {
	.isSp, .isSe {display: none;}
	.talPc {text-align: left;}
	.mod-login .login-btn a {
		padding: 4px 6px;
		border: 1px solid #666;
		border-radius: 4px;
		background: #fff;
		background: linear-gradient(#fff 0%, #e9e9e9 100%);
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
		font-weight: bold;
	}
	.caution2 {padding: 16px;}
	.completeMsg {padding: 2em;}
	.completeMsg strong {font-size: 16px;}
	.errMsg {padding: 2em;}
	.errMsg strong {font-size: 16px;}
}

@media screen and (max-width: 640px), print and (max-width: 640px) {
	.isPc, .isSe {display: none;}
	.talSp {text-align: left;}
	.mod-steps.steps-column-04.-type2 ol li {font-size: 1rem;}
	.externalLink {
		padding: 3px 15px 0 0;
		background-size: 11px 8px;
	}
}
@media screen and (max-width: 400px) {
	.dspNoneSe {display: none;}
	.isSe {display: block;}
	.talSe {text-align: left;}
}