@charset "UTF-8";

/*--------------------------------------------------------------------
support.html
support.css
--------------------------------------------------------------------*/

/*------------support---------------------------------------------------------------*/
#support .supList {
	display: flex;
	gap: 20px 60px;
	max-width: 740px;
	margin: 0 auto;
}
#support section:not(:first-of-type) { margin-top: 100px; }
#support p:not(:first-of-type) { margin-top: 1em; }
#support .supPho { max-width: 260px; }
#support .supTxt { max-width: 420px; }
#support .supTxt h4 {
	margin-bottom: 65px;
	font-size: 1.5em;
}
#support .supTxt > ul > li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#support .supTxt > ul > li::before {
	padding-right: 0.3em;
	content: "・";
}
#support .supTxt h5 {
	margin-top: 80px;
	font-size: 1.5em;
	color: var(--co-btn01);
}
#support .supTxt dl {
	display: flex;
	gap: 1em;
}
#support .supTxt dl dt::after { content: "："; }
#support .supTxt dl dd { flex: 1; }
#support #endPho { text-align: center; }

@media (max-width: 740px) {
	#support .supList { width: 96%; }
}

@media (max-width: 560px) {
	#support .supList { flex-direction: column; }
	#support .supPho { margin: 0 auto; }
	#support .supTxt { width: 100%; }
}