@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&subset=japanese');
@font-face {
  font-family: 'msh';
  src:  url('../fonts/msh.eot?pfvk5');
  src:  url('../fonts/msh.eot?pfvk5#iefix') format('embedded-opentype'),
    url('../fonts/msh.ttf?pfvk5') format('truetype'),
    url('../fonts/msh.woff?pfvk5') format('woff'),
    url('../fonts/msh.svg?pfvk5#msh') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'msh' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-info:before {
  content: "\e900";
  color: #e48100;
}
.icon-ar:before {
  content: "\e901";
  color: #e48100;
}
.icon-line:before {
  content: "\e902";
  color: #00a4e4;
}
.icon-pagetop:before {
  content: "\e903";
  color: #11a7e2;
}
.icon-logo:before {
  content: "\e904";
  color: #229cd2;
}
.icon-doctor:before {
  content: "\e905";
  color: #11a7e2;
}
.icon-choshinki:before {
  content: "\e906";
  color: #11a7e2;
}
.icon-tel:before {
  content: "\e907";
  color: #11a7e2;
}
.icon-icon1:before {
  content: "\e908";
  color: #fff;
}

/*--------------------------------
初期設定
---------------------------------*/
html {
	font-size: 62.5%;
} /* 1.6rem=16px */
body {
	width: 100%;
	color: #000;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', sans-serif;
	line-height: 1;
	word-break: break-all;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 1px;
	min-width: 320px;
	padding: 0px;
}
a {
	color: #000
}

a:hover img {
}
img {
	max-width: 100%;
	height: auto;
}

p, ul li, ol li, dl dt, dl dd{ font-size:1.6rem}

table{ width:100%; border-collapse: collapse;
  border-spacing: 0;}
table th{ font-weight:bold;}
table th,table td { padding:10px; box-sizing:border-box; line-height:1.6; font-size:1.6rem}
.pb40{ padding-bottom:40px;}
.mb40{ margin-bottom:40px;}
.pb20{ padding-bottom:20px;}
.attention,.rd{ color:#C00}
.ib{ display:inline-block}
.f-l{ float:left}
.f-r{ float: right}
.clear{ clear:both}
.w100{ width:100%}
caption{ font-size:1.6rem; padding-bottom:10px; text-align:left}

/*--------------------------------
share 
---------------------------------*/
header{ padding-bottom:25px;}
.header-wrap{position:relative}
.header-wrap > p{  display:none}
header h1{  font-size:1.2rem;font-weight:bold}
header h1 a{    display: inline-block; text-decoration:none}
header h1 a:hover{ opacity:.6}
header h1 span{ display:block; margin-bottom:2px;font-size:3rem; font-weight:  bold}
header h1.icon-logo:before{ float:left; margin-top: -12px;font-size:7rem;}
header h1.icon-logo:after{ clear:both}
header .icon-tel{ position: absolute; right:30px; top:-8px;}
header .icon-tel:before{  font-size:4rem; color:#fff; background:#11a7e2;}
header .icon-tel dt{ margin-bottom:6px;}
header .icon-tel a{ display:block;position:absolute; left:0; top:0; width:40px; height:40px;text-indent:-9999px;}
header .icon-tel dd{ font-size:1rem; margin:0; line-height:1.4}
header .icon-tel dd span{ display:block}



header .site-title{ margin:0.67em 0;  font-size:1.2rem;font-weight: normal}
header .site-title a{ text-decoration:none}
header .site-title a:hover{ opacity:.6}
header .site-title span{ display:block; margin-bottom:2px;font-size:3rem; font-weight:  bold}
header .site-title.icon-logo:before{ float:left; margin-top: -12px;font-size:7rem;}
header .site-title.icon-logo:after{ clear:both}





.contents a:hover{ text-decoration:none; opacity:.7}
/* .contents */

/* トップページ */
.indexBody .contents .main-img{padding:52.63% 10px 0; background: url(../img/main_sp.jpg) top center no-repeat; background-size:100% auto }
.open{}
.open h2{ font-size:1.8rem; font-weight:bold}

.open-table{ width:100%}
.open-table th,.open-table td{ padding:7px; font-size:1.2rem}
.open-table th{ background:#00a4e4; color:#fff; font-weight:normal}
.open-table td{color:#00a4e4; border-bottom:1px solid #CCC; text-align:center}
.open-table td.time{ color:#000; text-align:right}
.open dl dt,.open dl dd{ font-size:1.2rem}
.open dl dt{display: table-cell ; font-weight:bold}
.open dl dd{display: table-cell ; margin:0}
.open dl:after{ clear:both}
.open dl + p{ position:relative; font-size:1.2rem;padding-left: 25px;}
.open dl + p a:before{    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    margin: -6px 0 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #e48100;}
	
.open .timetable{ width:100%; background:url(../img/doctor_bg.png) center top no-repeat; background-size:100% 100%; text-align:center}
.open .timetable a{ display:block; color:#00689c; font-weight:bold; text-decoration:none; vertical-align:middle;font-size:1.4rem;}
.open .timetable a:before{  font-size:4rem; vertical-align:middle; font-weight:normal}

.top-section{ padding:10px;background:#f0efec; box-sizing:border-box}
.top-section h2{ margin:0}
.outpatient,
.introduce-sector{ padding-bottom:10px}
.introduce-sector ul{display: flex;padding:0;   
 -ms-flex-pack: distribute;
justify-content: space-around;
}
.introduce-sector ul li{ width:32%;list-style:none;text-align:center;  }
.introduce-sector ul li a{ display:block; padding-top:46.8%; padding-bottom:8px; text-decoration:none; font-size:1.4rem; }
.introduce-sector ul li:nth-child(1){ background:#fff url(../img/list01.jpg) center top no-repeat; background-size:100% auto;}
.introduce-sector ul li:nth-child(2){ background:#fff url(../img/list02.jpg) center top no-repeat; background-size:100% auto;}
.introduce-sector ul li:nth-child(3){ background:#fff url(../img/list03.jpg) center top no-repeat; background-size:100% auto;}
.introduce-sector ul li:nth-child(1) a:before{display: block; margin-bottom:2px; padding-top:8px; content: "Internal medicine"; color:#999; font-size:1rem; font-weight:normal }
.introduce-sector ul li:nth-child(2) a:before{display: block; margin-bottom:2px; padding-top:8px; content: "Pediatrics"; color:#999; font-size:1rem;font-weight:normal}
.introduce-sector ul li:nth-child(3) a:before{display: block; margin-bottom:2px; padding-top:8px; content: "Orthopedics"; color:#999; font-size:1rem;font-weight:normal}

.introduce-sector h2:before{ font-size:4rem; vertical-align:sub; font-weight:normal}
.introduce-sector h2:after{display: block;
    content: "introduce sector"; color:#6bc8ec;	
    position: absolute; top:4px; left:4rem; font-size:1rem; font-weight:normal}

.introduce-sector h2,
.outpatient h2,
.info h2{ position:relative; font-size:1.8rem; font-weight:bold; text-align:left}
.outpatient h2:before{ font-size:4rem; vertical-align:sub; font-weight:normal}
.outpatient h2:after{display: block;
    content: "Outpatient / hospitalization"; color:#6bc8ec;	
    position: absolute; top:4px; left:4rem; font-size:1rem; font-weight:normal}
.outpatient ul > li{ list-style-type:none}
.outpatient ul > li a{ position:relative; display:block; padding:10px 0 10px 15px; box-sizing:border-box;text-align: left; }
.outpatient ul > li a:before{  display: block;
    content: "";
    position: absolute;
    top: 50%;
    left:0 ;
    margin: -6px 0 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #e48100;}
.outpatient ul li li a{}
.outpatient ul li li a:before{top: 60%; border-width:0;width:5px;
  height: 5px;
  border-top: 2px solid #e48100;
  border-right: 2px solid #e48100;
  transform: rotate(45deg);}
.info h2:before{ font-size:4rem;vertical-align: middle; font-weight:normal;}
.info h2 span{ color:#e48100;}
.info ul{border:4px solid #c3c2be; background:#fff; margin:0; padding:0; height:200px; overflow-y:scroll; box-sizing:border-box; text-align:left}
.info ul li{ list-style-type:none; padding:8px; border-bottom:1px dotted #999999; line-height:1.4}
.info ul li span{ display:block; font-weight:bold}
.pickup ul{ width:100%;list-style-type:none; text-align:center; padding:5px; box-sizing:border-box; }
.pickup ul li{ display:inline-block; width:50%; text-align:center; box-sizing:border-box; padding:5px ; }
.pagetop{ text-align:center; }
.pagetop a{ position:relative; display:block; padding:20px 0;background:#d0f2fe; font-size:1.4rem; text-decoration:none; color:#00a6e2;    line-height: .2;}
.pagetop a:before{ display:block; content: ""; left: 0;
  right: 0;
  margin: auto;
    border-width:0;
    width: 20px;
    height: 20px;
    border-top: 2px solid #00a6e2;
    border-right: 2px solid #00a6e2;
    transform: rotate(-45deg); }
footer{ padding:40px 0 0; background:#e5f8ff}
footer h1{ margin:0 0 0 -25px;  font-size:1.2rem;font-weight:bold; text-align:center}
footer h1 span{ margin-left:10px;font-size:3rem; font-weight:  bold}
footer h1.icon-logo:before{  margin-top: -12px;font-size:6rem; vertical-align: middle}
footer h1.icon-logo:after{ clear:both}
footer dl.address{ width:330px; margin:0 auto 20px;}
footer dl.address dt{ float:left; clear:both; padding-bottom:8px; font-size:1.3rem }
footer dl.address dd{ margin:0; padding:0 0 8px; font-size:1.3rem}
footer ul{ padding:0 0 30px; text-align:center}
footer ul li{    margin: 5px; list-style-type:none; display:inline-block}
footer ul li:after{ content: "｜"; font-size:1.2rem}
footer ul li:last-child:after{content: "";}
footer ul li a{ padding:10px; font-size:1.2rem}
footer ul li a:hover{ opacity:.6; text-decoration:none}
footer .footer-tel{ margin-bottom:40px;}
footer .footer-tel dt a{ display:block; width: 260px;
    height: 30px;
    background: url(../img/tel_pc.svg) left top no-repeat;
    background-size: 100% auto; text-indent:-9999px;margin:0 auto 10px;}
footer .footer-tel dd{ font-size:1.2rem; margin:0; text-align:center}
footer p{ margin-bottom:0; padding:15px 0; background:#1178a9; color:#fff; text-align:center}
.contents-wrap{ max-width:1080px; margin:0 auto }
.Breadcrumb{background:#f0efec}
.BreadcrumbList{ padding:5px; margin:0; }
.BreadcrumbList li { display:inline-block; padding:0; font-size:1rem; line-height:1.8}
.BreadcrumbList li a{ text-decoration:none; color:#999}
.BreadcrumbList li:after{content: ">"; padding:0 5px;}
.BreadcrumbList li:last-child:after{content: "";}


.main-contents{padding:0 10px 40px; box-sizing: border-box; }
.main-contents section h1{color:#229cd2; font-weight:normal; font-size:2.4rem}
.main-contents section h2{ clear:both;font-size:1.8rem; padding:10px;    line-height: 1.4; border-bottom:1px solid #229cd2; background:#e5f8ff;  font-weight:normal;}
.main-contents section h3{ clear:both;color:#229cd2;font-size:2rem}
.main-contents section h3 span{ font-weight:normal; margin-right:15px; font-size:1.6rem}
.main-contents section h4{ clear:both; border-left:5px solid #229cd2;color:#000;font-size:2rem; padding-left:10px;}
.main-contents section h5{ clear:both;color:#000; background:#fff; font-size:1.8rem; padding:10px; border:1px solid #000;}
.main-contents section h6{color:#000;font-size:1.8rem; padding-bottom:5px; border-bottom:1px solid #000;}
.main-contents section p{ box-sizing:border-box; line-height:1.6}
.main-contents section li{ margin-bottom:10px; line-height:1.6}
.side-nav{ clear:both; padding:0 10px 40px; box-sizing: border-box; }
.side-nav div{ font-size:1.8rem; border-left:6px solid #229cd2; padding-left:10px}
.side-nav div span{ color:#229cd2}
.side-nav ul{ margin:20px 0; padding:0}
.side-nav ul li{ list-style-type:none; margin-bottom:10px;}
.side-nav ul li a{ position:relative; display:block; padding:15px 10px 15px 30px; box-sizing:border-box; background:#f0efec; text-decoration:none; font-size:1.4rem}
.side-nav ul li a:before{display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    margin: -6px 0 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #1fa4e2;}
	
.greetingBody .main-contents p:nth-of-type(1) img{ float:right; width:30%; padding:0 0 10px 10px}
.greetingBody .main-contents p:nth-of-type(1):after{ clear:both} 

.side-nav ul li ul{ margin:10px 0 0;}
.side-nav ul li li a{ padding-left:40px; background:#fff; border:1px solid #CCC;  }
.bg01{ background: #EFEFEF; padding:10px; box-sizing:border-box;}
.outpatientBody .main-contents section .bg01{ display:table; text-align:center}
.outpatientBody .main-contents section .bg01 ul{ text-align:left}
.outpatientBody .open-table th,.outpatientBody .open-table td{font-size:1.4rem}
.schedule-table{ border-left: 1px solid #CCC; box-sizing:border-box}
.schedule-table th,.schedule-table td{ padding:5px; font-size:1.4rem}
.schedule-table th{ color:#fff; font-weight:normal; background:#00a4e4;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.schedule-table th.time{ color:#000; background:#EFEFEF; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.schedule-table td{ vertical-align:top; text-align:center; border-right: 1px solid #CCC;border-bottom: 1px solid #ccc; }
.schedule-table td div{ color: #999; font-size:1.2rem}
.schedule-table td.am{ background:#e5f8ff; vertical-align:middle}
.schedule-table td.pm{background:#ffe3bf;vertical-align:middle}
.schedule-table .pm-week th{ background:#e48100}
.schedule-table td.inspection{ vertical-align:middle; background:#EFEFEF}
figure { margin:0 15px 20px; text-align:center }
figcaption{ text-align:center; font-size:1.4rem; margin-top:5px;}

.mt-list{ margin:0; padding:0}
.mt-list li { position:relative; display:block;list-style-type:none;}
.mt-list li a{ display:block; margin:0 5px; padding:20px 5px; text-align:center; background:#229cd2; color:#fff; text-decoration:none}
.mt-list li li a{  background:#e5f8ff; color:#229cd2}
.mt-list ul{ padding:0;}
.mt-list ul li{ margin:0;}
.mt-list ul li a{ border-bottom:1px dotted #229cd2; border-left:1px solid #229cd2;border-right:1px solid #229cd2; margin:0 5px}
.doctor-list{ padding:0 0 40px; list-style-type:none; }
.doctor-list li{ text-align:center}
.doctor-list li table{ text-align:left}
.doctor-list li img{ width:150px; height:150px; margin-bottom:10px;}
.link-list{ }
.link-list a{ display:block; color:#229cd2 }
.i-ck{ display:flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between; background:#61c1be url(../department/img/syouni_01.png) left center no-repeat; padding:10px; margin-bottom:20px; color:#fff}
.i-ck ul{ list-style-type:none; padding:0}
.i-ck ul li a{ display:inline-block; color:#fff}
.i-ck img{ width:87px; height:90px}

.accordion-menu dd {
  display: none;
}
.accordion-menu h3{ margin-top:40px; position:relative; line-height:1.6}
.accordion-menu h3:after{ display:inline-block; content:"詳細を見る"; right:0; font-weight:normal; font-size:1.6rem; padding:4px 8px; margin-left:10px; border:1px solid #dbe1e8}
.accordion-menu dd{ margin:0; background:#e5f8ff; padding:10px; box-sizing:border-box}
.accordion-menu dd p:first-child{ margin:0}
.accordion-menu dd h4:first-child{ margin-top:10px}
.reha{ width:40%;max-width:300px; height:auto; padding-left:10px; padding-bottom:20px}
.table-type2{ border-top:1px solid #ccc; border-right:1px solid #ccc}
.table-type2 td, .table-type2 th{ border-bottom: 1px solid #CCC; border-left: 1px solid #CCC;  }
.table-type2 th{ background: #F7F7F7;}
.ymap{ margin-bottom:40px; text-align:center}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.btn02{ display:block; text-align:center; text-decoration:none;background: #229cd2;
    color: #fff; padding:10px ; box-sizing:border-box; font-size:2.2rem}
.btn02 span{ display:block; font-size:1.4rem}
.privacypolicyBody section ol{ margin-bottom:40px;}
.privacypolicyBody section ol li{ margin-bottom:30px;}
.privacypolicyBody section ol li dl dt{ font-weight:bold; margin-bottom:10px;}
.privacypolicyBody section ol li dl dd{ margin:0}
.sitemap-wrap > ul > li{ margin-bottom:40px; font-weight:bold; list-style-type:none}
.sitemap-wrap > ul > li > ul > li{ font-weight: normal;font-size:1.4rem}
.sitemap-wrap ul li a{ position:relative; list-style-type:none}
.sitemap-wrap ul li{list-style-type:none}
.sitemap-wrap > ul > li > ul > li a:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    margin: -6px 0 0 0;
	width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 7px;
border-color: transparent transparent transparent #1fa4e2;
}
.sitemap-wrap > ul > li > ul > li > ul > li a:before {
	 display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -18px;
    width: 6px;
    height: 6px;
    margin: -2px 0 0 0;
    border-top: solid 2px #4ac5f6;
    border-right: solid 2px #4ac5f6;
    border-bottom: none;
    border-left: none;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.sitemap-wrap > ul > li > ul > li > ul > li{ list-style-type:none; margin-left:10px; font-size:1.4rem}
.sitemap-wrap > ul > li > ul > li > ul{ padding-left:0; margin-left:20px;}
.sitemap-wrap > ul > li > ul > li > ul > li > ul{ margin-left:20px; padding-left:0}
.sitemap-wrap > ul > li > ul > li > ul > li > ul > li{  margin-left:10px; list-style-type: disc; color:#229cd2; font-size:1.4rem}

.sitemap-wrap > ul > li > ul > li > ul > li > ul > li a:before { border:none;	}
	
.category{ border-left:5px solid #229cd2; padding-left:10px; margin-bottom:10px;    line-height: 1;}
.gm-style .review-box,.gm-style .place-card div{ display:none!important}

.checkBTN{background:#229cd2; color:#fff; padding: 15px; border:none}
.backBTN{ padding:15px;background: #CCC; color:#000;  margin-right:15px; border:none}

.contact-form th{ color:#229cd2}
.network-tel a{display: block;
    width: 260px;
    height: 30px;
    background: url(../img/tel_pc.svg) left top no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    margin: 0 auto 10px;}
.network-tel{ padding-bottom:10px}
.marker{background:linear-gradient(transparent 0%, #ffff66 0%); color:#C00}
.floormapBody .main-contents section a:hover{ opacity:1}

@media screen and (max-width: 640px) {
	.col-head-type1{ border: 1px solid #dbe1e8; border-bottom:none }
.col-head-type1 tr,
  .col-head-type1 th,
  .col-head-type1 td {
    display: block;
    width: auto;
  }
   .col-head-type1 th,.col-head-type1 td {
    border-bottom: 1px solid #CCC;  
  }
  .col-head-type1 tr:first-child th {
    border-top: none;  
  }
  
  .col-head-type1 th,
  .col-head-type1 td {
    border-top: none;
  }
  .col-head-type1 th {
  background: #F7F7F7;
}
.table-wrap{  overflow-x:scroll ; }
.table-wrap table{  width:600px;}
.contact-form{border:none}
.contact-form th,.contact-form td{ border:none}
.contact-form td{ padding-bottom:30px;}
.contact-form .btn-td{ text-align:center }

}
@media screen and (min-width: 641px) {
.indexBody .contents .main-img{ position:relative; padding-top:40.74%; background: url(../img/main_tb.jpg) top center no-repeat;  background-size:100% auto }
.main-img-wrap { width:100%}
.main-img-wrap .open{ position: absolute; top:0%; right:20px;}
.top-section-wrap{width:100%; text-align:center}
.introduce-sector,
.outpatient{ display:inline-block;box-sizing:border-box; vertical-align: top;
    text-align: center;
    width: 48%;  }
.introduce-sector h2,
.outpatient h2{font-size:2rem;}
.outpatient h2:before,
.introduce-sector h2:before{ font-size:6rem;}
.outpatient h2:after,
.introduce-sector h2:after{ top:18px; left:6rem; font-size:1rem;   word-break : break-all;
}
.pickup ul{ display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
   max-width:1080px; margin:0 auto; 
   padding:30px 0; }
.pickup ul li{ width:auto; padding:0 5px; box-sizing:border-box }
.pickup ul li:first-child{ padding-left:10px; box-sizing:border-box;}
.pickup ul li:last-child{ padding-right:10px; box-sizing:border-box;}
.contents-wrap{ padding:0 20px;box-sizing:border-box;}

.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
}
 
.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #CCC;  
  padding: 10px;
}
 
.col-head-type1 th {
  background: #F7F7F7;
  text-align: left;width: 30%;
}
.pm-week{ display:none}
.roomarea{ display:flex;
    -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;}
.roomarea img{ width:300px;}
.photo-area{ display:flex;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;}
.photo-area img{}
.mt-list li a{ font-size:2rem}
.mt-list li { display:inline-block; width:50%;}
.mt-list li li{ width:100%}
.doctor-list li{ border-bottom:1px dotted #ccc; padding:0 0 30px;}
.doctor-list li div{display:flex; }
.doctor-list li img{ margin-right:20px; margin-bottom:0}
.main-contents section .doctor-list h3 { margin:0 0 10px; padding-top:10px; text-align:left}
.main-contents section .doctor-list li .col-head-type1 th{ width:90px}
.sitemap-wrap{ display:flex;-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;}
.contact-form th,.contact-form td{ border:none;}
.contact-form th{ background:none; text-align:right; vertical-align:top }
.contact-form .btn-td{ position:relative; text-align:right; padding-bottom:100px;}
.contact-form .checkBTN{ position:absolute; right:-122px}
.contact-form .checkBTN2{ position:absolute; right:-282px}
.contact-form .backBTN{ position:absolute; right:-152px}



}

@media screen and (min-width: 768px) {
.main-img-wrap .open{ top:5%; right:30px;}
.open-table th,.open-table td,
.open dl dt,.open dl dd,
.open dl + p{ font-size:1.4rem}
.open .timetable a{font-size:1.8rem}
.open .timetable a:before{  font-size:6rem; }


footer .footer-tel{ margin-bottom:40px;}
footer .footer-tel dt a{ display:block; width:0;
    height: 0;
    background:none; text-indent:-9999px; font-size:0rem}
footer .footer-tel dt:before{ display:block; width: 260px; content: "";
    height: 30px;
    background: url(../img/tel_pc.svg) left top no-repeat;
    background-size: 100% auto; text-indent:-9999px;margin:0;}



footer h1{  text-align:left}
footer dl.address,
footer .footer-tel dt a{  margin:0 0 10px;}
footer .footer-tel dd{text-align:left}

footer dl.address{ width:370px; }
.footer-wrap{  width:680px; margin:0 auto; padding-left:340px; background:url(../img/footer_img.jpg) left center no-repeat; box-sizing:border-box}
footer dl.address dt,
footer dl.address dd,
footer .footer-tel dd,
footer .footer-tel dt,
footer ul li a{ font-size:1.4rem}
.BreadcrumbList{ max-width:1080px; margin:0 auto; padding:10px; box-sizing:border-box}

.BreadcrumbList li { font-size:1.2rem; line-height:1.8}
.outpatientBody .main-contents section .bg01 ul{ float:left;    width: 65%;}

.outpatientBody .main-contents section .bg01 img{ float:right;width: 25%;}
.schedule-table th,.schedule-table td{ padding:5px; font-size:1.6rem}
.schedule-table td div{ font-size:1.3rem}

.network-tel:before {
    display: block;
    width: 260px;
    content: "";
    height: 30px;
    background: url(../img/tel_pc.svg) left top no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    margin: 0 auto;

}
.network-tel a{ display:none;}

}


@media screen and (min-width: 961px) {
.contents{ padding:0;}

header{ padding-bottom:0}
.header-wrap > p{ display: block;font-size:1rem; color:#999}
.header-wrap{ max-width:1080px; margin:0 auto; padding:10px 0}
header h1{font-size:1.4rem;}
header h1 span{ display:inline-block; margin:0 0 0 10px;font-size:4rem; font-weight:  bold; vertical-align:middle}
header .site-title{font-size:1.4rem;}
header .site-title span{ display:inline-block; margin:0 0 0 10px;font-size:4rem; font-weight:  bold; vertical-align:middle}

header .icon-tel{top:10px; right:20px}
header .icon-tel:before{  display:none}
header .icon-tel dt{ width:260px; height:30px; background: url(../img/tel_pc.svg) left top no-repeat; background-size:100% auto}
header .icon-tel a{ width:0; height:0;}
header .icon-tel dd { font-size:1.4rem; text-align:center}
header .icon-tel dd span{ display:inline}
.open-table th,.open-table td{ padding:10px;}
.main-img-wrap{ position:relative; max-width:960px; margin:0 auto}
.open h2 { font-size:1.8rem;}
.info h2{ margin-left:-12px; font-size:2.6rem; font-weight:normal}
.info h2:before{ font-size:6rem}
.indexBody .contents .main-img{  padding-top:390px; background: url(../img/main_pc.jpg) top center no-repeat; background-size:auto 390px}
.indexBody .contents .open{ background:#fff;margin-top: -340px; padding:0 10px; right:50px; box-sizing:border-box}
.top-section{ padding:40px 0 }
.top-section-wrap{ width:960px; margin:0 auto}
.introduce-sector ul{ display:block; width:220px; }
.introduce-sector ul li{ width:100%;display:block;text-align:right; padding:0 ; margin-bottom:10px;}
.introduce-sector ul li a{ height:57px; padding:0 10px 0 0; font-size:1.6rem;}

.introduce-sector ul li:nth-child(1){ background:#fff url(../img/list_pc01.jpg) center top no-repeat; background-size:100% auto;}
.introduce-sector ul li:nth-child(2){ background:#fff url(../img/list_pc02.jpg) center top no-repeat; background-size:100% auto;}
.introduce-sector ul li:nth-child(3){ background:#fff url(../img/list_pc03.jpg) center top no-repeat; background-size:100% auto;}
.introduce-sector ul li:nth-child(1) a:before,
.introduce-sector ul li:nth-child(2) a:before,
.introduce-sector ul li:nth-child(3) a:before{  margin-bottom:5px;padding-top:15px; }
.introduce-sector{width:222px;}
.outpatient{ width:280px}
.info{ display:inline-block; width: 380px;}
.info ul{ height:220px}
.info ul li{ padding:10px;}
.contents-wrap{ display:flex;  flex-direction: row-reverse; -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center; width:960px; margin:40px auto;  box-sizing:border-box}
.main-contents{ width:70%; padding-bottom:0}
.accessBody .main-contents,
.sitemapBody .main-contents,
.privacypolicyBody .main-contents,
.contactBody .main-contents,
.networkBody .main-contents{ width:80%;}
.main-contents section h1{font-size:4rem; margin-top:0}
.main-contents section h2{font-size:2.4rem; padding:15px;}

.side-nav{width:25%; margin-right:40px; padding:0 }
.side-nav div{font-size:2.4rem}
.side-nav ul li a{ font-size:1.6rem}
.greetingBody .main-contents p:nth-of-type(1) img{width:35%; padding:0 0 20px 20px}
.outpatientBody .open-table th,.outpatientBody .open-table td{ font-size:1.6rem}

.scale img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}
.tel01:after{ content:"080-6284-0620"}
.tel01 a{ display:none}
}

@media screen and (min-width: 1080px) {
.indexBody .contents .main-img{padding-top:440px; background: url(../img/main_pc.jpg) top center no-repeat; background-size:auto 440px}
.indexBody .contents .open{ margin-top: -380px; right:10px;}
.top-section-wrap{ width:1080px}
.introduce-sector{width:242px;}
.outpatient{ width:300px}
.info{ width: 520px;}
.contents-wrap{width:1080px;}

}