@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
File name:pc.css
Summary:reset styles
Created:2022-04-01
--------------------------------------------------------------- */

/* Login */
/* ------------------------------------------------------------ */

body#login {
	background: #E1E9EF;
}

body#login section#inputfield form {
	border: 4px solid #18419E;
	background: #fff;
	width: 500px;
	height: 350px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

body#login section#inputfield .dllist .dlbox {
	width: 350px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

body#login section#inputfield .dllist .dlbox:nth-of-type(n+2) {
	margin-top: 20px;
}

body#login section#inputfield .dllist .dlbox .dtbox {
	box-sizing: border-box;
	text-align: left;
	width: 150px;
	padding: 0;
	display: block;
	flex-shrink: 0;
}

body#login section#inputfield .dllist .dlbox .ddbox {
	box-sizing: border-box;
	text-align: left;
	width: 100%;
	padding: 0;
	display: block;
}

body#login section#inputfield .dllist .wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

body#login form input[type="text"],
body#login form input[type="password"] {
	border-radius: 0;
	border: none;
	background: #E1E9EF;
	font-size: 1em;
	letter-spacing: 1px;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
}

/* data_config */
/* ------------------------------------------------------------ */
body#data_config div,
body#data_config table tr td {
	vertical-align: middle;
}

body#data_config {
	background: #E1E9EF;
}

body#data_config section#patient table {
	border-top: 1px solid #D9D9D9;
	width: 100%;
}

body#data_config section#patient table tr {
	border-bottom: 1px solid #D9D9D9;
}

body#data_config section#patient table th {
	box-sizing: border-box;
	background: #18419E;
	color: #fff;
	text-align: left;
	padding: 15px;
}

body#data_config section#patient table td {
	box-sizing: border-box;
	background: #fff;
	text-align: left;
	padding: 15px;
}

body#data_config section#inputfield {
	margin-top: 40px;
}

body#data_config section#inputfield table {
	width: 100%;
	margin-top: 40px;
}

body#data_config section#inputfield table thead {
	background: #505050;
	color: #fff;
}

body#data_config section#inputfield table thead tr th {
	box-sizing: border-box;
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
	padding: 15px 20px;
	border-right: 1px solid #D9D9D9;
}

body#data_config section#inputfield table thead th:nth-of-type(1) {
	width: 20% !important;
}

body#data_config section#inputfield table thead th:nth-of-type(2) {
	width: 25% !important;
}

body#data_config section#inputfield table thead th:nth-of-type(3) {
	width: 25% !important;
}

body#data_config section#inputfield table thead th:nth-of-type(4) {
	width: 25% !important;
}

body#data_config section#inputfield table tbody th {
	box-sizing: border-box;
	background: #18419E;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	padding: 15px 20px;
}

body#data_config section#inputfield table tbody th .wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

body#data_config section#inputfield table tbody td {
	box-sizing: border-box;
	background: #fff;
	text-align: left;
	padding: 15px 20px;
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

body#data_config section#inputfield table tbody td div.show {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	width: auto;
}

body#data_config section#inputfield table tbody td div.show span{
	box-sizing: border-box;
	padding: 5px 0;
}

body#data_config section#inputfield table tbody td label {
	box-sizing: border-box;
	padding: 5px 0;
}

body#data_config section#inputfield table tbody td:last-child {
	border-right: none;
}

body#data_config section#inputfield table tbody td:nth-of-type(1) .wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	white-space: nowrap;
}
body#data_config section#inputfield .wrap > span {
	line-height: 1.7;
	text-align: center;
}

body#data_config section#inputfield .wrap span.name {
	width: 1.5rem;
}

body#data_config section#inputfield form input[type="text"] {
	border-radius: 0;
	border: none;
	background: #E1E9EF;
	font-size: 1em;
	letter-spacing: 1px;
	width: 122px;
	height: 40px;
	margin-right: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}

body#data_config section#inputfield .mwform-radio-field-text {
  margin-right: 0;
}

body#data_config section#inputfield label input[type="radio"] {
	position: absolute;
	visibility: hidden;
	width: auto;
}

body#data_config section#inputfield input[type="radio"]:checked + .mwform-radio-field-text::before {
	border: 1px solid #18419E;
}
body#data_config section#inputfield .mwform-radio-field-text::before {
	position: relative;
	left: 0;
	top: 0;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background: #fff;
	border: 1px solid #727171;
	box-sizing: border-box;
	border-radius: 50%;
	vertical-align: middle;
	min-width: 20px; /* 20230310_okuda:add */
}

body#data_config section#inputfield input[type="radio"]:checked + .mwform-radio-field-text::after {
	position: absolute;
	/* left: 5px; */ /* 20230310_okuda:comment_out */
	/* top: 5px; */ /* 20230310_okuda:comment_out */
	left: 0px; /* 20230310_okuda:add */
	top: 50%; /* 20230310_okuda:add */
	transform: translate(50%, -50%); /* 20230310_okuda:add */
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #18419E;
	border-radius: 50%;
	box-sizing: border-box;
	vertical-align: middle;
}

body#data_config section#inputfield #div_config_value {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

body#data_config section#inputfield label {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	overflow-wrap: break-word; /* 20230310_okuda:add */
}
body#data_config section#inputfield .mwform-radio-field-text {
	line-height: 1;
	margin-right: 20px;
	cursor: pointer;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
body#data_config section#inputfield form .btn_edit,
body#data_config section#inputfield form .btn_regist,
body#data_config section#inputfield form .btn_delete {
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 200px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
	margin: 0 10px;
}
body#data_config section#inputfield form .btn_edit:hover,
body#data_config section#inputfield form .btn_regist:hover,
body#data_config section#inputfield form .btn_delete:hover {
	background-color: #001E60;
}
.data_config_table_head {position: relative;}
.help_content_back,
.help_content {
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.help_content_back {
	background-color: #f2a41f;
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translate(0%, -50%);
}
.help_content {
	position: relative;
	color: #fff;
	padding-top: 3px;
}
.data_config_help_items {
	z-index: 10;
	position: absolute;
	top: 0%;
	left: 0%;
	transform: translate(0%, -105%);
	cursor: pointer;
	white-space: normal;
	box-sizing: border-box;
	background-color: #fff;
	color: #000;
	text-align: left;
	border: 3px solid #18419E;
	border-radius: 5px;
	line-height: 1.5;
	font-size: 0.9rem;
	padding: 10px;
}
#data_config_help_item_1 {
	width: 220px;
	height: 100px;
}
#data_config_help_item_2 {
	width: 280px;
	height: 110px;
}
body#data_config .btn_area {
  box-sizing: border-box;
  margin: 40px auto;
	display: flex;
	justify-content: center;
}


/* Index */
/* ------------------------------------------------------------ */

/* Head */
body#index section#head,
body#usermenu section#head,
body#datalist section#head {
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
}

body#index section#head p.btn_add a,
body#usermenu section#head p.btn_add a,
body#datalist section#head p.btn_add a {
	background: url(../images/icon3.svg) no-repeat left 20px center;
	background-size: 23px auto;
	background-color: #FFA700;
	border-radius: 6px;
	color: #fff;
	padding: 15px 25px 15px 55px;
	display: flex;
	justify-content: center;
	align-items: center;
}

body#index section#head p.btn_add a:hover,
body#usermenu section#head p.btn_add a:hover,
body#datalist section#head p.btn_add a:hover {
	background-color: #FF7600;
}

body#index section#head p.btn_add a span,
body#usermenu section#head p.btn_add a span,
body#datalist section#head p.btn_add a span {
	white-space: nowrap;
}

body#index section#head form,
body#usermenu section#head form {
	border-left: 1px solid #D9D9D9;
	margin-left: auto;
	padding-left: 25px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

body#index section#head form h3,
body#usermenu section#head form h3 {
	color: #505050;
	font-size: 1.25em;
	font-weight: bold;
	white-space: nowrap;
}

body#index section#head form > div,
body#usermenu section#head form > div {
	margin: 0 10px 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

body#index section#head form input[type="text"],
body#usermenu section#head form input[type="text"] {
	width: 300px;
	margin: 5px 0 5px 10px;
}

body#index section#head form > div div.check,
body#usermenu section#head form > div div.check {
	margin: 5px 0 5px 10px;
}

body#index section#head form > div select,
body#usermenu section#head form > div select {
	margin: 5px 0 5px 10px;
}

body#index section#head form > div > span,
body#usermenu section#head form > div > span {
	margin: 0 0 0 10px;
}

body#index section#head form .btn_search,
body#usermenu section#head form .btn_search {
	background: url(../images/icon1.svg) no-repeat left 20px center;
	background-size: 25px auto;
	background-color: #FFA700;
	border-radius: 6px;
	color: #fff;
	padding: 11px 25px 11px 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
}

body#index section#head form .btn_search:hover,
body#usermenu section#head form .btn_search:hover {
	background-color: #FF7600;
}

/* List */
body#index section#list,
body#usermenu section#list,
body#datalist section#list {
	margin: 20px auto;
}

body#index section#list table,
body#usermenu section#list table,
body#datalist section#list table {
	width: 100%;
	position: relative;
	margin-bottom: 100px;
}

body#index section#list table thead,
body#usermenu section#list table thead,
body#datalist section#list table thead {
	background: #18419E;
	color: #fff;
}

body#index section#list table thead tr th,
body#usermenu section#list table thead tr th,
body#datalist section#list table thead tr th {
	text-align: left;
	white-space: nowrap;
	padding: 10px;
	border-right: 1px solid #fff;
}

body#index section#list table thead tr th:last-child,
body#usermenu section#list table thead tr th:last-child,
body#datalist section#list table thead tr th:last-child {
	border-right: none;
}

body#index section#list table tbody tr:nth-child(odd),
body#usermenu section#list table tbody tr:nth-child(odd),
body#datalist section#list table tbody tr:nth-child(odd) {
	background: #fff;
}

body#index section#list table tbody tr:nth-child(even),
body#usermenu section#list table tbody tr:nth-child(even),
body#datalist section#list table tbody tr:nth-child(even) {
	background: #E1E9EF;
}

body#index section#list table tbody tr td,
body#usermenu section#list table tbody tr td,
body#datalist section#list table tbody tr td  {
	line-height: 1.4;
	vertical-align: middle;
	padding: 10px;
	border-right: 1px solid #D9D9D9;
}

body#usermenu section#list table tbody tr td:nth-of-type(2),
body#datalist section#list table tbody tr td:nth-of-type(1) {
	white-space: nowrap;
}

body#index section#list table tbody tr td:last-child {
	padding: 15px 20px 15px 20px;
	border-right: none;
}

body#usermenu section#list table tbody tr td:last-child,
body#datalist section#list table tbody tr td:last-child {
	border-right: none;
}

body#index section#list table tbody tr td .wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

body#datalist section#list table tbody tr td .wrap {
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

body#index section#list p.btn_data {
	box-sizing: border-box;
	width: 48%;
	min-width: 140px;
	margin: 5px 0 5px 0;
}

body#index section#list p.btn_data a {
	white-space: nowrap;
	box-sizing: border-box;
	border: 1px solid #18419E;
	border-radius: 6px;
	background-color: #fff;
	color: #18419E;
	box-sizing: border-box;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

body#index section#list p.btn_data a:hover {
	background-color: #18419E;
	color: #fff;
}

body#index section#list p.btn_data a span {
	padding: 10px 0;
}

body#index section#list p.btn_edit {
	width: 48%;
	min-width: 140px;
	margin: 5px 0 5px 0;
}

body#index section#list p.btn_edit a {
	white-space: nowrap;
	box-sizing: border-box;
	border: 1px solid #505050;
	border-radius: 6px;
	background-color: #fff;
	color: #505050;
	box-sizing: border-box;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

body#index section#list p.btn_edit a:hover {
	background-color: #505050;
}

body#index section#list p.btn_edit a span {
	background: url(../images/icon5.svg) no-repeat left center;
	background-size: 18px auto;
	padding: 10px 0 10px 25px;
}

body#index section#list p.btn_edit a:hover span {
	filter: brightness(0) invert(1);
}

.show_text{
	background-color: #fff !important;
	cursor: default !important;
	color: #000 !important;
}

/* Basic / User */
/* ------------------------------------------------------------ */

body#basic {
	background: #E1E9EF;
}

body#userform {
	background: #E1E9EF;
}
/*
body#basic section#inputfield,
body#userform section#inputfield {
}
*/
body#basic section#inputfield table,
body#userform section#inputfield table {
	border-top: 1px solid #D9D9D9;
	width: 100%;
}

body#basic section#inputfield table tr,
body#userform section#inputfield table tr {
	border-bottom: 1px solid #D9D9D9;
}

body#basic section#inputfield table th,
body#userform section#inputfield table th {
	box-sizing: border-box;
	background: #ececec;
	text-align: left;
	width: 220px;
	padding: 30px;
}

body#basic section#inputfield table td,
body#userform section#inputfield table td {
	box-sizing: border-box;
	background: #fff;
	text-align: left;
	padding: 30px;
}

body#basic section#inputfield .wrap,
body#userform section#inputfield .wrap {
	white-space: nowrap;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

body#basic section#inputfield .wrap span.name,
body#userform section#inputfield .wrap span.name {
	width: 2rem;
}

body#basic section#inputfield .wrap .radio,
body#userform section#inputfield .wrap .radio {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

body#basic section#inputfield .wrap .radio label,
body#userform section#inputfield .wrap .radio label {
	margin: 5px 0;
}

body#basic section#inputfield form input[type="text"],
body#basic section#inputfield form input[type="tel"],
body#basic section#inputfield form input[type="number"],
body#userform section#inputfield form input[type="text"],
body#userform section#inputfield form input[type="tel"],
body#userform section#inputfield form input[type="number"] {
	border-radius: 0;
	border: none;
	background: #E1E9EF;
	font-size: 1em;
	letter-spacing: 1px;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
}

body#userform section#inputfield form input[type="number"] {
	width: 100%;
	min-width: 120px;
}

body#userform section#inputfield form select {
	border-radius: 0;
	border: none;
	background: #E1E9EF;
	font-size: 1em;
	letter-spacing: 1px;
	height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-appearance: none;
}

body#basic section#inputfield form select {
	border-radius: 0;
	background: #E1E9EF;
	font-size: 1em;
	letter-spacing: 1px;
	height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-appearance: none;
	border: none;
	/* border: 1px solid #707070; */
}

body#basic section#inputfield form span+input,
body#userform section#inputfield form span+input {
	margin-left: 10px;
}

body#basic section#inputfield form span+input+span,
body#userform section#inputfield form span+input+span {
	margin-left: 10px;
}

body#basic section#inputfield form select+span,
body#userform section#inputfield form select+span {
	margin-left: 10px;
}

body#basic section#inputfield form select+span+select,
body#userform section#inputfield form select+span+select {
	margin-left: 10px;
}

body#basic section#inputfield form input+span,
body#userform section#inputfield form input+span {
	margin-left: 10px;
}

body#basic section#inputfield form .btn_area {
	width: 640px;
	margin: 40px auto 0;
	display: flex;
	flex-wrap: nowrap;
	/*justify-content: space-between; obara comment out*/
	justify-content: center;
	align-items: center;
}

body#userform section#inputfield form .btn_area {
	width: 640px;
	margin: 40px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
/*
body#basic section#inputfield form .btn_regist {
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 200px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
}
*/
body#userform section#inputfield form .btn_edit,
body#userform section#inputfield form .btn_delete,
body#userform section#inputfield form .btn_regist {
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 310px;
	height: 40px;
	margin: 40px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
}

body#basic section#inputfield form .btn_edit,
body#basic section#inputfield form .btn_regist,
body#basic section#inputfield form .btn_delete,
body#basic section#inputfield form .btn_edit {/*okuda:20220627*/
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 200px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
	margin: 0 10px; /* okuda:20220617 */
}
body#basic section#inputfield form .btn_regist_none,
body#basic section#inputfield form .btn_edit_none,
body#basic section#inputfield form .btn_delete_none {
	background-color: #D9D9D9;
	border-radius: 6px;
	color: #fff;
	width: 200px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	border: none;
}

.title_edit_none,
.title_entry_none {
	background-color: #D9D9D9;
	border-radius: 6px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	border: none;
	padding: 13px 30px;
	margin: 0 20px 20px 0;
	user-select:none /*okuda:20220607 new*/
}

body#basic section#inputfield form .btn_interview {
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 310px;
	height: 40px;
	margin: 40px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
}
body#basic section#inputfield form .btn_interview_none {
	background-color: #D9D9D9;
	border-radius: 6px;
	color: #fff;
	width: 310px;
	height: 40px;
	margin: 40px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	border: none;
}

body#basic section#inputfield form .btn_regist:hover,
body#userform section#inputfield form .btn_regist:hover,
body#userform section#inputfield form .btn_delete:hover,
body#basic section#inputfield form .btn_edit:hover,
body#basic section#inputfield form .btn_delete:hover,
body#basic section#inputfield form .btn_interview:hover {
	background-color: #001E60;
}

.user_none{
	user-select: none;
	background-color: #D9D9D9;
}

body#basic section#inputfield form input[name="show_text"]{
	background-color:#fff !important;
	cursor: default;
	color: #000;
}

.address_1{
	width: 95px !important;
}
.tel_text{
	width: 140px;
}
.birth_0{
	width: 85px !important;
	text-align: center;
}
.birth_1{
	width: 57px !important;
	text-align: center;
}

/* Q1 & Q2 common */
/* ------------------------------------------------------------ */

.next_edit_div{
	justify-content: space-around;
	align-items: center;
	display: flex;
	box-sizing: border-box;
	width: 570px;
	margin: 40px auto;
}

@media screen and (max-width: 768px) {
	body#question1 .next_edit_div,
	body#question2 .next_edit_div{
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-direction: column;
		box-sizing: border-box;
		margin: 40px auto;
		width: 100%;
	}

	body#question2 section#inputfield form .btn_confirm{
		background-color: #18419E;
		border-radius: 6px;
		color: #fff;
		margin: 0 10px 0;
		width: 310px;
		height: 40px;
		display: block;
		cursor: pointer;
		border: none;
		margin-bottom: 10px;
	}

}

@media screen and (min-width: 769px) {
	body#question1 .next_edit_div,
	body#question2 .next_edit_div{
		justify-content: space-around;
		align-items: center;
		display: flex;
		box-sizing: border-box;
		margin: 40px auto;
		width: 700px;
	}

	body#question1 section#inputfield form .btn_confirm,
	body#question2 section#inputfield form .btn_confirm{
		background-color: #18419E;
		border-radius: 6px;
		color: #fff;
		margin: 0 10px 0;
		width: 270px;
		height: 40px;
		display: block;
		cursor: pointer;
		border: none;
	}
}



/* Q1 */
/* ------------------------------------------------------------ */

body#question1 {
	background: #F0E6E1;
}

body#question1 section#patient table {
	border-top: 1px solid #D9D9D9;
	width: 100%;
}

body#question1 section#patient table tr {
	border-bottom: 1px solid #D9D9D9;
}

body#question1 section#inputfield table tr {
	border-bottom: 1px solid #505050;
	background: #fff;
}

body#question1 section#inputfield table tr.bold_line {
	border-bottom: 4px solid #505050;
}

body#question1 section#inputfield table tr th {
	border-bottom: 4px solid #fff;
}

body#question1 section#inputfield table tr:last-child th {
	border-bottom: none;
}

body#question1 section#inputfield table tr.bg {
	background-color:#E9F2EF;
}

body#question1 section#inputfield .wrap {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

body#question1 section#inputfield .wrap > div > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

body#question1 section#inputfield form input[type="number"] {
	border-radius: 0;
	border: none;
	background: #D9D9D9;
	font-size: 1em;
	letter-spacing: 1px;
	width: 120px;
	height: 40px;
	margin-right: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}

body#question1 section#inputfield form select {
	border-radius: 0;
	border: none;
	background: #E1E9EF;
	font-size: 1em;
	letter-spacing: 1px;
	height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-appearance: none;
}

body#question1 section#inputfield form label:nth-of-type(n+2),
body#question1 section#inputfield form .wrap > div > div label {
	white-space: nowrap;
	margin-top: 10px;
}

body#question1 section#inputfield form .wrap .check > span {
	margin-top: 5px;
	display: block;
}

body#question1 section#inputfield form .check div label:nth-of-type(n+2) {
	margin-left: 10px;
}

body#question1 section#inputfield form .btn_next,
body#question1 section#inputfield form .btn_next2,
body#question1 section#inputfield form .btn_edit{
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 310px;
	height: 40px;
	margin: 0 10px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
}

body#question1 section#inputfield form .btn_next:hover,
body#question1 section#inputfield form .btn_next2:hover,
body#question1 section#inputfield form .btn_edit:hover,
body#question1 section#inputfield form .btn_interview2:hover{
	background-color: #001E60;
}

.read_show{
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 310px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
}

.read_show:hover{
	background-color: #001E60;
}

.gray_out{
	background-color: #D9D9D9;
	border-radius: 6px;
	color: #fff;
	width: 310px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
	user-select: none;
	cursor: default;
}

body#question1 section#inputfield form .btn_area {
	width: 640px;
	margin: 40px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

body#question1 section#inputfield form .btn_interview2{
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 200px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
}

@media screen and (min-width: 769px) {
	body section#patient table#patient_q1_table_pc {
		display: table;
	}
	body section#patient table#patient_q1_table_sp {
		display: none;
	}

	body#question1 section#patient table td {
		box-sizing: border-box;
		background: #fff;
		text-align: left;
		padding: 15px;
	}

	body#question1 section#inputfield .wrap > span {
		line-height: 1.7;
	}

	body#question1 section#patient table th {
		background: #18419E;
		color: #fff;
		text-align: left;
		padding: 15px;
	}

	body#question1 section#inputfield {
		margin-top: 40px;
	}

	body#question1 section#inputfield table .wrap .select_title{
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}

	body#question1 section#inputfield table td {
		display: flex;
		width: 100%;
		padding: 15px;
	}

	body#question1 section#inputfield table td div.wrap:first-child {
		width: 50%;
	}
	body#question1 section#inputfield table td div.wrap:last-child {
		width: 40%;
		margin-left: auto;
	}
	body#question1 section#inputfield table {
		border-top: 4px solid #505050;
		width: 100%;
		margin-top: 40px;
	}
	body#question1 section#inputfield table th {
		box-sizing: border-box;
		background: #505050;
		color: #fff;
		text-align: center;
		font-size: 125%;
		font-weight: bold;
		width: 6%;
		padding: 20px 10px;
	}
	.show_div{
		display: flex;
		align-items: center;
		margin: 5px 0;
	}
	.check_list{
		padding: 5px;
		box-sizing: border-box;
	}

	body#question1 section#inputfield form input[type="text"] {
		border-radius: 0;
		border: none;
		background: #D9D9D9;
		font-size: 1em;
		letter-spacing: 1px;
		width: 70%;
		height: 40px;
		margin-left: 10px;
		padding: 0 10px;
		box-sizing: border-box;
	}

	body#question1 section#inputfield table .wrap label .q1_outer_other{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 15px;
	}
	body#question1 section#inputfield table .wrap label .q1_outer_other .q1_outer_inner{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	body#question1 section#inputfield table td .wrap .check div label span:last-child {
		margin-left: 10px;
	}
}


@media screen and (max-width: 768px) {
	body section#patient table#patient_q1_table_pc {
		display: none;
	}
	body section#patient table#patient_q1_table_sp {
		display: table;
	}

	body#question1 section#patient table,
	body#question2 section#patient table{
		width: 100%;
		margin: 20px auto 0px;
		max-width: 550px;
	}

	body#question1 section#patient table td div,
	body#question1 section#patient table th div,
	body#question2 section#patient table td div,
	body#question2 section#patient table th div {
		white-space: nowrap;
	}

	body#question1 section#patient table th,
	body#question1 section#patient table td,
	body#question2 section#patient table th,
	body#question2 section#patient table td{
		box-sizing: border-box;
		text-align: left;
		font-size: 1rem;
		padding: 15px;
	}

	body#question1 section#patient table th,
	body#question2 section#patient table th {
		background: #18419E;
		color: #fff;
	}
	body#question1 section#patient table td,
	body#question2 section#patient table td {
		background: #fff;
	}

	body#question1 section#inputfield .wrap > .select_title > span,
	body#question1 section#inputfield .wrap > .show_div > div > label > span,
	body#question1 section#inputfield .wrap > .show_div > div > span,
	body#question1 section#inputfield .wrap > .show_div > div > div,
	body#question1 section#inputfield .wrap > .show_div > div,
	body#question1 section#inputfield .wrap > .show_div > span,
	body#question1 section#inputfield .wrap > span{
		line-height: 1.7;
	}

	body#question1 section#inputfield form#form_q1 .next_edit_div input[type="button"]{
		width: 70%;
		margin-bottom: 10px;
	}

	body#question1 section#inputfield .wrap:first-child {
		margin-bottom: 3px;
	}

	body#question1 section#inputfield form input[type="text"] {
		border-radius: 0;
		border: none;
		background: #D9D9D9;
		font-size: 1em;
		letter-spacing: 1px;
		width: 70%;
		height: 40px;
		margin-left: 10px;
		padding: 0 10px;
		box-sizing: border-box;
	}

	body#question1 section#inputfield {
		margin-top: 20px;
	}

	body#question1 section#inputfield{
		width: 100%;
	}
	body#question1 section#inputfield form{
		width: 100%;
	}
	body#question1 section#inputfield table {
		border-top: 4px solid #505050;
		width: 100%;
	}

	body#question1 section#inputfield table .wrap .select_title{
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}

	body#question1 section#inputfield table td div.wrap:first-child span,
	body#question1 section#inputfield table th,
	body#question1 section#inputfield table td{
		font-size: 1em;
	}

	body#question1 section#inputfield table td div {
		width: 100%;
	}
	body#question1 section#inputfield table td {
		box-sizing: border-box;
		text-align: left;
		width: 47%;
		padding: 20px 10px 20px;
	}
	body#question1 section#inputfield table th {
		box-sizing: border-box;
		background: #505050;
		color: #fff;
		text-align: center;
		font-size: 0.8rem;
		font-weight: bold;
		width: 6%;
	}

	body#question1 section#inputfield table .wrap label .q1_outer_other input[type="text"]:last-child,
	body#question1 section#inputfield table .wrap label .q1_outer_other .surplus_text{
		margin-left: 30px;
	}
	body#question1 section#inputfield table .wrap label .q1_outer_other .q1_outer_inner{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 15px;
	}

	body#question1 section#inputfield table td .wrap .check div label span:last-child {
		margin-left: 10px;
	}

}

/* Q2 */
/* ------------------------------------------------------------ */
body#question2 {
	background: #F0E6E1;
}

body#question2 section#patient table {
	border-top: 1px solid #D9D9D9;
	width: 100%;
}

body#question2 section#patient table tr {
	border-bottom: 1px solid #D9D9D9;
}

body#question2 section#patient table th {
	box-sizing: border-box;
	/* background: #33D1AD; */ /* okuda:20220612 out */
	background: #18419E;
	color: #fff;
	text-align: left;
	padding: 15px;
}

body#question2 section#patient table td {
	box-sizing: border-box;
	background: #fff;
	text-align: left;
	padding: 15px;
}

body#question2 section#inputfield {
	margin-top: 40px;
}

body#question2 section#inputfield p.coment {
	line-height: 1.7;
}

body#question2 section#inputfield table thead {
	background: #505050;
	color: #fff;
}

body#question2 section#inputfield table tbody tr {
	border-bottom: 1px solid #505050;
	background-color:#fff;
}

body#question2 section#inputfield table tbody tr.bold_line {
	border-bottom: 4px solid #505050;
}

body#question2 section#inputfield table tbody tr.bg {
	background-color:#E9F2EF;
}

body#question2 section#inputfield table tbody th {
	box-sizing: border-box;
	text-align: left;
	white-space: nowrap;
	padding: 15px 10px;
}

body#question2 section#inputfield table:nth-of-type(3) tbody th {
	width: 80%;
}
/*
body#question2 section#inputfield table:nth-of-type(1) tbody td,
body#question2 section#inputfield table:nth-of-type(2) tbody td {
	width: 10% !important;
}
*/
body#question2 section#inputfield table:nth-of-type(3) tbody td:nth-of-type(2) {
	padding: 15px 0;
}

body#question2 section#inputfield table:nth-of-type(3) tbody td:nth-of-type(3) .wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

body#question2 section#inputfield form .radio .mwform-radio-field-text {
    margin-right: 0;
}

body#question2 section#inputfield form .radio .mwform-radio-field-text::before {
    margin-right: 0;
}

body#question2 section#inputfield form .btn_edit{
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 310px;
	height: 40px;
	margin: 40px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
}

body#question2 section#inputfield form .btn_edit:hover,
body#question2 section#inputfield form .btn_confirm:hover,
body#question2 section#inputfield form .btn_submit2:hover{
	background-color: #001E60;
}

body#question2 section#inputfield form .btn_submit2{
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 200px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
}

@media screen and (max-width: 768px) {
	body#question2 section#inputfield table {
		width: 100%;
		margin-top: 20px;
	}

	body#question2 section#inputfield table thead {
		display: none;
	}

	body#question2 section#inputfield table tbody {
		border-top: 4px solid #505050;
	}

	body#question2 section#inputfield table tbody td {
		box-sizing: border-box;
		white-space: nowrap;
		padding: 15px 0;
		width: 10%;
	}

	body#question2 section#inputfield table tbody td .wrap {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}

	body#question2 section#inputfield div.caption_div {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		margin-top: 40px;
		box-sizing: border-box;
		padding-left: 10px;
		width: 100%;
	}

	body#question2 section#inputfield div.caption_div .caption_span {
		font-size: 1.875em;
		font-weight: bold;
		text-align: left;
	}

	body#question2 section#inputfield div.caption_div span:nth-child(2) {
		text-align: left;
		font-size: 0.9em;
		font-weight: normal;
		margin-top: 10px;
		width: 100%;
	}

	body#question2 section#inputfield table tbody td div.radio_outer {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	body#question2 section#inputfield table tbody td div.radio_inner {
		display: flex;
		padding: 5px 10px 5px 0;
		min-width: 140px;
	}
	body#question2 section#inputfield table tbody td div.radio_caption {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		box-sizing: border-box;
		padding-left: 20px;
		max-width: 550px;
	}

	body#question2 section#inputfield table tbody td div.radio_outer_sp {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		width: 100%;
	}
	body#question2 section#inputfield table tbody td div.radio_inner_sp {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
		box-sizing: border-box;
		padding: 15px 20px 0;
		margin: 0 auto;
		max-width: 550px;
		width: 100%;
	}
	body#question2 section#inputfield table tbody td div.radio_caption_sp {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		box-sizing: border-box;
		padding: 0 20px;
		margin: 0 auto;
		max-width: 550px;
		width: 100%;
	}

	body#question2 section#inputfield table tbody td div.radio_inner .hidden_q2,
	body#question2 section#inputfield table tbody td div.radio_inner_sp .hidden_q2 {
		box-sizing: border-box;
		padding: 0 20px;
		width: 100px;
	}

	body#question2 section#inputfield table tbody td div.radio_inner_sp .wrap {
		padding: 0px 0 10px;
		width: 150px;
	}

	body#question2 section#inputfield form .radio .mwform-radio-field-text{
		margin-right: 20px;
	}

	body#question2 section#inputfield .wrap > span,
	.q2_radio{
		line-height: 1;
	}

	body#question2 section#inputfield table thead tr th {
		text-align: center;
		font-weight: normal;
		white-space: nowrap;
		padding: 15px 10px;
		box-sizing: border-box;
	}

	body#question2 section#inputfield .head_outer {
		width: 100%;
	}
	body#question2 section#inputfield .head_inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}

	body#question2 section#inputfield table tbody td div.life_outer {
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		padding: 5px 10px;
		width: 100%;
	}
	body#question2 section#inputfield table tbody td div.life_inner {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		box-sizing: border-box;
		margin: 0 auto;
		width: 100%;
	}
	body#question2 section#inputfield table tbody td div.life_caption {
		box-sizing: border-box;
		max-width: 550px;
		width: 130;
	}
	body#question2 section#inputfield table tbody td div.life_outer_sp {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
		width: 100%;
	}
	body#question2 section#inputfield table tbody td div.life_inner_sp {
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		padding-top: 10px;
		margin: 0 auto;
		min-width: 125px;
		width: 100%;
	}
	body#question2 section#inputfield table tbody td div.life_caption_sp {
		box-sizing: border-box;
		padding: 0px 10px;
		max-width: 550px;
		width: 100%;
	}
	body#question2 section#inputfield table tbody td div.life_inner div:first-child {
		justify-content: flex-end;
	}
	body#question2 section#inputfield table tbody td div.life_inner_sp div:first-child {
		width: 90px;
		justify-content: flex-end;
	}

	body#question2 section#inputfield table tbody td div.life_inner div:last-child,
	body#question2 section#inputfield table tbody td div.life_inner_sp div:last-child {
		width: 120px;
	}

	body#question2 section#inputfield table tbody td div.life_inner .hidden_q2,
	body#question2 section#inputfield table tbody td div.life_inner .hidden_q2_sp {
		text-align: center;
		box-sizing: border-box;
		padding: 0px 8px;
	}

	body#question2 section#inputfield form input[type="number"] {
		border-radius: 0;
		border: none;
		background: #D9D9D9;
		font-size: 1em;
		letter-spacing: 1px;
		width: 62px;
		height: 40px;
		margin: 0 10px;
		padding: 0 10px;
		box-sizing: border-box;
	}

}

@media screen and (min-width: 769px) {
	body#question2 section#inputfield table {
		width: 100%;
		margin-top: 20px;
	}

	body#question2 section#inputfield table tbody {
		border-top: 4px solid #505050;
	}

	body#question2 section#inputfield table tbody td {
		box-sizing: border-box;
		padding: 15px 20px;
		/* width: 10%; */
	}

	body#question2 section#inputfield table:nth-of-type(3) tbody td:nth-of-type(1) .wrap {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	body#question2 section#inputfield table tbody td .wrap {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	body#question2 section#inputfield div.caption_div {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		margin-top: 40px;
		width: 100%;
	}

	body#question2 section#inputfield div.caption_div .caption_span {
		font-size: 1.875em;
		font-weight: bold;
		text-align: left;
	}
	
	body#question2 section#inputfield div.caption_div span:nth-child(2) {
		text-align: left;
		font-size: 0.9em;
		font-weight: normal;
		margin-top: 20px;
	}

	body#question2 section#inputfield table tbody td div.radio_outer {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	body#question2 section#inputfield table tbody td div.radio_inner {
		display: flex;
		align-items: center;
		width: 50%;
	}
	body#question2 section#inputfield table tbody td div.radio_caption {
		width: 50%;
	}

	body#question2 section#inputfield table tbody td div.radio_inner .hidden_q2 {
		margin: 0 10px;
		min-width: 150px;
	}

	body#question2 section#inputfield table tbody td div.radio_inner .wrap {
		margin: 0 auto;
	}

	body#question2 section#inputfield .wrap > span,
	.q2_radio {
		line-height: 1.7;
	}

	body#question2 section#inputfield .head_outer {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		background: #505050;
    color: #fff;
		width: 100%;
	}
	body#question2 section#inputfield .head_inner {
		display: flex;
		width: 50%;
	}
	body#question2 section#inputfield .head_inner .wrap {
		text-align: center;
    font-weight: normal;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 10px 0px;
		margin: 0 auto;
		width: 20%;
	}
	body#question2 section#inputfield .head_inner .wrap:nth-child(1) {
		padding-left: 0.5%;
	}
	body#question2 section#inputfield table thead tr th {
		width: 100%;
		box-sizing: border-box;
		padding: 0 17px;
	}

	.sample_text{
		display: none;
	}
	
	body#question2 section#inputfield table tbody td div.life_outer {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	body#question2 section#inputfield table tbody td div.life_inner {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		box-sizing: border-box;
		width: 100%;
	}
	body#question2 section#inputfield table tbody td div.life_caption {
		max-width: 550px;
		width: 100%;
	}

	body#question2 section#inputfield table tbody td .life_inner div:last-child {
		width: 120px;
	}

	body#question2 section#inputfield form input[type="number"] {
		border-radius: 0;
		border: none;
		background: #D9D9D9;
		font-size: 1em;
		letter-spacing: 1px;
		width: 62px;
		height: 40px;
		margin: 0 10px;
		padding: 0 10px;
		box-sizing: border-box;
	}
	
	.hidden_q2{
		padding: 0 10px;
		box-sizing: border-box;
	}

	body#question2 section#inputfield form input[type="number"] {
		border-radius: 0;
		border: none;
		background: #D9D9D9;
		font-size: 1em;
		letter-spacing: 1px;
		width: 62px;
		height: 40px;
		margin-right: 10px;
		padding: 0 10px;
		box-sizing: border-box;
	}


/* ===== js制御css ===== */
body#question2 section#inputfield .head_fix {
	background: #505050;
	color: #fff;
	position: fixed;
	top: 100px;
	z-index: 999;
	/* margin: 0 70px; */
	/* width: 100%; */
}

.is_margin_fix {
	margin-bottom: 83.98px !important;
}

.is_margin_fix {
	margin-bottom: 83.98px !important;
}

body#question2 section#inputfield .head_outer {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background: #505050;
	color: #fff;
	width: 100%;
}

body#question2 section#inputfield .head_outer_fix {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 17px;
}

body#question2 section#inputfield .head_inner_fix {
	display: flex;
	width: 50%;
}

body#question2 section#inputfield .head_inner_fix .wrap {
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
	box-sizing: border-box;
	padding: 10px 0px;
	margin: 0 auto;
	width: 20%;
}

body#question2 section#inputfield .head_inner_fix .wrap:nth-child(1) {
	padding-left: 0.5%;
}




}

/* Exam */
/* ------------------------------------------------------------ */

body#exam {
	background: #E1E9EF;
}

body#exam section#patient table {
	border-top: 1px solid #D9D9D9;
	width: 100%;
}

body#exam section#patient table tr {
	border-bottom: 1px solid #D9D9D9;
}

body#exam section#patient table th {
	box-sizing: border-box;
	background: #18419E;
	color: #fff;
	text-align: left;
	padding: 15px;
}

body#exam section#patient table td {
	box-sizing: border-box;
	background: #fff;
	text-align: left;
	padding: 15px;
}

body#exam section#inputfield {
	margin-top: 40px;
}

body#exam section#inputfield table {
	width: 100%;
	margin-top: 40px;
}

body#exam section#inputfield table thead {
	background: #505050;
	color: #fff;
}

body#exam section#inputfield table thead tr th {
	box-sizing: border-box;
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
	padding: 15px 20px;
	border-right: 1px solid #D9D9D9;
}

body#exam section#inputfield table thead tr th:last-child {
	border-right: none;
}

body#exam section#inputfield table thead th:nth-of-type(1) {
	width: 30% !important;
}

body#exam section#inputfield table thead th:nth-of-type(2),
body#exam section#inputfield table thead th:nth-of-type(3),
body#exam section#inputfield table thead th:nth-of-type(5) {
	width: 15% !important;
}

body#exam section#inputfield table thead th:nth-of-type(5) {
	width: 15% !important;
}

body#exam section#inputfield table thead th:nth-of-type(4) {
	width: 25% !important;
}

body#exam section#inputfield table tbody th {
	box-sizing: border-box;
	background: #18419E;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	padding: 15px 20px;
}

body#exam section#inputfield table tbody th .wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

body#exam section#inputfield table tbody td {
	box-sizing: border-box;
	background: #fff;
	text-align: left;
	padding: 15px 20px;
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

body#exam section#inputfield table tbody td:last-child {
	border-right: none;
}

body#exam section#inputfield table tbody td .wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}
/*
body#exam section#inputfield div.hidden {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

body#exam section#inputfield div.hidden > span {
	text-align: right;
}
*/
body#exam section#inputfield table tbody td:nth-of-type(1) .wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

body#exam section#inputfield .wrap > span {
	line-height: 1.7;
	text-align: center;
}

body#exam section#inputfield .wrap span.name {
	width: 1.5rem;
}

body#exam section#inputfield form input[type="number"] {
	background: #E1E9EF;
	border-radius: 0;
	border: none;
	font-size: 1em;
	letter-spacing: 1px;
	width: 125px;
	height: 40px;
	margin: 0 10px;
	box-sizing: border-box;
	padding: 0 10px;
	text-align: right;
}
body#exam section#inputfield form select {
	background: #E1E9EF;
	border-radius: 0;
	border: none;
	font-size: 1em;
	letter-spacing: 1px;
	width: 125px;
	height: 40px;
	margin: 0 10px;
	box-sizing: border-box;
	padding: 0 10px;
	text-align: left;
}
body#exam section#inputfield form input[name="exam_1_5_1"],
body#exam section#inputfield form input[name="exam_1_5_2"],
body#exam section#inputfield form input[name="exam_2_1_1"],
body#exam section#inputfield form input[name="exam_2_1_2"],
body#exam section#inputfield form input[name="exam_2_2_1"],
body#exam section#inputfield form input[name="exam_2_2_2"]{
	border-radius: 0;
	border: none;
	background: #E1E9EF;
	font-size: 1em;
	letter-spacing: 1px;
	width: 80px;
	height: 40px;
	margin-right: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}

body#exam section#inputfield form input[type="text"] {
	border-radius: 0;
	border: none;
	background: #E1E9EF;
	font-size: 1em;
	letter-spacing: 1px;
	width: 122px;
	height: 40px;
	margin-right: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}

body#exam section#inputfield form .btn_confirm,
body#exam section#inputfield form .btn_edit{
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 310px;
	height: 40px;
	margin: 40px 10px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
}

body#exam section#inputfield form .btn_confirm:hover,
body#exam section#inputfield form .btn_edit:hover{
	background-color: #001E60;
}

/* wcst */
/* ------------------------------------------------------------ */
body#wcst_list {
	background: #E1E9EF;
}

/* 基本情報 */
body#wcst_list section#patient table {
	border-top: 1px solid #D9D9D9;
	width: 100%;
}

body#wcst_list section#patient table tr {
	border-bottom: 1px solid #D9D9D9;
}

body#wcst_list section#patient table th {
	box-sizing: border-box;
	background: #18419E;
	color: #fff;
	text-align: left;
	padding: 15px;
}

body#wcst_list section#patient table td {
	box-sizing: border-box;
	background: #fff;
	text-align: left;
	padding: 15px;
}

/* inputfield */
body#wcst_list section#inputfield table {
	border-top: 1px solid #D9D9D9;
	width: 100%;
}

body#wcst_list section#inputfield table tr {
	border-bottom: 1px solid #D9D9D9;
}

body#wcst_list section#inputfield table th {
	box-sizing: border-box;
	background: #ececec;
	text-align: left;
	width: 220px;
	padding: 30px;
}

body#wcst_list section#inputfield table td {
	box-sizing: border-box;
	background: #fff;
	text-align: left;
	padding: 30px;
}

body#wcst_list section#inputfield .wrap {
	white-space: nowrap;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

body#wcst_list section#inputfield .wrap span.name {
	width: 2rem;
}

body#wcst_list section#inputfield .wrap .radio {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

body#wcst_list section#inputfield .wrap .radio label {
	margin: 5px 0;
}

body#wcst_list section#inputfield form input[type="text"],
body#wcst_list section#inputfield form input[type="tel"],
body#wcst_list section#inputfield form input[type="number"] {
	border-radius: 0;
	border: none;
	background: #E1E9EF;
	font-size: 1em;
	letter-spacing: 1px;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
}

body#wcst_list section#inputfield form input[type="number"] {
	width: 100%;
	min-width: 120px;
}

body#wcst_list section#inputfield form select {
	border-radius: 0;
	border: none;
	background: #E1E9EF;
	font-size: 1em;
	letter-spacing: 1px;
	height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-appearance: none;
}

body#wcst_list section#inputfield form select {
	border-radius: 0;
	background: #E1E9EF;
	font-size: 1em;
	letter-spacing: 1px;
	height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-appearance: none;
	border: none;
	/* border: 1px solid #707070; */
}

body#wcst_list section#inputfield form span+input {
	margin-left: 10px;
}

body#wcst_list section#inputfield form span+input+span {
	margin-left: 10px;
}

body#wcst_list section#inputfield form select+span {
	margin-left: 10px;
}

body#wcst_list section#inputfield form select+span+select {
	margin-left: 10px;
}

body#wcst_list section#inputfield form input+span {
	margin-left: 10px;
}

body#wcst_list section#inputfield form .btn_area {
	width: 640px;
	margin: 40px auto 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

/* body#wcst_list section#inputfield form .btn_edit,
body#wcst_list section#inputfield form .btn_delete,
body#wcst_list section#inputfield form .btn_regist {
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 310px;
	height: 40px;
	margin: 40px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
} */

body#wcst_list section#inputfield form .btn_edit,
body#wcst_list section#inputfield form .btn_delete,
body#wcst_list section#inputfield form .btn_regist {
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 200px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
	margin: 0 10px;
}

body#wcst_list section#inputfield form .btn_edit_none,
body#wcst_list section#inputfield form .btn_delete_none,
body#wcst_list section#inputfield form .btn_regist_none {
	background-color: #D9D9D9;
	border-radius: 6px;
	color: #fff;
	width: 200px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	border: none;
}

.title_edit_none,
.title_entry_none {
	background-color: #D9D9D9;
	border-radius: 6px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	border: none;
	padding: 13px 30px;
	margin: 0 20px 20px 0;
	user-select:none /*okuda:20220607 new*/
}

body#wcst_list section#inputfield form .btn_interview {
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 310px;
	height: 40px;
	margin: 40px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
}
body#wcst_list section#inputfield form .btn_interview_none {
	background-color: #D9D9D9;
	border-radius: 6px;
	color: #fff;
	width: 310px;
	height: 40px;
	margin: 40px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	border: none;
}

body#wcst_list section#inputfield form .btn_regist:hover,
body#wcst_list section#inputfield form .btn_regist:hover,
body#wcst_list section#inputfield form .btn_delete:hover {
	background-color: #001E60;
}

.user_none{
	user-select: none;
	background-color: #D9D9D9;
}

body#wcst_list section#inputfield form input[name="show_text"] {
	background-color:#fff !important;
	cursor: default;
	color: #000;
}

/* 選択テーブル */
body#wcst_list section#inputfield_wcst {
	margin-top: 40px;
}

body#wcst_list section#inputfield_wcst table {
	width: 100%;
	margin-top: 40px;
}

body#wcst_list section#inputfield_wcst table thead {
	background: #18419E;
	color: #fff;
}

body#wcst_list section#inputfield_wcst table thead tr th {
	box-sizing: border-box;
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
	padding: 15px 20px;
	border-right: 1px solid #D9D9D9;
}

body#wcst_list section#inputfield_wcst table thead tr th:last-child {
	border-right: none;
}

body#wcst_list section#inputfield_wcst table thead th:nth-of-type(1) {
	width: 30% !important;
}

body#wcst_list section#inputfield_wcst table thead th:nth-of-type(2),
body#wcst_list section#inputfield_wcst table thead th:nth-of-type(3),
body#wcst_list section#inputfield_wcst table thead th:nth-of-type(5) {
	width: 15% !important;
}

body#wcst_list section#inputfield_wcst table thead th:nth-of-type(5) {
	width: 15% !important;
}

body#wcst_list section#inputfield_wcst table thead th:nth-of-type(4) {
	width: 25% !important;
}

body#wcst_list section#inputfield_wcst table tbody th {
	box-sizing: border-box;
	background: #18419E;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	padding: 15px 20px;
}

body#wcst_list section#inputfield_wcst table tbody th .wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

body#wcst_list section#inputfield_wcst table tbody td {
	box-sizing: border-box;
	background: #fff;
	text-align: left;
	padding: 15px 20px;
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

/* body#wcst_list section#inputfield_wcst table tbody td:first-child {
	background: #18419E;
	color: #fff;
} */

body#wcst_list section#inputfield_wcst table tbody td:last-child {
	border-right: none;
}

body#wcst_list section#inputfield_wcst table tbody td .wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

body#wcst_list section#inputfield_wcst table tbody td:nth-of-type(1) .wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

body#wcst_list section#inputfield_wcst .wrap > span {
	line-height: 1.7;
}

body#wcst_list section#inputfield_wcst .wrap span.name {
	width: 1.5rem;
}

body#wcst_list section#inputfield_wcst form input[type="number"] {
	border-radius: 0;
	border: none;
	background: #E1E9EF;
	font-size: 1em;
	letter-spacing: 1px;
	width: 122px;
	height: 40px;
	margin-right: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}

body#wcst_list section#inputfield_wcst form input[type="text"] {
	border-radius: 0;
	border: none;
	background: #E1E9EF;
	font-size: 1em;
	letter-spacing: 1px;
	width: 122px;
	height: 40px;
	margin-right: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}

body#wcst_list section#inputfield_wcst form .btn_confirm,
body#wcst_list section#inputfield_wcst form .btn_edit{
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 310px;
	height: 40px;
	margin: 40px 10px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
}

body#wcst_list section#inputfield_wcst form .btn_confirm:hover,
body#wcst_list section#inputfield_wcst form .btn_edit:hover{
	background-color: #001E60;
}

/* 表示テーブル */
body#wcst_list section#wcst_input table {
	width: 100%;
}
body#wcst_list section#wcst_input table thead {
	background: #18419E;
	color: #fff;
}
body#wcst_list section#wcst_input table thead tr th {
	text-align: left;
	white-space: nowrap;
	padding: 10px;
	border-right: 1px solid #fff;
}
/*
body#wcst_list section#wcst_input table tbody tr:nth-child(odd) {
	background: #fff;
}
body#wcst_list section#wcst_input table tbody tr:nth-child(even) {
	background: #E1E9EF;
}
*/
body#wcst_list section#wcst_input table tbody tr td {
	border-bottom: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	background: #fff;
	line-height: 1.4;
	vertical-align: middle;
	padding: 0 10px;
	height: 40px; /* okuda_20221013:add */
}
body#wcst_list section#wcst_input table tbody tr td:last-child{
	border-right: none;
}

/* ボタンエリア */
body#wcst_list section#wcst_input form .btn_area,
body#wcst_list section#inputfield_wcst form .btn_area,
body#wcst_list section#wcst_multiple form .btn_area {
	width: 640px;
	margin: 40px auto 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

body#wcst_list section#wcst_input form .btn_edit,
body#wcst_list section#wcst_input form .btn_delete,
body#wcst_list section#wcst_input form .btn_regist,
body#wcst_list section#inputfield_wcst form .btn_edit,
body#wcst_list section#inputfield_wcst form .btn_delete,
body#wcst_list section#inputfield_wcst form .btn_regist,
body#wcst_list section#wcst_multiple form .btn_edit,
body#wcst_list section#wcst_multiple form .btn_delete,
body#wcst_list section#wcst_multiple form .btn_regist {
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 200px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
	margin: 0 10px;
}

body#wcst_list section#wcst_input form .btn_edit:hover,
body#wcst_list section#wcst_input form .btn_delete:hover,
body#wcst_list section#wcst_input form .btn_regist:hover,
body#wcst_list section#inputfield_wcst form .btn_edit:hover,
body#wcst_list section#inputfield_wcst form .btn_delete:hover,
body#wcst_list section#inputfield_wcst form .btn_regist:hover,
body#wcst_list section#wcst_multiple form .btn_edit:hover,
body#wcst_list section#wcst_multiple form .btn_delete:hover,
body#wcst_list section#wcst_multiple form .btn_regist:hover {
	background-color: #001E60;
}

/* wcst_list */
body#wcst_list section#wcst_multiple form .show td div input[type="text"] {
	border: none;
}

/* wcst_multiple_data */
/* head */
body#wcst_list section#wcst_multiple div#head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

body#wcst_list section#wcst_multiple div#head .head_box {
	border-left: 1px solid #a0a0a0;
	margin-left: 25px;
	padding-left: 25px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

body#wcst_list section#wcst_multiple div#head .head_box h3 {
	color: #505050;
	font-size: 1.25em;
	font-weight: bold;
	white-space: nowrap;
}

body#wcst_list section#wcst_multiple div#head .head_box > div {
	margin: 0 10px 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

body#wcst_list section#wcst_multiple div#head input[type="text"] {
	width: 300px;
	margin: 5px 0 5px 10px;
}

body#wcst_list section#wcst_multiple div#head .head_box > div div.check {
	margin: 5px 0 5px 10px;
}

body#wcst_list section#wcst_multiple div#head .head_box > div select {
	margin: 5px 0 5px 10px;
}

body#wcst_list section#wcst_multiple div#head .head_box > div span {
	margin: 0 0 0 10px;
}

body#wcst_list section#wcst_multiple div#head div .btn_search {
	background: url(../images/icon1.svg) no-repeat left 20px center;
	background-size: 25px auto;
	background-color: #FFA700;
	border-radius: 6px;
	color: #fff;
	padding: 11px 25px 11px 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
}

body#wcst_list section#wcst_multiple div#head div .btn_search:hover {
	background-color: #FF7600;
}

body#wcst_list section#wcst_multiple div#head p.btn_add a {
	/* background: url(../images/icon3.svg) no-repeat left 20px center;
	background-size: 23px auto; */
	background-color: #FFA700;
	border-radius: 6px;
	color: #fff;
	padding: 15px 25px;
	display: flex;
	justify-content: center;
	align-items: center;
}

body#wcst_list section#wcst_multiple div#head p.btn_add a:hover {
	background-color: #FF7600;
}

body#wcst_list section#wcst_multiple div#head p.btn_add a span {
	white-space: nowrap;
}


/* テーブル制御 */
body#wcst_list section#wcst_multiple table {
	width: 100%;
}
body#wcst_list section#wcst_multiple table thead {
	background: #18419E;
	color: #fff;
}
body#wcst_list section#wcst_multiple table thead tr th {
	text-align: left;
	/* white-space: nowrap; */
	padding: 10px;
	border-right: 1px solid #fff;
}
/*
body#wcst_list section#wcst_multiple table tbody tr:nth-child(odd) {
	background: #fff;
}
body#wcst_list section#wcst_multiple table tbody tr:nth-child(even) {
	background: #E1E9EF;
}
*/
body#wcst_list section#wcst_multiple table tbody tr td {
	border-bottom: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	background: #fff;
	line-height: 1.4;
	vertical-align: middle;
	/* padding: 10px; */
	height: 60px; /* okuda_20221013:add */
}
body#wcst_list section#wcst_multiple table tbody tr td div span {
	padding-left: 10px;
}
/* body#wcst_list section#wcst_multiple table tbody tr.hidden td:nth-child(1) {
	width: 160px;
}
body#wcst_list section#wcst_multiple table tbody tr.hidden td:nth-child(2),
body#wcst_list section#wcst_multiple table tbody tr.hidden td:nth-child(3) {
	width: 200px;
}
body#wcst_list section#wcst_multiple table tbody tr.hidden td:nth-child(4) {
	width: 100px;
}
body#wcst_list section#wcst_multiple table tbody tr.hidden td:nth-child(5) {
	width: 70px;
}
body#wcst_list section#wcst_multiple table tbody tr.hidden td:nth-child(6) {
	width: 200px;
}
body#wcst_list section#wcst_multiple table tbody tr.hidden td:nth-child(7) {
	width: 500px;
} */
body#wcst_list section#wcst_multiple table tbody tr td div label {
	padding: 10px;
}
body#wcst_list section#wcst_multiple table tbody tr td:last-child{
	border-right: none;
}

body#wcst_list section#wcst_multiple table tbody tr td input[type="text"]{
	border: none;
	outline: none;
}

body#wcst_list section#wcst_multiple table tbody tr td div .check_select_1{
	margin: 10px;
	width: 155px;
}
body#wcst_list section#wcst_multiple table tbody tr td div .check_select_2{
	margin: 10px;
	/* width: 500px; */
}

/* wcst_multiple_file */
body#wcst_list section#wcst_multiple #head{
	margin-bottom: 20px;
}

body#wcst_list section#wcst_multiple table.wcst_upd_1{
	border-top: 1px solid #D9D9D9;
	width: 100%;
}

body#wcst_list section#wcst_multiple table.wcst_upd_1 tr{
	border-bottom: 1px solid #D9D9D9;
}

body#wcst_list section#wcst_multiple table.wcst_upd_1 th{
	box-sizing: border-box;
	background: #ececec;
	text-align: left;
	width: 220px;
	padding: 30px;
}

body#wcst_list section#wcst_multiple table.wcst_upd_1 td{
	box-sizing: border-box;
	background: #fff;
	text-align: left;
	padding: 30px;
}

body#wcst_list section#wcst_multiple table.wcst_upd_1 th,
body#wcst_list section#wcst_multiple table.wcst_upd_1 div {
	vertical-align: middle;
}


/* Thanks */
/* ------------------------------------------------------------ */

body#thanks {
	background: #F0E6E1;
}
/*
body#thanks section#title {
	background: #33D1AD; okuda:20220612 out
}
body#thanks section#patient {
}
*/

body#thanks section#patient table {
	border-top: 1px solid #D9D9D9;
	width: 100%;
}

body#thanks section#patient table tr {
	border-bottom: 1px solid #D9D9D9;
}

body#thanks section#patient table th {
	box-sizing: border-box;
	background: #18419E;
	color: #fff;
	text-align: left;
	padding: 15px;
}

body#thanks section#patient table td {
	box-sizing: border-box;
	background: #fff;
	text-align: left;
	padding: 15px;
}

body#thanks section#inputfield p.btn_close a {
	background: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 310px;
	height: 40px;
	margin: 370px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

body#thanks section#inputfield p.btn_close a:hover {
	background: #001E60;
}

body#thanks section#inputfield p.btn_close a span {
	white-space: nowrap;
}

@media screen and (min-width: 769px) {
	main section#title_thanks_sp {
		display: none;
	}
	main section#title_thanks_pc {
		height: 100px;
		width: 100%;
		display: flex;
    justify-content: space-between;
    align-items: flex-end;
		margin: 0;
		padding: 0;
	}
	main section#title_thanks_pc h2 {
    color: #fff;
    font-size: 1.875em;
    font-weight: bold;
    margin: 0 0 20px 70px;
	}
	main section#inputfield .thanks_coment_sp {
		display: none;
	}
	body#thanks section#inputfield p.coment {
		line-height: 1.7;
		text-align: center;
		font-size: 1.875em;
		font-weight: bold;
	}
	body#thanks section#inputfield {
		margin-top: 100px;
	}
}
@media screen and (max-width: 768px) {
	main section#title_thanks_pc {
		display: none;
	}
	main section#title_thanks_sp {
		display: flex;
    justify-content: space-between;
    align-items: flex-end;
		margin-bottom: 20px;
		width: 100%;
	}
	main section#title_thanks_sp h2 {
    color: #fff;
    font-size: 1.275em;
    font-weight: bold;
    margin: auto;
		box-sizing: border-box;
		padding: 10px;
	}
	main section#inputfield .thanks_coment_pc {
		display: none;
	}
	body#thanks section#inputfield p.coment {
		line-height: 1.7;
		text-align: center;
		font-size: 1.5em;
		font-weight: bold;
	}
	body#thanks section#inputfield {
		margin-top: 30px;
	}
}
/* List */
/* ------------------------------------------------------------ */
/*
body#datalist {
}
*/
body#datalist section#patient {
	background: #E1E9EF;
	margin: 0 auto;
	padding: 55px 70px;
}

body#datalist section#patient table {
	border-top: 1px solid #D9D9D9;
	width: 100%;
}

body#datalist section#patient table tr {
	border-bottom: 1px solid #D9D9D9;
}

body#datalist section#patient table th {
	box-sizing: border-box;
	background: #18419E;
	color: #fff;
	text-align: left;
	padding: 15px;
}

body#datalist section#patient table td {
	box-sizing: border-box;
	background: #fff;
	text-align: left;
	padding: 15px;
}

body#datalist section#patient p.btn_edit {
	margin-top: 10px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

body#datalist section#patient p.btn_edit a {
	white-space: nowrap;
	box-sizing: border-box;
	border: 1px solid #505050;
	border-radius: 6px;
	background-color: #fff;
	color: #505050;
	box-sizing: border-box;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

body#datalist section#patient p.btn_edit a:hover {
	background-color: #505050;
}

body#datalist section#patient p.btn_edit a span {
	background: url(../images/icon5.svg) no-repeat left center;
	background-size: 18px auto;
	padding: 10px 0 10px 28px;
}

body#datalist section#patient p.btn_edit a:hover span {
	filter: brightness(0) invert(1);
}

body#datalist section#head p.btn_del a {
	white-space: nowrap;
	box-sizing: border-box;
	border: 1px solid #505050;
	border-radius: 6px;
	background-color: #fff;
	color: #505050;
	box-sizing: border-box;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

body#datalist section#head p.btn_del a:hover {
	background-color: #505050;
}

body#datalist section#head p.btn_del a span {
	background: url(../images/icon8.svg) no-repeat left center;
	background-size: 18px auto;
	padding: 10px 0 10px 28px;
}

body#datalist section#head p.btn_del a:hover span {
	filter: brightness(0) invert(1);
}

body#datalist section#list p.btn_exam {
	width: 23%;
}

body#datalist section#list .issue_code {
	margin-left: 20px;
}

body#datalist section#list p.btn_exam a {
	white-space: nowrap;
	box-sizing: border-box;
	border: 1px solid #18419E;
	border-radius: 6px;
	background-color: #fff;
	color: #18419E;
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

body#datalist section#list p.btn_exam a:hover {
	background-color: #18419E;
}

body#datalist section#list p.btn_exam a span {
	background: url(../images/icon6.svg) no-repeat left center;
	background-size: 24px auto;
	padding: 10px 0 10px 34px;
}

body#datalist section#list p.btn_exam a:hover span {
	filter: brightness(0) invert(1);
}

body#datalist section#list p.btn_q {
	width: 23%;
}

body#datalist section#list p.btn_q a {
	white-space: nowrap;
	box-sizing: border-box;
	border: 1px solid #18419E;
	border-radius: 6px;
	background-color: #fff;
	color: #18419E;
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

body#datalist section#list p.btn_q a:hover {
	background-color: #18419E;
}

body#datalist section#list p.btn_q a span {
	background: url(../images/icon4.svg) no-repeat left center;
	background-size: 16px auto;
	padding: 10px 0 10px 26px;
}

body#datalist section#list p.btn_q a:hover span {
	filter: brightness(0) invert(1);
}

body#datalist section#list p.btn_advice {
	width: 23%;
}

body#datalist section#list p.btn_advice a {
	white-space: nowrap;
	box-sizing: border-box;
	border: 1px solid #18419E;
	border-radius: 6px;
	background-color: #fff;
	color: #18419E;
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

body#datalist section#list p.btn_advice a:hover {
	background-color: #18419E;
}

body#datalist section#list p.btn_advice a span {
	background: url(../images/icon7.svg) no-repeat left center;
	background-size: 16px auto;
	padding: 10px 0 10px 26px;
}

body#datalist section#list p.btn_advice a:hover span {
	filter: brightness(0) invert(1);
}


/* config_menu */
body#config_menu section#head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

body#config_menu section#head p.btn_add a {
	background: url(../images/icon3.svg) no-repeat left 20px center;
	background-size: 23px auto;
	background-color: #FFA700;
	border-radius: 6px;
	color: #fff;
	padding: 15px 25px 15px 55px;
	display: flex;
	justify-content: center;
	align-items: center;
}

body#config_menu section#head p.btn_add a:hover {
	background-color: #FF7600;
}

body#config_menu section#head p.btn_add a span {
	white-space: nowrap;
}

body#config_menu section#head form {
	border-left: 1px solid #D9D9D9;
	margin-left: 25px;
	padding-left: 25px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

body#config_menu section#head form h3 {
	color: #505050;
	font-size: 1.25em;
	font-weight: bold;
	white-space: nowrap;
}

body#config_menu section#head form > div {
	margin: 0 10px 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

body#config_menu section#head form input[type="text"] {
	width: 300px;
	margin: 5px 0 5px 10px;
}

body#config_menu section#head form > div div.check {
	margin: 5px 0 5px 10px;
}

body#config_menu section#head form > div select {
	margin: 5px 0 5px 10px;
}

body#config_menu section#head form > div > span {
	margin: 0 0 0 10px;
}

body#config_menu section#head form .btn_search {
	background: url(../images/icon1.svg) no-repeat left 20px center;
	background-size: 25px auto;
	background-color: #FFA700;
	border-radius: 6px;
	color: #fff;
	padding: 11px 25px 11px 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
}

body#config_menu section#head form .btn_search:hover {
	background-color: #FF7600;
}

/* List */
body#config_menu section#list  {
	margin: 20px auto;
	padding: 0 170px;
}

body#config_menu section#list table {
	width: 100%;
}

body#config_menu section#list table thead {
	background: #18419E;
	color: #fff;
}

body#config_menu section#list table thead tr th {
	text-align: left;
	white-space: nowrap;
	padding: 10px;
	border-right: 1px solid #fff;
}

body#config_menu section#list table thead tr th:last-child {
	border-right: none;
}

body#inconfig_menudex section#list table tbody tr:nth-child(odd) {
	background: #fff;
}
/*
body#config_menu section#list table tbody tr:nth-child(even) {
	background: #E1E9EF;
}
*/
body#config_menu section#list table tbody tr td {
	line-height: 1.4;
	vertical-align: middle;
	padding: 10px;
	border-right: 1px solid #D9D9D9;
}
body#config_menu section#list table tbody tr td:last-child {
	padding: 15px 20px 15px 20px;
	border-right: none;
}

body#config_menu section#list table tbody tr td .wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
body#config_menu section#list p.btn_data {
	box-sizing: border-box;
	width: 48%;
	min-width: 140px;
	margin: 0 auto;
}
body#config_menu section#list p.btn_data a {
	white-space: nowrap;
	box-sizing: border-box;
	border: 1px solid #18419E;
	border-radius: 6px;
	background-color: #18419E;
	color: #fff;
	box-sizing: border-box;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
body#config_menu section#list p.btn_data a:hover {
	background-color: #18419E;
	color: #fff;
}
body#config_menu section#list p.btn_data a span {
	padding: 10px 0;
}
body#config_menu section#list p.btn_edit {
	width: 48%;
	min-width: 140px;
	margin: 5px 0 5px 0;
}
body#config_menu section#list p.btn_edit a {
	white-space: nowrap;
	box-sizing: border-box;
	border: 1px solid #505050;
	border-radius: 6px;
	background-color: #fff;
	color: #505050;
	box-sizing: border-box;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
body#config_menu section#list p.btn_edit a:hover {
	background-color: #505050;
}
body#config_menu section#list p.btn_edit a span {
	background: url(../images/icon5.svg) no-repeat left center;
	background-size: 18px auto;
	padding: 10px 0 10px 25px;
}
body#config_menu section#list p.btn_edit a:hover span {
	filter: brightness(0) invert(1);
}

body#config_menu .wrap {
	margin: 20px auto;
    white-space: nowrap;
    display: flex;
    /* margin: 0 auto; */
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

/* config_menu / config_menu */

body#datalist section#list p.btn_edit  {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
body#datalist section#list p.btn_edit a  {
    white-space: nowrap;
    box-sizing: border-box;
    border: 1px solid #505050;
    border-radius: 6px;
    background-color: #fff;
    color: #505050;
    box-sizing: border-box;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
body#datalist section#list p.btn_edit a span  {
    /* background: url(../images/icon5.svg) no-repeat left center; */
    background-size: 18px auto;
    padding: 10px 0 10px 0px;
}
.wrap .hidden_q2 {
	display: flex;
}

/* okuda:20220612 */
.show_text_color1{
	background-color: #fff !important;
}
.show_text_color2{
	background-color: #E9F2EF !important;
}
.check_input{
	height: 30px !important;
	width: 60px !important;
	margin-left: 10 !important;
	padding: 0 10px !important;
}
.show_div_2{
	display: inline-block;
}

.type_change{
	text-align: center;
	background-color: #fff !important;
	margin: 0 !important;
}

.class_add,
.class_upd{
	background-color:#d9d9d9 !important;
	color:#fff!important;
	cursor: default;
}
.class_upd_span{
	background:none !important;
	background-size: 16px auto;
	padding: 10px 13px 10px 13px !important;
}
/* okuda:20220704 */
body#usermenu section#list p.btn_edit a span{
	background: url(../images/icon5.svg) no-repeat left center;
	background-size: 18px auto;
	padding: 10px 0 10px 25px;
}
body#usermenu section#list p.btn_edit a{
	white-space: nowrap;
	box-sizing: border-box;
	border: 1px solid #505050;
	border-radius: 6px;
	background-color: #fff;
	color: #505050;
	box-sizing: border-box;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
body#usermenu section#list p.btn_edit{
	width: 48%;
	min-width: 140px;
	margin: 5px 0 5px 0;
}
body#usermenu section#list table tbody tr td .wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

/* adv_text_form */
/* ------------------------------------------------------------ */
body#adv_text {
	background: #E1E9EF;
}

body#adv_text section#inputfield table {
	border-top: 1px solid #D9D9D9;
	width: 100%;
}

body#adv_text section#inputfield table tr {
	border-bottom: 1px solid #D9D9D9;
}

body#adv_text section#inputfield table th {
	box-sizing: border-box;
	background: #ececec;
	text-align: left;
	vertical-align: middle;
	width: 200px;
	padding: 30px;
}

body#adv_text section#inputfield table td {
	box-sizing: border-box;
	background: #fff;
	min-height: 150px;
	text-align: left;
	padding: 25px;
}

body#adv_text section#inputfield table tbody tr td #doctor_uid_form{
	background-color: #fff;
}

body#adv_text section#inputfield div span {
	line-height: 1.8;
}

body#adv_text section#inputfield textarea {
	resize: vertical;
}

body#adv_text section#inputfield table tbody tr td #doctor_uid_form {
	border: 1px solid #707070;
	border-radius: 6px;
}

body#adv_text section#inputfield form .btn_area {
	width: 640px;
	margin: 40px auto 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

body#adv_text section#inputfield form .btn_edit,
body#adv_text section#inputfield form .btn_regist,
body#adv_text section#inputfield form .btn_delete,
body#adv_text section#inputfield form .btn_edit {
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 200px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
	margin: 0 10px;
}

body#adv_text section#inputfield form .btn_interview {
	background-color: #18419E;
	border-radius: 6px;
	color: #fff;
	width: 310px;
	height: 40px;
	margin: 40px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	cursor: pointer;
	border: none;
}
body#adv_text section#inputfield form .btn_interview_none {
	background-color: #D9D9D9;
	border-radius: 6px;
	color: #fff;
	width: 310px;
	height: 40px;
	margin: 40px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	border: none;
}

body#adv_text section#inputfield form .btn_regist:hover,
body#adv_text section#inputfield form .btn_edit:hover,
body#adv_text section#inputfield form .btn_delete:hover,
body#adv_text section#inputfield form .btn_interview:hover {
	background-color: #001E60;
}

body#adv_text section#inputfield form input[name="show_text"]{
	background-color:#fff !important;
	cursor: default;
	color: #000;
}

body#adv_text .announce_text {
	color: #ff0000;
}

/* ページネーション */
/* ------------------------------------------------------------ */
.pagination_container {
	position: absolute;
  bottom: -80px;
  left: 0;
  width: 100%;
  display: flex;
	justify-content: center;
	align-items: center;
}
.pagination_container p button {
	cursor: pointer;
	outline: none;
}
.pagination_container p button,
.pagination li a {
	padding: 10px;
	font-size: 100%;
	border-radius: 6px;
}
.pagination_container p button,
.pagination li:not(.current) a {
	background: #ffffff;
	color: #646565;
	border: 1.5px solid #18419E;
}
.pagination_container p button:hover,
.pagination li a:hover {
	background: #d9d9d9;
	color: #646565;
	border: 1.5px solid #18419E;
}
.pagination li.current a {
	background: #18419E;
	color: #ffffff;
	border: 1.5px solid #18419E;
}
.pagination_container .first-page {
	margin-right: 20px;
}
.pagination_container .end-page {
	margin-left: 15px;
}
.pagination_container .prev-page {
	margin-right: 45px;
}
.pagination_container .next-page {
	margin-left: 45px;
}
.pagination {
  display: flex;
	justify-content: center;
	align-items: center;
}
ul.pagination li {
	margin: 0 5px;
}
.visibility_hidden {
	visibility: hidden;
}


/* システムcss */
/* ------------------------------------------------------------ */
.flex_center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex_left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}


/* 非表示 */
/* ------------------------------------------------------------ */
.display{
	display: none !important;
}
.display_hide{
	display: none !important;
}


/* エラー文字 */
/* ------------------------------------------------------------ */
.is_red {
  color:#ff0000;
 }
.is_display {
  display: none;
 }