@charset "utf-8";

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

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


/* tools
---------------------------------------- */
/* wrapper */
.header,
.cover,
.contents,
.footer{
	width: 100%;
	min-width: 1220px;
}
@media screen and (max-width:1220px) {
.header,
.cover,
.contents,
.footer { min-width: auto;}
}

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


/* header
---------------------------------------- */
.header {
	position: relative;
	border-bottom: solid 1px #e5e5e5;
	background: #ffffff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
}
	.header__inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 79px;
	}
@media screen and (max-width:1220px) {
	.header__inner { height: 59px;}
}

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


/* cover
---------------------------------------- */
.cover {
	background: #f2f2f6 url("../files/bg_heading_01_2x.png") no-repeat left center;
	background-size: contain;
}
	.cover__heading {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 250px;
		font-size: 33px;
		margin: 0;
	}
@media screen and (max-width:1220px) {
	.cover__heading {
		text-shadow:0px 3px 1px #f2f2f6,0px 2px 1px #f2f2f6,1px 2px 1px #f2f2f6,2px 2px 1px #f2f2f6,2px 1px 1px #f2f2f6,2px 0px 1px #f2f2f6,3px 0px 1px #f2f2f6,2px -1px 1px #f2f2f6,2px -2px 1px #f2f2f6,2px -3px 1px #f2f2f6,1px -3px 1px #f2f2f6,0px -3px 1px #f2f2f6,-1px -3px 1px #f2f2f6,-2px -3px 1px #f2f2f6,-3px -3px 1px #f2f2f6,-3px -2px 1px #f2f2f6,-3px -1px 1px #f2f2f6,-3px 0px 1px #f2f2f6,-3px 1px 1px #f2f2f6,-3px 2px 1px #f2f2f6,-2px 2px 1px #f2f2f6,-1px 2px 1px #f2f2f6;
	}
}
@media screen and (max-width:768px) {
	.cover__heading {
		height: 125px;
		font-size: 25px;
		line-height: 1.5;
	}
}
@media screen and (max-width:480px) {
.cover { background-position-x: -90px;}
}


/* contents
---------------------------------------- */
	.contents__inner {
		padding-top: 60px;
		padding-bottom: 90px;
	}


/* list-step
---------------------------------------------------------- */
.list-step {
	display: flex;
	list-style: none;
	margin: 60px 0;
	padding: 0
}
	.list-step__item {
		position: relative;
		width: 100%;
		line-height: 70px;
		text-align: center;
		color: #ffffff;
	}
	.list-step__item:after {
		position: absolute;
		z-index: 1;
		left: 100%;
		width: 0;
		height: 0;
		border: 35px solid transparent;
	}
	.list-step__item:not(:last-child)::after { content: "";}

	.list-step__item { background: #659eda;}
	.list-step__item::after { border-left-color: #659eda;}

	[aria-current="step"] + .list-step__item,
	.list-step__item:has(+ [aria-current="step"]) { background: #427cba;}
	[aria-current="step"] + .list-step__item::after,
	.list-step__item:has(+ [aria-current="step"])::after { border-left-color: #427cba;}

	.list-step__item[aria-current="step"] { background: #004da0;}
	.list-step__item[aria-current="step"]::after { border-left-color: #004da0;}

		.list-step__number { margin-right: 1em;}

@media screen and (max-width:768px) {
.list-step { margin-top: 0;}
	.list-step__item:not(:first-child) { text-indent: 30px;}
}
@media screen and (max-width:480px) {
	.list-step__item { font-size: 13px;}
	.list-step__item:not(:first-child) { text-indent: 0;}
	.list-step__item::after {
		border-width: 7px;
		top: 28px;
	}
}


/* footer
---------------------------------------- */
.footer { border-top: solid 40px #f2f2f6;}
	.footer__inner {
		display: grid;
		gap: 40px 20px;
		grid-template-columns: 1fr auto;
		align-items: center;
		justify-content: center;
		padding-top: 60px;
		padding-bottom: 60px;
	}
@media screen and (max-width:768px) {
	.footer__inner { grid-template-columns: initial;}
}

/* copyright */
.copyright {
	padding-top: 20px;
	font-size: 13px;
	line-height: 1;
}
@media screen and (max-width:768px) {
.copyright {
	padding-top: 0;
	line-height: inherit;
}
}


/* aform
---------------------------------------- */
.aform { margin-top: 60px;}

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

/* aform-content dl */
.aform-content dl {
	display: grid;
	grid-template-columns: 260px 1fr;
	margin: -1px 0 0 0;
	padding: 0;
	border: solid 1px #e5e5e5;
}
.aform-content dl:has(.error) { background: #fef2f8;}
	.aform-content dl dt {
		padding: 15px 0 15px 30px;
		font-weight: initial;
	}
	.aform-content dl dd {
		margin: 0;
		padding: 15px 30px;
		vertical-align: top;
	}
@media screen and (max-width:768px) {
.aform-content dl { grid-template-columns: initial;}
	.aform-content dl dt {
		padding-right: 30px;
		padding-bottom: 0;
	}
	.aform-content dl dd { padding-top: 0.25em;}
	.aform-content dl dd:has(.aform-input-example) { padding-top: 0;}
}

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

/* aform-required */
.aform-required {
	float: right;
	margin: 5px 0;
	padding: 0 17px;
	border-radius: initial;
	background: #659eda;
	font-size: 13px;
	line-height: inherit;
}
#aform-confirm-form .aform-required { display: none;}

/* aform-horizontal-ul */
.aform-horizontal-ul {
	display: flex;
	gap: 0.5em 2em;
	flex-wrap: wrap;
}
.aform-horizontal-ul li { margin-right: 0;}
@media screen and (max-width:768px) {
.aform-horizontal-ul { flex-direction: column;}
}

/* aform-input-example */
.aform-input-example { margin-bottom: 0.25em;}
.aform-input-example.privacy {
	color: inherit;
	font-size: inherit;
}
@media screen and (max-width:768px) {
.aform-input-example.privacy { margin-top: 0.25em;}
}

/* aform-error */
.aform-error:not(:empty) {
	margin-top: 0.25em;
	color: #ea4335;
}

/* .aform-input */
.aform-input[type="text"],
.aform-input[type="tel"],
.aform-input[type="email"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	border: solid 1px #e5e5e5;
	border-radius: 0;
	padding: 2px 10px;
	height: 36px;
	width: 50%;
	background: #ffffff;
}
@media screen and (max-width:1220px) {
.aform-input[type="text"],
.aform-input[type="tel"],
.aform-input[type="email"] {
	width: 100%;
	max-width: 440px;
}
}
@media screen and (max-width:768px) {
.aform-input[type="text"],
.aform-input[type="tel"],
.aform-input[type="email"] { max-width: none;}
}

/* aform-textarea */
.aform-textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	border: solid 1px #e5e5e5;
	border-radius: 0;
	padding: 2px 10px;
	width: 100%;
	background: #ffffff;
}

/* aform-checkbox */
.aform-checkbox {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	margin: 0;
	width: 0;
	height: 0;
}
.aform-checkbox + label {
	display: inline-block;
	position: relative;
	padding-left: 26px;
}
.aform-checkbox + label::before {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	border: solid 1px #e5e5e5;
	width: 16px;
	height: 16px;
	background: #ffffff;
}
.aform-checkbox:checked + label::after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 6px;
	border-right: solid 4px #659eda;
	border-bottom: solid 4px #659eda;
	height: 16px;
	width: 8px;
	transform: rotate(45deg);
}
.aform-checkbox:focus + .label::before {
	outline: currentColor dotted 1px;
	outline: -webkit-focus-ring-color auto 1px;
}

/* aform-radio */
.aform-radio {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	margin: 0;
	width: 0;
	height: 0;
}
.aform-radio + label {
	display: inline-block;
	position: relative;
	padding-left: 26px;
}
.aform-radio + label::before {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	border: solid 1px #e5e5e5;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	background: #ffffff;
}
.aform-radio:checked + label::after {
	content: "";
	display: block;
	position: absolute;
	top: 11px;
	left: 4px;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	background:#659eda;
}
.aform-radio:focus + label-radio-cmn-01::before {
	outline: currentColor dotted 1px;
	outline: -webkit-focus-ring-color auto 1px;
}

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

/* aform-button-area */
.aform-button-area {
	display: flex;
	gap: 30px;
	justify-content: center;
	margin: -1px 0 0 0;
	padding: 45px 30px;
	border: solid 1px #e5e5e5;
	background: none;
}
@media screen and (max-width:768px) {
	.aform-button-area {
		align-items: center;
		flex-direction: column;
	}
}

/* aform-button-area input */
.aform-button-area input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 360px;
	max-width: 100%;
	margin: 0;
	padding: 17.5px 35px;
	cursor: pointer;
	text-align: center;
	color: #ffffff;
	border: none;
	border-radius: 5px;
	background: #34a853 no-repeat url("../files/ico_arrow_white_right_01.svg") 20px center;
	font-size: 15px;
}
.aform-button-area input#aform_btn_back { background-color: #ababab;}
.aform-button-area input:hover { opacity: 0.5;}

/* aform_result */
#aform_result:empty {
	margin: 0;
	padding: 0;
}