@charset "UTF-8";

.top {
	margin-bottom: 30px;
	padding-top: 100px;
}

.method {
}

.method_sec {
	padding: 50px 0 ;
	border-bottom: #cecece 1px solid;
}

.method_sec_hd {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 35px;
}

.method_sec_hd_item {
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: 88px;
	height: auto;
	border-radius: 50%;
	background: #198e3f;
	color: #ffffff;
	font-size: 46px;
	aspect-ratio: 1;
}

.method_sec_hd_ttl {
	display: flex;
	flex-flow: column;
	gap: 10px;
}

.method_sec_hd_ttl span {
	display: flex;
	width: fit-content;
	padding: 10px 18px;
	background: #c4ff00;
	line-height: 1;
}

.method_sec_hd_ttl h2 {
	font-size: 30px;
	line-height: 1;
}

.method_sec_wrap {
}

.method_sec_list {
	list-style: disc;
	margin-left: 1em;
}

.method_sec_list ::marker {
	color: #198e3f;
	font-size: 18px;
}

.method_sec_link {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	margin-top: 35px;
}

.method_sec_link a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 110px;
	padding: 0 35px;
	color: #ffffff;
	font-size: 24px;
}

.method_sec_link a .icon-arrow {
	font-size: 20px;
}

.method_sec_link_bl {
	justify-content: space-between;
	background: #0098d2;
}

.method_sec_link_gr {
	justify-content: center;
	gap: 12px;
	background: #198e3f;
}

.ci_tel_num p {
	color: #198e3f;
	font-size: 30px;
}

.ci_tel_num p span {
	font-size: 20px;
}

.ci_mail {
	max-width: 630px;
	margin: 0 auto;
	padding-top: 30px;
	border-top: #000000 1px solid;
}

.ci_mail dl {
	display: flex;
	justify-content: center;
	gap: 28px;
}

.ci_mail dl dt {
}

.ci_mail dl dd {
}

.fix_bnr {
	display: none;
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:768px) {
	.top {
		margin-bottom: 15px;
		padding-top: 60px;
	}

	.method {
	}

	.method_sec {
	}

	.method_sec_hd {
		flex-flow: column;
		gap: 10px;
		margin-bottom: 20px;
	}

	.method_sec_hd_item {
	}

	.method_sec_hd_ttl {
		align-items: center;
	}

	.method_sec_hd_ttl span {
	}

	.method_sec_hd_ttl h2 {
		font-size: 23px;
		line-height: 1.4;
	}

	.method_sec_wrap {
	}

	.method_sec_list {
	}

	.method_sec_list ::marker {
	}

	.method_sec_link {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.method_sec_link a {
		height: 80px;
		padding: 0 15px;
		font-size: 18px;
	}

	.method_sec_link a .icon-arrow {
	}

	.method_sec_link_bl {
	}

	.method_sec_link_gr {
	}

	.ci_hd_ttl h2 {
		line-height: 1.4;
	}

	.ci_mail {
		padding-top: 18px;
		font-size: 14px;
	}

	.ci_mail dl {
		flex-flow: column;
		gap: 5px;
	}

	.ci_mail dl dt {
	}

	.ci_mail dl dd {
	}
}