@charset "UTF-8";

.m-heading
{
	padding: 3rem 0 3rem 0;
}

.m-heading__main
{
	font-size: 2.22rem;
	letter-spacing: 0.1rem;
	line-height: 1em;
}

.m-heading__main > div
{
	margin-top: 0.75rem;
	font-size: 1.287rem;
	letter-spacing: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m-heading__main > div:before, .m-heading__main > div:after
{
	content: "";
	display: block;
	width: 1.75rem;
	height: 0.1rem;
	border-top: #595959 solid 1px;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

.head
{
	position: relative;
}

.head::after
{
	content: '';
	position: absolute;
	border-top: 6px solid #595959;
	border-left: 4px solid rgba(0, 0, 0, 0);
	border-right: 4px solid rgba(0, 0, 0, 0);
	right: 20px;
	top: calc(50% - 3px);
	transition: border .4s;
}

.head.is-open::after
{
	border-top: 0;
	border-bottom: 6px solid #595959;
}


.accordion dl
{
	line-height: 1.46;
	padding: 0 20px;
	font-size: 13px;
	padding-top: 18px;
	display: none;
}

.accordion dl.state-default
{
	display: block
}

.accordion dt
{
	color: #ec2365;
	padding-left: 2.7em;
	text-indent: -2.7em;
	margin-bottom: 6px;
}

.accordion dd
{
	padding-left: 2.7em;
	padding-bottom: 24px
}

.accordion dl a
{
	text-decoration: underline;
}

/* PCサイト */
@media screen and (min-width: 600px)
{
	.m-heading
	{
		background-color: #f7f7f7;
		padding-top: 2.5rem;
		padding-bottom: 1.5rem;
		margin-bottom: 5rem;
	}

	.m-heading__main
	{
		color: #de2366;
		font-size: 3.2rem;
	}

	.m-heading__main > div
	{
		color: #595959;
		font-size: 1.4rem;
	}

	.m-heading__main > div:before, .m-heading__main > div:after
	{
		width: 3rem;
		margin-left: 1rem;
		margin-right: 1rem;
	}

	.accordion
	{
		margin-bottom: 2.6rem;
	}

	.accordion h1.head
	{
		font-size: 2em;
		line-height: 2.42857;
		margin: auto;
		font-weight: normal;
		justify-content: center;
		padding-top: 1rem;
		padding-bottom: 1rem;
		height: unset;
		background-color: unset;
		border-top: #e6e6e6 solid 1px;
		border-bottom: #e6e6e6 solid 1px;
	}

	.accordion h1.head:after
	{
		right: calc(50% - 50rem);
	}

	.accordion section dl
	{
		width: 98rem;
		margin-left: auto;
		margin-right: auto;
		padding-top: 4.5rem;
		font-size: 1.4rem;
		line-height: 2.42857;
	}

	.accordion section a
	{
		text-decoration: none;
		position: relative;
		display: inline;
	}

	.accordion section div.rightArrow
	{
		right: -1.7rem;
		top: 0.2rem;
	}
}