@charset "utf-8";


@font-face {
  font-family: 'M PLUS Rounded 1c';
  font-weight: 700;
  src: url('../../fonts/MPLUSRounded1c-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'M PLUS Rounded 1c';
  font-weight: 900;
  src: url('../../fonts/MPLUSRounded1c-Black.ttf') format('truetype');
}
@font-face {
  font-family: 'Kosugi Maru';
  font-weight: 400;
  src: url('../../fonts/KosugiMaru-Regular.ttf') format('truetype');
}


#containerWrapper { background-color: #fafafa; }


.topimg { height: 355px; background: #fcc800 url('../sp/hospital/images/bg_hd_hp_top.png') no-repeat center bottom; }
.topimg h2 { text-align: center; padding-top: 22px; }
.topimg h2 .catchcopy { color: #333; font-weight: bold; font-size: 18px; font-family: 'Kosugi Maru', sans-serif; display: block; }
.topimg h2 .wf { font-family: 'M PLUS Rounded 1c', sans-serif; }
.topimg h2 .bold { color: #2887eb; font-weight: 700; font-size: 30px; margin-right: 0.5em; }
.topimg h2 .black { font-weight: 900; font-size: 40px; }
#freeform { display: flex; margin: 0 auto; padding-top: 55px; width: 733px; }
#freeword[type="text"] { font-size: 16px; font-family: 'Kosugi Maru', sans-serif; line-height: 50px; flex: auto; padding: 0 10px 0 60px; height: 50px; background: #fff url('../sp/hospital/images/icon01.png') no-repeat 5px center; border: none; border-radius: 8px; }
#btn_fw_search[type="submit"] { font-size: 20px; margin-left: 10px; width: 150px; }

#head_text { font-size: 16px; margin-top: 33px; margin-left: 66px; }

#map { margin-top: 30px; padding: 20px; padding-top: 30px; background-color: #fff; border-top: 4px solid #013b96; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
#map h3 { font-weight: bold; font-size: 20px; }
#map h3::before { vertical-align: middle; content: ''; display: inline-block; margin-right: 10px; width: 39px; height: 49px; background: url('../sp/hospital/images/icon02.png') no-repeat center; background-size: contain; }
#map .inner { text-align: center; position: relative; margin-top: 22px; padding-top: 30px; height: 588px; background: #BCEFFD; }
#map ul { position: absolute; }
#map ul::after { content: ''; clear: both; display: block; }
#map ul.btn_hokkaido { top: 55px; left: 842px; width: 79px; }
#map ul.btn_tohoku { top: 117px; left: 765px; width: 156px; }
#map ul.btn_kanto { top: 260px; left: 728px; width: 156px; }
#map ul.btn_hokuriku { top: 120px; left: 375px; width: 156px; }
#map ul.btn_tokai { top: 445px; left: 580px; width: 156px; }
#map ul.btn_kansai { top: 120px; left: 200px; width: 156px; }
#map ul.btn_chugoku { top: 255px; left: 100px; width: 233px; }
#map ul.btn_shikoku { top: 445px; left: 395px; width: 156px; }
#map ul.btn_kyushu { top: 350px; left: 100px; width: 156px; }
#map ul.btn_okinawa { top: 475px; left: 85px; width: 79px; }
#map ul li { float: left; width: 78px; height: 39px; background-repeat: no-repeat; }
#map ul.btn_hokkaido li { width: 79px; height: 42px; background-image: url('../hospital/images/btn_map_hokkaido.png'); background-position: 0px 0px; }
#map ul.btn_hokkaido li:hover { background-image: url('../hospital/images/btn_map_hokkaido_on.png'); }
#map ul.btn_tohoku li { background-image: url('../hospital/images/btn_map_tohoku.png'); }
#map ul.btn_tohoku li:hover { background-image: url('../hospital/images/btn_map_tohoku_on.png'); }
#map ul.btn_kanto li { background-image: url('../hospital/images/btn_map_kanto.png'); }
#map ul.btn_kanto li:hover { background-image: url('../hospital/images/btn_map_kanto_on.png'); }
#map ul.btn_hokuriku li { background-image: url('../hospital/images/btn_map_hokuriku.png'); }
#map ul.btn_hokuriku li:hover { background-image: url('../hospital/images/btn_map_hokuriku_on.png'); }
#map ul.btn_tokai li { background-image: url('../hospital/images/btn_map_tokai.png'); }
#map ul.btn_tokai li:hover { background-image: url('../hospital/images/btn_map_tokai_on.png'); }
#map ul.btn_kansai li { background-image: url('../hospital/images/btn_map_kansai.png'); }
#map ul.btn_kansai li:hover { background-image: url('../hospital/images/btn_map_kansai_on.png'); }
#map ul.btn_chugoku li { background-image: url('../hospital/images/btn_map_chugoku.png'); }
#map ul.btn_chugoku li:hover { background-image: url('../hospital/images/btn_map_chugoku_on.png'); }
#map ul.btn_shikoku li { background-image: url('../hospital/images/btn_map_shikoku.png'); }
#map ul.btn_shikoku li:hover { background-image: url('../hospital/images/btn_map_shikoku_on.png'); }
#map ul.btn_kyushu li { background-image: url('../hospital/images/btn_map_kyushu.png'); }
#map ul.btn_kyushu li:hover { background-image: url('../hospital/images/btn_map_kyushu_on.png'); }
#map ul.btn_okinawa li { width: 79px; height: 42px; background-image: url('../hospital/images/btn_map_kyushu.png'); background-position: 0px -126px; }
#map ul.btn_okinawa li:hover { background-image: url('../hospital/images/btn_map_kyushu_on.png'); }
#map ul.btn_tohoku li.aomori { background-position: 0px 0px; }
#map ul.btn_tohoku li.iwate { background-position: -78px 0px; }
#map ul.btn_tohoku li.miyagi { height: 38px; background-position: 0px -39px; }
#map ul.btn_tohoku li.akita { height: 38px; background-position: -78px -39px; }
#map ul.btn_tohoku li.yamagata { background-position: 0px -77px; }
#map ul.btn_tohoku li.fukushima { background-position: -78px -77px; }
#map ul.btn_kanto li.tokyo { background-position: 0px 0px; }
#map ul.btn_kanto li.kanagawa { background-position: -78px 0px; }
#map ul.btn_kanto li.saitama { height: 38px; background-position: 0px -39px; }
#map ul.btn_kanto li.chiba { height: 38px; background-position: -78px -39px; }
#map ul.btn_kanto li.ibaraki { background-position: 0px -77px; }
#map ul.btn_kanto li.tochigi { background-position: -78px -77px; }
#map ul.btn_kanto li.gunma { background-position: 0px -116px; }
#map ul.btn_kanto li.yamanashi { background-position: -78px -116px; }
#map ul.btn_hokuriku li.nigata { background-position: 0px 0px; }
#map ul.btn_hokuriku li.nagano { background-position: -78px 0px; }
#map ul.btn_hokuriku li.toyama { background-position: 0px -39px; }
#map ul.btn_hokuriku li.ishikawa { background-position: -78px -39px; }
#map ul.btn_hokuriku li.fukui { float: right; width: 80px; background-position: -76px -78px; }
#map ul.btn_tokai li.aichi { background-position: 0px 0px; }
#map ul.btn_tokai li.gifu { background-position: -78px 0px; }
#map ul.btn_tokai li.shizuoka { background-position: 0px -39px; }
#map ul.btn_tokai li.mie { background-position: -78px -39px; }
#map ul.btn_kansai li.osaka { background-position: 0px 0px; }
#map ul.btn_kansai li.hyogo { background-position: -78px 0px; }
#map ul.btn_kansai li.kyoto { height: 38px; background-position: 0px -39px; }
#map ul.btn_kansai li.shiga { height: 38px; background-position: -78px -39px; }
#map ul.btn_kansai li.nara { background-position: 0px -77px; }
#map ul.btn_kansai li.wakayama { background-position: -78px -77px; }
#map ul.btn_chugoku li.tottori { background-position: 0px 0px; }
#map ul.btn_chugoku li.shimane { width: 77px; background-position: -78px 0px; }
#map ul.btn_chugoku li.okayama { height: 40px; background-position: -155px 0px; }
#map ul.btn_chugoku li.hiroshima { margin-top: -1px; background-position: 0px -39px; }
#map ul.btn_chugoku li.yamaguchi { margin-top: -1px; background-position: -78px -39px; }
#map ul.btn_shikoku li.tokushima { background-position: 0px 0px; }
#map ul.btn_shikoku li.kagawa { background-position: -78px 0px; }
#map ul.btn_shikoku li.ehime { background-position: 0px -39px; }
#map ul.btn_shikoku li.kochi { background-position: -78px -39px; }
#map ul.btn_kyushu li.fukuoka { background-position: -13px 0px; }
#map ul.btn_kyushu li.saga { background-position: -91px 0px; }
#map ul.btn_kyushu li.nagasaki { height: 38px; background-position: -13px -39px; }
#map ul.btn_kyushu li.kumamoto { height: 38px; background-position: -91px -39px; }
#map ul.btn_kyushu li.oita { background-position: -13px -77px; }
#map ul.btn_kyushu li.miyazaki { background-position: -91px -77px; }
#map ul.btn_kyushu li.kagoshima { float: right; width: 80px; background-position: -89px -116px; }
#map ul li a { font-weight: bold; font-size: 16px; line-height: 39px; display: block; width: 100%; height: 100%; }
#map ul.btn_hokkaido li a, #map ul.btn_okinawa li a { line-height: 42px; }
#map ul li a:hover { color: #fff; text-decoration: none; }


#lst_ttl, #nav_50sound, #search, #sch_ttl { background-color: #fff2a9; }
#lst_ttl, #search { border-bottom: 1px solid #e5d896; border-radius: 10px 10px 0 0; }
#lst_ttl, #sch_ttl { font-size: 30px; padding-top: 20px; padding-left: 35px; }
#lst_ttl { padding-bottom: 10px; }
#sch_ttl { padding-bottom: 25px; }
#search { padding-bottom: 25px; }
#search #freeform { padding-top: 35px; }
#nav_50sound { padding-top: 10px; padding-bottom: 10px; }
#index_tab { display: flex; padding-left: 35px; }
#index_tab li + li { margin-left: 7px; }
#index_tab li a { color: #003899; font-size: 20px; font-family: 'Kosugi Maru', sans-serif; text-align: center; line-height: 90px; text-shadow: 0 1px 1px #fff; position: relative; display: inline-block; width: 95px; height: 90px; background: #fff; border: 2px solid #003899; border-bottom: 0; border-radius: 5px 5px 0 0; }
#index_tab li a.selected { color: #000; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffd803),color-stop(50%,#fdc400),color-stop(100%,#fcbe00)); border: solid 2px #ffaf00; border-bottom: 0; }
#index_tab li a::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 0px; border-style: solid; border-top-color: #fff; border-right-color: #e0e7f2; border-bottom-color: #fff; border-left-color: #fff; border-top-right-radius: 5px; border-top-left-radius: 5px; }
#index_tab li a:hover { text-decoration: none; }
#index_tab li a .em { font-size: 40px; margin-right: 5px; }

#hp_link { margin-top: -10px; padding: 15px 55px 50px; background-color: #fff; border: 4px solid #fcc800; border-radius: 12px; box-shadow: 0 2px 6px 0 rgba(0,0,0,.16); }
.hp_list li { margin-bottom: 8px; border: 1px solid #dbdbdb; border-radius: 8px; }
.hp_list li a { font-size: 16px; position: relative; display: block; padding: 15px 15px 15px 25px; border-left: 50px solid #f5f5f5; border-radius: 8px 0 0 8px; }
.hp_list li a::before { vertical-align: middle; content: ''; position: absolute; top: 28px; left: -35px; display: inline-block; width: 20px; height: 22px; background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgMTAgNSI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2JkYmRiZDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik01LDBsNSw1SDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMCA1KSByb3RhdGUoMTgwKSIvPjwvc3ZnPg==) no-repeat center; background-size: contain; transform: rotate(-90deg); }
.hp_list li a::after { vertical-align: middle; content: ''; position: absolute; top: 30px; right: 20px; display: inline-block; width: 15px; height: 20px; background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiNmZmY7c3Ryb2tlOiM3MDcwNzA7fS5ie2NsaXAtcGF0aDp1cmwoI2EpO30uY3tmaWxsOiMyODg3ZWI7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJhIj48cmVjdCBjbGFzcz0iYSIgd2lkdGg9IjYiIGhlaWdodD0iMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc4OSA3NjgpIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xhc3M9ImIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03ODkgLTc2OCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc5MiA3NzIuOSkiPjxwYXRoIGNsYXNzPSJjIiBkPSJNLjgyNiw4LjdhLjgyNS44MjUsMCwwLDEtLjUyLTEuNDY2TDMuODY2LDQuMzQ5LjMwNywxLjQ2NUEuODI1LjgyNSwwLDEsMSwxLjM0NC4xODRsNC4zNSwzLjUyNWEuODI1LjgyNSwwLDAsMSwwLDEuMjgyTDEuMzQ0LDguNTE1QS44MjEuODIxLDAsMCwxLC44MjYsOC43WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMgLTQuMzUpIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat center; background-size: contain; }
.hp_list li a:hover { text-decoration: none; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmVkZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:linear-gradient(to bottom,#fff 0,#f2eddb 100%); border-radius: 8px; box-shadow: 0 2px 1px 0 rgba(0,0,0,.05), 0 0 0 1px #fff inset; }
.hp_list .group  { margin-right: 1em; }
.hp_list .hospital { font-weight: bold; }
.hp_list .address { color: #378900; display: block; }

#zero { margin-top: 35px; padding: 60px 0; background: #fff url('../images/jobs/icn_zero_research.png') no-repeat 150px center; border: 4px solid #ff48af; border-radius: 12px; }
#zero p { color: #ff48af; font-weight: bold; font-size: 20px; padding-left: 270px; }


#hpData { position: relative; background-color: #fff; border: 1px solid #d6e9ea; border-radius: 8px; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1); }
#hpData:before { content: ''; position: absolute; top: -1px; right: 11px; left: 11px; display: block; width: auto; height: 3px; background: linear-gradient(to left, #59c7f8 0%, #53c5f8 100%); border-radius: 2px; }
h2#hpName { font-weight: bold; font-size: 22px; padding: 30px 50px; background-color: #ffd64c;/*#fc0*/ border-bottom: 1px solid #ffd582; border-radius: 8px 8px 0 0; }
h2#hpName .gpname { font-size: 20px; margin-right: 1em; }
#hpData dl { display: table; padding: 30px 30px 0 30px; width: 100%; }
#hpData dl:last-child { margin-bottom: 45px; }
#hpData dt, #hpData dd { display: table-cell; }
#hpData dt { color: #4ac0ff; font-weight: bold; vertical-align: top; width: 188px; }
#hpData dt:before { vertical-align: middle; content: ''; display: inline-block; margin-right: 8px; width: 48px; height: 48px; background-size: contain; }
#hpData dt#address:before { background-image: url('../sp/hospital/images/icons8-marker-96.png'); }
#hpData dt#access:before { background-image: url('../sp/hospital/images/icons8-train-96.png'); }
#hpData dt#subject:before { background-image: url('../sp/hospital/images/icons8-treatment-96.png'); }
#hpData dt#bed:before { background-image: url('../sp/hospital/images/icons8-hospital-bed-96.png'); }
#hpData dd { font-size: 16px; vertical-align: middle; }
#hpData dd .indent { display: block; margin-left: 1em; }

#applyBox { text-align: center; position: relative; margin-top: 30px; padding: 33px 0 35px; background: url('../hospital/images/global_bg_page.png') repeat 0 0; border: 3px solid #2fd077; border-radius: 12px; }
#applyBox:after, #applyBox:before { content: ''; position: absolute; bottom: 100%; left: 50%; width: 0; height: 0; border: solid transparent; }
#applyBox:after { margin-left: -15px; border-width: 15px; border-bottom-color: #eefaff; }
#applyBox:before { margin-left: -20px; border-width: 20px; border-bottom-color: #2fd077; }
#applyBox h3 { font-weight: bold; font-size: 22px; }
#applyBox h3:before { vertical-align: middle; content: ''; display: inline-block; margin: -5px 15px 0 0; width: 75px; height: 77px; background-image: url('../hospital/images/hp_entry_icon.png'); background-size: contain; }
#applyBox h3 .em { color: #ff48af; margin-left: 1.55px; }
#applyBox .message { font-size: 16px; margin: 30px 0 40px; }
#apply_btn .mod_btn { font-size: 18px; text-shadow: #378900 1px 1px 2px, #378900 -1px 1px 2px, #378900 1px -1px 2px, #378900 -1px -1px 2px; padding: 22px 0; width: 500px; }
#apply_btn .icn { display: block; padding-left: 42px; height: 24px; background: url('../images/jobs/icon_mail.png') no-repeat 70px center; background-size: 33px 24px; }

#gmap { margin-top: 55px; }
#gmap h3 { font-weight: bold; font-size: 20px; padding: 10px 0 10px 22px; background-color: #ffd64c;/*#fc0*/ border-radius: 8px; }
#gmap h3:before { vertical-align: middle; content: ''; display: inline-block; margin-right: 10px; width: 36px; height: 36px; background-image: url('../hospital/images/icons8-place-marker-96.png'); background-size: contain; }
#google_map { margin-top: 10px; }
#google_map iframe { overflow: hidden; width: 100%; height: 600px; border: 0; border-radius: 8px; }

#noFindingMessage { color: #ff48af; font-size: 20px; margin-top: 15px; padding: 55px 0px 55px 233px; background: #FFFFDD url('../images/jobs/ico_cross.png') no-repeat 150px 45px; border: 4px solid #ff48af; border-radius: 12px; }
#noFindingMessage .warn { font-weight: bold; }