@charset "utf-8";

/** pj-formStep **/

.pj-formStep {
	margin:2.0em auto;
	position:relative;
	display:block;
	max-width:540px;
}
.pj-formStep__list {
	margin:0 -0.5em;
	padding-left:0;
	display:flex;
	justify-content:center;
	align-items:center;
	list-style:none;
}
.pj-formStep__item {
	margin:0 0.5em;
	padding:0.6em 1.0em;
	border-radius:10px;
	background-color:#DDD;
	display:block;
	flex:1;
	overflow:hidden;
	text-align:center;
	white-space:nowrap;
	color:#333;
}
.pj-formStep__item::first-letter { margin-right:0.2em; }
.pj-formStep__item--active {
	background-color:#2FD853;
	color:#FFF;
}

@media screen and ( max-width:767px ) {}

/** pj-contactForm **/

.pj-contactForm {
	position:relative;
	display:block;
}
.pj-contactForm * + .pj-tableList { margin-top:1.0em; }
.pj-contactForm .pj-button { cursor:pointer; }
.pj-contactForm > :last-child { margin-bottom:0; }
.pj-contactForm__inputList {
	margin:0.5em 0;
	padding-left:0;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
.pj-contactForm__inputList > :not(:last-child) { margin-right:2.0em; }
.pj-contactForm__inputField {
	display:flex;
	align-items:center;
}
.pj-contactForm__inputField > input[type="radio"] {
	margin:-1px;
	padding:0;
	border:0;
	clip:rect( 0 0 0 0 );
	clip-path:inset( 50% );
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	white-space:nowrap;
}
.pj-contactForm__inputField > input[type="radio"] + label {
	padding-left:1.3em;
	position:relative;
	cursor:pointer;
}
.pj-contactForm__inputField > input[type="radio"] + label::before,
.pj-contactForm__inputField > input[type="radio"] + label::after {
	border:1px solid #333;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:0;
	display:block;
	width:1.0em;
	height:1.0em;
	content:"";
	transform:translateY( -50% );
}
.pj-contactForm__inputField > input[type="radio"] + label::before { background-color:#FFF; }
.pj-contactForm__inputField > input[type="radio"] + label::after { background-color:#2FD853; }
.pj-contactForm__inputField > input[type="radio"]:not(:checked) + label::after { visibility:hidden; }
.pj-contactForm__inputField > label + input[type="date"],
.pj-contactForm__inputField > label + input[type="text"] { margin-left:0.5em; }
.pj-contactForm__inputField > input[type="date"],
.pj-contactForm__inputField > input[type="email"],
.pj-contactForm__inputField > input[type="text"],
.pj-contactForm__inputField > textarea {
	padding:0.5em;
	border:1px solid #666;
	border-radius:10px;
	display:block;
	flex:1;
	width:0;
}
.pj-contactForm__inputField--error > input[type="date"],
.pj-contactForm__inputField--error > input[type="email"],
.pj-contactForm__inputField--error > input[type="text"],
.pj-contactForm__inputField--error > textarea { background-color:#FFFAA4; }
.pj-contactForm__inputJointText {
	padding:0 0.5em;
	display:block;
	flex:none;
}
.pj-contactForm__inputErrorText {
	margin-top:0.2em;
	margin-bottom:0.2em;
	color:#E60012;
}
.pj-contactForm__required {
	padding:0 0.8em;
	border-radius:2.0em;
	background-color:#E60012;
	display:inline-flex;
	vertical-align:0.2em;
	font-size:75%;
	color:#FFF;
}

@media screen and ( max-width:767px ) {
	.pj-contactForm__inputList { display:block; }
	.pj-contactForm__inputList > :not(:last-child) { margin-right:0; }
}