@charset "UTF-8";
/* CSS Document */
.under .title h1 {
	line-height: 1.2;
}
.title {
	background-image: url("../img/title_hospital.webp");
}
/*フォーム*/

form > table {
	width: 100%;
	margin: 30px auto;
}

form > table * {
	box-sizing: border-box;
}
form > table th,
form > table td {
	padding: 20px 5px;
	vertical-align: top;
	line-height: 1.5;
	background: #fff;
	border-bottom: 2px dotted #333;
	text-align: left;
}
form > table tr {
	margin-bottom: 20px;
}
form > table th {
	width: 40%;
}
form > table th span.hissu {
	color: #fff;
	background: #ff559d;
	padding: 5px 15px;
	border-radius: 20px;
	display: inline-block;
	margin-left: 20px;
}

form > table td {
}
form > table td input.box {
	border: 3px solid #d5d5d5;
	padding: 5px 8px;
}

form > table td input.name {
	width: 250px;
}

form > table td input.kana {
	width: 250px;
}

form > table td input.add {
	width: 350px;
}

form > table td span.zip {
	display: block;
	margin-bottom: 8px;
}

form > table td input.zip01 {
	width: 100px;
}

form > table td input.zip02 {
	width: 50px;
}

form > table td input.tel {
	width: 250px;
}

form > table td input.mail {
	width: 350px;
}
form > table td input.kibou {
	width: 350px;
}
@media screen and (max-width: 768px) {
	form > table td input.kibou {
		width: 100%;
	}
}
form > table td input {
	background: #f5f5f5;
	box-shadow: none;
	border: none;
	padding: 15px;
}
form > table td select {
	outline: none;
	text-indent: 0.01px;
	text-overflow: "";
	box-shadow: none;
	border: none;
	padding: 15px;
	vertical-align: middle;
	font-size: 14px;
	color: inherit;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	z-index: 99;
	position: relative;
	background: none;
	padding-right: 40px;
	width: 100%;
}
form > table td select {
	width: 100%;
	background: #f5f5f5;
	box-shadow: none;
	border: none;
	padding: 15px;
	margin: 5px;
}
form > table td select.birthday {
	width: 80px;
}
form > table td select option {
	background-color: #fff;
	color: #333;
}
form > table td select::-ms-expand {
	display: none;
}
form > table td select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #828c9a;
}
form > table td textarea {
	display: block;
	border: none;
	padding: 15px;
	width: 350px;
	height: 250px;
	font-size: 13px;
	color: #333333;
	background: #f5f5f5;
}
.form_btn {
	text-align: center;
}
.form_btn input {
	padding: 15px 0;
	width: 250px;
	margin: 15px auto;
	display: block;
	text-align: center;
	background: #0786d6;
	font-weight: bold;
	font-size: 22px;
	letter-spacing: 0.1;
	box-shadow: none;
	border: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #fff;
	border-radius: 10px;
}
.form_btn input:hover {
	opacity: 0.8;
	cursor: pointer;
}
.bg_gray {
	background-color: #f5f5f5;
	padding: 35px 15px;
	box-sizing: border-box;
	border-radius: 10px;
	margin: 20px auto;
}
.date-holiday .ui-state-default,
.date-sunday .ui-state-default {
	background-image: none;
	background-color: #8b8b8b;
	pointer-events: none;
	color: #fff;
}
.ui-datepicker td.date-sunday,
.ui-datepicker td.date-holiday {
	pointer-events: none;
}

#ui-datepicker-div {
	z-index: 99 !important;
}

.table_anquete th {
	width: 25% !important;
	color: #027ade;
	font-size: 16px;
}

form > .table_anquete td textarea {
	width: 100% !important;
}
.no_display {
	display: none;
}
.on_display {
	display: table-row;
}
.endoscope table tr th {
	width: 50%;
}
.onbtn {
	opacity: 1 !important;
}

a.tel {
	display: inline-block;
}

@media screen and (max-width: 1230px) {
}
@media screen and (max-width: 768px) {
	.under section {
	}
	form > table th,
	form > table td {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	form > table td input.box {
		border: 3px solid #d5d5d5;
		padding: 5px 8px;
	}

	form > table td input,
	form > table td input.name,
	form > table td input.kana,
	form > table td input.add,
	form > table td input.zip01,
	form > table td input.tel,
	form > table td input.mail,
	form > table td textarea {
		width: 100%;
		padding: 10px 5%;
	}

	form > table td input[type="radio"],
	form > table td input[type="checkbox"] {
		width: auto !important;
	}
	form > table label {
		display: block;
	}
	table.inq tr th {
		font-weight: bold;
		letter-spacing: 0.1em;
		width: 200px;
	}
	table.inq tr td span {
		margin: 8px 0 8px 13px;
	}
	table.inq tr td span.cation-text {
		color: #444;
		font-size: 90%;
		font-weight: 100;
	}

	.table_anquete th {
		width: 100% !important;
	}
	tr.pirori_box {
		display: block;
	}
	tr.pirori_box_hide {
		display: none;
	}

	a.tel {
		display: block;
	}
}
@media (orientation: landscape) {
}
.dock_flex{
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 768px) {
	.dock_flex{
	display: block;
}
}
.btn_blue_gairai a{
	width: 280px;
}
.contact_text-red{
	color: red;
	padding-top: 30px;
}
.contact_text-box{
	width: 40%;
}
.contact_pt30{
	padding-top: 30px;
}