@charset "utf-8";

/* --------- initialize --------------------------- */
* {
	margin:0;
	padding:0;
	border:0 none;
	box-sizing:border-box;
	font-size:inherit;
	font-weight:inherit;
	font-family:inherit;
	font-style:inherit;
	color:inherit;
	text-decoration:inherit;
	text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
a{
	color:#666!important;
}
ol,ul,li {
	list-style:none;
}
img {
	max-width:100%;
}


input ,select ,textarea {
	font-size:15px;
	border:1px solid #ccc;
	border-radius:5px;
}
input[type="text"] ,input[type="tel"] ,input[type="email"] ,select ,textarea {
	padding:0.5em 1em;
}
textarea {
	resize:none;
}
:placeholder-shown {
	color:#ccc;
}
::-webkit-input-placeholder {
	color:#ccc;
}
.dispn {
  display:none;
}



/* --------- common --------------------------- */
body{
	font-size:0;
	color:#666;
	background:#184985;
	font-family:"メイリオ",sans-serif;
	margin:0 auto;
}
.inner {
	width:1500px;
	margin:0 auto;
}

body.positionLock {
	overflow:hidden;
}



/* --------- header --------------------------- */
header {
	height:75px;
}
header .inner.flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:100%;
}
header .inner.flex :first-child {
	margin-right:auto;
}

header .inner.flex li:last-child {
	margin-right: 24px;
}



/* --------- main --------------------------- */
main {
	display:block;
	height:880px;
	background:#fff;
}
main .inner {
	position:relative;
	height:100%;
	background:url(/src/pc/lp/driver/img/main-bg.png) 50% 0% no-repeat;
}

main #catchTitle {
	text-align:center;
}

main #qualities {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:420px;
	height:100%;
	text-align:right;
}

main .inner > section {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
}

main #form {
	position:relative;
}
main #form .formBloc {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:765px !important;
	padding-top:165px !important;
	display:none;
}
main #form .formBloc#p1 {
	display:block;
}

main .driver_license_form {
  font-size: 18px;
}



/* --------- main > balloon --------------------------- */
main .formBloc .balloon {
	position:absolute;
	left:0;
	top:0;
	width:420px;
	height:420px;
}


/* --------- main > form --------------------------- */
main .formBloc .formPanel {
	position:relative;
	width:620px;
	height:600px;
	margin:0 auto;
	overflow:hidden;
}





/* --------- main > form commons --------------------------- */
main .formBloc .formPanel .formStep {
	width:100%;
	height:80px;
	padding:15px 0;
	text-align:center;
}


main .formBloc .formPanel .formMain {
	width:100%;
	height:425px;
	text-align:center;
}
main .formBloc .formPanel .formMain .formTitle {
	padding-top:20px;
}
main .formBloc .formPanel .formMain .formNotice {
	padding-left:150px;
	text-align:left;
}


main .formBloc .formPanel .formButton {
	position:absolute;
	bottom:40px;
	left:0px;
	right:0;
	width:100%;
	height:60px;
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
main .formBloc .formPanel .formButton .back {
	margin-right:75px;
	cursor:pointer;
}
main .formBloc.finished .formPanel .formButton .back {
	margin-right:65px;
}
main .formBloc .formPanel .formButton .next ,
main .formBloc .formPanel .formButton .send {
	position:relative;
/*
	margin-left:auto;
*/
	margin-right:195px;
	width:230px;
	height:100%;
	/* background:#ccc; */
	border-radius:10px;
	text-align:center;
	cursor:default;
	transition:all 0.1s linear;
	-webkit-transition:all 0.1s linear;
}
main .formBloc .formPanel .formButton .send {
	margin-right:175px;
	width:260px;
	height:75px;
}
main .formBloc .formPanel .formButton .next.on ,
main .formBloc .formPanel .formButton .send.on {
	/* background:#f66; */
	cursor:pointer;
}




main .formBloc.finished .formPanel .formButton {
	bottom:45px;
	height:75px;
	align-items:flex-end;
}
main .formBloc.finished .formPanel .formButton a {
	color: #000!important;
}
main .formBloc.finished .formPanel .formButton .back {
	margin-bottom:7.5px;
}
main .formBloc.finished .formPanel .formLink {
	position:absolute;
	bottom:20px;
	left:0px;
	right:0;
	width:100%;
	height:20px;
	display:flex;
	justify-content:center;
	align-items:flex-end;
}
main .formBloc.finished .formPanel .formLink a{
	color:#000!important;
}

main .formBloc .formPanel .check-mark {
	font-size: 24px;
	color: #00ff00;
	padding-left: .5em;
}

main .formBloc .formPanel .formError {
	font-size: 12px;
    height: 0;
    text-align: left;
    margin-left: 150px;
    color: #ff0000;
}

/* --------- main > form > checkbox --------------------------- */
form .checkbox.flex {
	display:flex;
	justify-content:center;
	align-items:stretch;
	flex-wrap:wrap;
}
form .checkbox.flex > li {
	width:170px;
	height:85px;
	margin:0 5px 10px;
}
form .checkbox.flex > li label {
	width:100%;
	height:100%;
	background:#e6e6e6;
	border-radius:10px;
	display:flex;
	align-items:center;
	cursor:pointer;
}

form .checkbox.flex > li label span {
	width:100%;
	text-align:center;
}
form .checkbox.flex > li input[type="checkbox"] {
	display:none;
}
form .checkbox.flex > li input[type="checkbox"]:checked + label {
	color:#fff;
	background:#ff5767;
}


/* --------- main > form  > select --------------------------- */
form .input.flex ,
form .select.flex ,
form .textarea.flex {
	display:flex;
	justify-content:left;
	align-items:center;
}
form .input.flex div:nth-child(1) ,
form .select.flex div:nth-child(1) ,
form .textarea.flex div:nth-child(1) {
	width:150px;
	padding-right:10px;
	text-align:right;
}
form .input.flex input ,
form .select.flex select ,
form .textarea.flex textarea {
	width:370px;
}

form .textarea.flex {
	align-items:flex-start;
}
form .textarea.flex div:nth-child(1) {
	padding-top:10px;
	line-height:4px;
}
form .textarea.flex textarea {
	height:80px;
}

form .select select {
	height:2.5em;
}



/* --------- p0 (fixed) --------------------------- */
#p0.fixedPanel {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100% !important;
	height:100% !important;
	z-index:100;
	background:rgba(0,0,0,0.4);
}
#p0.fixedPanel .innerPanel {
	width:601px;
	height:497px;
	margin:190px auto auto;
	background:url(/src/pc/lp/driver/img/main-form-p0-bg.png) 50% 0 no-repeat;
}
#p0.fixedPanel .innerPanel .formButton.flex {
	display:flex;
	justify-content:center;
	align-items:center;
}
#p0.fixedPanel .innerPanel .formButton.flex li {
	padding:15px;
}
#p0.fixedPanel .innerPanel .formButton.flex li input[type="radio"] {
	display:none;
}
#p0.fixedPanel .innerPanel .formButton.flex li label {
	display: inline-block;
	cursor:pointer;
}
#p0.fixedPanel .innerPanel .formButton.flex li label img {
	pointer-events: none;
}




/* --------- footer --------------------------- */
footer {
	padding:1em 0;
	background:#666;
}
footer a{
	color:#FFF!important;
	text-decoration:underline!important;
}
footer .inner {
	text-align:center;
}

footer .footer-text-area {
	padding: 13.5px 0;
}

footer .service-top {
	font-size: 14px;
	letter-spacing: .2em;
	color: #fff;
}

footer .company {
	font-size: 11px;
	color: #fff;
}