@font-face {
    font-family: "Gotham Narrow Book";
    src: url('/../global-assets/fonts/GothamNarrow/GothamNarrow-Book.otf');
    src: url('/../global-assets/fonts/GothamNarrow/GothamNarrow-Book.otf?#iefix') format('opentype'), url('/../global-assets/fonts/GothamNarrow/GothamNarrowBook_normal_condensed.woff') format('woff'), url('/../global-assets/fonts/GothamNarrow/GothamNarrowBook_normal_condensed.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Gotham Narrow Italic";
    src: url('/../global-assets/fonts/GothamNarrow/GothamNarrow-BookItalic.otf');
    src: url('/../global-assets/fonts/GothamNarrow/GothamNarrow-BookItalic.otf?#iefix') format('opentype'), url('/../global-assets/fonts/GothamNarrow/GothamNarrowBookItalic_italic_condensed.woff') format('woff'), url('/../global-assets/fonts/GothamNarrow/GothamNarrowBookItalic_italic_condensed.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "Gotham Narrow Bold";
    src: url('/../global-assets/fonts/GothamNarrow/GothamNarrow-Bold.otf');
    src: url('/../global-assets/fonts/GothamNarrow/GothamNarrow-Bold.otf?#iefix') format('opentype'), url('/../global-assets/fonts/GothamNarrow/GothamNarrowBold_normal_condensed.woff') format('woff'), url('/../global-assets/fonts/GothamNarrow/GothamNarrowBold_normal_condensed.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Gotham Narrow BoldItalic";
    src: url('/../global-assets/fonts/GothamNarrow/GothamNarrow-BoldItalic.otf');
    src: url('/../global-assets/fonts/GothamNarrow/GothamNarrow-BoldItalic.otf?#iefix') format('opentype'), url('/../global-assets/fonts/GothamNarrow/GothamNarrowBoldItalic_italic_condensed.woff') format('woff'), url('/../global-assets/fonts/GothamNarrow/GothamNarrowBoldItalic_italic_condensed.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: Arboria;
    src: url('/../global-assets/fonts/Arboria/Arboria-Book.otf');
    src: url('/../global-assets/fonts/Arboria/Arboria-Book.eot?#iefix') format('opentype'),
         url('/../global-assets/fonts/Arboria/Arboria-Book.woff') format('woff'),
         url('/../global-assets/fonts/Arboria/Arboria-Book.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: ArboriaBold;
    src: url('/../global-assets/fonts/Arboria/Arboria-Bold.otf');
    src: url('/../global-assets/fonts/Arboria/Arboria-Bold.eot?#iefix') format('opentype'),
         url('/../global-assets/fonts/Arboria/Arboria-Bold.woff') format('woff'),
         url('/../global-assets/fonts/Arboria/Arboria-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}
.selectHospital { margin-bottom: 0;
}
ul.areaDetail{   width: 100%;  float: left;
}
ul.areaDetail li {  list-style: none;  display: inline-block; width: 25%;  float: left;
}
section.tab-panel.main_content.selectHospital { background-image: url(../../assets/images/bg.jpg);  background-repeat: repeat-x;  background-color: #FF6400;
}
.searchSection { float: left; width: 100%; padding: 25px 0 34px;
text-align: center;  background-position: top left;
}
.authorable .searchSection h2 { font-family: 'Gotham Narrow Bold' !important;  color: #fff;  margin: 20px 0 16px; line-height: 30px; font-weight: 600;
}
.searchBtn { font-size: 20px;  font-weight: 600;  letter-spacing: 1px; color: #fff;
 line-height: 30px;  font-family: 'Gotham Narrow Book';
}
.authorable .needlePic img { display: initial;
}
.authorable .smCaption h4 { font-size: 16px;  font-family: 'Gotham Narrow Book' !important;  color: #F09525; line-height: 30px;
}
.authorable .smCaption h4 span { color: #FF6400;
}
.smCaption {  float: left; width: 100%;  text-align: center; margin: 30px 0 30px; 
}
#hospitalList form { float: left;  width: 100%;
}
.selectHospital .content_block,#hospitalList .content_block { max-width: 950px;  margin: 0 auto; background-color: #F8F3ED;
}
section#hospitalList form h2 {  line-height: 35px;  font-family: 'Gotham Narrow Book' !important; color:#fff; background-color:#006EBB; border-radius:0; padding:24px 0;
font-weight: 600; margin-bottom: 0;
}
.selectHospital {   float: left;  width: 100%; 
}
.selectHospital,#hospitalList { background-color: #F8F3ED;
}
.authorable .selectHospital ul { margin: 0 ;
}
p.allCheck { background-color: #1899D6; margin: 0;  padding: 15px 25px;  color: #fff;
font-family: 'Gotham Narrow Book' !important; font-size: 12px !important;
line-height: 10px !important;  font-weight: 600;
}
ul.areaDetail li { padding: 0 25px; margin: 10px 0 !important; 
}
ul.areaDetail li .checkBox-field {  background-color: #fff;  padding: 15px 25px;
}
a.btn_l span {  position: relative;  top: 12px; left: -26px;
}
a.btn_l { float: left; background-color: #006EBB;  color: #fff; font-size: 14px;
  font-weight: 600;   letter-spacing: 1px;   line-height: 15px;    max-width: 348px;
width: 100%;    text-align: center;    padding: 15px 20px; background-image: url(../../assets/images/blue-arrow.png); font-family: 'Gotham Narrow Book' !important; background-repeat: no-repeat;   background-position: center right;
}
.btn_r {  background-color: #FF6400; float: right; max-width: 270px;  width: 100%;
 padding: 22px 20px; font-size: 14px;  color: #fff;  font-family: 'Gotham Narrow Book' !important; font-weight: 600;  text-align: left;  
  background-image: url(../../assets/images/orng-arrow.png);
 background-repeat: no-repeat;   background-position: center right;
}
.submitBtn {  float: left;  width: 100%;  margin: 30px 0 80px;
}
.authorable .btn_l img {  display: inline-block;   max-width: inherit;  float: left;
}
.footer-banner .content_block { max-width: 950px; margin: 0 auto; text-align: center;
    border-top: 4px solid #000;    padding-top: 30px;    margin-bottom: 0px !important;
}
.footer-banner { background-color: #F0F0F0;  float: left;  width: 100%; padding: 45px 0;
}
 #hospitalList {  margin-bottom: 0;
}
p.title__text { font-size: 18px !important; line-height: 20px !important;  font-family: 'Gotham Narrow Book' !important; color: #000 !important;
}
#hospitalList h3.titleExt {  font-size: 20px;  margin: 20px 0 20px;  display: inline-block;    width: 100%; font-family: 'Gotham Narrow Book' !important; font-weight: 600;
}
/*  graph   */
.modalGraph { position: relative; text-align: center;
}
.modalGraph img { display: inline !important;
}
.modalBtn a { background-image: url(../../assets/images/orng-arrow.png);
background-repeat: no-repeat; background-position: center right; font-size: 14px; 
letter-spacing: 1px;  line-height: 15px; background-color:#FF6400; color: #fff; max-width:190px;  width:100%; display:inline-block; height: 70px; vertical-align: middle;  padding: 29px 30px; text-align: left; box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
}
.modalBtn a:hover { opacity:0.8; text-decoration:none;
}
.modalGraph {  margin: 70px 0;  float: left;   width: 100%;
}
/* modal */
.modal {  background-color: rgba(112,112,112,0.8);
}
body.responsive.bgFixed {  position: fixed;  width: 100%;  right: 0; left: 0;
}
.modal .modal-header { padding: inherit; background-color: #F09525;
}
.modal-header .close { font-size: 30px; background-color: #FF6400;  width: 50px;
height: 50px; font-size: 40px; margin-top: 0;
}
.modal-body { position: relative;  padding: 0px 60px 40px;  text-align: center;   background-color: #F09525; display: inline-block; width: 100%;
}
.modal-dialog { width: 100%;  margin: 30px auto;  max-width: 960px; top: 50%;
transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.popupBox a { background-color: #fff;  max-width: 190px; width: 100%;  display: inline-block; padding: 29px 20px;  text-align: left;  height: 70px; font-size: 14px; color: #FF6400; margin: 10px 10px;  background-image: url(../../assets/images/orng-arrow.png);
 background-repeat: no-repeat; background-position: center right;
}
.modal-body p { font-size: 14px !important; letter-spacing: 0.5px; color: #fff;
line-height: 20px; font-family: 'Gotham Narrow Book' !important; margin-bottom: 30px;
}
.popUpSection h2 { font-size: 30px; line-height: 30px;  color: #fff;
 font-family: 'Gotham Narrow Book' !important;  margin: 0 0 30px;
}
.popupBox {  float: left;  width: 100%;  text-align: left;
}
@media(min-width:768px){
@charset "UTF-8";
/* CSS Document */
/******************************************
search -- area
*******************************************/
.capt{
	width:100%;
	text-align:center;
	margin:auto;
	color:#fff;
	font-size:22px;
	padding:8px;
	background:#0071BC;
	border-radius:8px;
	margin-bottom:20px;
}
h3.title{
	padding: 0 0 6px 0;
	margin: 0;
	border-bottom: dotted 2px #0071BC;
	font-weight: bold;
	font-size: 18px;
	color:#0071BC;
	}
.areaDetail +  h3.title{
	margin: 45px 0 0 0;
	}
h3.title + .areaDetail{
	margin: 30px 0 0 0;
	}
.areaDetail li{
	display: inline-block;
	width: 210px;
	margin: 0 0 10px 0;
	font-size: 1.6rem;
	}
.areaDetail input[type="checkbox"]{
	display: none;
	}
.areaDetail label {  position: relative; padding: 0 0 0 35px; margin-bottom: 0;
  font-size: 12px; line-height: 16px;letter-spacing: 0.5px; color: #000000;
}
.areaDetail label:before{
	position: absolute;
	top: -2px;
	left: 0;
	content: "";
	display: inline-block;
	margin: 0 10px 0 0;
	width: 20px;
	height: 20px;
	background: url(../../assets/images/checkbox.png) top left no-repeat;
	background-size: 20px 20px; cursor: pointer;
	}
.areaDetail input:checked + label:before{
	background: url(../../assets/images/checked-checkbox.png) top left no-repeat;
	background-size: 20px 20px;
	}
.submit{
	width: 49%;
	margin: 55px auto 0 auto;
	}
.under{
	padding:60px;
}
#select_area .btn_l,#select_area .btn_r button{
	font-size:18px;
	text-align:center;
	border-radius:4px;
	border:2px solid #fff;
	width:400px;
	height:76px;
	margin:auto;
	margin-top:50px;
	padding:20px;
	overflow:hidden;
	color:#fff;
	display:block;
	background: url(images/icon_arrow.png)  no-repeat;
	background-position: 370px 25px;  
	z-index:5;
	cursor:pointer;
	text-decoration:none;
	background-color:#EB5E00;
}
#select_area .btn_l{
	float:left;
	background-color:#0071BC;
}
#select_area .btn_r{
	float:right;
}
.allCheck  {
	margin: 20px 0 15px;
}
.allCheck input[type="checkbox"] {
	display: none;
}
.allCheck label {
	position: relative;
	padding: 0 0 0 35px;  margin-bottom: 0;
}
.allCheck label:before {
	position: absolute;
	top: 1px;
	left: 0;
	content: "";
	display: inline-block;
	margin: 0 10px 0 0;
	width: 20px;
	height: 20px;
	background: url(../../assets/images/checkbox.png) top left no-repeat;
	background-size: 20px 20px; cursor: pointer;
}
.allCheck input:checked + label:before {
	background: url(../../assets/images/checked-checkbox.png) top left no-repeat;
	background-size: 20px 20px;
}
/******************************************
notfound
*******************************************/
.notFound{	overflow:hidden;	display:block;	margin:100px 0 100px 0;
}
.notFound p{text-align:center;	font-size:20px;
}
ul.areaDetail li:nth-child(4n+1) { padding-left: 0;
}
ul.areaDetail li:nth-child(4n+4) { padding-right: 0;
}
.footer-banner .twocolumn:nth-child(1) .bannerBox__image {  padding-right: 15px;
}
.footer-banner .twocolumn:nth-child(2) .bannerBox__image {  padding-left: 15px;
}
p.title__text {  margin: 10px 0 25px;
}
a.modalBtn-1 { position: absolute; top: -5px; right: 0;
}
a.modalBtn-2 { position: absolute; bottom: 190px; right: 102px;
}
a.modalBtn-3 { position: absolute; bottom: -56px; right: 300px;
}
a.modalBtn-4 { position: absolute; left: -7px; bottom: 88px;
}
a.modalBtn-5 { position: absolute; bottom: 215px; left: 272px;
}
a.modalBtn-6 { position: absolute; right: 340px; top: 165px;
}
.subTitle { line-height: 30px; color: #FF6400;  font-size: 30px;  position: absolute;
top: 0;  font-family: 'Gotham Narrow Book' !important;   font-weight: 600;
left: 60px;
}
  .popupBox a:nth-child(4n+1) {  margin-left: 0px;
}
.popupBox a:nth-child(4n+4) {  margin-right: 0px;
}
	
	
}
@media(max-width:767px){
@charset "UTF-8";
/* CSS Document */
/******************************************
search -- area
*******************************************/
.allCheck label {	position: relative;	padding: 0 0 0 35px;  margin-bottom: 0;
}
.allCheck label:before {
	position: absolute;
	top: 1px;
	left: 0;
	content: "";
	display: inline-block;
	margin: 0 10px 0 0;
	width: 20px;
	height: 20px;
	background: url(../../assets/images/checkbox.png) top left no-repeat;
	background-size: 20px 20px; cursor: pointer;
}
.allCheck input:checked + label:before {
	background: url(../../assets/images/checked-checkbox.png) top left no-repeat;
	background-size: 20px 20px;
}
.capt{	width:100%;	text-align:center;	margin:auto;	color:#fff;	font-size:22px;
	padding:8px;	background:#0071BC;	border-radius:8px;	margin-bottom:20px;
}
h3.title{	padding: 0 0 6px 0;	margin: 0;	border-bottom: dotted 2px #0071BC;
  font-weight: bold;	font-size: 18px;	color:#0071BC;
	}
.areaDetail +  h3.title{	margin: 45px 0 0 0;
	}
h3.title + .areaDetail{	margin: 30px 0 0 0;
	}
.areaDetail li{	display: inline-block;	width: 210px;	margin: 0 0 4% 0;	font-size: 1.4rem;
	}
.areaDetail input[type="checkbox"]{	display: none;
  }
.areaDetail label{	position: relative;	padding: 0 0 0 35px;
	}
.areaDetail label:before{	position: absolute;top: 1px;left: 0;	content: "";	display: inline-block;	margin: 0 10px 0 0;	width: 20px;	height: 20px;
  background: url(../../assets/images/checkbox.png) top left no-repeat;
	background-size: 20px 20px;    cursor: pointer;
	}
.areaDetail input:checked + label:before{	background: url(../../assets/images/checked-checkbox.png) top left no-repeat;	background-size: 20px 20px;
	}
.submit{	width: 49%;	margin: 55px auto 0 auto;
	}
.under{	width:90% !important;	padding:4% !important;
}
#select_area .btn_l,#select_area .btn_r button{	font-size:1.8rem;	text-align:center;
	border:2px solid #fff;	width:100%;	margin:auto;	margin-top:50px;	padding:20px;	color:#fff;	display:block;	background: url(images/icon_arrow.png)  no-repeat;
	background-position: 370px 25px;  	z-index:5;	cursor:pointer;	text-decoration:none;
}
#select_area .btn_l{	background-color:#0071BC;
}
#select_area .btn_r{	background-color:#EB5E00;
}
.list .name span a:after {    display: inline-block;    margin: 0 0 0 10px;    color: #fff;
    font-size: 1.4rem;   content: "[HPあり]";
}
.allCheck input[type="checkbox"] {display: none;
}
p.allCheck { padding: 15px 35px;
}
ul.areaDetail li {  width: 50%; padding: 0 15px;
}
ul.areaDetail li .checkBox-field {  font-size: 11px; padding: 10px 20px;
}
.submitBtn { text-align: center;
}
a.btn_l { float: none; display: inline-block;  margin: 0 auto 20px;
}
button.btn_r { float: none; max-width: 348px;
}
.smCaption { padding: 0 40px;
}
section#hospitalList form h2 { font-size: 18px;
}
a.btn_l span {  left: -16px;  font-size: 12px;
}
p.title__text { font-size: 11px !important;
}
.footer-banner { padding: 45px 10px;
}
.footer-banner .twocolumn:nth-child(1) .bannerBox__image {  margin-bottom: 20px;
}
.modalGraph img {  display: none !important;
}
.modalGraph { margin: 40px 0;
} 
.modalBtn a {  max-width: 90%;  margin-bottom: 15px;
}  
.modalBtn a:last-child {  margin-bottom: 0px;
} 
.subTitle { line-height: 25px; color: #FF6400;  font-size: 18px; 
 font-family: 'Gotham Narrow Book' !important;   font-weight: 600;
}  
/* popUp */
.modal-body {   padding: 0px 15px 20px;
}
.popupBox a { max-width: 100%; padding: 14px 20px; height: auto; margin: 5px 0;
}
.modal-body p { display: none;
}
.modal-content { margin: 0 15px;
}
.modal-header .close { width: 40px; height: 40px;  font-size: 30px;
}  
.popUpSection h2 { font-size: 18px; margin: 15px 0 15px;
}  
.modal-content { height: 400px;  overflow-y: scroll;
}  
  
}
@media(max-width:359px){
  
  ul.areaDetail li .checkBox-field {  padding: 10px 10px;
  }
  ul.areaDetail li {  padding: 0 10px;
  }
  .areaDetail label { padding: 0 0 0 30px;
  }
  a.btn_l,button.btn_r { max-width: 280px;
  }
  p.allCheck { padding: 15px 20px;
  }
  .smCaption { padding: 0 15px;
  }
  
}
#result_area{
	margin:auto;
	margin-bottom:80px;
	overflow:hidden;
}
#result_area dl{
	width:100%;
	overflow:hidden;
	margin:auto;
	background:#0071BC;
	border-radius:18px;
	padding:30px;
	margin-bottom:40px;
}
#result_area dt{
	width:130px;
	height:100%;
	float:left;
	color:#fff;
	font-weight:bold;
	font-size:18px;
}
#result_area dd{
	width:696px;
	height:100%;
	float:right;
	color:#fff;
}
.list{
	width:100%;
	height:96px;
	border:4px solid #0071BC;
	border-radius:18px;
	margin-bottom:20px
}
.list .name{
	float:left;
	display:table;
	width:260px;
	font-size:16px;
	padding:0 20px 0 20px;
	height:100%;
	background:#0071BC;
	color:#fff;
	border-top-left-radius: 9px;
	border-bottom-left-radius: 9px; 
}
.list .name a{
	color:#fff;
}
.list .name a:visited{
	color:#fff;
}
.list .add{
	float:left;
	width:410px;
	height:100%;
	display:table;
	padding:0 0 0 20px;
	border-right:4px solid #0071BC;
}
.list .add_txt{
	width:320px;
}
.list .name span,.list .add span,.list .add p,.list .tel span{
	vertical-align:middle;
	display:table-cell;
}
.list .name span a:after {
    display: inline-block;
    margin: 0 0 0 10px;
    color: #fff;
    font-size: 1.4rem;
    content: "[HPあり]";
}
.list .add img,.list .tel img{
	width:40px;
	height:40px;
	float:left;
	margin:0 10px 0 0;
}
.list .tel{
	float:right;
	width:242px;
	height:100%;
	padding:0 0 0 20px;
	display:table;
}
.list .tel .num{
	font-size:20px;
	font-weight:bold;
}
#result_area .btn_l,#result_area .btn_r{
	font-size:18px;
	text-align:center;
	border-radius:4px;
	border:2px solid #fff;
	width:400px;
	margin-top:50px;
	padding:20px;
	color:#fff;
	display:block;
	background: url(images/icon_arrow.png)  no-repeat;
	background-position: 370px 25px;  
	background-color:#EB5E00;
	z-index:5;
	cursor:pointer;
	text-decoration:none;
}
#result_area .btn_l{
	float:left;
	background-color:#0071BC;
}
#result_area .btn_r{
	float:right;
	background-color:#EB5E00;
}
.modal_para1{
  display: inline-block;
    text-align: center;
    background: #F09525;
    width: 100%;
    padding: 75px;
    color: #fff;
    margin-top: 60px;
}
.modal_para1 h2{
  color:#fff;font-weight: 600;
}
.modal_para1 p{
    color:#fff;
}