/* support.css
========================================*/
#main {
	border-bottom:1px solid #7badc7;
}
@media print, screen and (min-width: 768px) {
	#main {
		padding-bottom:60px;
	}
}
@media screen and (max-width: 767px) {
	#main {
		padding-bottom:10.6666666667vw;
	}
}
#main .p-header h1 {
	text-indent:-9999px;
}
@media print, screen and (min-width: 768px) {
	#main .p-header {
		background-image:url(../img/support/bg_header_pc.jpg);
	}
}
@media screen and (max-width: 767px) {
	#main .p-header {
		background-image:url(../img/support/bg_header_sp.jpg);
	}
}
@media print, screen and (min-width: 768px) {
	#main .page-nav {
		margin-left:auto;
		margin-right:auto;
		width:1200px;
		background-color:#7badc7;
		margin-top:-30px;
		margin-bottom:20px;
		padding:10px 40px;
		position:relative;
		z-index:10;
	}
}
@media screen and (max-width: 767px) {
	#main .page-nav {
		display:none;
	}
}
@media print, screen and (min-width: 768px) {
	#main .page-nav .-list {
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	#main .page-nav .-list>li {
		font-weight:500;
		margin:0 30px;
	}
	#main .page-nav .-list>li>a {
		color:#fff;
		padding:5px 0;
		transition:all .2s ease;
	}
	#main .page-nav .-list>li>a:hover {
		opacity:.7;
	}
	#main .page-nav .-list>li>a>i {
		font-size:1.3333333333rem;
		margin-left:10px;
		vertical-align:-3px;
	}
}
#main .howto-sec:last-of-type {
	margin-bottom:0;
}
#main .howto-sec>h3 {
	background-color:#7badc7;
	color:#fff;
	font-weight:700;
	text-align:center;
}
@media print, screen and (min-width: 768px) {
	#main .howto-sec {
		margin-left:auto;
		margin-right:auto;
		width:1000px;
		margin-bottom:60px;
	}
	#main .howto-sec>h3 {
		border-radius:10px;
		font-size:1.3333333333rem;
		margin-bottom:40px;
		padding:10px;
		width:300px;
	}
}
@media screen and (max-width: 767px) {
	#main .howto-sec {
		margin-bottom:10.6666666667vw;
	}
	#main .howto-sec>h3 {
		border-radius:2.6666666667vw;
		font-size:4.8vw;
		margin-bottom:6.6666666667vw;
		padding:2.6666666667vw;
	}
}
#main .howto-sec .-list>li>span {
	color:#87beda;
	display:inline-block;
}
@media print, screen and (min-width: 768px) {
	#main .howto-sec .-list {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		padding:0 40px;
	}
	#main .howto-sec .-list>li {
		margin-bottom:20px;
		width:48%;
	}
	#main .howto-sec .-list>li>span {
		margin-right:1em;
	}
	#main .howto-sec .-list>li>a {
		transition:all .2s ease;
	}
	#main .howto-sec .-list>li>a:hover {
		opacity:.7;
	}
}
@media screen and (max-width: 767px) {
	#main .howto-sec .-list {
		padding:0 5.3333333333vw;
	}
	#main .howto-sec .-list>li {
		font-size:4vw;
		margin-bottom:4vw;
	}
	#main .howto-sec .-list>li>span {
		margin-right:.7em;
	}
}
#main .faq-list>li>span {
	color:#87beda;
	display:inline-block;
}
@media print, screen and (min-width: 768px) {
	#main .faq-list {
		margin-left:auto;
		margin-right:auto;
		width:1000px;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		padding:0 40px;
	}
	#main .faq-list>li {
		margin-bottom:20px;
		width:48%;
	}
	#main .faq-list>li>span {
		margin-right:1em;
	}
	#main .faq-list>li>a {
		transition:all .2s ease;
	}
	#main .faq-list>li>a:hover {
		opacity:.7;
	}
}
@media screen and (max-width: 767px) {
	#main .faq-list {
		padding:0 5.3333333333vw;
	}
	#main .faq-list>li {
		font-size:4vw;
		margin-bottom:4vw;
	}
	#main .faq-list>li>span {
		margin-right:.7em;
	}
}