@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,700');
.nopc,
.sandimg {display: none!important;}
* {
	padding: 0;
	margin: 0;
	-webkit-text-size-adjust: 100%;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {vertical-align:middle;}
h1,h2,h3,h4,h5,strong{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
sub, sup {vertical-align: baseline;}
sup {
	position:relative;
	top:-4px;
	font-size: 50%;
}
img{
	display: inline;
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: bottom;
}
ul {display: block}
li {
	list-style-position: outside;
	list-style-type: none;
}
a {
	text-decoration: none;
	color: #333;
SFD	-webkit-tap-highlight-color:transparent;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a img {
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
}


main {display: block;}
:focus {outline: none;}
body{
	margin: 0 auto;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.4;
	font-size: 17px;
	position: relative;
	color: #000;
	font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	/*
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Osaka","ＭＳ Ｐゴシック", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif;
	*/
}
.serif {font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;}
@-webkit-keyframes zoomUp {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}

@keyframes zoomUp {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}

#followheader {
	position: fixed;
	top: 0;
	z-index: 1000;
	background: #f39800;
	padding: 8px 20px;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
#pnav {
	float: right;
}
#pnav ul {}
#pnav ul li {
	display: inline-block;
	text-align: center;
	margin-left: 10px;
}
#pnav ul li a {
	font-size: 0.9em;
	text-align: center;
	display: block;
	padding: 8px 15px;
	color: #f39800;
	background: #fff;
	border-radius: 8px;
}
#pnav ul li a svg {
	vertical-align: -8px;
	padding-right: 6px;
}
h1 {
	width: 270px;
	float: left;
}
h1 img {
	width: 100%;
	height: auto;
}


.openbtn1{
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	cursor: pointer;
	width: 56px;
	height:56px;
	background-color: #045389;
	border: 2px solid #045389;
}
.openbtn1 span{
	display: inline-block;
	transition: all .3s;
	position: absolute;
	left: 14px;
	height: 3px;
	border-radius: 2px;
	background: #fff;
	width: 52%;
}

.openbtn1 span:nth-of-type(1) {top:19px;}
.openbtn1 span:nth-of-type(2) {top:27px;}
.openbtn1 span:nth-of-type(3) {top:35px;}
.openbtn1.active span:nth-of-type(1) {
	top: 18px;
	left: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 30%;
}
.openbtn1.active span:nth-of-type(2) {opacity: 0;}
.openbtn1.active span:nth-of-type(3){
	top: 30px;
	left: 18px;
	transform: translateY(-6px) rotate(45deg);
	width: 30%;
}
#g-nav{
	position:fixed;
	z-index: 999;
	top:0;
	right: -120%;
	width:100%;
	height: 100vh;
	background-color:rgba(0,0,0,0.8);
	transition: all 0.6s;
}
#g-nav.panelactive {right: 0;}
#g-nav.panelactive #g-nav-list{
	position: fixed;
	z-index: 999; 
	width: 100%;
	height: 100vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#g-nav ul {
	z-index: 999;
	padding: 30px 0;
}
#g-nav li{
	text-align: center;
	max-width: 320px;
	margin: 0 auto;
}
#g-nav li a{
	color: #fff;
	border-bottom: 1px dashed #fff;
	padding: 10px 0;
	margin: 0 10px 20px 10px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
}

.hide {
	opacity: 0;
	visibility: hidden;
	transition: transform 1s, opacity 1s, visibility 1s;
}
.is-fadein {
	opacity: 1;
	visibility: visible;
}
.sliderwrap {
	margin-top: 96px;
	padding: 0 5rem;
	overflow: hidden;
}
.slider {margin-bottom: 6px!important;}
.slick-slide img {
	border-radius: 8px;
	width: 100%;
	height: auto;
}
.slick-dots {bottom: 0!important;}
#gnav {
	padding: 20px 0;
	background: #faf9f5;
}
#gnav ul {
	display: table;
	max-width: 1200px;
	margin: 0 auto;
}
#gnav ul li {
	display: table-cell;
	vertical-align: middle;
}
#gnav ul li a {
	padding: 1.25rem 2.5rem;
	display: block;
	text-align: center;
	border-right: 2px solid #d1d5db;
}
#gnav ul li a span {
	display: block;
	color: #f39800;
	font-size: 0.9em;
	padding-top: 3px;
}

#sec01 {
	padding: 2.5rem 0;
	margin: 0 2.5rem;
	border-bottom: 2px solid #e5e7eb;
}
.ttl01 {
	font-size: 2.2em;
	color: #6b7280;
	font-family: ui-serif,Georgia,Cambria,Times New Roman,Times,serif;
	border-bottom: 2px solid #e5e7eb;
}
.infolist {padding: 1.25rem 0;}
.infolist li {padding: 0.5rem 1.25rem;}
.infolist li:hover {background: #e5e7eb;}
.infolist li span {
	color: #6b7280;
	display: inline-block;
	margin-right: 1rem;
}
.infolist li strong {
	color: #f4a016;
}
.infolist li p {
	padding-top: 5px;
	font-size: 0.95em;
}
.btn01,
.btn02 {
	color: #fff;
	max-width: 308px;
	margin: 0 auto;
	display: block;
	text-align: center;
	border-radius: 8px;
	padding: 10px 0;
	background: #f97316;
	box-shadow: 0px 8px 8px -6px rgba(0, 0, 0, 0.3);
}
.btn02 {
	padding: 12px 0;
	background: #f39800;
	font-family: ui-serif,Georgia,Cambria,Times New Roman,Times,serif;
}
.btn01 svg,
.btn02 svg {
	margin-left: 8px;
	vertical-align: -6px;
}
#sec04 .btn02 {max-width: 400px;}

.ttl02 {
	font-size: 2.2em;
	color: #6b7280;
	text-align: center;
	font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;;
	padding-bottom: 2.5rem;
}
.home .ttl02 {font-family: ui-serif,Georgia,Cambria,Times New Roman,Times,serif;}
.ttl02 span {
	display: block;
	font-size: 0.65em;
	color: #9ca3af;
}

#sec02 {}

#greetingwrap {
	--tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);

	padding-top: 1.25rem;
	padding-bottom: 1.25rem;

	margin-top: .5rem;
	margin-bottom: .5rem;

	margin-left: 1rem;
	margin-right: 1rem;
}
#greetingin {
	display: flex;
}
.directorimg {
	max-width: 33%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.greetingcontent {
	padding: 2.5rem 6rem;
	font-family: ui-serif,Georgia,Cambria,Times New Roman,Times,serif;
}
.greetingcontent strong {
	font-size: 1.875rem;
	line-height: 2.25rem;
	font-weight: 600;
	padding-bottom: 1.25rem;
	text-align: center;
	display: block;
	font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
.greetingcontent p {
	font-size: 1.125rem;
	line-height: 2.25rem;
}
.orange {color: #f39800;}

.imptxt {
	font-size: 1.5rem;
	font-weight: 600;
	font-family: ui-serif,Georgia,Cambria,Times New Roman,Times,serif;
}
.featurelist {padding: 0 5rem;}
.featurelist li {
	padding-bottom: 2.5rem;
	display: flex;
}
.featuretxt {font-family: ui-serif,Georgia,Cambria,Times New Roman,Times,serif;}
.featuretxt strong {
	display: block;
	font-size: 1.5rem;
	font-weight: 600;
	
}
.featuretxt strong span {
	display: inline-block;
	font-weight: 700;
	margin-right: 10px;
	color: #f39800;
	font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
.featuretxt p {
	padding: 0.75rem 5rem 0.75rem 0;
	font-size: 1.25rem;
	line-height: 1.75rem;
}
.featurelist li > img {
	height: 18rem;
	margin-left: auto;
}


.column3 {
	padding: 0 2.5rem;
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
}
.column3 li {
	padding: 0 1.25rem 2.5rem 1.25rem;
	box-sizing: border-box;
}




.endoscopynav {
	padding: 0 2.5rem;
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
}
.endoscopynav li {
	margin: 0 0.3rem 2rem 0.3rem;
	box-sizing: border-box;
}

.endoscopylist {margin-bottom: 40px;}
.endoscopylist img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
}
.endoscopylist li strong {
	display: block;
	font-weight: 700;
	font-size: 1.5rem;
  line-height: 2rem;
  padding: .5rem 0;
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
}
.endoscopylist li p {
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
}

#sec05 {
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}
.ttl00 {
	width: 50%;
	height: auto;
	margin: 0 auto;
	padding-bottom: 2.5rem;
}
#sec05 .rightbox dl dt {
	font-size: 1.125rem;
	border-bottom: 2px solid #e5e7eb;
	padding: .25rem 0;
}
#sec05 .rightbox dl dd {margin-top: 0.5rem;}
#sec05 .rightbox dl dt:nth-of-type(2) {margin-top: 2.5rem;}
.accesstblwrap {padding: 0 5.75rem 1.5rem 5.75rem;}
.accesstbl {
	width: 100%;
	border-collapse: collapse;
}
.accesstbl tr {border-bottom: 2px solid #e5e7eb;}
.accesstbl tr th,
.accesstbl tr td {
	padding: 1.2rem 0;
	text-align: left;
	vertical-align: top;
}
.accesstbl tr th {white-space: nowrap;}
footer .accesstbl th {width: 7rem;}


footer .cf {
	padding: 0 1.25rem;
	display: flex;
}
footer .cf img {
	margin-right: 2rem;
	height: 500px;
}
footer .cf iframe {
	box-sizing: border-box;
	border: 2px solid #0060df!important;
}
#copyright {
	text-align: center;
	padding: 10px 0;
	font-size: 0.9em;
	color: #fff;
	margin-top: 2.5rem;
	background: #f39800;
	font-family: ui-serif,Georgia,Cambria,Times New Roman,Times,serif;
}




/* common */
.center {text-align: center;}
.right {text-align: right;}
.mb1 {margin-bottom: 1em!important;}
.mb2 {margin-bottom: 2em!important;}
.mb3 {margin-bottom: 3em!important;}
.mb4 {margin-bottom: 4em!important;}
.cf:after {
	content: "";
	clear: both;
	display: block;
}
.imgcnt {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
section {
	padding: 40px 0;
	position: relative;
}
.leftbox {
	width: 46%;
	float: left;
}
.rightbox {margin-left: 51%;}
.regtbl {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1.5rem 0;
}
.regtbl tr {border-bottom: 2px solid #e5e7eb;}
.regtbl tr th,
.regtbl tr td {
	padding: 1.2rem 0;
	text-align: left;
	font-weight: normal;
}
.regtbl tr th {white-space: nowrap;}


/* subpage */
.backlink {
	max-width: 98px;
	margin: 40px 0 0 60px;
	display: block;
	text-align: center;
	border-radius: 8px;
	padding: 10px 0;
	background: #f3f4f6;
	box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.3);
}
.backlink svg {
	vertical-align: -6px;
	margin-right: 4px;
}
.aboutdirector #subsec01 #greetingwrap {
	margin-left: 4.25rem;
	margin-right: 4.25rem;
}
.aboutdirector #subsec01 #greetingwrap .greetingcontent {
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}
.aboutdirector #subsec01 #greetingwrap .greetingcontent p {
	line-height: 1.6;
	font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
.aboutdirector #subsec02,
.aboutdirector #subsec03 {
	padding-left: 7rem;
	padding-right: 7rem;
}
.aboutdirector #subsec02 .regtbl th {width: 8em;}
.aboutdirector #subsec03 .regtbl th {width: 14em;}



.aboutendoscopy, .test-aboutendoscopy {background: #f1f5f9;}
.aboutendoscopy section, .test-aboutendoscopy section {
	margin-left: 2.5rem;
	margin-right: 2.5rem;
}
.aboutendoscopy #subsec02, .test-aboutendoscopy #subsec02 {
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}
.endoscopynav li a,
.accessnav li a {
	font-size: 1rem;
	display: block;
	text-align: center;
	padding: 15px 0;
	background: #fed7aa;
	box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.3);
}
.accessnav li a {border-radius: 6px;}

.endoscopynav li a svg,
.accessnav li a svg {
	vertical-align: -4px;
	margin-left: 8px;
}
.aboutendoscopy #subsec02 .btn02, .test-aboutendoscopy  #subsec02 .btn02
{font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;}
.ttl03 {
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 2rem;
	padding-top: .25rem;
	padding-bottom: .25rem;
	border-bottom: 2px solid #000;
}
.merit {
	font-weight: 700;
	width: 50%;
	margin: 0 auto;
	padding-left: 1.25rem;
  padding-right: 1.25rem;
  list-style-type: disc;
  line-height: 1.8;
}
.merit li {list-style-type: disc;}
.flow {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
}
.flow li {
	padding: 0.5rem 1.25rem 1rem 1.25rem;
	margin: 0 0.5rem 2.3rem 0.5rem;
	box-sizing: border-box;
	margin-bottom: 1.25rem;
	background: #fff;
	line-height: 1.6;
}
.flow li strong {
	display: block;
	font-weight: 600;
	font-size: 1.25rem;
  line-height: 1.75rem;
  padding-bottom: .5rem;
}
.flow li strong span {font-weight: normal;}
.bld {font-weight: bold;}
.uline {text-decoration: underline;}
.uline02 {text-decoration: underline;}
.aboutendoscopy #subsec03 .flow li:nth-child(2) img, .test-aboutendoscopy #subsec03 .flow li:nth-child(2) img {margin-top: 48px;}
.aboutendoscopy #subsec04 .flow li, .test-aboutendoscopy #subsec04 .flow li,
.aboutendoscopy #subsec05 .flow li, .test-aboutendoscopy #subsec05 .flow li {border-radius: 8px;}
.aboutendoscopy #subsec04 .flow li strong, .test-aboutendoscopy #subsec04 .flow li strong,
.aboutendoscopy #subsec05 .flow li strong, .test-aboutendoscopy #subsec05 .flow li strong {color: #6b7280;}
.aboutendoscopy #subsec05 .ttl03 + p, .test-aboutendoscopy #subsec05 .ttl03 + p {margin: 1rem 0;}
.aboutendoscopy #subsec05 .ttl03 + p a, .test-aboutendoscopy #subsec05 .ttl03 + p a {
	text-decoration: underline;
	color: #3b82f6;
}
.merit02 {
	margin-top: 1rem;
	line-height: 2;
	font-size: 1.125rem;
}
.merit02 li {
	text-indent: -1em;
	margin-left: 1em;
}
.merit02 li span {
	display: inline-block;
	margin: 0 2px 0 16px;
	text-align: center;
}
.aboutendoscopy #subsec07 .merit02, .test-aboutendoscopy #subsec07 .merit02 {
	background: #bfdbfe;
	font-size: 1rem;
	padding: 0.5rem 0;
	margin-bottom: 1em;
}
.important_announce {
	font-size: 1.125rem;
	padding-left: 5rem;
	padding-right: 5rem;
}
.important_announce ul {
	line-height: 1.8;
	background:#f8fafc;
	padding: 0.5em;
}
.dllist {
	display: flex;
	text-align: center;
}
.dlleft,
.dlright {width: 50%;}
.dlleft {
	box-sizing: border-box;
	border-right: 2px solid #e5e7eb;
}
.dllist dt {
	font-weight: 700;
	font-size: 1.25rem;
  line-height: 1.75rem;
  padding-bottom: 1.25rem;
}
.dllist dd ul li {margin-bottom: 1.75rem;}
.dllist dd a,
.dllink {
	width: 50%;
	text-align: center;
	display: block;
	margin: 0 auto;
	color: #fff;
	background: #f39800;
	border-radius: 8px;
	padding: 10px 0;
}
.dlright dd ul li:nth-child(1) a {font-size: 0.95em;}
.dlright p {
	font-size: 0.95em;
	padding: 1.5rem 5rem 1rem 5rem;
}


.selfpayfee #subsec01, .selfpayfeetest #subsec01 {
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}
.feetbl {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #e5e7eb;
}
.feetbl th {
	font-weight: bold;
	text-align: center;
	padding: 0.4rem 0;
	border: 1px solid #e5e7eb;
}
.feetbl tr th:nth-of-type(1) {background: #f7b74c;}
.feetbl tr th:nth-of-type(2) {background: #d1d5db;}
.feetbl tr td {
	padding: 0.4rem;
	text-align: left;
	font-weight: normal;
	border: 1px solid #e5e7eb;
}
.feetbl tr th {white-space: nowrap;}

.selfpayfee .ttl01{
	font-size: 25px !important;
}
.selfpayfee .feetbl thead th:first-child,
.selfpayfee .feetbl td:first-child,
.selfpayfeetest .feetbl thead th:first-child,
.selfpayfeetest .feetbl td:first-child {
	width: 30%;
}
.selfpayfee .feetbl thead th:nth-child(2),
.selfpayfee .feetbl td:nth-child(2),
.selfpayfeetest .feetbl thead th:nth-child(2),
.selfpayfeetest.feetbl td:nth-child(2) {
	width: 55%;
}
.selfpayfee .feetbl thead th:last-child,
.selfpayfee .feetbl td:last-child,
.selfpayfeetest .feetbl thead th:last-child,
.selfpayfeetest .feetbl td:last-child {
	width: 15%;
}
.selfpayfee .feetbl td:last-child,
.selfpayfeetest .feetbl td:last-child {
	text-align: right;
}

.red {color: #ef4449;}
.campaignfee {
	display: block;
	font-size: 0.8rem;
}

.accessnav {
	padding: 0 2.5rem;
	margin-bottom: 15px;
}
.accessnav li {
	margin-bottom: 1rem;
	box-sizing: border-box;
}
.access .ttl03 {
	color: #6b7280;
	border-color: #6b7280;
}
.access #subsec01 .imgcnt {
	display: block;
	width: 50%;
	height: auto;
	margin: 0 auto;
}
.access #subsec02,
.access #subsec03,
.access #subsec04 {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
.access .column3 {
	padding: 0!important;
	text-align: center;
	gap: .75rem;
}
.access .column3 li {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding: 0!important;
	margin-bottom: 20px;
}
.access .column3 li img {
	display: block;
	width: 100%;
	height: auto;
}
.access #subsec02 .center.mb1 {font-size: 1.2em;}
.accessgmap {padding: 10px 0 20px 0;}


.infolist02 {
	padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.infolist02 li {
	font-size: 1.125rem;
	line-height: 1.75rem;
	padding: 0.5rem 1.25rem;
	border-bottom: 2px solid #e5e7eb;
}
.infolist02 li:hover {background: #e5e7eb;}
.infolist02 li strong {
	display: block;
	font-weight: 600;
	color: #f4a016;
}
.infolist02 li span {
	margin-left: auto;
	display: block;
}

.infolist02 li p {
	padding-top: 5px;
}

.minisection {padding-top: 2.5rem;}
.ttl04 {
	color: #6b7280;
	text-align: center;
	padding-bottom: .5rem;
	font-weight: 700;
	font-size: 1.25rem;
  line-height: 1.75rem;
}
.regdl dt {
	font-weight: 600;
	padding-bottom: .25rem;
}
.regdl dd {
	padding-bottom: 1.25rem;
}
.aboutonlinetreatment .regdl,
.aboutonlinetreatment ul {
	font-size: 1rem;
	width: 50%;
	margin: 0 auto;
}
.aboutonlinetreatment .minisection:nth-of-type(2) ul,
.aboutonlinetreatment .minisection:nth-of-type(3) ul {line-height: 1.8;}
.aboutonlinetreatment .minisection:nth-of-type(2) ul li a {
	color: #3b82f6;
	text-decoration: underline;
}
.red {color: #f87171;}
.liind {margin-left: 1.25em;}
.aboutonlinetreatment .minisection:nth-of-type(4) ul {
	margin-top: 1.5em;
	text-align: center;
}
.aboutonlinetreatment .minisection:nth-of-type(4) ul li {
	text-align: center;
	display: inline-block;
	margin-right: 3px;
}
.aboutonlinetreatment .minisection:nth-of-type(4) ul li a {
	color: #fff;
	display: block;
	padding: 20px;
	font-weight: 700;
	border-radius: 6px;
	box-shadow: 0px 8px 8px -6px rgba(0, 0, 0, 0.3);
}
.aboutonlinetreatment .minisection:nth-of-type(4) ul li:nth-child(1) a {background: #374151;}
.aboutonlinetreatment .minisection:nth-of-type(4) ul li:nth-child(2) a {background: #22c55e;}
.aboutonlinetreatment .minisection:nth-of-type(4) ul li:nth-child(3) a,
.aboutonlinetreatment .minisection:nth-of-type(4) ul li:nth-child(4) a {background: #facc15;}


@media screen and (max-width: 1024px) {
	.accesstblwrap {
		padding-left: 1rem!important;
		padding-right: 1rem!important;
	}
	.infolist02 {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.infolist02 li {font-size: 0.95em;}
	.aboutdirector #subsec02,
	.aboutdirector #subsec03 {
		padding-left: 3.5rem;
		padding-right: 3.5rem;
	}
	.aboutdirector .regtbl tr th,
	.aboutdirector .regtbl tr td {
		padding: 0.3rem 0;
	}
	.aboutendoscopy section, .test-aboutendoscopy section {
		margin-left: 2rem;
		margin-right: 2rem;
	}
	.aboutendoscopy .endoscopynav, .test-aboutendoscopy .endoscopynav {padding: 0;}
	.aboutendoscopy #subsec04 .flow, .test-aboutendoscopy #subsec04 .flow,
	.aboutendoscopy #subsec05 .flow, .test-aboutendoscopy #subsec05 .flow {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.dllist {display: block;}
	.dlleft,
	.dlright {
		width: auto;
		border-right: 0 none;
	}
	.dllist dd ul li a,
	.dllink {width: auto;}
	
	.access #subsec03 .column3,
	.access #subsec04 .column3 {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

/* pagenation */
nav.navigation {padding: 40px 0;}
nav.navigation h2 {display: none;}
.nav-links {
	line-height: 3;
	text-align: center;
}
.nav-links .current {
	margin: 0 2px;
	padding: 10px 15px;
	color: #f39800;
	background: #fff;
	border: 1px solid #f39800;
}
.nav-links a {
	margin: 0 2px;
	padding: 10px 15px;
	color: #fff;
	background: #f39800;
	border: 1px solid #f39800;
	transition: all .3s;
}
.nav-links a:hover {
	color: #f39800;
	background: #fff;
}

.pagenav {
	max-width: 980px;
	margin: 60px auto 50px auto;
	overflow: hidden;
}
.pagenav li {
	width: 25.5%;
	float: left;
	margin-right: 2%;
	text-align: center;
	min-height: 1px;
}
.pagenav li.backlist {width: 45%;}
.pagenav li.next {margin-right: 0;}
.pagenav li a {
	display: block;
	color: #fff;
	padding: 15px 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #f39800;
	border: 1px solid #f39800;
}
.pagenav li a:hover {
	background: #fff;
	color: #f39800;
}




/* calendar */
#cal_frame {
	border: 0 none;
	overflow: hidden;
}
.calendar {
	box-sizing: border-box;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}
.calendar caption {
	text-align: left;
	font-size: 1.125rem;
	border-bottom: 2px solid #e5e7eb;
	padding: .25rem 0;
	margin-bottom: .25rem;
}
.calendar tr th,
.calendar tr td {
	border: 1px solid #333333;
	padding: 5px 0;
	text-align: center;
}
.calendar tr th {
	font-size: 1.2em;
	font-weight: bold;
	background: #d3cdcd;
}
.calendar tr td {
	background: #fff;
	vertical-align: top;
}
.calendar tr td.wkx {background: #f3f3f3;}
.calendar tr th.sun {color: #ff0000;}
.calendar tr th.sat {color: #0000ff;}
.calendar tr td:first-child {background-color: #fed7d7;}
.calendar tr td:last-child {background-color: #d9d9fe;}
.calendar tr td.today {background: #f39800;}
.calendar tr td.def_closed,
.calendar tr td:nth-of-type(5) {background: #fed7d7;}

.cal_day {
	font-weight: bold;
	font-size: 1.2em;
	color: #666;
}
.cal_cont {font-size: 0.9em;}
#cal_nav {
	text-align: center;
	margin-top: 10px;
}
#cal_nav input {
	padding: 5px 20px;
	margin: 0 5px;
}

.closedsign {
	display: inline-block;
	margin-left: 20px;
	width: 40px;
	height: 17px;
	background: #fed7d7;
	border: 1px solid #000;
	vertical-align: -2px;
}

.homemessage {
	padding: 0 5.75rem 1.5rem 5.75rem;
}
@media screen and (max-width: 1024px) {
	.homemessage {
		padding-left: 1rem!important;
		padding-right: 1rem!important;
	}
}
.homemessage li a {
	display: block;
	padding: 5px 10px 10px 10px;
	border-bottom: 2px solid #e5e7eb;
}
.homemessage li a img {
	width: auto;
	height: 40px;
	vertical-align: -4px;
	margin-left: 20px;
}
.homemessage li a:hover {color: #f39800;}

.link_btn {
	background-color: #f39800;
	color: #fff;
	display: block;
	width: 400px;
	padding: 20px;
	margin: 30px auto 0;
	text-align: center;
	font-weight: 700;
	font-size: 1.3rem;
	border-radius: 5px;
}