@charset "UTF-8";

/*-----------------------------------------------------
contents
-----------------------------------------------------*/
.formTbl {
	margin-bottom: 40px;
}
.formTbl.login li {
	margin-bottom: 15px;
}
.formTbl li {
	display: table;
	width: 100%;
	border-bottom: 2px solid #FFF;
}
.loginBox input[type="text"], 
.loginBox input[type="password"] {
	width: 100%;
}

.loginBox input[type="text"]:focus, 
.loginBox input[type="password"]:focus {
	-moz-box-shadow: 0 0 8px #88D5E9;
	-webkit-box-shadow: 0 0 8px #88D5E9;
	box-shadow: 0 0 8px #88D5E9;
	border: 1px solid #88D5E9;
}
.loginBtn{
	margin: 0 auto 30px;
	text-align: center;
	width: 400px;
}
input[type="button"],
input[type="submit"],
input[type="reset"]{
	border: none; /* 枠線 */
	border-radius: 0.3em;/* 角丸 */
}
.signupBtn {
	padding-left: 30px;
}
.signupBtn a{
	border: 1px solid #fc2797; /* 枠線 */
	border-radius: 0.3em;/* 角丸 */
	color: #fff; 
	display: block; 
	margin: 0; 
	text-decoration: none; 
	cursor: pointer; 
	border-radius: 5px; 
	width: 400px;
	font-size: 1.6rem; 
	box-sizing: border-box; 
	position: relative; 
	background: #fc2797;
	padding: 8px;
	text-align: center;
}

#forward1{
	color: #fff; 
	display: block; 
	margin: 0; 
	text-decoration: none; 
	cursor: pointer; 
	border-radius: 5px; 
	width: 400px;
	font-size: 1.6rem; 
	box-sizing: border-box; 
	position: relative; 
	background: #2471B6;
	padding: 8px;
}
#forward1:hover{
	background: #88D5E9;
}

.lead02,
.siBtn{
	margin-bottom: 30px;
	text-align: left;
	float: left;
	width: 50%;
}
.g-recaptcha{
	margin-bottom: 30px;
}
.g-recaptcha div{
	margin: 0 auto;
}
.formWrap input[type="checkbox"] + label {
	position: relative;
	display: inline-block;
	padding-left: 35px;
	line-height: 26px;
	color: #fff;
}
.formWrap input[type="checkbox"] + label:before, 
.formWrap input[type="checkbox"] + label:after {
	position: absolute;
	display: block;
	content: "";
}
/*.formWrap input + * {
	margin-top: 8px;
}*/
.formGrid {
display: table;
width: 100%;
}
.formGrid > * {
display: table-cell;
vertical-align: middle;
}
.formWrap .birth {
padding: 0 15px 0 10px;
}

.formWrap .labelCaption {
margin-bottom: 7px;
font-size: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.formWrap .labelCaption .caption {
font-weight: bold;
}
.formWrap input, .formWrap button, .formWrap textarea, .formWrap select {
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
background: none;
border: none;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.formWrap .select {
position: relative;
display: inline-block;
width: 100%;
background: #fff;
border: 1px solid #c9c9c9;
border-radius: 5px;
cursor: pointer;
}
.formWrap .select select {
padding: 12px 30px 12px 8px;
width: 100%;
}
.formWrap .select::before {
position: absolute;
display: block;
content: "";
top: 50%;
right: 7px;
margin-top: -3px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0 4px;
border-color: #a0a0a0 transparent transparent transparent;
z-index: 1;
pointer-events: none;
}
.formWrap input[type="radio"] + label {
padding-left: 36px;
line-height: 28px;
}
/*.formWrap .errorBox {
margin-bottom: 20px;
padding: 10px 5px;
color: #F02B7D;
text-align: center;
border: 2px solid #F02B7D;
background: #fcebeb;
border-radius: 3px;
}*/
.formWrap .errorBox {
	margin-bottom: 20px;
	padding: 10px 20px;
	color: #F02B7D;
	border: 2px solid #F02B7D;
	background: #fcebeb;
	border-radius: 3px;
	text-align: left;
}

.formWrap .errorBox p {
display: inline-block;
position: relative;
/*   padding-left: 1.4em;*/
font-size: 1.6rem;
}
.formWrap .errorMes {
padding: 5px;
color: #F02B7D;
border: 2px solid #F02B7D;
background: #fcebeb;
border-radius: 3px;
margin-top: 10px;
}
.formWrap .errorMes p {
position: relative;
/*padding-left: 1.4em;*/
font-size: 1.6rem;
}
/*.formWrap .errorMes p:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '\f05a';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #F02B7D;
}
.formWrap input + * {
margin-top: 8px;
}*/
  .formColumn2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
  }
.formWrap input[type="submit"]:disabled {
/*color: #999; */
	background: #d7d7d7;
/*-webkit-box-shadow: 0 4px 0 #bfbfbf;
box-shadow: 0 4px 0 #bfbfbf;*/

}
.formWrap input[type="submit"] {
  color: #FFF;
  width: 100%;
}

.formItem {
margin-bottom: 0;
width: 320px;
}
.submitBox .submitBtn {
	font-size: 2.2rem;
	padding: 10px 10px;
	background: #F02B7D;
	border-radius: 5px;
	position: relative;
}
.submitBox .submitBtn:after {
position: absolute;
content: "";
top: 50%;
right: 35px;
margin-top: -6px;
width: 12px;
height: 12px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 9999;
}
.fieldData .required, 
.fieldData .option {
  margin-left: 10px;
}
.formWrap .option {
padding-top: 1px;
padding-bottom: 1px;
font-size: 1.4rem;
border-width: 2px;
}
.formWrap .option {
  display: inline-block;
  padding: 1px 0.6em 1px 1.2em;
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: 0.6em;
  color: #c9c9c9;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #c9c9c9;
  border-radius: 20px;
}
.formWrap .required {
  display: inline-block;
  padding: 1px 0.6em 1px 1.2em;
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: 0.6em;
  color: #FFF;
  text-align: center;
  background: #F02B7D;
  border-radius: 20px;
  vertical-align: middle;
}

.formWrap .inlineList li {
display: inline-block;
margin: 5px 80px 10px 0px;
}

.formWrap input[type="radio"] + label:before {
width: 26px;
height: 26px;
}
.formWrap input[type="radio"] + label:before, .formWrap input[type="radio"] + label:after {
position: absolute;
display: block;
content: "";
}
.formWrap input[type="radio"]:checked + label:before {
  border: 7px solid #F02B7D;
}
.formWrap input[type="radio"] + label::before {
top: 0;
left: 0;
	width: 26px;
	height: 26px;
background: #FFF;
border: 3px solid #c9c9c9;
border-radius: 50%;
}
.formWrap .hyphen {
padding: 0 15px;
}
.formWrap .help:before {
position: absolute;
top: 0;
left: 0;
content: '\f059';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #F02B7D;
}

.formWrap .note {
position: relative;
/*padding-left: 1.4em;*/
font-size: 1.4rem;
margin-top: 5px;
}
.formWrap .help {
position: relative;
padding-left: 1.4em;
font-size: 1.4rem;
}
.formWrap input[type="text"], 
.formWrap input[type="password"], 
.formWrap input[type="tel"], 
.formWrap input[type="email"] {
	padding: 10px 8px;
	width: 100%;
/*background: #f8f8f8;*/
	border: 1px solid #c9c9c9;
	border-radius: 5px;
}

.formBox {
	margin-bottom: 20px;
}
.formWrap input[type="text"]:focus, 
.formWrap input[type="password"]:focus,
.formWrap input[type="tel"]:focus, 
.formWrap input[type="email"]:focus {
	-moz-box-shadow: 0 0 8px #88D5E9;
	-webkit-box-shadow: 0 0 8px #88D5E9;
	box-shadow: 0 0 8px #88D5E9;
	border: 1px solid #88D5E9;
}
.submitBoxb .backBtn {
	padding: 10px 10px;
	color: #FFF;
	width: 100%;
	background: #a0a0a0;
	border-radius: 5px;
	font-size: 2.2rem;
	position: relative;
}
.submitBoxb:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 35px;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	border-top: 2px solid #FFF;
	border-left: 2px solid #FFF;
	-webkitansform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 9999;
}
/*-----------------------------------------------------
フォーム表組み
-----------------------------------------------------*/
.FormBox {
margin-bottom: 40px;
}
.FormBox > dl {
border-bottom: 2px solid #FFF;
}
.FormBox dl:first-child > dt {
border-right: 2px solid #FFF;
}
.FormBox dt, .FormBox dd {
padding: 15px;
border-top: none;
}
.FormBox dt {
border-right: 2px solid #FFF;
background: #f0f0f0;
}
.FormBox dd {
vertical-align: middle;
background: #f8f8f8;
}
.FormBox dd dl.subform2doublecheck {
	margin-top: 15px;
	width: 100%;
	display: block;
}
.FormBox dd div.inputbox {
	padding: 2px 5px 2px;
}
.FormBox dd dl.subform2doublecheck dt {
	padding: 0;
	background: none;
	display: block;
	width: 100%;
	border-width: 0px;
}
.FormBox dd dl.subform2doublecheck dd {
	display: block;
	width: 100%;
	padding: 0;
}
.FormBox dl {
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: table;
	font-weight: normal;
}
.FormBox dt {
	width: 30%;
}
.FormBox dd {
	width: 70%;
}
.FormBox dt, .FormBox dd {
	display: table-cell;
	margin: 0px;
	padding: 15px;
/*	border: solid #ddd;
	border-width: 1px 0px 0px;*/
	vertical-align: top;
	font-weight: normal;
	background: #f0f0f0;
}
/*-----------------------------------------------------
必須項目
-----------------------------------------------------*/
input.mail {
	width: 350px !important;
	min-width: 100px;
}

.FormBox dt span {
	display: inline-block;
	padding-left: 5px;
}
.FormBox dt span.req {
	background: none;
}
.FormBox dt span.req:after {
	margin-left: 7px;
	padding: 3px 6px;
	content: "必須";
	font-size: 11px;
	font-size: 1.1rem;
	color: #FFF;
	background: #f02b7d;
	border-radius: 3px;
}
.has_tip_alert input, .has_tip_alert textarea, .has_tip_alert .parent_select_view_edit {
	background: #fee;
	border-color: #c00;
}
.has_tip {
display: inline-block;
position: relative;
vertical-align: bottom;
}
/*-----------------------------------------------------
アラート
-----------------------------------------------------*/
span.alert {
font-size: 12px;
font-size: 1.2rem;
color: #f93c3c;
background: none;
white-space: normal;
}

/*-----------------------------------------------------
ポップアップ
-----------------------------------------------------*/
.tip_wrapper {
background: none;
}

ul.tip {
position: relative;
border: 1px solid #fc969d;
background: #ffebec;
}
ul.tip:before, ul.tip:after {
position: absolute;
content: "";
display: block;
top: 50%;
width: 0px;
height: 0px;
border-style: solid;
}
ul.tip:before {
left: -8px;
margin-top: -19px;
border-width: 10px 10px 10px 0;
border-color: transparent #ffebec transparent transparent;
z-index: 0;
}
ul.tip:after {
left: -10px;
margin-top: -20px;
border-width: 11px 11px 11px 0;
border-color: transparent #fc969d transparent transparent;
z-index: -1;
}
ul.tip li {
color: #f93c3c;
font-size: 12px;
font-size: 1.2rem;
}

/*-----------------------------------------------------
確認メール
-----------------------------------------------------*/
#_control_tag_input_pcmail a {
display: inline-block;
color: #4d4d4d;
text-decoration: underline;
}
#_control_tag_input_pcmail a:hover {
opacity: 0.7;
}











/*----------------------------------------------------*/
/*SP*/
/*----------------------------------------------------*/
@media only screen and (max-width: 640px) {

#Conlog h2 span{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	color: #999;
	padding: 0 0 0 15px;
	width: 60%;
	display: inline-block;
}
.loginBox{
	padding: 30px 10px;
}
.loginBtn {
	margin: 0 auto 30px;
	text-align: center;
	width: 90%;
}
#forward1{
	color: #fff; 
	display: block; 
	margin: 0; 
	text-decoration: none; 
	cursor: pointer; 
	border-radius: 5px; 
	width: 100%;
	font-size: 1.6rem; 
	box-sizing: border-box; 
	position: relative; 
	background: #2471B6;
	padding: 8px;
}
.lead02, .siBtn {
	margin-bottom: 30px;
	text-align: none;
	float: left;
	width: 100%;
}
.signupBtn {
	padding-left: 0px;
}
.signupBtn a{
	border: 1px solid #fc2797; /* 枠線 */
	border-radius: 0.3em;/* 角丸 */
	color: #fff; 
	display: block; 
	margin: 0 auto; 
	text-decoration: none; 
	cursor: pointer; 
	border-radius: 5px; 
	width: 90%;
	font-size: 1.6rem; 
	box-sizing: border-box; 
	position: relative; 
	background: #fc2797;
	padding: 8px;
	text-align: center;
}
.fieldBox {
	margin: 0 auto 45px;
	display: block;
	width: 100%;
}
.formWrap .errorBox {
margin: 20px;
padding: 10px 5px;
color: #F02B7D;
text-align: center;
border: 2px solid #F02B7D;
background: #fcebeb;
border-radius: 3px;
}
.formWrap .labelCaption {
margin-bottom: 7px;
font-size: 1.4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.formWrap .errorMes p {
position: relative;
padding-left: 1.4em;
font-size: 1.4rem;
}
.fieldName {
margin-bottom: 12px;
padding: 0 5px;
width: 100%;
border-bottom: none;
border-bottom: 2px solid #2471B6;
text-align: left;
}
.fieldData {
padding: 0 5px;
font-size: 1.4rem;
width: 100%;
}
.formWrap .note {
position: relative;
padding-left: 1.4em;
font-size: 1.2rem;
}
.formBox {
margin-bottom: 20px;
}
.lead{
	margin-bottom: 10px;
/*	text-align: left;*/
}
.formItem {
margin-bottom: 0;
width: 100%;
}
.formColumn2 {
display: -webkit-box;
display: -ms-flexbox;
display: block;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.fieldName {
margin-bottom: 12px;
padding-bottom: 5px;
}
.formWrap .required {
display: inline-block;
padding: 1px 0.6em 1px 1.2em;
font-size: 1.2rem;
font-weight: normal;
letter-spacing: 0.6em;
color: #FFF;
text-align: center;
border-radius: 20px;
vertical-align: middle;
}
.formWrap .errorMes {
padding: 5px;
color: #F02B7D;
border: 2px solid #F02B7D;
background: #fcebeb;
border-radius: 3px;
margin-top: 5px;
}
.messageBox .head {
font-size: 1.6rem;
font-weight: bold;
text-align: center;
}
.messageBox .mail {
padding: 10px 0;
font-size: 1.6rem;
text-align: center;
background: #fcebeb;
}

.submitBox .submitBtn {
font-size: 1.6rem;
padding: 18px 10px;
position:relative;
}
.submitBoxb{
margin-top: 20px;
}
.submitBoxb .backBtn {
padding: 18px 10px;
font-size: 1.6rem;
position:relative;
}
}