@charset "utf-8";


section {width: 90.625%;}
section > h3,
section > p {color: #fff;}

section + section {
	padding-top: 10rem;}

.mds {
	font-size: 1.8em;
	letter-spacing: 0.1482em;
	text-align: center;}

.mds_maru_little {margin-top: 1.5em;}

.dl-base {}


.dl-base dt,
.dl-base dd {
	padding: 1.084em 1em;}
.dl-base dt {
	letter-spacing: 0.134em;
	padding: 0.75em 0 0.084em 0;
	border-bottom: solid 2px #ccc;
	color: #5a248a;
	font-size: 1.25em;}
.dl-base dd {padding: 0.75em 0 1.084em 0;}
.dl-base dd .mds_maru_little:first-child {margin-top: 0;}

.dl-base dd h3 {font-size: 1em;}
.dl-base dd p span {color: #e63925;}

.dl-base dd h3 + p {margin-top: 0.167em;}
.dl-base dd p + h3 {margin-top: 1.5em;}
.dl-base dd p + p {margin-top: 0.25em;}
.dl-base dd a {
	color: #1a0dab;
	text-decoration: underline;}

.dl-base dd small {
	display: inline-block;
	font-size: 0.8em;
	margin-left: 0.334em;}

@media (min-width:641px) {
	section {max-width: 800px;}

}

/* --------------- common container：howto --------------- */

.guide + .link_wk {
	margin-top: 5.09992em;}

.link_wk {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	gap: 1.5em;}
.link_wk li {}
.link_wk a {
	display: block;
	padding: 1em 1.5em;
	color: #5a248a;
	background-color: #fff;
	border: 3px solid #d7caf2;}
.link_wk a:hover {background: #b9a2db;}
.link_wk a::after {
	display: inline-block;
	width: 0.75em;
	height: 0.75em;
	margin-left: 1em;
	border: 2px solid currentColor;
	border-top: none;
	border-left: none;
	content: '';
	transform: rotate(45deg) translateY(-35%);}

.bg_wk {
	margin-top: 1.73325em;
	padding: 0 4.5%;
	background-color: #fff;
	border: solid 6px #e9e3fa;
	border-radius: 8px;}

.howto ul + h3,
.howto dl + h3 {
	text-align: center;
	padding-top: 5.873em;}

.howto dd h3 {
	margin-top: 1.209em;
	font-size: 1.2em;
	font-weight: bold;}
.howto dd h3:first-child {
	margin-top: 0;}
.howto dd h3 span {
	display: block;
	font-size: 0.8em;}
.howto dd h3 + p small {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0.37em 0 0 0;
	color: #e63925;}

.howto .limit + dd h3 {margin-top: 0;}


/* --------------- container：●●● --------------- */
/* --------- contents：●●● --------- */
/* --- section：flow_wk --- */

.link_wk + .flow_wk {
	margin-top: 5.09992em;}

.flow_wk .bg_wk {
	padding-bottom: 2.667em;}

.flow {
	display: flex; flex-wrap: wrap; justify-content: flex-start;
	align-items: flex-start;}
.flow > * {
	width: 100%;
	margin-top: 2.0832em;}

.flow dt {letter-spacing: 0;}

	.nmb span {
		display: block;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		margin-top: 0.292em;
		color: #5a248a;}
	.nmb span b {
		display: block;
		font-size: 1.6em;
		font-weight: 700;
		margin-top: 5px;}

.flow dd {}
.flow h3 {
	font-size: 1.334em;
	color: #5a248a;}
.flow h4 {font-size: 1.2em;}
.flow h3 + p {margin-top: 0.4165em;}
.flow h4 + p {margin-top: 0.117em;}
.flow p + h4 {margin-top: 0.653em;}
.flow h3 + p + h4 {margin-top: 1.45em;}

.flow h4,
.flow h4 + p span {color: #d4173d;}

/* --- section：cancel_wk --- */

.cancel_wk {}

.cancel_wk .bg_wk {
	padding-top: 1.333em;
	padding-bottom: 1.333em;}

.rule_wk + dl {margin-top: 2.334em;}
.rule_wk {
	margin-top: 1.334em;
	padding: 2.317em 2rem 4em;
	border: 2px solid #e9e3fa;}
.rule_wk h3 {text-align: center;}
.rule_wk h4 {
	font-size: 1.2em;
	color: #114aa8;}
.rule_wk p {}
.rule_wk img {width: 100%;}

.rule_wk h3 + h4 {margin-top: 1.125em;}
.rule_wk h4 + p {margin-top: 0.117em;}
.rule_wk p + img {margin-top: 1.084em;}
.rule_wk img + img {margin-top: 1em;}
.rule_wk img + h4 {margin-top: 2.528em;}
.rule_wk img + p {margin-top: 3.084em;}


/* --- section：member_wk --- */

.member_wk {}

.member_wk .bg_wk {
	padding-top: 1.333em;
	padding-bottom: 1.333em;}


/* --- section：other_wk --- */

.other_wk {}

.other_wk .bg_wk {
	padding-top: 1.333em;
	padding-bottom: 1.333em;}


/* --- section：site_wk --- */

.site_wk {}
.link_wk + .site_wk {
	margin-top: 5.09992em;}

.site_wk .bg_wk {
	padding-top: 1.333em;
	padding-bottom: 1.333em;}


/* --- ●●● --- */

@media (min-width:641px) {
	/* --- section：flow_wk --- */
	.flow dt {width: 5em;}
	.flow dd {width: calc(100% - 5em);}
	
	.flow .mds_maru_little li span {
		display: inline-block;
		margin-left: 0.667em;}
}
@media (max-width:640px) {
	.howto dd h3 {text-align: center;}

	.flow dd {margin-top: 30px;}
}