@charset "UTF-8";

/*
* app用 userRegist.css
*
*/


/*
* レイアウト
*/
#userRegist {

}


/*
* ログインフォーム
*/
#mainVisual {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#mainVisual img.back {
	position: static;
	object-fit: cover;
	width: 100%;
	margin: -2rem auto 0 auto;
	padding: 0;
	z-index: 1;
}
#mainVisual img.logoWhite {
	position: absolute;
	width: 50%;
	top: 50%;
	left: 50%;
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	margin: 0;
	padding: 0;
	z-index: 1;
}
#mainVisual .prText {
	position: absolute;
	top: calc(64%);
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 2rem;
	text-align: center;
	color: #FFFFFF;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: 0.2rem;
	z-index: 2;
}
#mainVisual a.linkService {
	position: absolute;
	top: calc(83%);
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	text-align: center;
	color: #FFFFFF;
	font-weight: 500;
	z-index: 2;
}
#mainVisual a.linkService i { margin-left: 0.5rem; }


/*
* 誘導
*/
#guidance {
	width: calc(100%);
	max-width: 37.5rem;
	margin: 4rem auto 0 auto;
	padding: 0;
}
#guidance img.parts01 {
	width: 100%;
	margin: 0 0 2rem 0;
	padding: 0;
}
#guidance img.buttonStart {
	width: 100%;
	margin: 0;
	padding: 0;
}


/*
* 入力フォーム
*/
#registForm {
	margin: 2rem 0 4rem 0;
	padding: 0;
}
#registForm #slideWrap {
	width: 100%;
	margin: 0;
	padding: 0;
}
#registForm #slideWrap section {
	width: 100%;
	margin: 0;
	padding: 0;
}
#registForm .slick-slide { outline: none; }
#registForm img.flow {
	display: block;
	width: 60%;
	margin: 0 auto 2rem auto;
	padding: 0;
}
#registForm .question {
	margin: 0 auto 4rem auto;
	padding: 0;
	font-size: 2.1rem;
	font-weight: 700;
}
#registForm .question small {
	display: block;
	margin: 1rem auto 0 auto;
	padding: 0;
	color: #464646;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
}
#registForm .answerWrap {
	margin: 0 auto 4rem auto;
	padding: 0;
}
#registForm .text {
	margin: 0;
	padding: 2rem 0 0 0;
	font-size: 1.5rem;
	line-height: 140%;
}
/* 職種 */
#registForm #ckDoctor + label { background-color: #137FC2; }
#registForm #ckNurse + label { background-color: #09B53E; }
/* 性別 */
#registForm #ckMale + label { background-color: #137FC2; }
#registForm #ckFemale + label { background-color: #FD7B22; }
/* 生年月日 */
#registForm #birth1 {
	display: inline-block;
	width: 30%;
	vertical-align: middle;
	text-align: right;
}
#registForm #birth2 {
	display: inline-block;
	width: 20%;
	margin-left: 1rem;
	vertical-align: middle;
	text-align: right;
}
#registForm #birth3 {
	display: inline-block;
	width: 20%;
	margin-left: 1rem;
	vertical-align: middle;
	text-align: right;
}
/* スキル */
#registForm .skillSec {
	margin: 0 0 2rem 0;
	padding: 0;
	background-color: #FFFFFF;
	border-radius: 0.6rem;
}
#registForm .skillSec h5 {
	position: relative;
	margin: 0;
	padding: 1.5rem;
	color: #FFFFFF;
	font-size: 1.8rem;
	font-weight: 700;
	text-decoration: none;
	background-color: #FD7B22;
	border-radius: 0.6rem;
	transition: all 0.3s;
}
#registForm .skillSec h5::after {
	content: "";
	position: absolute;
	top: calc(50% - 1.25rem);
	right: 2rem;
	width: 3rem;
	height: 2.5rem;
	background-image: url(../../img/arrowDownWhite01.svg);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	transition: all 0.5s;
}
#registForm .skillSec h5[aria-expanded='true'] {
	text-decoration: none;
	border-radius: 0.5rem 0.6rem 0 0;
}
#registForm .skillSec h5[aria-expanded='true']::after {
	transform: rotate(180deg);
}
#registForm .collapse {
	padding: 0;
}
#registForm .accCell {
	padding: 1rem 0;
}
/* プライバシーポリシー */
#registForm .policyBorder {
	margin: 2rem 0 0 0;
	padding: 0;
	border: #FD7B22 1px solid;
}
#registForm .policyBorder label span {
	color: #158DCC;
}
/* 確認コード入力 */
#registForm .noMail {
	margin: 2rem 0 0 0;
	padding: 1rem;
	border: #FD7B22 1px solid;
}
#registForm .noMail h5 {
	margin: 0;
	padding: 0;
	font-size: 1.5rem;
	font-weight: 700;
}
#registForm .noMail p {
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 150%;
}


/*
* 登録完了
*/
#registFin {
	margin: 20px 0 40px 0;
	padding: 0 20px;
}
#registFin h2.title {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
}
#registFin .baseButton {
	margin: 0 -10px;
}