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

/* Basic Color */
:root {
	--main-color: #CAE4DB; /* Morning Sky */
	--accent-color: #C06014; /* Ochre */
	--dark-main-color: #00303F; /* Cerulean */
	--basic-color: #7A9D96; /* Mist */
	--gray-color: #E8E8E8; /* clean gray */
	--green-color: #336600; /* green */
	--dark-green-color: #00303F; /* dark green */
	--text-bright-color: #fff;
	--text-dark-color: #000;
	--icon-bg-color: #6B7A8F; /* Blueberry */
	--link-color: #0000FF; /* dark blue */
	--large-width: 1000px;
	--middle-width: 800PX;
	}
/* Basic font size  */	
@media (max-width: 599px) {
	:root {
		font-size: 14px;
		}
	}
@media (min-width: 600px) and (max-width: 799px) {
	:root {
		font-size: 16px;
		}
	}
@media (max-width: 800px) {
	:root {
		font-size: 18px;
		}
	}

	
body {
	margin: 0;
	font-family: Roboto, "MS Serif", "New York", serif;
	font-size: 16px;
	}
.nohero header {
	position: static;
	border-bottom: solid 1px #ddd;
	border-bottom: solid 1px var(--gray-color);
	}
/* Header: */
header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	}
.headA {
	display: inline-block;
	line-height: 70px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	}

@media (min-width: 768px) {
	header .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}
	.headB {
		display: flex;	
	}
}

/* HeadC Toggle Button */
@media (max-width: 767px) {
	/* setting for small screen */
	header .container-small {
		display: flex;
		align-items: center;
		justify-content: space-between;
		}
	.headC {
		margin-right: 10px;
		padding: 0;
		border: none;
		outline: none;
		background: none;
		font-size: 28px;
		opacity: 0.5;
		cursor: pointer;
		}
	.headC: hover {	opacity: 0.3;}
	.headB {
		display: none;
		}
	.headB li {
		width: 100%;
		}
}
@media (min-width: 768px) {
	/* setting for big screen */
	.headC {
		display: none;	
	}
	.headB {
		display: block !important;
	}
}
/* SNS icon accessibility */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);	
	border: 0;
	}
.conA {
	-js-display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
	height: 40vh;
	min-height: 450px;
	background-image: url(images/duck_family.jpg);
	background-position: center;
	background-size: cover;
	text-align: center;
	}
.csrc {
	color: #0F284B;
	}
.conA h1 {
	width: 60%;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 5vw;
	color: rgba(0,0,0,0.7);
}
.conA h2 {
	font-size: 24px;
	line-height: 1.8;
	opacity: 0.8;
	}
.conA p {
	font-size: 16px;
	padding: 10px;
	}
@media (min-width: 768px) {
.conA {
	min-height: 500px;
	}
.conA h1 {
	font-size: 2.5vw;
	}
}
.conA.compact {
	height: 450px;
	min-height: 0;
	}
.conA.short {
	height: 250px;
	min-height: 0;
	}
.conB .container {
	margin: 0;
	padding: 0px;
	}
.conB h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 16px;	
	}
.conB .text {
	font-family: Roboto, "MS Serif", "New York", serif;
	font-size: 1rem;
	text-align: center;
	padding: 30px;
	}
.conB p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.8;
	}
.conB p a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	border: solid 1px currentcolor;
	border-radius: 6px;
	background-color: #CAE4DB;
	background-color: var(--main-color);
	color:  #565656;
	color: var(--dark-main-color);
	text-decoration: none;
	}
.conB a:hover {
	text-decoration: underline;
	}
.conB .icon {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 50px;
	width: 2em;
	line-height: 2em;
	border-radius: 50%;
	text-align: center;
	background-color: #6B7A8F;
	background-color: var(--icon-bg-color);
	color: #fff;
	color: var(--text-bright-color);
	}
@media (min-width: 768px) {
	.conB .container {
	-js-display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: stretch;
	max-width: 1000px;
	max-width: var(--large-width);
	margin-left: auto;
	margin-right: auto;
	}
	.conB .text {
		-ms-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		padding: 20px;
	}
}
.conC {
	background-color: #CAE4DB;
	background-color: var(--main-color); 
	}
.conC h1 {
	display: block;
	margin: auto;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1.4rem;
	color: #000;
	color: var(--text-dark-color);
	text-align: center;
	vertical-align: middle;
	}
.conC h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1.4rem;
	color: #C06014;
	color: var(--accent-color);
	}
.conC .text {
	font-family: Roboto, "MS Serif", "New York", serif;
	font-size: 1rem;
	padding: 20px;
	text-align: center;
	vertical-align: middle;
	}
.conC p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.8;
	color: #333;
	text-align: justify; 
	}
.conC .photo {
	min-height: 400px;
	background-position: center;
	background-repeat: no-repeat;
}
@media (min-width: 768px) {
	.conC .container {
		display: flex;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}
	.conC .photo {
		flex: 2;
		}
	.conC .text {
		flex: 3;
		padding: 20px;
	}
}
.conT {
	margin: 0;
	padding: 20px;
	background-color: #E8E8E8; 
	background-color: var(--gray-color);
	color: #000;
	color: var(--text-dark-color);
	}
.conT .text {
	font-family: Roboto, "MS Serif", "New York", serif;
	font-size: 1rem;
	text-align: left;
	padding: 20px;
	}
.conT h1 {
	font-size: 1.8rem;
	color: #00303F;
	color: var(--main-dark-color);
	}
.conT h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1.4rem;
	color: #C06014;
	color: var(--accent-color);
	}
.conT p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	}
.conT a {
	color: #24677d; 
	color: var(--basic-color);
	text-decoration: none;
	}
.conT a:hover {
	text-decoration: underline;
	}
.conT table {
	text-align: center;
	border: solid 1px #000;
	border-collapse:collapse;
	}
.conT table th {
	text-align: left;
	}
.conT table td {
	text-align: right;
	}
@media (min-width: 768px) {
	.conT .container {
		display: flex;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}
	.conT .text {
		flex: 1;
		padding: 20px;
	}
}

.Ochre {
	color: #C06014;
	color: var(--accent-color);
	}
.green {
	color: #336600;
	color: var(--green-color);	
	}
.blueberry {
	color: #6B7A8F;
	color: var(--icon-bg-color);
	}

/* Contents Page Article */

.conG {
	background-color: rgba(206, 211, 215, 0.6);
	color: #000;
	color: var(--text-dark-color);
 	margin: 0px;
	line-height: 1.6;
	}
.conG .text {
	font-family: Roboto, "MS Serif", "New York", serif;
	font-size: 1rem;
	padding: 20px;
	}
.conG h1 {
	margin-top: 0;
	color: #49274A;
	color: var(--accent-color);
	font-size: 1.7rem;
	}
.conG h2 {
	margin-top: 0;
	padding-top: 0;
	font-size: 1.2rem;
	}
	
.conG h3 {
	margin-top: 0;
	padding-top: 0;
	font-size: 1rem;
	}
.conG p {
	margin-top: 0;
	padding-top: 0px;
	font-size: 1rem;
	line-height: 1.6;
	}
.conG a {
	margin-top: 20px;
	padding: 15px 0px;
	font-size: 1rem;
	text-decoration: none;
	}

/*
	display: inline-block;
	border: solid 1px #6B7A8F;
	border-radius: 6px;
	background-color: #6B7A8F;
	background-color: var(--icon-bg-color);
	color: #FFF;
	color: var(--text-bright-color);
*/
.conG a:hover {
	text-decoration: underline;
	background-image: linear-gradient (
		rgba (255.255.255.0.5).
		rgba (255.255.255.0.2)
		);
	}
.conG ul {
  font-size: 1rem;
  padding: 0 0.5em;
  position: relative;
}

.conG ul li {
  line-height: 1.2;
  padding: 0.5em 0 0.5em 1.5em;
  border-bottom: 1px solid whitesmoke;
  list-style-type: none!important;
}

.conG ul li ul li {
	border-bottom: none;
	}

.conG ul li:before {
  font-family: FontAwesome;
  content: "\f00c";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #336600; /*アイコン色*/
}
.conG ul li ul li:before {
 font-family: FontAwesome;
  content: "\f138";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #336600; /*アイコン色*/}

	
.conG .photo {
	background-repeat: no-repeat;
	background-position: right;
	color: #000;
	color: var(--text-dark-color);
	margin: 0px;
	min-height: 400px;
	}

@media (min-width: 768px) {
	.conG .container {
		display: flex;
		align-items: top;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}
	.conG .photo {
		flex: 1;
	}
	.conG .text {
		flex: 2;
		padding: 20px;
	}
}

footer {
	background-color: #E8E8E8;
	opacity: 0.8; 
	color: #000;
	color: var(--text-dark-color);
	padding: 20px;
	margin: 0;
	}
footer .container {
	font-size: 12px;
	padding: 40px 20px;
	}
.footA a {
	color: #00303F; 
	color: var(--dark-green-color);
	text-decoration: none;
	}
.footA ul li {
	display: inline;
	list-style-type: none!important;
	}
.footA a:hover {
	text-decoration: underline;
	}

@media (min-width: 768px) {
	footer .container {
		display: flex;
		flex-wrap: wrap;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
		}
	.footA {
		flex: 1;
	}
}
/*
.footB div {
	margin-bottom: 20px;
	}
.footB h3 {
	margin-top: 0px;
	margin-bottom: 10px;
	border-bottom: solid 1px currentColor;
	font-size: 14px;
	text-transform: capitalize;
	}
.footB ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.footB a {
	display: block;
	padding: 5px;
	color: inherit;
	font-size: 12px;
	text-decoration: none;
	}
.footB a:hover {
	background-color: #000;
	opacity: 0.3;
	}
@media (min-width: 768px) {
	.footB {
		display: flex;
	}
	.footB div {
		flex: 1;
	}
	.footB div:not(:first-child) {
		margin-left: 20px;
		}
	}
*/
/* FootD: SNS menu
.footD {
	margin-top: 10px;
	}
.footD ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	}
.footD li a {
	display: block;
	margin: 0 5px 5px 0;
	padding: 0;
	color: #24677d;
}
.footD li span  {
	font-size: 16px;
	line-height: 2em;
	width: 35px;
	height: 35px;
	border: 1px solid #fff;
	border-radius: 50%;
	text-align: center;
}
.footD li span:before { padding: 0; line-height: 35px; }
.footD li a:hover span { background: #fff; }

.footC {
	font-size: 12px;
	text-align: center;
	}

@media (min-width: 768px) {
	.container {
		display: flex;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}
	.footA {
		flex: 1;
	}
}
 */



.logo_border {
	border: thin solid #CCC;
	width: 250px;
	height: 80px;
	padding: 10px;
	margin: 20px;
	}
.logo_border_ns {
	border: thin solid #CCC;
	padding 10px;
	margin: 20px;
	}
/*.conD h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 16px;	
	}
.conD .text {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	}
.conD p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	}
.conD a {
	color: #49274A;
	color: var(--accent-color);
	font-size: 16px;
	text-decoration: none;
	}
.conD a:hover {
	text-decoration: underline;
	}
.conD .icon {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 25px;
	width: 2em;
	line-height: 2em;
	border-radius: 50%;
	text-align: center;
	background-color: #6B7A8F;
	background-color: var(--icon-bg-color);
	color: #fff;
	color: var(--text-bright-color);
	}
@media (min-width: 768px) {
	.conD .container {
		display: flex;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}
	.conD .text {
		flex: 1;
		padding: 20px;
	}
}

.conE {
	background-color: #565656; 
	background-color: var(--dark-main-color);
	opacy:0.8;
	}

@media (min-width: 768px) {
	.conE .container {
		display: flex;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}
	.conE .a {
		flex: 1;
	}
}
.conF {
	background-color: #D7CEC7; 
	background-color: var(--main-color);
	color: #000;
	color: var(--text-dark-color);
	}
.conF h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 16px;	
	}
.conF .text {
	text-align: left;
	padding: 20px;
	}
.conF p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 12px;
	}
.conF a {
	color: #24677d; 
	color: var(--basic-color);
	text-decoration: none;
	}
.conF a:hover {
	text-decoration: underline;
	}
.conF .fa-file-pdf-o {
	color: #990000;
	}
@media (min-width: 768px) {
	.conF .container {
		display: flex;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}
	.conF .text {
		flex: 1;
		padding: 20px;
	}
}
*/
.center {
	text-align: center;
	}
.white {
	color: #FFF;
	color: var(--text-bright-color);
	}
.justify {
	text-align: justify;
	}
.text_left {
	text-align: left;
	}
.title {
	font-size: 2em;
}
/*
.provision {
	font-weight: 800;
	color: #24677d;
	color: var(--basic-color);
	}
.pronote {
	font-weight: 800;
	color: #49274A;
	color: var(--accent-color);
	}
.proview {
	font-weight: 800;
	color: #76323F;
	color: var(--darkred-color);
	}
.audiology {
	font-weight: 800;
	color: #6B7A8F;
	color: var(--icon-bg-color);
	}
*/
.f42 {
	font-size: 42px;
	}
.square {
	font-size: 1.5em;
	height: 60px;
	color: #fff;
	padding: 0.5em;
	background-image: url(images/bg_service_trans.png);
	background-repeat: no-repeat;
	background-color: #336600;
	background-color: var(--green-color);
	background-size: cover;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
	}
.square .fa {
	font-size: 1.5em;
	vertical-align: middle;
	}
.green {
	color: #7BAD24;
	color: var(--green-color);	
	}
.bgstamp {
	background-image: url(images/stamp_myth.png);
	background-repeat: no-repeat;
	background-position:center;
	height: 150px;
	text-align:center;
	vertical-align: bottom;
	}
pre {
      white-space: pre-wrap;       /* css-3 */
      white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
      white-space: -pre-wrap;      /* Opera 4-6 */
      white-space: -o-pre-wrap;    /* Opera 7 */
      word-wrap: break-word;       /* Internet Explorer 5.5+ */
      width: 400px;
    }
.listA {
	padding: 20px;
	background-color: #F6F6F6;
	}
.listA h1 {
	color: #fff;
	padding: 0.5em;
	border-radius: 0.2em;
	border: solid 1px #364e96;
	background-color: #364e96;
	font-size: 20px;
	font-weight: 500;
	}
.listA h2 {
	color: #364e96;
	padding: 0.5em;
	border-radius: 0.2em;
	border: solid 1px #364e96;
	background-color: #ddd;
	font-size: 18px;
	font-weight: 300;
	}
.listA p, .listA ul {
	font-size: 1rem;
	line height: 2;
	}
.listA .photo {
	min-height: 320px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	}
.listA article {
	background-color: #FFF;
	background-color: var(--text-bright-color);
	margin: 10px;
	display: block;
	border: solid 1px #ddd;
	border: solid 1ps var(--gray-color);
	color: inherit;
	}
.listA .text {
	padding: 10px;
	}
.listA a {
	color: #0000FF;
	color: var(--link-color);
	text-decoration: none;
	}
.listA a:hover {
	cursor: pointer;
	text-decoration:underline;
	}
@media (min-width: 768px) {
	.listA .container {
		display: flex;
		flex-wrap: wrap;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: 30px auto;
	}
	.listA article {
		flex: 1;
		padding: 10px;
	}
	.listA .photo {
		min-height: 240px;
		}
}
/*
.listB {
	padding: 20px;
	background-color: #F6F6F6;
	}
.listB h1 {
	color: #fff;
	padding: 0.5em;
	border-radius: 0.2em;
	border: solid 1px #364e96;
	background-color: #364e96;
	font-size: 20px;
	font-weight: 500;
	}
.listB h2 {
	font-weight: 300;
	font-size: 18px;
	}
.listB p {
	font-size: 1rem;
	line height: 2;
	}
.listB .photo {
	min-height: 320px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	}
.listB article {
	background-color: #FFF;
	background-color: var(--text-bright-color);
	display: block;
	border: solid 1px #ddd;
	border: solid 1ps var(--gray-color);
	color: inherit;
	margin: 10px;
	}
.listB .text {
	margin: 0px 10px;
	font-size: 1rem;
	line height: 2;
	}
.listB article .text .title {
	color: #5D9AB2;
	font-size: 1.7em;
	}
.listB a {
	color: #0000FF;
	color: var(--link-color);
	text-decoration: none;
	}
.listB a:hover {
	cursor: pointer;
	text-decoration:underline;
	}
	
@media (min-width: 768px) {
	.listB .container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: 30px auto;
	}
	.listB article {
		flex: 1 1 450px;
		padding: 0 10px;
	}
	.listB .photo {
		min-height: 240px;
		}
}
.listC {
	background-color: #F6F6F6;
	padding: 5px
	}
.listC .container {
	display:flex;
	flex-wrap: wrap;
	max-width: 1000px;
	max-width: var(--large-width);
	background-color: #FFF;
	background-color: var(--text-bright-color);
	margin: 20px auto;
	padding: 10px;
	display: block;
	border: solid 1px #ddd;
	border: solid 1ps var(--gray-color);
	color: inherit;
	}
.listC a {
	flex: 1 1 300px;
	}
.listC p {
	font-size: 1rem;
	line height: 2;
	}
.listC .text {
	margin: 10px;
	padding: 10px;
	font-size: 1rem;
	line height: 2;
	}
.listC .text h2 {
	color: #000;
	color: var(--dark-text-color);
	font-size: 1.8em;
	}
@media (min-width: 768px) {
	.listC .container {
		max-width: 950px;
		max-width: var(--large-width);
		margin-left: 30px auto;
	}
	.listC article {
		width: 900px;
		padding: 10px;
	}
}
form {
	box-sizing: border-box;
	}
input[type=text], select, textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
	}
input[type="text"]:focus,
select:focus,
textarea:focus {
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
}
label {
	padding: 12px 12px 12px 0;
	display: inline-block;
	}
input[type=submit] {
	background-color: #5D9AB2;
	color: #FFF;
	font-size: 16px;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	float: right;
	}
input[type=submit]:hover {
	background-color: #45a049;
	}
.form-container {
	border-radius: 5px;
	background-color: #f2f2f2;
	padding: 20px;
	}
.col-25 {
	float: left;
	width: 25%;
	margin-top: 6px;
	}
.col-75 {
	float: left;
	width: 75%;
	margin-top: 6px;
	}
/* Clear floats after columns */
.row:after {
	content: "";
	display: table;
	clear: both;
	}
/* Responsive layout- 2 columns stack on top of each other @screen<600wide */
@media (max-width: 600px) {
	.col-25, .col-75, input[type=submit] {
		width: 100%;
		margin-top: 0;
		}
	}
/* End of Responsive form */

.subtitle {
	line-height: 50px;
	font-size: 26px;
	vertical-align: top;
	}
.bg_grain {
	background-color: #D7CEC7;
	}
.bg_green {
	background-color: #336600;
	background-color: var(--green-color);
	}
.sidebar {
	padding-right: 0.5rem;
	padding-left: 0.15rem;
	border-left: solid 0.5rem #49274A;
	border-left: solid 0.5rem var(--accent-color);
	}
.block_center {
	padding-top: 20px;
	margin: auto;
	}
.block_center_50p {
	padding-top: 20px;
	margin: auto;
	}
@media (min-width: 768px) {
	.block_center_50p {
		max-width: 50%;
	}
}

.contact {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	border: solid 1px #ddd;
	border: solid 1px var(--gray-color);
	text-align: center;
	}
.contact span {
	dispaly: inline-block;
	margin-bottom: 20px;
	font-size: 2.2rem;
	width: 2em;
	line-height: 2em;
	border-radius: 50%;
	text-align: center;
	background-color: #5D9AB2;
	background-color: var(--main-color);
	color: #FFF;
	color: var(--text-bright-color);
	}
.contact h2 {
	margin-top: 0;
	font-size: 1.2rem;
	}
.contact a {
	font-size: 1.4rem;
	color: inherit;
	text-decoration: none;
	}
.float_left {
	float:left;
	}
.clear {
	clear: both;
	}
@media (min-width: 768px) {
	.contact-wrap {
		display: flex;
		}
	.contact {
		flex: 1;
		}
	.contact: first-child {
		margin-right: 20px;
		}
	}

.pic_nexus_clinic {
	background-image:url(images/pic_nexus_clinic.jpg);
	background-size: cover;
	background-position: center;
	vertical-align: top;
	height: 100vh;
}
/*
.pic_nexus_clinic:after {
	content: '';
	display: block;
	position: absolute;
	box-sizing: border-box;
	bottom: -50px;
	left: 50%; 
	width: 50px; 
	height: 50px; 
	margin-left: -25px; 
	border: #3F3E40 25px solid; 
	border-top: transparent 25px solid;
	background: url(images/pic_nexus_clinic_bg.png) repeat 50% -25px; 
}
*/
.pic_nexus_clinic .container {
	margin: 0px;
	padding: 0px;
	display: flex;
	justify-content: space-between;	
}

.pic_nexus_clinic .container .left {
	flex: 1;
	margin-top: 100px;
	}
.pic_nexus_clinic .container .right {
	flex: 1;
	margin-top: 100px;
	}

@media (min-width: 768px) {
.pic_nexus_clinic .container {
	display: flex;
	align-items: stretch;
	max-width: 1000px;
	max-width: var(--large-width);
	margin-left: auto;
	margin-right: auto;
}

.pic_nexus_doc {
	background-image:url(images/pic_nexus_doc.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 500px;
	text-align: left;
	vertical-align: center;	
}

.pic_nexus_doc .container {
	margin: 0px;
	padding: 10px;	
}
.pic_nexus_doc .container h1 {
	color: #fff;
	font-size: 4vw;
	text-align: left;
	line-height: 500px;
	vertical-align: middle;
}
@media (min-width: 768px) {
	.pic_nexus_doc .container {
	display: flex;
	align-items: stretch;
	max-width: 1000px;
	max-width: var(--large-width);
	margin-left: auto;
	margin-right: auto;
	}
	.pic_nexus_doc .h1 {
	flex: 1;
	padding: 20px;
	}
}

.bglightgreen {background-color: #D5EEEA;}
.bgcharcoal {background-color: #3F3E40;}
.bggreen {background-color: #367E3D;}
.bglightblue {background-color:#95C4D8;} 

.nexfooter { 
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
}

.bordered {
	border: 2px solid #360;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 1px #666;
	-moz-box-shadow: 0 1px 1px #666;
	box-shadow: 0 1px 1px #666;
	font-size: 12px;
}
.table_border {
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 2px solid #0070C0;
	border-left: 2px solid #0070C0;
	font-size: 14px;

}
.th,.td {
	border-bottom: 2px solid #0070C0;
	border-right: 2px solid #0070C0;
}
/*form details*/
.input {
	color: #000;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	background-color: #C8C9D0;
	}
.input_box	{
	border:0;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;
	margin:0 0 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	}
input:focus {border:solid 1px #EEA34A;}

.submit_button {
	border:solid 1px #ccc;
	padding: 10px 30px;
	margin:0 0 20px;
	font-family:Arial, sans-serif;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
	background-image: -webkit-linear-gradient(top, #ddd, #aaa);
	background-image: -moz-linear-gradient(top, #ddd, #aaa);
	background-image: -ms-linear-gradient(top, #ddd, #aaa);
	background-image: -o-linear-gradient(top, #ddd, #aaa);
	background-image: linear-gradient(top, #ddd, #aaa);
	/* IE 5.5–7 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#ffffff', GradientType=0);
	/* IE 8–9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#ffffff', GradientType=0)";
	/* IE 10 */
	-ms-linear-gradient(left, #999999 0%, #ffffff 100%); 
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);
}