@charset 'UTF-8';
/* withdoctors 新規会員登録
-------------------------------------------------- */
/* arrow
-------------------------------------------------- */
/* --------------------------------------------------
unique for regist top
-------------------------------------------------- */
.wrapRegist01 {
  padding-bottom: 6rem;
}
.wrapRegist01 h3 {
  font-size: 3rem;
  font-weight: normal;
  margin: 0;
  padding: 6rem 0; 
  text-align: center;
}
.wrapRegist01 h3 span {
  color: #a61918;
  font-size: 1.8rem;
  font-family: 'Roboto Condensed';
}
.wrapRegist01 dl {
  box-sizing: border-box;
  font-size: 1.4rem;
  margin: 1.6rem auto; 
  padding: 1.2rem 0 1.2rem 120px;
  position: relative;
  max-width: 660px;
  min-height: 8rem;
}
.wrapRegist01 dl::before {
  border: 1px solid #333;
  border-radius: 100%;
  box-sizing: border-box;
  content: '';
  display: block;
  font-size: 2rem;
  line-height: 80px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  width: 8rem;
  height: 8rem;
}
.wrapRegist01 dl:nth-child(1):before {
  content: '0';
}
.wrapRegist01 dl:nth-child(2):before {
  content: '1';
}
.wrapRegist01 dl:nth-child(3):before {
  content: '2';
}
.wrapRegist01 dl:nth-child(4):before {
  content: '3';
}
.wrapRegist01 dl:nth-child(5):before {
  content: '4';
}
.wrapRegist01 dl:nth-child(6):before {
  content: '5';
}
.wrapRegist01 dt {
  font-size: 2rem;
  font-weight: bold;
  font-family: 'TsukuGoPro-B';
}
.wrapRegist01 dd {
  margin: 0;
}

.wrapRegist02 {
  background: #e8e6df;
  padding: 3rem 0 3.5rem;
}
.wrapRegist02 h3 {
  margin: 0; 
  padding: 5rem 0;
  font-size: 2.2rem;
}

.wrapRegistForm01 {
  padding-bottom: 13vw;
}
.wrapRegistForm01 .wrapagreement {
  padding: 6rem 0 0;
}
.wrapRegistForm01 .wrapagreement h3 {
  font-size: 1.6rem;
  margin: 0 0 5rem;
}
.wrapRegistForm01 .wrapagreement .agree {
  margin-bottom: 4rem;
}
.wrapRegistForm01 .wrapagreement .error {
  text-align: center;
}
.agree {
  background: #e8e6df;
  width: 100%;
  text-align: center;
  padding: 14px 0px;
  font-size: 1.4rem;
  /*font-weight:bold;*/
  margin-bottom: 0;
  display: block;
}
.wrapfrom .agree p {
  margin-top: 14px;
  text-align: center;
  font-size: 1.4rem;
}
.wrapContents * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapfrom .agree p {
  margin-top: 0;
  margin-bottom: 0;
}
.agree p input {
  margin-right: 2px;
}
#err_agree {
  margin-top: 20px;
  text-align: center;
}
.privacy-statement-box h3 {
  font-size: 1.6rem;
}
.privacy-statement-box {
  margin: 0 0 60px 0;
}
.privacy-statement-box .p-consent-doc {
  margin: 0 auto 25px;
  text-align: center;
}
.privacy-statement-box .p-consent-doc > p {
  font-size: 1.4rem;
}
a.redmark:active, a.redmark:link, a.redmark:visited {
  color: #a61918;
  text-decoration: underline;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}
a.redmark:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.p-form__th .required {
  line-height: 150%;
}
.p-form {
  margin: 3rem 0 5rem;
}
.p-form__th_name1,
.p-form__th_name2 {
  width: 19%;
}
.p-form__td > div {
  zoom: 1;
}
.p-form__td > div:after {
  clear: both; 
  content: '';
  display: block;
}
.p-form__td ul {
  clear: both;
  margin: 0; 
  padding: 0;
  zoom: 1;
}
.p-form__td ul:after {
  clear: both; 
  content: '';
  display: block;
}
.p-form__td li {
  float: left;
  list-style-type: none;
  margin: 0;
}
.p-form_name1 ul {
  width: 66%;
}
.p-form_name1 input[type=text] {
  width: 75%;
}
.p-form_name1 li {
  width: 50%;
}
.p-form_name1 span.mei {
  margin-right: 12px; 
  text-indent: 14px;
}
.p-form_name2 ul {
  float: left;
  width: 66%;
}
.p-form_name2 input[type=text] {
  width: 75%;
}
.p-form_name2 li {
  width: 50%;
}
.p-form_name2 li:nth-child(1) span {
  margin-right: 11.5px;
}
.p-form_name2 li:nth-child(2) span {
  margin-right: 12px;
}
.p-form_name2 .hosoku {
  float: left;
  padding: 1.1rem 0;
}
.p-form__td_zip ul {
  float: left;
}
.p-form__td_zip input[type=text] {
  width: auto;
}
.p-form__td_zip li > span {
  margin: 0 12px;
}
.p-form__td_zip .hosoku {
  clear: both;
  float: none;
}
.p-form__td_tel input[type=text] {
  width: 6em;
}
.p-form__td_tel li > span {
  margin: 0 12px;
}
.p-form__td_tantou input[type=text] {
  /*width: auto;*/

  /* 2017-09-16 ADD NP花村 */
  width: 90%;
}
.p-form__td_tantou li {
  width: 50%;
}
.p-form__td_tantou li span {
  margin: 0 12px;
}
.p-form__td_how input[type=text] {
  width: auto;
}
.p-form__td_how .wrap div span {
  margin: 0 12px;
}
.p-form__td_how label {
  width: 20%;
}
.p-form__td_how .select-box01 {
  width: 30%;
}
.p-form__td_how .select-box01 select {
  width: 100%;
}
.p-form__td_open input[type=text] {
  width: auto;
}
.p-form__td_open label span {
  margin: 0 12px;
}
.p-form__td_open .wrap label:last-child span {
  margin-left: 0;
}
.p-form__td_yoteichi input[type=text] {
  width: auto;
}
.p-form__td_yoteichi ul,
.p-form__td_yoteichi li {
  float: none;
}
.p-form__td_yoteichi li {
  padding: 3px 0;
}
.p-form__td_yoteichi .select-box01 {
  display: inline-block;
  margin-right: 12px;
}
.p-form__td_yoteichi .wrap > span {
  margin-right: 1em;
}
.p-form__td_yoteichi .q1 > span {
  text-align: left;
  width: 20%;
}
.p-form__td_yosan input[type=text] {
  width: 6em;
}
.p-form__td_yosan input[type=text] {
  width: 6em;
}
.p-form__td_jiki input[type=text] {
  width: auto;
}
.p-form__td_kazoku input[type=text] {
  width: 4em;
}
.p-form__td_kazoku input[type=text]:last-child {
  width: auto;
}

.yoteichi-q {
  /*display: none;*/
}

.zip-btn {
  border: 1px solid #b4b7bb;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  line-height: 3.7rem;
  margin-left: 12px;
  padding: 0 1.5em;
}
.zip-btn::before {
  content: '\e90d';
  font-family: 'icomoon' !important;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  margin-right: .5em; 
  text-transform: none;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
}
.zip-btn:hover {
  color: #a61918;
}
/*.mainVisual01 .lead p{
	text-shadow: 0 3px 6px #262424 !important;
}*/
.pageform .mainVisual01 .lead h2{
	margin-top: 12vw;
	text-align: center;
}
.pageform .mainVisual01 .lead h2 img{
	max-width: 100%;
}

.pageform .mainVisual01 .lead p{
	font-size: 4.1rem;
	margin: 0 auto;
	text-align: center;
	color: #231815;
}
@media only screen and (min-width: 769px) and (max-width: 980px) {
  .p-form__td_how label {
    width: auto; 

    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
	
	
.pageform .mainVisual01 .lead h2 {
    margin-top: 8vw;
}
}

@media only screen and (max-width: 768px) {
  .mainVisual01 .img {
    background-image: url('../images/mv01_sp.jpg');
  }
  .wrapRegist01 {
    padding: 0 0 3rem;
  }
  .wrapRegist01 h3 {
    font-size: 6.3vw;
    padding: 3rem;
  }
  .wrapRegist01 h3 span {
    font-size: 3vw;
  }
  .wrapRegist01 dl {
    font-size: 3.4vw;
    margin: 4vw auto; 
    padding: 3vw 0 3vw 30vw;
    min-height: 20vw;
  }
  .wrapRegist01 dl::before {
    font-size: 5vw;
    line-height: 20vw;
    width: 20vw;
    height: 20vw;
  }
  .wrapRegist01 dt {
    font-size: 5vw;
  }
  .wrapRegist02 {
    padding: 7.5vw 0 8.75vw;
  }
  .wrapRegist02 h3 {
    padding: 12.5vw 0;
  }
  .wrapRegistForm01 .wrapagreement {
    padding: 10.6vw 0 0;
  }
  .wrapRegistForm01 .wrapagreement h3 {
    font-size: 4.3vw;
    margin: 0 0 6vw; 
    text-align: left;
  }
  .wrapRegistForm01 .wrapagreement .error {
    text-align: left;
  }
  .p-form {
    margin: 1rem 0;
  }
  .p-form__th_name1,
  .p-form__th_name2 {
    width: auto;
  }
  .p-form_name1 ul {
    width: auto;
  }
  .p-form_name1 input[type=text] {
    width: 95%;
  }
  .p-form_name1 span.mei {
    text-indent: 0;
  }
  .p-form_name2 ul {
    float: none;
    width: auto;
  }
  .p-form_name2 input[type=text] {
    width: 95%;
  }
  .p-form__td_zip ul {
    float: none;
  }
  .p-form__td_zip input[type=text] {
    width: auto;
  }
  .p-form__td_zip li > span {
    margin: 0 12px;
  }
  .p-form__td_zip .hosoku {
    clear: both;
    float: none;
  }
  .p-form__td_tel input[type=text] {
    width: 5em;
  }
  .p-form__td_tantou li span {
    margin: 0;
  }
  .p-form__td_how input[type=text] {
    width: 100%;
  }
  .p-form__td_how label {
    width: auto;
  }
  .p-form__td_how .wrap div span {
    margin: 0;
  }
  .p-form__td_how .wrap > div {
    margin-left: 1.5em; 
    width: 95%;
  }
  .p-form__td_how .select-box01 select {
    width: 100%;
  }
  .p-form__td_yoteichi input[type=text] {
    width: auto;
  }
  .p-form__td_yoteichi li {
    padding: 3px 0;
  }
  .p-form__td_yoteichi .select-box01 {
    display: block;
    margin: 7px 0 14px;
    width: 100%;
  }
  .p-form__td_yoteichi .q1 > span {
    width: 100%;
  }
  .p-form__td_yosan > span {
    display: block;
  }
  .p-form__td_yosan label {
    display: block;
    margin: 7px 0;
  }
  .p-form__td_yosan input[type=text] {
    width: 6em;
  }
  .p-form__td_jiki label {
    display: inline-block;
  }
  .p-form__td_jiki input[type=text] {
    width: auto;
  }
  .p-form__td_kazoku > div:nth-of-type(2) label,
  .p-form__td_kazoku > div:nth-of-type(3) label {
    margin-right: 0; 
    width: 18%;
  }
  .p-form__td_kazoku > div:nth-of-type(2) label:first-child,
  .p-form__td_kazoku > div:nth-of-type(3) label:first-child {
    width: 28%;
  }
  .p-form__td_kazoku input[type=text] {
    width: 40%;
  }
  .p-form__td_kazoku input[type=text]:last-child {
    margin-left: .5em;
    width: auto;
  }
  .zip-btn {
    margin: 1.1rem 0 0 0;
  }
  .pageform .mainVisual01 .lead p{
    font-size: 7.2vw;
  }
  .privacy-statement-box h3 {
    font-size: 4.3vw;
  }
  .privacy-statement-box .p-consent-doc {
    text-align: left;
  }
  .wrapRegistForm01 .error {
    margin-left: 0;
    text-align: left;
  }

	
}