@charset "utf-8";


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

.mds_maru {
	font-size: 1.8em;
	letter-spacing: 0.1482em;
	padding-left: 2.593em;}
.mds_maru::before {
	top: calc(50% - 1.1115em); left: 0;
	width: 2.223em; height: 2.223em;
	background-color: #f09456;}
.mds_maru::after {
	top: calc(50% - 0.926em); left: 0.371em;
	width: 1.852em; height: 1.852em;
	background-color: #f7e0d0;}


.btn-purple,
.btn-yellow,
.btn-orange,
.btn-scarlet,
.btn-red {
	width: 68.966%;
	max-width: 360px;
	font-size: 1.334em;
	letter-spacing: 0.14993em;
	text-align: center;
	margin-top: 0.9995em;
	padding: 0.5994em 0;}

.error_wk > p:first-child {
	margin-top: 60px;}

@media (min-width:1324px) {
	section {max-width: 1200px;}
}
@media (min-width:641px) {}
@media (max-width:640px) {}


/* --------------- common container：register --------------- */
[class^="register0"] section h3 {margin: 0 0 0 3.334%;}
[class^="register0"] section h3 + p {
	font-size: 1.067em;
	margin: 1.219em 3.334% 0 3.334%;}

[class^="register0"] .register_wk {margin-top: 5.09992em;}


/* --- section：register_wk --- */
[class^="register0"] h3 + .input_wk,
[class^="register0"] p + .input_wk,
[class^="register0"] h3 + .output_wk,
[class^="register0"] p + .output_wk,
[class^="register0"] h3 + .complete_wk,
[class^="register0"] p + .complete_wk {margin-top: 1.73325em;}

[class^="register0"] dd > p {margin-top: 0.49997em;}
[class^="register0"] dd > p b {
		display: inline-block;
		color: #e83b0c;}


/* --- input_wk --- */
/* --- output_wk --- */

.input_wk,
.output_wk {
	padding: 4em 4.5% 3.6em;
	background-color: #fff;
	border: solid 6px #f9eed1;
	border-radius: 8px;}

.input_wk dl,
.output_wk dl {
	max-width: 960px;
	margin: 0 auto;}
.input_wk dt,
.input_wk dd, 
.output_wk dt,
.output_wk dd {width: 100%;}

.input_wk dt,
.output_wk dt {
	padding-top: 0.49997em;
	padding-bottom: 0.49997em;}
.input_wk dd,
.output_wk dd {}

.input_wk dd > input {
	max-width: 640px;
	padding: 0.375em 0.813em;
	background-color: #fffaed;
	border: solid 2px #b9b9c2;
	border-radius: 4px;}

.input_wk .tel input {max-width: 200px;}
.input_wk .password input {width: calc(100% - 4.25em);}

.input_wk form > dl:not(:first-child),
.output_wk form > dl:not(:first-child) {margin-top: 2.667rem;}


[class^="register0"] .register_wk [class^="btn-"] {
	margin-left: 2.778%;
	margin-right: 2.778%;}

.output_wk dd {
	padding: 0.49997em 1em 0.49997em;
	border: solid 2px #dbcfaf;
	background: #fffaed;
}


/* --- complete_wk --- */
.complete_wk {
	padding: 3.6em 4.138%;
	background-color: #fff;
	border: solid 6px #e9e3fa;
	border-radius: 8px;}
.complete_wk > p {
	font-size: 1.0667em;
	line-height: 1.6875;
	text-align: center;}

.complete_wk .btn_wk {
	gap: 40px 0;
}

@media (min-width:641px) {
	
	[class^="register0"] section h3 + p {
		margin-right: 9.167%;
		padding-left: 4.374em;}

	/* --- input_wk --- */
	/* --- output_wk --- */
	.input_wk dt,
	.output_wk dt {width: 240px;}
	.input_wk dd,
	.output_wk dd {width: calc(100% - 240px);}
}
@media (max-width:640px) {}


/* --------------- container：register01 --------------- */
/* --------- contents：●●● --------- */
/* --- section：register_wk --- */
/* --- input_wk --- */

.register01 .btn_wk {margin-top: 2.666em;}


.register01 .mds_maru::before {
	background-color: #f7ce5e;}
.register01 .mds_maru::after {
	background-color: #f9eed1;}


/* --------------- container：register02 --------------- */
/* --------- contents：●●● --------- */
/* --- section：register_wk --- */
/* --- output_wk --- */

.register02 .btn_wk {margin-top: 2.666em;}


/* --------------- container：register03 --------------- */
/* --------- contents：●●● --------- */
/* --- section：register_wk --- */
/* --- complete_wk --- */

.register03 .mds_maru::before {
	background-color: #e66b55;}
.register03 .mds_maru::after {
	background-color: #f7dcd7;}


/* --------------- container：register04 --------------- */
/* --------- contents：●●● --------- */
/* --- section：register_wk --- */
/* --- complete_wk --- */

.register04 .mds_maru::before {
	background-color: #e66b55;}
.register04 .mds_maru::after {
	background-color: #f7dcd7;}

.register04 * + .btn_wk {
	margin-top: 3.6em;
	padding-top: 2.666em;
	background-repeat: repeat-x;
	background-position: top center;
	background-size: auto 4px;
	background-image: url("../img/share/line-dot_gray.png");}
.register04 * + .btn_wk a {
	margin-top: 0;}