/* -------------------------------- 

Form

-------------------------------- */
.cd-form {
  width:100%;
  margin:0px auto 0px auto;
  font-size:1.4rem;
  box-sizing: border-box;
    padding: 10px;
    border-radius: 5px;
	-webkit-border-radius: 5px;
    line-height: 1em;
}
.maxw600{
	 max-width: 600px;
}
.cd-form2 {
  width:100%;
  background-color:transparent;
 margin:0px 0px 0px 0px;
	 text-align:right;
}
.cd-form:after,.cd-form2:after {
  clear: both;
  content: "";
  display: table;
}
.cd-form a{
  color: #2c97de;
  text-decoration: none;
}
.cd-form fieldset {
  margin:10px 10px 0px 10px;
  font-size:1.4rem;
}
.cd-form fieldset:after{
  display:block;
  clear:both;
}
.cd-form fieldset .form2box{
  margin:0px 0px 16px 0px;
}
.cd-form fieldset .form2box:after{
  display:block;
  clear:both;
}
.cd-form legend {
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size:1rem;
  border-bottom: 1px solid #ecf0f1;
}
.cd-form div,.cd-form2 div {
  /* form element wrapper */
  position: relative;
  margin:0px 0px;
}
.cd-form div.fom_box{
  margin:0px 0px 16px 0px;
}
.cd-form h4, .cd-form .cd-label {
  font-size: 1.3rem;
  color: #94aab0;
  margin-bottom: 10px;
}
.cd-form .cd-label {
  display: block;
}
.cd-form input, .cd-form textarea, .cd-form select, .cd-form label, .cd-form2 select, .cd-form2 label {
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  color: #2b3e51;
}
.cd-form input[type="text"],
.cd-form input[type="email"],
.cd-form input[type="password"],
.cd-form textarea,
.cd-form select,
.cd-form2 select,
.cd-form legend {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input[type="text"],
.cd-form input[type="email"],
.cd-form input[type="password"],
.cd-form textarea,
.cd-form select,
.cd-form2 select {
  /* general style for input elements */
  padding: 12px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  border-radius: .25em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.cd-form input[type="text"]:focus,
.cd-form input[type="email"]:focus,
.cd-form input[type="password"]:focus,
.cd-form textarea:focus,
.cd-form select:focus,
.cd-form2 select:focus {
  outline: none;
  /*border-color: #2c97de;*/
  border-color: #333333;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);
}
.cd-form .cd-select {
  /* select element wapper */
  position: relative;
  margin:0px 20px 10px 0px;
  background-color: #ffffff;
  width:97%;
}
.cd-form .cd-select::after {
  /* プルダウン用矢印 */
  content: '';
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 50%;
  margin-top: -8px;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/about/form/cd-icon-arrow2.svg") no-repeat center center;
  pointer-events: none;
}
.cd-form .cd-select2 {
   /* select element wapper */
  position: relative;
  margin:0px 20px 10px 0px;
  background-color: #ffffff;
  width:47%;
}
.cd-form .cd-select2::after {
  /* プルダウン用矢印 */
  content: '';
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 50%;
  margin-top: -8px;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/about/form/cd-icon-arrow2.svg") no-repeat center center;
  pointer-events: none;
}
.cd-form .cd-select3 {
  /* select element wapper */
  position: relative;
  margin:0px 20px 10px 0px;
  background-color: #ffffff;
  width:30%;
}
.cd-form .cd-select3::after {
  /* プルダウン用矢印 */
  content: '';
  position: absolute;
  z-index: 1;
  right: 16px;
  top:50%;
  margin-top: -8px;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/about/form/cd-icon-arrow2.svg") no-repeat center center;
  pointer-events: none;
}
.cd-form .cd-select fleft,.cd-form .cd-select2 fleft,.cd-form .cd-select3 fleft{
	float:left;
}
@media screen and (max-width: 420px){
	.cd-form .cd-select2,.cd-form .cd-select3 {
	  width:97%;
	}
	.cd-form .cd-select fleft,.cd-form .cd-select2 fleft,.cd-form .cd-select3 fleft {
		float:none;
	}
}

.divw30{
	display:block;
	float:left;
	width:25%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.divw42{
	display:block;
	float:left;
	width:42%;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}
.form3tex{
	position:absolute;
	right:210px;
	top:30px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.divwright{
	width:210px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.space10{
	float:left;
	width:10px;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
}
.space20{
	float:left;
	width:20px;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
}
.fkara{
	display:block;
	float:left;
	margin:10px 10px 0px 0px;
	font-size:1.2rem;
}
@media screen and (max-width:420px){
    .smpn{
	    display:none;
    }
}
.cd-form select,.cd-form2 select {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.cd-form select::-ms-expand,.cd-form2 select::-ms-expand {
  display: none;
}
.cd-form .cd-form-list{
  margin-top: 16px;
}
.cd-form .cd-form-list::after{
  clear: both;
  content: "";
  display: table;
}
.cd-form .cd-form-list table {
 	text-align:left;
	 margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}
.cd-form .cd-form-list td {
  /* wrapper for radio and checkbox input types */
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 15px 16px 0;
  float: left;
  line-height:140%;
}
.cd-form input[type=radio],
.cd-form input[type=checkbox] {
  /* hide original check and radio buttons */
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2;
  cursor:pointer;
}
.cd-form input[type="radio"] + label,
.cd-form input[type="checkbox"] + label {
  padding-left: 24px;
  cursor:pointer;
}
.cd-form5 input[type="radio"] + label,
.cd-form5 input[type="checkbox"] + label {
padding-left:0px;
  cursor:pointer;
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="radio"] + label::after,
.cd-form input[type="checkbox"] + label::before,
.cd-form input[type="checkbox"] + label::after {
  /* custom radio and check boxes */
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  cursor:pointer;
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="checkbox"] + label::before {
  border: 1px solid #cfd9db;
  background: #ffffff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.cd-form5 input[type="radio"] + label::before,
.cd-form5 input[type="checkbox"] + label::before {
  border: 2px solid #7f7f7f;
  background: #ffffff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="radio"] + label::after {
  border-radius: 50%;
}
.cd-form input[type="checkbox"] + label::before,
.cd-form input[type="checkbox"] + label::after {
  border-radius: .25em;
}
.cd-form input[type="radio"] + label::after,
.cd-form input[type="checkbox"] + label::after {
   /*background-color: #2c97de;*/
   background-color: #f15a24;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);
  display: none;
}
.cd-form5 input[type="radio"] + label::after,
.cd-form5 input[type="checkbox"] + label::after {
   /*background-color: #2c97de;*/
   background-color: #ffcd00;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);
  margin-left:2px;
  margin-top:-6px;
  display: none;
}
.cd-form input[type="radio"] + label::after {
  /* custom image for radio button */
  background-image: url("../images/about/form/cd-icon-radio.svg");
}
.cd-form input[type="checkbox"] + label::after {
  /* custom image for checkbox */
  background-image: url("../images/about/form/cd-icon-check.svg");
}
.cd-form input[type="radio"]:focus + label::before,
.cd-form input[type="checkbox"]:focus + label::before {
  /* add focus effect for radio and check buttons */
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.6);
}
.cd-form input[type="radio"]:checked + label::after,
.cd-form input[type="checkbox"]:checked + label::after {
  display: block;
}
.cd-form input[type="radio"]:checked + label::before,
.cd-form input[type="radio"]:checked + label::after,
.cd-form input[type="checkbox"]:checked + label::before,
.cd-form input[type="checkbox"]:checked + label::after {
  -webkit-animation: cd-bounce 0.3s;
  -moz-animation: cd-bounce 0.3s;
  animation: cd-bounce 0.3s;
}
.cd-form .cd-form-list table td{
  margin:0px 0px 16px 5px;
  padding:0px;
}
.cd-form .cd-form-list table td label{
  font-size:1.6rem;
}
.cd-form textarea {
  min-height: 200px;
  resize: vertical;
  overflow: auto;
}
.cd-form input[type="submit"],.cd-form input[type="reset"],.cd-form input[type="button"] {
  /* button style */
  border: none;
   background: #979797;
  border-radius: .25em;
  padding: 16px 20px;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  margin:10px auto 10px auto;
}
.cd-form input[type="reset"],.cd-form input[type="button"] {
  margin:10px 10px 10px auto;
}
.no-touch .cd-form input[type="submit"]:hover,.no-touch .cd-form input[type="reset"]:hover,.no-touch .cd-form input[type="button"]:hover {
  background: #42a2e1;
}
.cd-form input[type="submit"]:focus,.cd-form input[type="reset"]:focus,.cd-form input[type="button"]:focus {
  outline: none;
  background: #2b3e51;
}
.cd-form input[type="submit"]:active,.cd-form input[type="reset"]:active,.cd-form input[type="button"]:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.cd-form [required] {
  background: url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .error-message p {
  background: #e94b35;
  color: #ffffff;
  font-size: 1.4rem;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: .25em;
  padding: 16px;
}
.cd-form .error {
  border-color: #e94b35 !important;
}





@-webkit-keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes cd-bounce {
  0%, 100% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(0.8);
  }
}
@keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
/* -------------------------------- 

Custom icons

-------------------------------- */
.cd-form .icon input, .cd-form .icon select, .cd-form2 .icon select, .cd-form .icon textarea {
  padding:5px 0px 5px 40px;
  background-color:#ffffff;
}
.cd-form .icon input[type="text"],.cd-form .icon input[type="password"],.cd-form .icon textarea{
  padding:5px 0px 8px 40px;
  width:85%;
  font-size:1.6rem;
  background-color:#ffffff;
}
.cd-form .icon input[type="text"].sew45{
  padding:5px 0px 8px 40px;
  width:47%;
  float:left;
  margin-right:10px;
  box-sizing: border-box;
  font-size:1.6rem;
  background-color:#ffffff;
}
.cd-form .icon input[type="text"].sew30{
  padding:5px 0px 8px 40px;
  width:28%;
  float:left;
  margin-right:10px;
  box-sizing: border-box;
  font-size:1.6rem;
  background-color:#ffffff;
}
.cd-form .icon input[type="text"].pdnon{
  padding:5px 5px 8px 5px;
}
.cd-form .user {
  background: url("../images/about/form/cd-icon-user.svg") no-repeat 8px center;
}
.cd-form [required].user {
  background: url("../images/about/form/cd-icon-user.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .jusho {
  background: url("../images/about/form/cd-icon-jusho.svg") no-repeat 8px center;
}
.cd-form [required].jusho {
  background: url("../images/about/form/cd-icon-jusho.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .sei {
  background: url("../images/about/form/cd-icon-sei.svg") no-repeat 8px center;
}
.cd-form [required].sei {
  background: url("../images/about/form/cd-icon-sei.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .mei {
  background: url("../images/about/form/cd-icon-mei.svg") no-repeat 8px center;
}
.cd-form [required].mei {
  background: url("../images/about/form/cd-icon-mei.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .company {
  background: url("../images/about/form/cd-icon-company.svg") no-repeat 8px center;
}
.cd-form [required].company {
  background: url("../images/about/form/cd-icon-company.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .tel {
  background: url("../images/about/form/cd-icon-tel.svg") no-repeat 8px center;
}
.cd-form [required].tel {
  background: url("../images/about/form/cd-icon-tel.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .email {
  background: url("../images/about/form/cd-icon-email.svg") no-repeat 8px center;
}
.cd-form [required].email {
  background: url("../images/about/form/cd-icon-email.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .pass {
  background: url("../images/about/form/cd-icon-pass.svg") no-repeat 8px center;
}
.cd-form [required].pass {
  background: url("../images/about/form/cd-icon-pass.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .area {
  background: url("../images/about/form/cd-icon-area.svg") no-repeat 8px center;
}
.cd-form [required].area {
  background: url("../images/about/form/cd-icon-area.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .madori {
  background: url("../images/about/form/cd-icon-madori.svg") no-repeat 8px center;
}
.cd-form [required].madori {
  background: url("../images/about/form/cd-icon-madori.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .yachin {
  background: url("../images/about/form/cd-icon-yachin.svg") no-repeat 8px center;
}
.cd-form [required].yachin {
  background: url("../images/about/form/cd-icon-yachin.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .yosan {
  background: url("../images/about/form/cd-icon-yosan.svg") no-repeat 8px center;
}
.cd-form [required].yosan {
  background: url("../images/about/form/cd-icon-yosan.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .kinri {
  background: url("../images/about/form/cd-icon-kinri.svg") no-repeat 8px center;
}
.cd-form [required].kinri {
  background: url("../images/about/form/cd-icon-kinri.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .nen {
  background: url("../images/about/form/cd-icon-nen.svg") no-repeat 8px center;
}
.cd-form [required].nen {
  background: url("../images/about/form/cd-icon-nen.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .heibei {
  background: url("../images/about/form/cd-icon-heibei.svg") no-repeat 8px center;
}
.cd-form [required].heibei {
  background: url("../images/about/form/cd-icon-heibei.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .tsubo {
  background: url("../images/about/form/cd-icon-tsubo.svg") no-repeat 8px center;
}
.cd-form [required].tsubo {
  background: url("../images/about/form/cd-icon-tsubo.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .kinzoku {
  background: url("../images/about/form/cd-icon-kinzoku.svg") no-repeat 8px center;
}
.cd-form [required].kinzoku {
  background: url("../images/about/form/cd-icon-kinzoku.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .search {
  background: url("../images/about/form/cd-icon-search.svg") no-repeat 8px center;
}
.cd-form .icon input[type="text"].y1{
  	width:50%;
	  display:inline;
	  margin-right:10px;
}
.cd-form [required].search {
  background: url("../images/about/form/cd-icon-search.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form .other {
  background: url("../images/about/form/cd-icon-other.svg") no-repeat 8px center;
}
.cd-form [required].other {
  background: url("../images/about/form/cd-icon-other.svg") no-repeat 8px center, url("../images/about/form/cd-required.svg") no-repeat top right;
}
.cd-form select,.cd-form2 select,.cd-form select3{
  background: url("../images/about/form/cd-icon-budget2.svg") no-repeat 8px center;
}
.cd-form .message {
  background: url("../images/about/form/cd-icon-message.svg") no-repeat 8px 8px;
}
.cd-form [required].message {
  background: url("../images/about/form/cd-icon-message.svg") no-repeat 8px 8px, url("../images/about/form/cd-required.svg") no-repeat top right;
  background-color:#ffffff;
}
select option{
	font-size:14px;
	padding:0px;
	margin:0px;
}
.mycheck{
	position:absolute;
	top:135px;
	left:10px;
	width:20px;
	height:30px;
	background:none;
	cursor:pointer;
	border:none;
	z-index:999;
}
.re_check{
	width:20px;
	height:30px;
}
@media screen and (max-width:768px){
	
}
@media screen and (max-width:640px){
	.cd-form{
		width:auto;
		margin:0px 0px 0px 0px;
	}
	.cd-form2{
		width:auto;
		margin:0px 10px 0px 10px;
	}
	.cd-form fieldset {
	  margin:10px 0px 0px 0px;
	}
	.cd-form fieldset .form2box{
	  margin:0px 0px 16px 0px;
	}
	.cd-form fieldset .form2box:after{
	  display:block;
	  clear:both;
	}
	.divw30{
		float:none;
		width:90%;
	}
	.divw42{
		float:none;
		width:90%;
	}
	.space10,.space20{
		display:none;
	}
	select{
		margin:0px auto 16px auto;
	}
	.divw30:after,.divw402:after,.divw55:after,.divw68:after{
		content: "";
		display: block;
		clear: both
	}
	.cd-form .cd-form-list table td {
	  display: block;
	  width:97%;
	  position:relative;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  margin: 0 15px 16px 0;
	  float: none;
	}
	.cd-form .cd-form-list table td label{
	  font-size:16px;
	}
	.cd-form .icon input[type="text"].y1{
	      width:70%;
	      display:inline;
	      margin-right:10px;
    }
    .cd-form2 .cd-select2::after {
	  top:40%;
    }
    
}
@media screen and (max-width:320px){
	.mycheck{
	    position:absolute;
	    top:5px;
	    left:20px;
    }
}