@charset "utf-8";

::placeholder {
  color: #ACACAC;
}

/* pc
----------------------------------------------- */

@media print, screen and (min-width:1000px) {

  /* attention
  ----------------------------------------------- */
  
  #contact .attention {
    margin: 75px auto 0;
    width: 700px;
    text-align: center;
  }
  #contact .attention h4 {
    margin: 0;
    padding: 0;
    width: auto;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
  }
  #contact .attention p {
    margin: 0;
    padding: 15px 0 0;
    font-size: 15px;
    line-height: 25px;
  }
  #contact .attention .home {
    margin: 50px 0 0;
    padding: 0;
  }
	
.mw_wp_form_complete .attention {
	display: block!important;
}
#contact .conf-msg {
	display: none;
  }
#contact .conf-msg p {
   margin: 75px auto 0;
   width: 700px;
   text-align: center;
	line-height: 2;
}

  /* error
  ----------------------------------------------- */
	.error-msg {
		display: none;
	}
	.mw_wp_form_error .error-msg {
		display: block!important;
		margin: auto;
		color: rgb(190,30,40);
		text-align: center;
		padding: 75px 0 0;
		font-size: 18px;
		font-weight: 500;
		line-height: 20px;
	}
	.mw_wp_form_send_error {
		padding: 50px 50px 0;
	}
	.mw_wp_form_error .items .error {
		
	}
  #contact .error {
    margin: auto;
    color: rgb(190,30,40);
    text-align: left;
	line-height: 30px;
	float: none!important;
  }
  #contact .error p {
    padding: 75px 0 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
  }
  #contact .error ul {
    padding: 25px 0 0;
  }
  #contact .error li {
    font-size: 15px;
    line-height: 25px;
  }

  /* form
  ----------------------------------------------- */
  
  #contact .form {
    margin: 80px auto 0;
    padding: 5px 0 50px;
    width: 800px;
    background: rgb(245,245,245);
    border-radius: 6px;
  }
  
  #contact .form h5 {
    margin: 0 50px;
    padding: 50px 0 25px;
    font-size: 20px;
    font-weight: 400;
    vertical-align: middle;
    line-height: 25px;
  }
  #contact .form h5 span {
    display: block;
    margin: 0;
    color: rgb(130,135,140);
    font-size: 13px;
  }
  #contact .form p {
    margin: 0 50px;
    padding: 15px 0 0;
    font-size: 15px;
    line-height: 25px;
  }
  #contact .form .caution {
    padding: 50px 0 0;
    color: rgb(190,30,40);
    font-weight: 500;
  }
  #contact .form sup {
    color: rgb(190,30,40);
    font-weight: 700;
  }

  #contact .buttons {
    margin: 50px 50px 0;
    padding: 50px 0;
    font-size: 0;
    text-align: center;
    background: white;
  }
  #contact .buttons .button {
    margin: 0 10px;
  }

  #contact .form dl {
    margin: 15px 50px 0;
    padding: 15px 0 0;
    border-top: 1px solid rgb(220,220,220);
  }
  #contact .form dt,
  #contact .form dd {
    font-size: 15px;
    line-height: 40px;
  }
  #contact .form dt {
    float: left;
    width: 35%;
  }
  #contact .form dd {
    float: right;
    width: 65%;
  }
  #contact .form dt span {
    display: inline-block;
    margin: 0 0 0 5px;
    color: rgb(130,135,140);
    font-size: 13px;
  }
  #contact .form dd em {
    color: rgb(190,30,40);
    font-size: 13px;
    font-style: normal;
  }

  #contact .form dd li {
    float: left;
    width: 50%;
    vertical-align: middle;
  }
	#contact .form .mw_wp_form_confirm dd li {
		width: auto;
		line-height: 40px;
	}
	#contact .form .mw_wp_form_confirm sup,#contact .form .mw_wp_form_confirm em,#contact .form .mw_wp_form_confirm span {
		display: none;
	}
	#contact .form .mw_wp_form_confirm .caution {
		display: none;
	}
  #contact .form dd div > span {
    float: left;
    width: 45%;
    vertical-align: middle;
	  margin-left: 0;
  }
  #contact .form dd li span {
    display: inline-block;
    width: 45px;
    text-align: center;
  }
	#contact .form dd li span.error {
    width: 100%;
	text-align: left;
	line-height: 40px;
  }
  #contact .form dd li input[type=text] {
    width: calc(100% - 40px);
  }    

  #contact .form .checklist {
    margin: 0 50px;
  }
  #contact .form .checklist li, #contact .form .checklist .mwform-radio-field {
    float: left;
    margin: 5px 0 10px;
    width: 50%;
    font-size: 15px;
    line-height: 15px;
  }
  
  #contact .form .textarea {
    margin: 15px 50px 0;
  }

  #contact .form .items {
    margin: 15px 50px 0;
  }
  #contact .form .items table {
    width: 100%;
    border-bottom: 1px dotted rgb(200,200,200);
  }
  #contact .form .items th,
  #contact .form .items td {
    height: 30px;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    border-top: 1px dotted rgb(200,200,200);
	  padding: 5px 0;
  }
  #contact .form .items .item {
    width: 50%;
  }
  #contact .form .items .value {
    width: 10%;
  }
  #contact .form .items .v01 {
    width: 15%;
  }
  #contact .form .items .v02 {
    width: 10%;
  }
  #contact .form .items .v03 {
    width: 10%;
  }
  #contact .form .items .num {
    width: 5%;
    text-align: center;
  }
  #contact .form .items .value input[type=text],  #contact .form .items .value input[type=number] {
    height: 30px;
  }

  /* form parts
  ----------------------------------------------- */
	
  #contact .form input[type=text],#contact .form input[type=email],#contact .form input[type=number],
  #contact .form select,
  #contact .form textarea {
    margin: 0;
    padding: 0 15px;
    width: calc(100% - 32px);
    height: 40px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid rgb(220,220,220);
    border-radius: 3px;
    background: white;
    overflow: hidden;
    outline: none;
    transition: border-color 0.25s, background-color 0.25s, box-shadow 0.25s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  #contact .form select {
    width: 100%;
    background-image: url(../images/select_arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 50px 12px;
  }
  #contact .form select::-ms-expand {
    display: none;
  }
  #contact .form textarea {
    padding: 15px;
    height: 200px;
    line-height: 25px;
  }
  #contact .form input[type=text]:hover,#contact .form input[type=number]:hover,
  #contact .form select:hover,
  #contact .form textarea:hover {
    border-color: rgb(180,180,180);
  }
  #contact .form input[type=text]:focus,#contact .form input[type=number]:focus,
  #contact .form select:focus,
  #contact .form textarea:focus {
    border-color: rgb(160,160,160);
    box-shadow: 0 1px 8px rgba(0,0,0,0.1);
  }

}

/* mobile
----------------------------------------------- */

@media only screen and (max-width:1000px) {

  /* attention
  ----------------------------------------------- */

  #contact .attention {
    margin: 50px 20px 0;
  }
  #contact .attention h4 {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
  }
  #contact .attention p {
    margin: 0;
    padding: 15px 0 0;
    font-size: 13px;
    line-height: 23px;
  }
  #contact .attention .home {
    margin: 40px 0 0;
    padding: 0;
    text-align: center;
  }
.mw_wp_form_complete .attention {
	display: block!important;
}
#contact .conf-msg {
	display: none;
 }
#contact .conf-msg p {
	margin: 50px 20px 0;
	line-height: 2;
}

  /* error
  ----------------------------------------------- */
	.error-msg {
		display: none;
	}
	.mw_wp_form_error .error-msg {
		display: block!important;
		margin: 0 20px;
		color: rgb(190,30,40);
		text-align: center;
		padding: 75px 0 0;
		font-size: 15px;
		font-weight: 500;
	}
	.mw_wp_form_error .error-msg p {
		line-height: 25px;
	}
	.mw_wp_form_send_error {
		padding: 20px 20px 0;
	}
	.mw_wp_form_error .items .error {
		
	}
  #contact .error {
    margin: 10px 0 0;
    color: rgb(190,30,40);
  }
  #contact .error p {
    padding: 40px 0 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
  }
  #contact .error ul {
    padding: 15px 0 0;
  }
  #contact .error li {
    margin: 5px 0 0;
    font-size: 13px;
    line-height: 18px;
  }

  /* form
  ----------------------------------------------- */
  
  #contact .form {
    margin: 40px 0 0;
    padding: 0 0 20px;
    background: rgb(245,245,245);
  }

  #contact .form h5 {
    margin: 0 20px;
    padding: 40px 0 10px;
    font-size: 18px;
    font-weight: 400;
    vertical-align: middle;
    line-height: 23px;
  }
  #contact .form h5 span {
    display: block;
    margin: 5px 0 0;
    color: rgb(130,135,140);
    font-size: 13px;
  }
  #contact .form p {
    margin: 0 20px;
    padding: 15px 0 0;
    font-size: 15px;
    line-height: 25px;
  }
  #contact .form .caution {
    padding: 30px 0 0;
    color: rgb(190,30,40);
    font-weight: 500;
  }
  #contact .form sup {
    color: rgb(190,30,40);
    font-weight: 700;
  }

  #contact .buttons {
    margin: 40px 20px 0;
    padding: 30px 0;
    font-size: 0;
    text-align: center;
    background: white;
  }
  #contact .buttons .button {
    display: block;
    margin: 10px auto;
  }

  #contact .form dl {
    margin: 15px 20px 0;
    padding: 15px 0 0;
    border-top: 1px solid rgb(220,220,220);
  }
  #contact .form dt,
  #contact .form dd {
    font-size: 15px;
    line-height: 20px;
  }
  #contact .form dt {    
    font-size: 13px;
  }
  #contact .form dd {
    margin: 15px 0 0;
  }
  #contact .form dt span {
    display: inline-block;
    margin: 0 0 0 5px;
    color: rgb(130,135,140);
  }
  #contact .form dd em {
    display: block;
    margin: 10px 0 0;
    color: rgb(190,30,40);
    font-size: 13px;
    font-style: normal;
  }
  #contact .form dd li {
    margin: 15px 0 0;
    width: 100%;
    vertical-align: middle;
  }
	#contact .form .mw_wp_form_confirm dd li {
		display: inline;
	}
	#contact .form .mw_wp_form_confirm sup, #contact .form .mw_wp_form_confirm em, #contact .form .mw_wp_form_confirm span {
		display: none;
	}
	#contact .form .mw_wp_form_confirm .caution {
		display: none;
	}
 #contact .form dd div > span {
    display: block;
	 margin: 5px 0 10px;;
  }
  #contact .form dd li span {
    display: inline-block;
    font-size: 13px;
    text-align: left;
	margin: 10px 0 0;
  }
  #contact .form dd li input[type=text] {
    display: inline-block;
    /*width: calc(100% - 67px);*/
  } 

  #contact .form .checklist {
    margin: 0 20px;
  }
  #contact .form .checklist li, #contact .form .checklist .mwform-radio-field  {
    margin: 5px 0 10px;
    font-size: 15px;
    line-height: 15px;
	display: block;
  }

  #contact .form .textarea {
    margin: 15px 20px 0;
  }

  #contact .form .items {
    margin: 0 20px;
  }
  #contact .form .items table {
    width: 100%;
    border-bottom: 1px dotted rgb(200,200,200);
  }
  #contact .form .items th,
  #contact .form .items td {
    height: 40px;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    line-height: 20px;
    border-top: 1px dotted rgb(200,200,200);
	  padding: 0 10px;
  }
  #contact .form .items .item {
    padding: 15px 0;
    width: 80%;
  }
  #contact .form .items .value {
    width: 15%;
  }
  #contact .form .items .num {
    width: 5%;
    text-align: center;
  }
  #contact .form .items .value input[type=text] {
    padding: 0 5px;
    width: calc(100% - 12px);
    height: 40px;
  }

  /* form parts
  ----------------------------------------------- */

  #contact .form input[type=text],#contact .form input[type=email],#contact .form input[type=number],
  #contact .form select,
  #contact .form textarea {
    margin: 0;
    padding: 0 10px;
    width: calc(100% - 10px);
    height: 40px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid rgb(220,220,220);
    border-radius: 3px;
    background: white;
    overflow: hidden;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  #contact .form select {
    width: 100%;
    background-image: url(../images/select_arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 50px 12px;
  }
  #contact .form select::-ms-expand {
    display: none;
  }
  #contact .form textarea {
    padding: 10px;
    height: 200px;
    line-height: 25px;
  }

}