@charset "utf-8";

/* pageHeader */

.pageHeader h2.pageHeader_ttl,
#mypage.login h2 {
  position: relative;
  margin-bottom: 1.8rem;
  color: rgb(51,51,51);
  font-size: 1.8rem;
  text-align: center;
  font-weight: 300;
  letter-spacing: 0.1ch }

.pageHeader h2.pageHeader_ttl.bar,
#mypage.login h2.bar {
  margin-bottom: 2.5rem;
  padding-bottom: 0.85rem }

.pageHeader h2.pageHeader_ttl.bar:before,
#mypage.login h2.bar:before {
  position: absolute;
  left: calc(50% - 25px);
  bottom: 0;
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background-color: rgb(174,93,161) }

.pageHeader .pageHeader__txt {
  margin-bottom: 2.3rem }

.pageHeader .pageHeader__txt p {
  font-size: 0.9rem;
  text-align: center }

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

  .pageHeader {
    padding: 0 5.0vw }

  .pageHeader h2.pageHeader_ttl,
  #mypage.login h2 {
    margin-bottom: 8.0vw;
    font-size: 5.0vw;
    line-height: 7.8vw;
    letter-spacing: 0 }

  .pageHeader h2.pageHeader_ttl.bar,
  #mypage.login h2.bar {
    margin-bottom: 6.5vw;
    padding-bottom: 3.5vw }

  .pageHeader h2.pageHeader_ttl.bar:before,
  #mypage.login h2.bar:before {
    left: calc(50% - 5.0vw);
    width: 10.0vw;
    height: 0.5vw }

  .pageHeader .pageHeader__txt {
    margin-bottom: 8.0vw }

  .pageHeader .pageHeader__txt p {
    padding: 0 1.5vw;
    font-size: 3.6vw;
    text-align: justify }

}

/* stepPath */

.stepPath {
  display: table;
  width: 100%;
  height: 80px;
  margin: 0 0 1.5rem;
  background-color: rgb(255,255,255);
  border: 2px solid rgb(24,17,97);
  border-radius: 3px;
  box-sizing: border-box }

.stepPath:after {
  content: "";
  display: block;
  height: 0px;
  clear: both;
  overflow: hidden;
}
.stepPath dd {
  position: relative;
  display: table-cell;
  width: auto;
  height: 100%;
  margin: 0 !important;
  padding: 0;
  box-sizing: border-box;
  color: rgb(51,51,51);
  font-size: 0.9rem;
  text-align: center;
  line-height: 1.2;
  font-weight: 300;
  vertical-align: middle }

.stepPath.col-3 dd {
  width: 33.333% }

.stepPath.col-4 dd {
  width: 25% }

.stepPath.col-5 dd {
  width: 20% }

.stepPath.col-7 dd {
  width: 14.28%;
  padding-left: 0.5rem }

.stepPath dd small {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 0.75rem;
  font-weight: 300;
  letter-spacing: 0.12ch }

.stepPath dd:after,
.stepPath dd.current:after,
.stepPath dd.current:before {
  position: absolute;
  right: -15px;
  top: 0px;
  width: 30px;
  height: 100%;
  background-image: url("./img/arw_step.png");
  background-size: cover;
  background-position: right 50%;
  background-repeat: no-repeat;
  content: '';
  clear: both;
  font-size: 0;
}
.stepPath dd.current:after {
  background-image: url("./img/arw_step_act01.png") !important;
}
.stepPath dd.current:before {
  left: -15px;
  background-image: url("./img/arw_step_act02.png") !important;
}
.stepPath dd:last-child { border-right: none }
.stepPath dd:first-child:before,
.stepPath dd:last-child:after,
.stepPath dd:last-child.current:after {
  display: none;
}
.stepPath dd.current {
  width: auto;
  background-color: rgb(24,17,97);
  color: rgb(255,255,255)
}
.stepPath dd.none:after {
  content: '';
  display: none
}

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

  .stepPath {
    width: 100%;
    height: 100%;
    margin-bottom: 8.0vw }

  .stepPath dd {
    height: auto;
    padding: 4.2vw 1.8vw 4.2vw 2.0vw;
    font-size: 2.4vw }

  .stepPath dd small {
    display: block;
    margin-right: 0;
    font-size: 2.0vw }

  .stepPath dd:after,
  .stepPath dd:before,
  .stepPath dd.current:after,
  .stepPath dd.current:before {
    position: absolute;
    width: 4.2vw;
    height: 100% }

  .stepPath dd:after,
  .stepPath dd.current:after {
    right: -2.2vw }

  .stepPath dd.current:before {
    left: -2.2vw }

}


/* Error */

.ERR {
	display: block;
	margin-bottom: 2.5rem }

.ERR p {
  margin-bottom: 0.2rem !important;
  font-size: 0.8rem !important;
  line-height: 1.6 !important;
  text-align: center !important;
  font-weight: 300 !important }

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

  .ERR p {
    margin-bottom: 0.5vw !important;
    font-size: 3.0vw !important }

}

/* alert */

.alert {
  margin-bottom: 1.5rem;
  padding: 1.2rem;
  border: 1px solid rgb(170,170,170);
  border-radius: 3px }

.alert p {
  font-size: 0.85rem;
  line-height: 1.0;
  font-weight: 300 }

.alert.completion {
  border-color: rgb(200,210,190);
  color: rgb(130,150,90);
  background-color: rgb(230,240,220) }

.alert.error {
  border-color: rgb(210,200,190);
  color: rgb(180,130,130);
  background-color: rgb(255,239,239) }



/* form share
-----------------------------*/

input,
textarea,
select,
button {
  padding: 0;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  font-size: 0.9rem;
  vertical-align: middle;
  border-radius: 0;
  border: 0
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: transparent;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: transparent
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: transparent
}

/* Wrap */

.formWrap,
.projectWrap,
.mypageWrap {
  background-color: rgb(240,240,240);
  border-radius: 2px;
  padding: 2.0rem 2.25rem 2.5rem }

.formWrap .section--form,
.mypageWrap .section--form,
.mypageWrap .section--mypage {
  display: block;
  margin: 0 0 1.5rem;
  border-radius: 3px;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.05);
  box-sizing: content-box;
  overflow: hidden }

.formWrap .section--form h3,
.mypageWrap .section--form h3,
.mypageWrap .section--mypage h3 {
  position: relative;
  margin: 0;
  padding: 0 30px;
  border-bottom: 1px solid #e5e5e5;
  background-image: -webkit-linear-gradient(rgb(255,255,255) 0%, #eee 100%);
  background-image: linear-gradient(rgb(255,255,255) 0%, #eee 100%);
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 50px }

.formWrap .section--form h3:before,
.mypageWrap .section--form h3:before,
.mypageWrap .section--mypage h3:before {
  position: absolute;
  top: 50%;
  left: -15px;
  z-index: 100;
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  background-color: rgb(174,93,161) }

.formWrap .section--form h3 small,
.mypageWrap .section--form h3 small,
.mypageWrap .section--mypage h3 small {
  margin-left: 0.5rem;
  font-size: 0.75rem;
  font-weight: 300 }

.formWrap .section--form h4 {
  position: relative;
  margin: 0;
  padding: 1.0rem 0;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.0 }

.formWrap .section--form h4.hr-Top {
  margin-top: 1.6rem;
  padding-top: 0.8rem;
  border-top: 1px dotted rgb(204,204,204) }

.basic__address .input__text:first-child h4:first-child {
  padding-top: 0 }

.formWrap .section--form h4 small {
  margin-left: 5px;
  font-size: 80% }

.formWrap .section--form h4.subtitle {
  margin: 1.25rem 0 0.65rem;
  padding: 0.85rem 0;
  border-top: 1px dotted rgb(204,204,204);
  border-bottom: 1px dotted rgb(204,204,204) }

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

  .formWrap,
  .projectWrap,
  .mypageWrap {
    padding: 7.5vw 5.0vw 9.0vw }

  .formWrap .section--form,
  .mypageWrap .section--form,
  .mypageWrap .section--mypage {
    margin-bottom: 8.5vw }

  .formWrap .section--form h3,
  .mypageWrap .section--form h3,
  .mypageWrap .section--mypage h3 {
      padding: 4.0vw 6.0vw;
      font-size: 3.6vw;
      line-height: 1.6 }

  .formWrap .section--form h4,
  .mypageWrap .section--form h4,
  .mypageWrap .section--mypage h4 {
    padding: 1.8vw 0;
    font-size: 3.6vw;
    line-height: 6.8vw }

}

/* form__table */

.section--mypage .mypage__table,
.section--mypage .mypage__lead,
.section--form .form__table,
.section--form .form__lead {
  width: 100%;
  margin: 0;
  padding: 0 30px 1.0rem;
  background-color: rgb(255,255,255);
  border-collapse: separate;
  border-spacing: 0 24px;
  box-sizing: border-box }

.section--mypage .mypage__lead p {
  font-size: 0.85rem }

.section--mypage .mypage__table,
.section--mypage .mypage__lead {
  padding: 30px }

.section--form .form__lead {
  padding-top: 30px }

.section--form .form__lead p {
  padding-bottom: 30px;
  border-bottom: 1px dotted rgb(204,204,204);
  font-size: 0.85rem }

.section--form .form__table th {
  position: relative;
  padding-top: 20px;
  width: 240px;
  color: rgb(51,51,51);
  font-size: 0.9rem;
  line-height: 1.6;
  font-weight: 500;
  text-align: left;
  vertical-align: middle;
  border-top: 1px dotted rgb(204,204,204) }

.section--form .form__table th.top {
  vertical-align: top }

.section--form .form__table tr:first-child th {
  padding-top: 3px;
  border-top: none }

.ie .section--form .form__table th {
  vertical-align: top }

.section--form .form__table th span {
  display: block;
  font-size: 0.75rem }

.section--form .form__table th.required:after,
.section--form .form__table .input-checkbox.required:after,
.section--form .form__table .input__text h4.required:after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  content: "必須";
  margin-top: 0;
  padding: 5px 0;
  width: 45px;
  background-color: rgb(174,93,161);
  border-radius: 2px;
  color: rgb(255,255,255);
  font-size: 0.75rem;
  line-height: 1.0;
  font-weight: 300;
  text-align: center }

.section--form .form__table tr:first-child th.top.required:after {
  top: 4px }

.section--form .form__table tr:first-child th.top.required.txt:after {
  top: 16px }

.section--form .form__table tr th.top.required:after,
#regist.camwriter .basic.section--form .form__table tr:last-child th.top.required:after {
  top: 24px }

.section--form .form__table tr:first-child th.required.forTxt:after,
.section--form .form__table tr:first-child th.top.required.forTxt:after {
  top: 16px }

.section--form .form__table tr th.top.required.forTxt:after {
  top: 34px }

.payment.section--form .form__table tr:first-child th.top.required:after {
  top: 10px }

#regist.camwriter .basic.section--form .form__table tr:nth-child(2) th.top.required:after,
#regist.camwriter .payee.section--form .form__table tr:nth-child(3) th.top.required:after,
#regist.camwriter .basic.section--form .form__table tr:nth-child(6) th.top.required:after {
  top: 24px }

.section--form .form__table .consent_check .input-checkbox.required:after,
.section--form .form__table .input__text h4.required:after {
  right: 0;
  padding: 3px 0 }

.section--form .form__table .consent_check .input-checkbox.required:after {
  top: 1px }

.section--form .form__table .input__text h4.required {
  display: inline-block;
  padding-right: 54px }

.section--form .form__table .input__text h4.required:after {
  top: 14px }

.ie .page#form .section--form .form__table th>span {
  vertical-align: top }

.section--form .form__table .field,
.section--form .form__table .fields {
  position: relative;
  margin: 0;
  padding-top: 24px;
  border-top: 1px dotted rgb(204,204,204) }

.section--form .form__table .field.noborder,
.section--form .form__table .fields.noborder {
  border-top: none !important }

.section--form .form__table .field.eps_option,
.section--form .form__table .fields.eps_option {
  padding-top: 12px }

.section--form .form__table .field>.field:not(:last-child) {
  /*margin-bottom: 28px*/ }

.section--form .form__table .field>label {
  margin: 0 0 15px
}
.section--form .form__table .fields {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}
.section--form .form__table tr:first-child .field,
.section--form .form__table tr:first-child .fields {
  padding-top: 3px;
  border-top: none }

.section--form .form__table .fields>.field {
  padding-left: 0;
  padding-right: 0 }

.section--form .form__table .table__inner {
  padding: 1.5rem 0 1.5rem }

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

  .section--mypage .mypage__table,
  .section--mypage .mypage__lead,
  .section--form .form__table,
  .section--form .form__lead {
    padding: 5.0vw }

  .section--form .form__table {
    border-spacing: 0 1.5vw }

  .section--mypage .mypage__lead {
    padding: 5.0vw 5.0vw 0 }

  .section--mypage .mypage__lead p {
    padding-bottom: 4.5vw;
    font-size: 3.6vw }

  .confirm .section--form .form__table {
    padding-bottom: 8.0vw }

  .section--form .form__table th {
    margin: 0 0 4.0vw;
    padding: 2.0vw 0 3.0vw !important;
    width: 100%;
    font-size: 4.2vw;
    line-height: 1.25;
    border-top: none;
    border-bottom: 1px solid rgb(51,51,51) }

  .section--form .form__table th.required:after,
  .section--form .form__table .input-checkbox.required:after,
  .section--form .form__table tr:first-child th.top.required:after,
  .section--form .form__table tr th.top.required:after {
    top: 2.0vw !important;
    right: 0; }

  .section--form .form__table .consent_check .input-checkbox.required:after {
    top: 0 !important }

  .section--form .form__table th span {
    display: inline-block;
    margin-left: 2.0vw;
    font-size: 2.6vw }

  .section--form .form__table tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 5.0vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column }

  .confirm .section--form .form__table tr {
    margin-bottom: 0 }

  .section--form .form__table .field,
  .section--form .form__table .fields {
    padding-top: 0 !important;
    border-top: none !important
  }

  .section--form .form__table .table__inner {
    padding: 0 0 2.0vw
  }

}

.section--form .form__table p,
.section--mypage .mypage__table p {
  margin: 0 0 0.85rem;
  font-size: 0.9rem;
  font-weight: 300 }

.confirm .section--form .form__table p,
.membersinfo.confirm .section--form .form__table p {
  margin-bottom: 0 }

.confirm .section--form .form__table .consent_check p {
  margin-bottom: 0.85rem; }

.confirm .section--form .form__table th,
.membersinfo.confirm .section--form .form__table th {
  padding-top: 24px !important;
  vertical-align: top !important }

.confirm .section--form .form__table tr:first-child th,
.confirm .section--form .form__table tr:first-child td,
.membersinfo.confirm .section--form .form__table tr:first-child th,
#inquiry.confirm .section--form .form__table tr:first-child th {
  padding-top: 0 !important }

.section--form .form__table .input__notes,
.section--mypage .mypage__table .input__notes {
  padding-top: .65rem
}
.section--form .form__table .input__notes p,
.section--mypage .mypage__table .input__notes p {
  margin: 0;
  font-size: 0.75rem
}
.section--form .form__table .input__notes p strong,
.section--mypage .mypage__table .input__notes p strong {
  font-weight: 300
}

.section--form .form__inputWrapper input[type="text"],
.section--form .form__inputWrapper input[type="password"],
.section--form .form__inputWrapper textarea,
.section--form .form__table .form__selectbox .form__selectbox__body {
  position: relative;
  width: auto;
  height: 45px;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 0;
  box-sizing: border-box;
  background-color: rgb(246,246,246);
  color: rgb(51,51,51);
  font-size: 0.9rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  -webkit-transition: all .3s;
  transition: all .3s
}

.section--form .form__inputWrapper textarea {
  height: 240px;
  line-height: 1.45 }

.section--form .form__table input[type="text"]:focus,
.section--form .form__table input[type="password"]:focus,
.section--form .form__table textarea:focus,
.section--form .form__table select:focus
.input-text textarea:focus {
  box-shadow: 0 0 7px rgb(174,93,161) !important;
  border: 1px solid rgba(174,93,161,0.5) !important;
}

.section--form .form__table .one input[type="text"],
.section--form .form__table .one input[type="password"],
.section--form .form__table .one textarea {
    width: 100%;
}

.section--form .form__inputWrapper .field:not(:last-child) {
  margin: 0 20px 0 0 }

.section--form .form__table .three input,
.section--form .form__table .three .field,
.section--form .form__table .three .form__input {
  /*max-width: calc(440px/3)*/ }

.section--form .form__table .two .input__text,
.section--form .form__table .three .input__text {
  display: table;
  float: left;
  border-spacing: 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap }

.section--form .form__table .two .input__text {
  width: 48.5% }

.section--form .form__table .two .input__text:first-child {
  margin-right: 3.0%; }

.section--form .form__table .two .input__text input,
.section--form .form__table .three .input__text input,
.section--form .form__table .three .input__text select,
.section--form .form__table .three .input__text .form__selectbox {
  display: table-cell;
  width: 100% }

.section--form .form__table .three .input__text {
  width: 33.3% }

.section--form .form__inputWrapper .input__text.table {
  display: table;
  width: 100%;
  border-spacing: 0 5px }

.confirm .section--form .form__inputWrapper .input__text.table {
  border-spacing: 0 5px }

.section--form .form__inputWrapper .input__text.table .th,
.section--form .form__inputWrapper .input__text.table .td {
  display: table-cell;
  padding: 0;
  vertical-align: middle;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap }

.section--form .form__inputWrapper .input__text.table .th {
  width: 18.00%;
  color: rgb(51,51,51);
  font-size: 0.9rem;
  font-weight: 300;
  white-space: nowrap; }

.section--form .form__inputWrapper .input__text.table .th.top {
  padding-top: 0.5rem;
  vertical-align: top }

.section--form .form__inputWrapper .input__text.table .th span {
  display: block;
  padding-top: 0.35rem;
  font-size: 0.75rem }

.credit_number__inner,
.credit_limit__inner {
  display: table;
  border-spacing: 0 }

.section--form .form__inputWrapper .input__text.table .td.credit_number input,
.section--form .form__inputWrapper .input__text.table .td.credit_number .dash,
.section--form .form__inputWrapper .input__text.table .td.credit_limit input,
.section--form .form__inputWrapper .input__text.table .td.credit_limit label,
.section--form .form__inputWrapper .input__text.table .td.credit_limit .form__selectbox {
  display: table-cell;
  vertical-align: middle }

.section--form .form__inputWrapper .input__text.table .td.credit_limit input {
  width: 100%;
  max-width: 150px }

.section--form .form__inputWrapper .input__text.table .td.credit_limit .form__selectbox {
  width: 42%;
  max-width: 150px }

.section--form .form__inputWrapper .input__text.table .td.credit_number .dash {
  width: 5.0%;
  text-align: center }

.section--form .form__inputWrapper .input__text.table.payment-date .td .form__selectbox {
  display: inline-block;
  margin-right: 0;
  width: 49.0% }

.section--form .form__inputWrapper .input__text.table.payment-date .td .form__selectbox:first-child {
  margin-right: 1.2%; }

.section--form .form__inputWrapper .input__text.table.payment-name {
  margin-bottom: 0.5rem }

.section--form .form__inputWrapper .input__text .label,
.section--form .form__inputWrapper .input__text .dash {
  display: table-cell;
  padding: 0;
  color: rgb(51,51,51);
  font-size: 0.9rem;
  font-weight: 300;
  white-space: nowrap }

.section--form .form__inputWrapper .input__text .label.pr {
  padding-right: 0.65rem }

.section--form .form__inputWrapper .input__text .label.pl {
  padding-left: 0.65rem }

/* career */
.career__info {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  border-top: 1px dotted rgb(204,204,204) }

.career__info:first-child {
  padding-top: 0;
  border-top: none }

.career__info:last-child {
  padding-bottom: 0 }

.career__inner {
  display: table;
  width: 100%;
  border-spacing: 0 }

.career.section--form .career__info .input__text.table .td input,
.career.section--form .career__info .input__text.table .td .label {
  display: table-cell;
  vertical-align: middle }

.career.section--form .work-period input,
.career.section--form .work-experience input {
  max-width: 90px }

.career.section--form .final-education .form__selectbox {
  display: table-cell;
  width: 150px;
  vertical-align: middle }

.career.section--form .work-experience input {
  width: 100%;
  min-width: 90px; }

.career.section--form .work-experience .label.dash {
  position: relative;
  width: 100% }

.career.section--form .work-experience .label.dash:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  width: calc(100% - 30px );
  height: 1px;
  background-color: rgb(128,128,128) }

.career.section--form .form__inputWrapper .input__text .th {
  display: table-cell;
  padding: 0;
  width: 18.00%;
  color: rgb(51,51,51);
  font-size: 0.9rem;
  font-weight: 300;
  white-space: nowrap }

.career.section--form .form__inputWrapper .career__info .input__text.table {
  border-spacing: 0 }

.career.section--form .form__inputWrapper .career__info .input__text.table:nth-child(2) {
  border-spacing: 0 10px }

.career.section--form .work-experience.form__inputWrapper .input__text.table {
  border-spacing: 0 4px !important }

/* equipment(camera_model) */
.equipment.section--form .form__inputWrapper .camera_model {
  margin: -10px 0 -15px;
  padding: 0 }

.equipment.section--form .form__inputWrapper .camera_model .input__text.table {
  border-spacing: 0 5px !important }

.equipment.section--form .form__inputWrapper .camera_model .lens__inner {
  display: table;
  width: 100%;
  margin-bottom: 10px;
  border-spacing: 0 }

/* equipment(shooting) */

.equipment.section--form .form__inputWrapper .shooting {
  display: table;
  width: 100%;
  border-spacing: 0 }

.equipment.section--form .form__inputWrapper .shooting .input__checkbox,
.equipment.section--form .form__inputWrapper .shooting .input__text {
  display: table-cell }

.equipment.section--form .form__inputWrapper .shooting .input__checkbox {
  padding-right: 3.5rem;
  white-space: nowrap }

.equipment.section--form .form__inputWrapper .shooting .input__text {
  width: 100% }


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

  .section--form .form__table p,
  .section--mypage .mypage__table p {
    margin: 0 0 3.6vw;
    font-size: 3.6vw;
    text-align: justify }

  .section--form .form__inputWrapper .field {
    margin-bottom: 0 }

  .section--form .form__inputWrapper .field:not(:last-child) {
    margin-right: 15px }

  .section--form .form__table .two .input__text {
    width: 47.5% !important;
    font-size: 0 }

  .section--form .form__table .two .input__text:first-child {
    margin-right: 3.6vw !important }

  .section--form .form__table .two .input__text input {
    margin: 0 !important }

  .section--form .form__inputWrapper .input__text .label,
  .section--form .form__inputWrapper .input__text .dash {
    font-size: 3.6vw;
    line-height: 1.0 }

  .section--form .form__inputWrapper .input__text .label.pr {
    padding-right: 2.0vw }

  .section--form .form__inputWrapper .input__text .label.pl {
    padding-left: 2.0vw }

  .section--form .form__table .one input,
  .section--form .form__table .one .field,
  .section--form .form__table .one .form__input,
  .section--form .form__table .three input,
  .section--form .form__table .three .field,
  .section--form .form__table .three .form__input {
    width: 100% }

  .section--form .form__inputWrapper input[type="text"],
  .section--form .form__inputWrapper input[type="password"],
  .section--form .form__inputWrapper textarea,
  .section--form .form__table .form__selectbox .form__selectbox__body {
    height: auto;
    padding: 2.85vw 2.5vw;
    font-size: 3.6vw }

  .section--form .form__inputWrapper .corp-only {
    display: block;
    padding-top: 1.8vw;
    font-size: 3.2vw }

  .section--form .form__inputWrapper .input__text.table .th {
    width: 30.0%;
    vertical-align: top }

  .section--form .form__inputWrapper .input__text.table.payment-date .th {
    vertical-align: top;
    line-height: 38px }

  .section--form .form__inputWrapper .input__text.table.payment-date .td .form__selectbox {
    margin-right: 0;
    margin-bottom: 2.0vw;
    width: 100% }

  .section--form .form__table .input__notes p,
  .section--mypage .mypage__table .input__notes p {
    font-size: 3.0vw }

  /* credit */

  .section--form .form__inputWrapper .credit .input__notes {
    margin-bottom: 5.0vw }

  .section--form .form__inputWrapper .credit .input__text.table,
  .section--form .form__inputWrapper .credit .input__text.table .th,
  .section--form .form__inputWrapper .credit .input__text.table .td {
    display: block;
    width: 100% }

  .section--form .form__inputWrapper .credit .input__text.table .th {
    padding-bottom: 2.75vw }

  .section--form .form__inputWrapper .credit .input__text.table .th span {
    display: inline-block;
    margin-left: 1.5vw }

  .section--form .form__inputWrapper .credit .input__text.table .td {
    padding-bottom: 3.0vw }

  .section--form .form__inputWrapper .input__text.table .td.credit_limit input {
      width: 100%;
      max-width: auto;
  }
  .section--form .form__inputWrapper .input__text.table .td.credit_limit .form__selectbox {
      width: 40% !important;
      max-width: auto;
  }

  /* career */
  .career__info {
    padding-top: 3.0vw;
    padding-bottom: 6.0vw }

  .career__info:first-child {
    padding-top: 0;
    border-top: none; }

  .career__info:last-child {
    padding-bottom: 0 }

  .career.section--form .form__inputWrapper .input__text.table {
    border-spacing: 0 !important }

  .career.section--form .form__inputWrapper .input__text.table .th,
  .career.section--form .form__inputWrapper .input__text.table .td {
    display: block;
    width: 100% }

  .career.section--form .work-experience.form__inputWrapper .input__text.table .th,
  .career.section--form .work-experience.form__inputWrapper .input__text.table .td {
    display: table-cell }

  .career.section--form .work-experience.form__inputWrapper .input__text.table .th {
    padding: 0;
    font-size: 3.6vw;
    vertical-align: middle }

  .career.section--form .work-experience.form__inputWrapper .input__text.table .td {
    width: 100% }

  .career.section--form .form__inputWrapper .input__text.table .th {
    padding: 2.0vw 0 1.0vw;
    color: rgb(51,51,51);
    font-size: 3.0vw;
    font-weight: 300 }

  .career.section--form .work-experience.form__inputWrapper .input__text.table .td .label.dash {
    display: none }

  .career.section--form .work-experience.form__inputWrapper .input__text.table .td .input__text  {
    width: 100% }

  .career.section--form .work-experience.form__inputWrapper .input__text.table .td .input__text input  {
    min-width: 70px }

  .career.section--form .form__inputWrapper .input__text .label {
    font-size: 3.2vw;
    font-weight: 300;
    white-space: nowrap }

  .career.section--form .form__inputWrapper .input__text .label.pr {
    padding-right: 1.25vw }

  .career.section--form .form__inputWrapper .input__text .label.pl {
    padding-left: 1.25vw }

  /* use-pc */
  .work.section--form .form__table .two.use-pc .input__text {
    margin-right: 0 !important;
    width: 100% !important; }

  .work.section--form .form__table .two.use-pc .input__text:nth-child(2) {
    margin-top: 4.0vw !important }

  /* equipment(app) */
  .work.section--form .form__table .two.app .input__text {
    margin-right: 0 !important;
    width: 100% !important; }

  .work.section--form .form__table .two.app .input__text:nth-child(2) .formList:last-child {
    margin-bottom: 0 !important }

  /* equipment(camera_model) */
  .equipment.section--form .form__inputWrapper .camera_model {
    margin: 0 !important }

  .equipment.section--form .form__inputWrapper .camera_model .input__text.table {
    border-spacing: 0 5px !important }

  .equipment.section--form .form__inputWrapper .camera_model .lens__inner {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    border-spacing: 0 }

  .equipment.section--form .form__inputWrapper .camera_model .input__text.table .th {
    vertical-align: middle !important }

  .equipment.section--form .form__inputWrapper .camera_model .input__text.table .th.top {
      padding-top: 0.5rem !important;
      vertical-align: top !important }

  /* equipment(shooting) */
  .equipment.section--form .form__inputWrapper .shooting .input__checkbox {
    padding-right: 5.0vw }

}


/* checkbox */

.section--form .form__checkbox {
  vertical-align: top }

.section--form ul.formList {
  width: 100%;
  margin: 0 0 1.5rem;
  padding: 0 }

.section--form .app.form__inputWrapper .input__text ul.formList:last-child {
  margin-bottom: 0 }

.section--form ul.formList li {
  position: relative;
  margin: 0 0 1.0rem;
  padding: 0;
  list-style: none;
  list-style-type: none;
  font-size: 0.9rem;
  line-height: 26px }

.section--form ul.formList li:last-child {
  margin-bottom: 0 }

.section--form ul.formList.auto li {
  float: left;
  padding-right: 2.0rem }

.section--form ul.formList.auto li,
.section--form ul.formList.two li,
.section--form ul.formList.three li,
.section--form ul.formList.four li {
  float: left }

.section--form ul.formList.three li {
  width: 33% }

.section--form ul.formList.four li {
  width: 25% }

.section--form ul.formList.two li,
.section--form ul.formList.four li.wide {
  width: 50% }

.input-checkbox {
  display: block;
  position: relative;
  padding-left: 24px;
  line-height: 1.0; }

.consent_check .input-checkbox {
  display: inline-block;
  margin-top: 0.65rem;
  padding-right: 55px }

.input-checkbox input[type="checkbox"] {
  margin: 0;
  display: none !important }

.input-checkbox input[type="checkbox"]:checked + label:after {
  border-color: rgb(24,17,97) }

.input-checkbox input[type="text"] {
  position: relative;
  top: -1px !important;
  height: 18px !important;
  margin-left: 1.0rem !important;
  padding: 2px !important;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background-color: rgb(246,246,246);
  color: rgb(51,51,51);
  font-size: 0.85rem !important }

.input-checkbox label {
  display: inline-block;
  color: rgb(51,51,51);
  font-size: 0.9rem;
  cursor: pointer;
  font-weight: 300 }

.input-checkbox label:before,
.input-checkbox label:after {
  content: '';
  position: absolute;
  display: inline-block;
  transition: transform .2s ease }

.input-checkbox label:before {
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  background-color: rgb(246,246,246);
  border: 1px solid #ddd;
  border-radius: 0 }

.input-checkbox label:after {
  top: 4px;
  left: 5px;
  width: 6px;
  height: 11px;
  margin-top: -5.5px;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-radius: 1.5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: border-bottom-color,border-right-color .2s ease }

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

  .section--form ul.formList {
    margin-bottom: 2.0vw !important;
    padding: 0 !important }

  .section--form ul.formList li {
    margin-bottom: 3.6vw;
    float: none;
    font-size: 3.6vw;
    line-height: 1.0 }

  .section--form ul.formList li,
  .section--form ul.formList li.wide {
    width: 100% }

  .section--form .form__checkbox {
    display: block;
    position: inherit;
    width: 100% }

  .section--form .form__table .field--checkbox {
    border-top: 1px solid #e4eef2 }

  .section--form .form__table .field--checkbox:not(:last-child) {
    margin-bottom: 0 !important }

  .input-checkbox,
  .consent_check .input-checkbox {
    padding-left:6.0vw }

  .input-checkbox label {
    font-size: 3.6vw;
    line-height: 1.25 }

  .input-checkbox label:before {
    top: 0;
    width: 3.4vw;
    height: 3.4vw }

  .input-checkbox label:after {
    top: 0.2vw;
    left: 1.0vw;
    width: 1.0vw;
    height: 2.0vw;
    margin-top: 0;
    border-width: 0.65vw;
    border-radius: 1.5px }

}

/* enquete (checkbox) */

.section--form .enquete {
  padding: 1.5rem 0 1.0rem }

.section--form .enquete h4 {
  padding: 0 0 1.5rem }

.section--form .enquete.q01 {
  padding-top: 2.0rem }

.section--form .enquete.q02,
.section--form .enquete.q03 {
  border-top: 1px dotted rgb(204,204,204) }

.section--form .enquete ul.formList {
  margin-bottom: 0 }

.section--form .enquete ul.formList li {
  margin-bottom: 1.0rem }

.confirm .section--form ul.formList li,
.confirm .section--form .enquete ul.formList li {
  margin: 0 0 0.25rem 2.0rem;
  padding-left: 0;
  float: none;
  width: auto;
  list-style: disc;
  list-style-type: disc;
  font-size: 0.9rem; }

.enquete label {
  display: inline-block;
  color: rgb(51,51,51);
  font-size: 0.9rem }

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

  .section--form .enquete:first-child {
    padding-top: 0 }

  .confirm .section--form .enquete ul.formList {
    padding-top: 2.4vw !important }

  .confirm .section--form .enquete ul.formList li {
      margin-bottom: 2.4vw }

  .section--form ul.formList.four li,
  .section--form ul.formList.four li.wide {
    float: none;
    width: 100% }

  .confirm .section--form ul.formList li,
  .confirm .section--form .enquete ul.formList li {
    margin-bottom: 2.5vw;
    font-size: 3.6vw; }

  .enquete label {
    font-size: 3.6vw }

}

/* radio */

.section--form .form__radio {
  display: block;
  /*margin-bottom: 1.6rem;*/
  width: 100% }

.input__radio {
  display: block;
  position: relative;
  margin: 0;
  padding-left: 24px;
  line-height: 1.0 }

.input__radio input[type="radio"] {
  display: none !important;
  border: 0;
  margin: 0 }

.input__radio input[type="radio"]:checked + label:after {
  background-color: rgb(24,17,97);
  transform: scale(1);
}
.input__radio label {
  display: inline-block;
  color: rgb(51,51,51);
  font-size: 0.9rem;
  font-weight: 300;
  cursor: pointer;
}
.input__radio label:before,
.input__radio label:after {
  content: "";
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  transition: transform .2s ease;
}
.input__radio label:before {
  top: 6px;
  left: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #505050 }

.input__radio label:after {
  top: 10px;
  left: 4px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  transform: scale(0) }

.input__radio label small {
  font-size: 0.75rem }

.form__radio .input__radio {
  margin-bottom: 0.85rem }

.form__radio .input__radio:last-child {
  margin-bottom: 0 }

.form__radio .input__radio label:before {
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #505050;
}
.form__radio .input__radio label:after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  transform: scale(0);
}
.section--form .form__selectbox {
  display: block;
  position: relative
}



@media all and (max-width:767px) {
  .section--form .form__selectbox {
    max-width: 105px
  }
  .section--form .form__selectbox--prefecture {
    max-width: none
  }
}

.section--form .form__selectbox option {
  color: rgb(51,51,51)
}

.section--form .form__table .form__selectbox .form__selectbox__body {
  width: 100%
}

@media all and (max-width:767px) {
  .section--form .form__selectbox__body {
    padding: 10px 12px
  }
}

.section--form .form__selectbox__body:focus {
  outline: none
}

.section--form .form__selectbox:after {
  position: absolute;
  top: calc(50% - 3px);
  right: 15px;
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-top: -5.5px;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-color: rgb(24,17,97);
  border-radius: 1.5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: border-bottom-color,border-right-color .2s ease;
  transition: transform .2s ease;
}

@media all and (max-width: 767px) {
  .section--form .form__selectbox:after {
    right: 3.8vw
  }
  .section--form .form__selectbox--year {
    -webkit-box-flex: 1.5;
    -webkit-flex: 1.5;
    -ms-flex: 1.5;
    flex: 1.5
  }
}

@media all and (max-width: 767px) {
  .section--form .form__selectbox--day, .page#form .section--form .form__selectbox--month {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}

/* btn */

.section--formBtn {
  display: block;
  width: 100%;
  margin: 0 auto 2.5rem;
  text-align: center }

.section--formBtn input.btn {
  margin: 0 .25rem }

.section--formBtn.two input.btn {
  max-width: 320px }

.section--formBtn.three input.btn {
  max-width: 240px }

.section--formBtn input[type="reset"] {
  display: none }

.section--formBtn input.btn.edit,
.section--formBtn input.btn.back {
  background-color: rgb(128,128,128);
  max-width: 20% }

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

  .section--formBtn {
    max-width: 100%;
    margin-bottom: 10.0vw;
    padding-top: 0 }

  .section--formBtn input.btn {
    margin: 0 0 2.0vw;
    padding: 5.0vw 0;
    max-width: 100% !important;
    font-size: 4.2vw !important }

  .section--formBtn.two input.btn:last-child,
  .section--formBtn.three input.btn:last-child {
    margin-bottom: 0 !important }

}

.formWrap .btn.guide {
  padding: 0 2.4rem;
  border: none;
  border-radius: 2.4rem;
  vertical-align: middle }

.formWrap .btn.guide:hover {
  opacity: 0.6 }

.formWrap .btn.guide a {
  color: rgb(255,255,255);
  font-size: 0.9rem;
  line-height: 45px;
  font-weight: 300 !important }

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

  .formWrap .btn.guide {
    display: table;
    width: 100%;
    padding: 0 0 0 5.0vw; }

  .formWrap .btn.guide a {
    display: table-cell;
    vertical-align: middle;
    padding: 3.8vw 0;
    max-height: 45px;
    font-size: 3.0vw;
    text-align: left;
    line-height: 1.0 }

}

/* ----------------------------
  mypage
---------------------------- */

/* login */

#mypage.login .formWrap {
  padding-top: 0;
  padding-right: 20px;
  padding-left: 20px }

#mypage.login .formWrap .two {
  display: table;
  border-spacing: 15px 30px;
  text-align: center;
  margin: 0 auto;
}

#mypage.login .formWrap .two .section--form {
  display: table-cell;
  width : 50%;
  background-color: rgb(255,255,255) }

#mypage.login .formWrap .two .section--form .form__table {
  padding: 3.0rem 50px }

#mypage.login .formWrap .two .section--form .form__table .fields {
  padding-top: 0;
  border-top: none }

#mypage.login .section--form .form__table .fields .input__text {
  margin-bottom: 0.85rem }

#mypage.login .section--form .form__inputWrapper input[type="text"],
#mypage.login .section--form .form__inputWrapper input[type="password"] {
  height: 50px }

#mypage.login .form__table .block__lead {
  margin-bottom: 2.0rem }

#mypage.login .for-members .form__table .block__notes {
  padding-top: 1.0rem }

#mypage.login .for-beginners .form__table .block__notes {
  padding-top: 2.0rem }

#mypage.login .form__table .block__txt p,
#mypage.login .form__table .block__notes p {
  margin-bottom: 0 }

#mypage.login .section--digitr {
  padding-top: 5px }

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

  #mypage.login .formWrap {
    padding                     : 30px 5.0vw 45px
  }

  #mypage.login .formWrap .two,
  #mypage.login .formWrap .two .section--form {
    display                     : block;
    width                       : 100%
  }

  #mypage.login .formWrap .two {
    border-spacing              : 0
  }

  #mypage.login .formWrap .two .section--form {
    margin-bottom               : 5.0vw
  }

  #mypage.login .formWrap .two .section--form .form__table {
    padding                     : 10.0vw 5.0vw;
    min-height                  : auto;
    border-spacing              : 0
  }

  #mypage.login .form__table .block__lead {
    margin-bottom               : 4.0vw
  }

  #mypage.login .form__table .block__notes {
    padding-top                 : 4.0vw
  }

  #mypage.login .form__table .block__notes p {
    font-size                   : 3.0vw
  }

  #mypage.login .form__table .block__notes .center p {
    text-align                  : center
  }

  #mypage.login .section--digitr {
    padding-top                 : 5.0vw
  }
}

/* ----------------------------
  passremaind / completion
---------------------------- */

.passremaind .formWrap .section--form {
  margin-bottom: 2.5rem }

.completion .formWrap .section--form {
  margin-bottom: 0 }

.passremaind .section--form .form__table {
  padding: 2.5rem 30px 0;
  border-spacing: 0 }

.completion .section--form .form__table {
  padding: 3.0rem 30px 0.1rem }

.passremaind .form__table .block__txt,
.completion .form__table .block__txt {
  max-width: 630px;
  margin: 0 auto 2.5rem }

.passremaind .form__table .block__txt p,
.completion .form__table .block__txt p {
  margin-bottom: 1.6rem;
  font-size: 0.9rem }

.passremaind .form__table .block__txt .btn,
.completion .form__table .block__txt .btn {
  max-width: 450px;
  margin: 0 auto 2.0rem }

.passremaind .form__table .block__lead,
.completion .form__table .block__lead {
  margin-bottom: 3.0rem;
}
.passremaind .form__table .completion__mail,
.completion .form__table .completion__mail {
  margin-bottom: 3.0rem;
  padding: 2.0rem;
  background-color: rgb(247,238,245) }

.passremaind .form__table .completion__mail .block__txt p,
.completion .form__table .completion__mail .block__txt p {
  margin-bottom: 0;
  font-size: 1.05rem;
  font-weight: 300 }

.passremaind .form__table .block__notes,
.completion .form__table .block__notes {
  padding-top: 2.5rem;
  border-top: 1px dotted rgb(170,170,170) }

.passremaind .form__table .block__notes .block__txt p,
.completion .form__table .block__notes .block__txt p {
  margin-bottom: 0;
  font-size: 0.8rem }

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

  .passremaind .formWrap .section--form,
  .passremaind .mypageWrap .section--form,
  .passremaind .mypageWrap .section--mypage {
      margin-bottom: 8.5vw;
  }

  .completion .formWrap .section--form,
  .completion .mypageWrap .section--form,
  .completion .mypageWrap .section--mypage {
      margin-bottom: 0;
  }

  .passremaind .section--form .form__table,
  .completion .section--form .form__table {
    padding: 6.0vw 5.0vw;
    border-spacing: 0 }

  .completion .section--form .form__table {
    padding-bottom: 3.0vw }

  .passremaind .section--form .form__table tr {
    margin-bottom: 0 !important; }

  .passremaind .form__table .block__txt,
  .completion .form__table .block__txt {
    margin-bottom: 3.5vw }

  .passremaind .form__table .block__txt p,
  .completion .form__table .block__txt p {
    margin-bottom: 6.0vw;
    font-size: 3.6vw;
    text-align: justify }

  .passremaind .form__table .block__txt .btn,
  .passremaind .form__table .block__lead,
  .completion .form__table .block__txt .btn,
  .completion .form__table .block__lead {
    margin-bottom: 6.0vw }

  .passremaind .form__table .completion__mail {
    margin-bottom: 6.0vw;
    padding: 6.0vw 3.0vw }

  .passremaind .form__table .completion__mail .block__txt p,
  .completion .form__table .completion__mail .block__txt p {
    font-size: 3.0vw;
    text-align: center }

  .passremaind .form__table .block__notes,
  .completion .form__table .block__notes {
    padding-top: 6.0vw }

  .passremaind .form__table .block__notes .block__txt p,
  .completion .form__table .block__notes .block__txt p {
    margin-bottom: 0;
    font-size: 3.0vw; }

  .passremaind .section--formBtn,
  .completion .section--formBtn {
    margin-bottom: 5.0vw;
  }

}