@charset "utf-8";
/* CSS Document */



/*フォームパーツ*/


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance:textfield;
}




button, fieldset, form, input, label, legend, select, textarea {  
margin:0;  
padding:0;  
vertical-align:baseline; 

}  

input{ padding:2px; }


.formtxt{ border: 1px solid #CCCCCC; padding:7px 6px; font-size:90%;  width:98%;  } 
.formbtn{padding: 3px 5px;}

.formSerect{border: 1px solid #CCCCCC;}
option{ padding:5px;}
.formCheck{ margin: 0 5px 10px 5px ;}
.formCheck.last{ margin-bottom:0;}

#zip1.formtxt{ width:3em;}
#zip2.formtxt{ width:4em;}

#patientBirth.formtxt{ width:4em;}
#patientAge.formtxt{ width:10em;}





.formtable .width_s{width: 6em;}

div.btnArea{ text-align:center; margin-bottom:30px; margin-top:25px;}

.err,.attent{ color:#CC0000; }

.boxform{ padding: 5px 0;}

.formtable{ width:100%; /*border: solid 1px #C9E1F1;border-top: navajowhite;*/}

.inlineBoxform p{ display:inline;}
.inlineBoxform imput{display:inline; }
.widthName{ width:10em; margin:0 0.8em;}
.widthAge{ width:4em; margin:0 0.8em;}

.formtable td{ background:#FFFFFF; border:solid 1px #C9E1F1; padding:15px; line-height:1.4; text-align:left;}
.formtable th{ background:#F6FAFD; border:solid 1px #C9E1F1; padding:10px 10px 10px 20px; line-height:1.6; width: 33.3%;}







.formtable p{ margin:0 0 8px; font-size:100%;}

.formtable .boxform p{ margin:20px 0 8px;}

.formtable .boxform p.caution{ margin:10px 0 20px; font-size:80% !important;}


input#button{ background:url(../images/contact/formBtn.png) no-repeat; width:228px; height:64px; border:none; cursor:pointer; text-indent: -5000px;}
input#button:hover{ opacity:0.8;}

#copyright{ display:none;}


#submit,#back{ padding:8px 40px; }



.error{ margin: 0.5rem 0 0; color: #DF2529;}


/*===========================================================*/


input[type="submit"]{
	cursor:pointer;
	border: none;
	background:#a21515;
	padding:1.2rem;
	margin:auto;
	display:block;
	font-size:1.2rem;
	color:#FFFFFF;
	border-radius:5px;
	font-weight:500;

	background-image: url("../images/common/btnR_wh.svg"); 
	background-repeat:no-repeat;
	background-position: left 0.8rem center;
	background-size: auto 1.5rem;
	min-width: 10rem;
}



/* PC */
@media print, screen and (min-width: 737px) {
input[type="submit"]{	width:300px;}
}

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

input[type="submit"]{	width:80%;}
}


input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover
{
	opacity:0.9;
}




/*===========================================================*/

/*フォーム ボタン　*/

input[type="reset"]{}

input[type="button"]{
	cursor:pointer;
	border: none;
	background:#999999;
	padding:0.5rem 1rem;	font-size:0.9rem;
	color:#FFFFFF;
	border-radius:5px;
}



.error{ color: #CF4F6E;}



.confirmBtnArea .backBtn{background-color: #c6c6c6;}
/* PC */
@media print, screen and (min-width: 737px) {

.confirmBtnArea{display: flex;justify-content: center;}

}


/*===========================================================*/
















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


/* contact form -------------------------------------------------------------- */

.formtable th{ display: block; width:100%; padding:5px 10px; border-bottom:none; }
.formtable td{ display:block;width:100%; padding:10px 10px; border-bottom:none; }

.formtable td.last{ border-bottom:solid 1px #D1AF8C; }

.inlineBoxform p{ display:inline-block;}
.inlineBoxform imput{display:block; }

.widthName{ width:100%; margin:0em; margin-bottom:5px;}
.formtable .width_s{width: 100%;}




.formtxt,.formtextAre,.formtable th ,.formtable td{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.formSerect{   font-size:90%;}

/*
input[type="submit"],input[type="reset"],input[type="button"]{
  -webkit-appearance: none;
  padding:8px 20px;
  font-size:100%;

background: rgb(226,226,226);
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1)));
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
border-color:#CCC;

}
*/
}