@charset "utf-8";

/* reset
---------------------------------------- */
/* html */
html {
	overflow-x: hidden;
	overflow-y: scroll;
}

/* body */
body {
	margin: 0;
}


/* tools
---------------------------------------- */
/* inner */
.header__inner,
.cover__inner,
.contents__inner,
.operation {
	margin: 0 auto;
	padding: 0 10px;
	width: 880px;
	text-align: justify;
	text-justify: inter-ideograph;
}
@media screen and (max-width:1220px) {
.header__inner,
.cover__inner,
.contents__inner,
.operation { width: auto;}
}


/* header
---------------------------------------- */
.header { background: #ffffff;}
	.header__inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 100px;
	}
@media screen and (max-width:1220px) {
	.header__inner {
		height: 60px;
		padding-right: 60px;
	}
}

/* brand */
.brand { line-height: 1;}
@media screen and (max-width:1220px) {
.brand { width: 330px;}
}


/* cover
---------------------------------------- */
.cover { background: #f0f6fc;}
	.cover__inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 180px;
		line-height: 1.6;
		font-weight: 700;
	}
		.cover__heading::before {
			display: block;
			font-size: 18px;
			text-align: center;
			color: #000000;
		}
		body.contact .cover__heading::before {
			content: "Contact";
		}
		body.download .cover__heading::before {
			content: "Download";
		}
		.cover__heading {
			margin: 0;
			max-width: 100%;
			font-size: 36px;
			color: #004493;
		}
@media screen and (max-width:768px) {
	.cover__inner { height: 120px;}
		.cover__heading::before { font-size: 15px;}
		.cover__heading { font-size: 24px;}
}


/* contents
---------------------------------------- */
	.contents__inner {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.contents__inner > *:first-child { margin-top: 0;}
	.contents__inner > *:last-child { margin-bottom: 0;}
@media screen and (max-width:768px) {
	.contents__inner {
		padding-top: 45px;
		padding-bottom: 45px;
	}
}


/* list-step
---------------------------------------- */
.list-step {
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0 0 90px 0;
	padding: 0;
}
	.list-step__item {
		text-align: center;
		color: #9f9f9f;
	}
	.list-step__item:not(:last-child) {
		padding-right: 110px;
		background: url("../files/ico_arrow_gray_right_01.svg") no-repeat right 49px bottom 13px;
	}
	.list-step__item[aria-current="step"] { color: #004493;}
		.list-step__number {
			display: block;
			font-size: 13px;
		}
		.list-step__text {
			display: block;
			font-size: 20px;
			font-weight: 700;
		}
@media screen and (max-width:768px) {
.list-step { margin-bottom: 45px;}
	.list-step__item:not(:last-child) {
		padding-right: 55px;
		background-position: right 21px bottom 13px;
	}
}


/* footer
---------------------------------------- */
.footer {
	border-top: solid 1px #ebebeb;
}
	.operation {
		padding-top: 90px;
		padding-bottom: 90px;
		text-align: center;
	}
@media screen and (max-width:768px) {
	.operation {
		padding-top: 45px;
		padding-bottom: 45px;
	}
}


/* copyright
---------------------------------------- */
.copyright {
	display: block;
	padding-top: 37px;
	padding-bottom: 37px;
	text-align: center;
	font-size: 13px;
	color: #ffffff;
	background: #505050;
	border-top: solid 1px #ebebeb;
}
@media screen and (max-width:768px) {
.copyright {
	padding-top: 22px;
	padding-bottom: 22px;
}
}


/* A-Form
---------------------------------------- */
.aform-header { display: none;}
.aform-validation { display: none;}

/* dl */
.aform-content dl {
	margin: 0;
	padding: 0;
}
	.aform-content dl dt {
		margin-top: 40px;
		font-weight: 700;
	}
	.aform-content dl dd { margin: 0;}

/* required */
.aform-required {
	margin-left: 10px;
	border: solid 1px #2166bf;
	border-radius: 0;
	padding: 0;
	width: 40px;
	line-height: 18px;
	font-size: 13px;
	font-weight: inherit;
	text-align: center;
	background: #2166bf;
}
#aform-confirm-form .aform-required { display: none;}

/* example */
.aform-input-example {
	margin: 0;
	font-size: 13px;
	font-weight: inherit;
	color: inherit;
}
.aform-input-example.privacy { font-size: inherit;}

/* error */
.aform-error {
	font-size: 13px;
	color: #cb1111;
}

/* input */
.aform-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0.5em 0;
}
.aform-input.error { color: #cb1111;}

/* text */
.aform-input[type="text"],
.aform-input[type="tel"],
.aform-input[type="email"] {
	border: solid 1px #d3d3d3;
	border-radius: 0;
	padding: 0 15px;
	height: 44px;
	background: #ffffff;
}

/* textarea */
.aform-textarea {
	border: solid 1px #d3d3d3;
	border-radius: 0;
	padding: 5px 15px;
	vertical-align: top;
	background: #ffffff;
}

/* radio */
.aform-radio {
	border: none;
	margin: 0;
	width: 0;
	height: 0;
}
.aform-radio + label {
	display: inline-block;
	position: relative;
	margin: 0.5em 0;
	padding-left: 29px;
}
.aform-radio + label::before {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	border: solid 1px #d3d3d3;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	background: #ffffff;
}
.aform-radio:checked + label::after {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 5px;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	background: #2166bf;
}
.aform-radio:focus + label::before {
	outline: currentColor dotted 1px;
	outline: -webkit-focus-ring-color auto 1px;
}

/* checkbox */
.aform-checkbox {
	border: none;
	margin: 0;
	width: 0;
	height: 0;
}
.aform-checkbox + label {
	display: inline-block;
	position: relative;
	margin: 0.5em 0;
	padding-left: 29px;
}
.aform-checkbox + label::before {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	border: solid 1px #d3d3d3;
	width: 24px;
	height: 24px;
	background: #ffffff;
}
.aform-checkbox:checked + label::after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 7px;
	border-right: solid 4px #2166bf;
	border-bottom: solid 4px #2166bf;
	height: 18px;
	width: 11px;
	transform: rotate(45deg);
}
.aform-checkbox:focus + label::before {
	outline: currentColor dotted 1px;
	outline: -webkit-focus-ring-color auto 1px;
}

/* confirm_msg */
#aform_confirm_msg { display: none;}

/* button */
.aform-button-area {
	margin: 40px -10px -10px -10px;
	padding: 0;
	background: none;
}
	.aform-button-area input {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		margin: 10px;
		display: inline-block;
		border-radius: 0;
		border: 1px solid #2166bf;
		padding: 14px;
		width: 280px;
		max-width: 100%;
		font-weight: 700;
		text-align: center;
		background-repeat: no-repeat;
	}
	.aform-button-area input:hover { opacity: 1;}

	.aform-button-area input[type="button"] {
		color: #2166bf;
		background-color: #ffffff;
		background-image: url("../files/ico_arrow_blue_left_01.svg");
		background-position: 20px center;
	}
	.aform-button-area input[type="button"]:hover {
		color: #ffffff;
		background-color: #2166bf;
		background-image: url("../files/ico_arrow_white_left_01.svg");
	}

	.aform-button-area input[type="submit"] {
		color: #ffffff;
		background-color: #2166bf;
		background-image: url("../files/ico_arrow_white_right_01.svg");
		background-position: right 20px center;
	}
	.aform-button-area input:hover {
		color: #2166bf;
		background-color: #ffffff;
		background-image: url("../files/ico_arrow_blue_right_01.svg");
	}