@charset "utf-8";
/* CSS Document */
#introduction {
	margin: 2em auto;
	width: 96%;
}

#introduction dt {
	font-size: 16px;
	font-weight: 600;
}

#ph_purser {
	text-align: center;
	width: 120px;
}
#ph_purser span {
	margin-top: 5px;
}

#qualification {
	display: block;
	margin: 2em auto;
	width: 96%;
}

#qualification p {
	font-size: 14px;
}

#qualification table {
	margin: 1em auto;
	width: 96%;
	border: solid 1px #CCCCCC;
}
#qualification th {
	text-align: left;
	padding: 0.2em;
	width: 80%;
	border: solid 1px #CCCCCC;
	box-sizing: border-box;
}
#qualification td {
	text-align: right;
	padding: 0.2em;
	width: 20%;
	border: solid 1px #CCCCCC;
	box-sizing: border-box;
}

.note {
	background-color: #FFFFE1;
	margin: 1em auto 2em;
	padding: 10px;
	width: 96%;
	border: dotted 1px #FFCC99;
	box-sizing: border-box;
}

.note dt {
	color: #C00;
}

.note dd {
	margin-left: 1em;
}

#ph-blood {
	margin: 0 auto;
	width: 100%;
}

.medical {
	margin: 0 0 3em;
}

.medical dt {
	font-weight: 600;
	position: relative;
	margin-top: 2em;
	padding: .75em 1em .2em 2em;
	box-sizing: border-box;
}
.medical dt::after {
	position: absolute;
	top: 1em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 1em;
	height: 1em;
	border: 3px solid #3498db;
	border-radius: 100%
}
.medical dd {
	margin-left: 2em;
}

.medical ul {
	margin: 0 auto 1em;
	padding: 0;
	list-style: none;
}
.medical ul li {
	text-indent: -1.5em;
	padding-left: 1.5em;
}

.medical ul li:before {
	content: "・";
	padding-right: 0.5em;
}

#flow {
	display: block;
	margin: 2em auto 0;
	width: 96%;
}

#flow th {
	font-weight: 600;
	display: block;
	text-align: left;
	vertical-align: top;
	padding: 0 1em;
	width: 100%;
	box-sizing: border-box;
}
#flow td {
	display: block;
	text-align: left;
	vertical-align: top;
	padding: 0.2em 1em 2em;
	width: 100%;
	box-sizing: border-box;
}

@media only screen and (min-width: 769px) {
#introduction {
	margin: 2em auto;
	width: 980px;
}

#qualification {
	display: block;
	margin: 2em auto;
	width: 980px;
}

#qualification table {
	margin-left: 1em;
	width: 400px;
}
#qualification th {
	padding: 3px 5px;
	width: 300px;
}
#qualification td {
	padding: 3px 5px;
	width: 100px;
}

#ph-blood {
	margin-left: 1em;
	width: 503px;
}
#flow {
	display: table;
	margin: 2em 0 0 1em;
	width: 500px;
}

#flow th {
	font-weight: 600;
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0.5em 1em;
	width: 120px;
	box-sizing: border-box;
}
#flow td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0.5em 1em;
	width: 380px;
	box-sizing: border-box;
}
}