/* ----- タブレット用の設定 ----- */
@media only screen and (min-width: 768px) and (max-width:992px) {
#header {
    width: 90%;
    height: 90px;
}
#header h1 {
    background-size: 50px;
    padding: 15px 0 15px 55px;
    font-size: 18px;
    width: 40%;
}
#header aside {
    width: 35%;
}
#header aside a {
    padding: 0 20px;
}    
#header aside a img {
    max-width: 100%;
}
#header div {
    width: 25%; 
}   
#header div a img {
    max-width: 100%;
} 
#header div p {
    font-size: 12px;
}
/*-----ファーストビュー-----*/
#topWrapper>div,.main,.place,.bg_arrow2 article,.bg_arrow3 article,.bgYellow section,#lower,#footer {
    width: 95%;
}
.bg_arrow {   
    background-size: 100%; 
}
#hospital {
    min-height: 650px;
}
/*-----その他の条件と当院の情報について-----*/
.bg_arrow4 article {
    width: 95%;
    padding-bottom: 30px;
}
    
}

/* ----- スマートフォン用の設定 ----- */
@media only screen and (max-width:767px) {

body {
    font-size: 14px;
    border-top: solid 5px #f7931e;
    border-bottom: solid 5px #f7931e;
}
#container {
    background: none;
}
#container2 {
    background-size: 80%;
    background-position: right 30px;
}
#header {
    width: 100%;
    height: 57px;
    background: #fff;
    padding-top: 8px;
    border-top: solid 10px #f7931e;
    border-bottom: solid 1px #f7931e;
    position: fixed;
    top: 0;
    z-index: 201;
}
#header h1 {
    background-size: 30px;
    padding: 3px 0 10px 35px;
    font-size: 15px;
    width: 80%;
}
#navButton {
    width: 32px;
    padding-top: 2px;
}
#navButton img {
     max-width: 100%;   
}
/*-----ファーストビュー-----*/
#topWrapper {
    background: url(../image/top_nav_sm.png) center top no-repeat;
    background-size: 100%;
    margin-top: 50px;
}
#topWrapper figure img {
    box-shadow: 2px 2px 3px rgba(0,0,0,0);
}
#topWrapper>div{
    width: 100%;   
}
#smtopTel {
    float: right;
    width: 50%;
    margin: 5px 10px 0 0;
    color: #603813;
}
#smtopTel a img {
    max-width: 100%;
}
#smtopTel span {
    display: block;
    font-size: 12px;
    font-family: "Noto Sans JP";
    text-align: center;
    font-weight: bold;
}
#topWrapper figure {
    width: 100%;
    margin-top: 25px;
}
#topWrapper figure img {
    max-width: 100%;   
    }
/*-----グローバルnav-----*/
#topNav {
    position: fixed;
    width: 100%;
    top: 50px;
    left: 100%;
    z-index: 200;
}    
#topNav ul {
    flex-direction: column;
    padding-top: 5px;
    width: 100%;
    border-left: solid 10px #f7931e; 
}
#topNav li {
    border-left: none;
    font-weight: bold;   
}   
#topNav li a {
    color: #f7931e;
    display: block;
    padding-left: 16px;
    width: 100%;
    line-height: 40px;
    background: #fefcd3 url(../image/nav_btn_sm.png) 95% center no-repeat;
    background-size: 16px;
    border-bottom: solid 1px #f7931e;
} 

/*-----常勤眼科医師求人タイトル-----*/
#topTitle {
    font-size: 36px;
    width: 260px;
    text-align: center;
    margin-top: 0;
    position: absolute;
    top: 100px;
}
#topTitle small {
    font-size: 30px; 
}
.toHijyoukin a {
    line-height: 24px;
    top: 145px;
    position: relative;
    background: #f15a24 url(../image/src_arrow.png) 96% center no-repeat;
    color: #fff;
    border: none;
}
/*-----新宿院長からの常勤検討中の医師へのコメント-----*/
#topWrapper figure {
    margin-top: 70px;
}
#topWrapper aside {
    width: 90%;
    margin: 15px auto;
    display: flex;
    justify-content: space-around;
    padding-bottom: 25px;
    border-bottom: solid 1px #f15a24;
}
/*-----眼科サイトバナー-----*/
#topWrapper aside a {
    width: 48%;
}
#topWrapper aside img {
    max-width: 100%;
}
/*-----記事-----*/
#topWrapper article {
    width: 95%;
    margin: 30px auto 40px auto;
    border-left: none;
    padding-left: 0;
}
#topWrapper article h2 {
    font-size: 19px;
    margin-bottom: 15px;
    border-left: solid 3px #f15a24;
    padding-left: 8px;
}
.more,.moreClose {
    margin: 0.6em 0;
}
.more img,.moreClose img {
    width: 180px;
    float: right;
}
.more+span,.moreClose {
    display: none;
}
    
/*-----メインコンテンツ-----*/    
 .main,.place  {
    width: 95%;
    margin: 0 auto 25px auto;
}
.place {
     margin: 35px auto;
}  
.bg_arrow {
    background-size: 100%;
    padding-top: 0;
}
.main h2 {
    line-height: 30px;
    font-size: 18px;
    padding-left: 20px;
    padding-top: 3px;
    margin-bottom: 0.8em;
    margin-top: 40px;
}
.plainUl {
    margin-left: 1em;
    background: rgba(255,255,255,0.6);
}
       
/*-----医療機器ギャラリー-----*/
#machine {
    margin: 1em 0.5em 0 0.5em;
}
#machine span {
    padding: 0;
}
#machine img {
    width: calc(50% - 7px);
    padding: 3.5px 0;
}
#look,#fold {
    margin-right: 10px;
}
#look img,#fold img {
    width: 30px;
    top: 5px;
    right: 15px;
}
/*-----新宿・池袋place vew-----*/
#placeTab p[data-spot="sinjuku"],#placeTab p[data-spot="ikebukuro"],#placeTabbottom p[data-spot="sinjuku"],#placeTabbottom p[data-spot="ikebukuro"] {
    width: 50%;
    padding: 6px 0;
    background: #f7931e;
    font-size: 12px;
}
#placeTab p[data-spot="ikebukuro"],#placeTabbottom p[data-spot="ikebukuro"] {
    background: #fcee21;
    font-size: 11px;
}
#placeTab p[data-spot="sinjuku"]:hover,#placeTabbottom p[data-spot="sinjuku"]:hover {
     background: #f7931e;
}
#placeTab p[data-spot="ikebukuro"]:hover,#placeTabbottom p[data-spot="ikebukuro"]:hover {
    background: #fcee21;
}
#hospital {
   margin-bottom: 15px;
}
#sinjuku,#ikebukuro { 
    padding: 0 0 10px 0;
    height: auto;
}
#sinjuku {
    border-top: solid 5px #f7931e;
    border-bottom: solid 5px #f7931e;
}
#ikebukuro {
    border-top: solid 5px #fcee21;
    border-bottom: solid 5px #fcee21;
}   
    
.floorMap {
    width: 100%;
    float: none;
    padding-right: 0;
}   
.floorText {
    width: 100%;
    float: none;
    margin: 15px 5px;
    padding: 0 5px;
}
.gmap+p {
    width: 90%;
    font-size: 12px;
}   
.guide a {
    width: 44%;
    padding: 3px 0;
    font-size: 12px;
    margin-left: 4px;
    margin-bottom: 10px;
}   
.floorText table {
    margin-right: 10px;
}
/*-----勤務時間についての詳細-----*/
#explanation {
    padding: 10px 0 40px 0;
    margin-top: 15px;
}
#explanation ul {
    padding: 15px 10px 15px 15px;
}
#explanation li {
    text-indent: -0.8em;
    margin-bottom: 8px;
}
#explanation li:before {
    font-size: 9px;
    margin-right: 2px;
}    
/*-----給与・手当-----*/
.bg_arrow2 {
    background-size: 100%;
    margin-top:  -40px;
    padding-top: 40px;
}
.bg_arrow2 article,.bg_arrow3 article,.bgYellow section,#footer {
    width: 95%;
}
 .place h2,.bg_arrow2 article h2,.bg_arrow3 article h2 {
    line-height: 30px;
    font-size: 18px;
    padding-left: 20px;
    padding-top: 3px;
    margin-top: 0;
    margin-bottom: 0.8em;
}
.bg_arrow4 article h2 {
    font-size: 17px;
}
.g_line span {
    font-size: 16px;
    padding: 0 10px 0 15px;
}
.gsrc_list {
    margin: 5px 5px 30px 20px;
}

.condition span {
margin-right: 5px; 
}
.allowance {
    margin-left: 0;
    margin-bottom: 10px;
}
.allowance dt {
    width: 90px;
    font-size: 13px;
}
.allowance dd {
    margin-bottom: 3px;
    margin-left: 100px;
}
.shine {
    padding: 0 2px;
    font-size: 12px;
    margin: 0 2px;
}

/*-----採用プロセス-----*/
.bg_arrow3 {
    background-size: 100%;
}
.process {
    width: 90%;
    height: 40px;
    padding-top: 6px;
    margin: 35px auto 0 auto;
    font-size: 13px;
}
.process img,.prime img {
    width: 36px;
    bottom: -12px;
    margin-left: -18px;
}
.prime {
    font-size: 16px;
    margin: 20px 0;
}
.prime img {
   bottom: -18px; 
}
    
/*-----その他の条件と当院の情報について-----*/
.bg_arrow4 {
    background-size: 100%, 80%;
}   
.bg_arrow4 article {
    width: 95%;
}    
.bg_arrow3 .gsrc_list {
    padding: 20px 10px 20px 20px;
    margin: 5px 5px 10px 5px;
}   
.bg_arrow4 .square {
    margin: 0 10px 20px 10px;
}
.bg_arrow4 .g_line {
    margin-bottom: 15px;
}
.plText {
    margin: 0 10px 20px 10px;
}
/*-----お問合せ-----*/
.arrowTitle {
    width: 80%;
    background-size: 100%;
    padding-bottom: 18px;
    font-size: 16px;
}
    
/*-------------------
お問合せフォーム
---------------------*/
#lower {
    width: 100%;
    padding-bottom: 110px;
}
#blead {
    padding: 5px 0 0 10px;
}   
#blead li {
    font-size: 10px;
}
#smtopTel2 {
    float: right;
    width: 40%;
    margin: 0 10px 0 0;
    color: #603813;
}
#smtopTel2 a img {
    max-width: 100%;
}
#smtopTel2 span {
    display: block;
    font-size: 12px;
    font-family: "Noto Sans JP";
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
}
.toHijyoukin2 a {
    line-height: 24px;
    top: 125px;
    position: relative;
    background: #f15a24 url(../image/src_arrow.png) 96% center no-repeat;
    color: #fff;
    border: none;
}  
/*-----お問合せフォーム-----*/   
form {
width: 90%;
margin: 30px auto 60px auto;
} 
.formbox {
flex-direction: column;
}
.formbox label {
width: 100%;
padding: 0;
text-align: left;
}
.inputText {
width: 100%;
margin-top: 6px;
}
/*-----送信ボタン-----*/
.confi input {
    width: 200px;
    line-height: 30px;
    background-size: cover;
    font-size: 14px;
    margin: 30px auto 0 auto;
}
    
    
/*-----footer-----*/
#footerRogo {
    width: 290px;
}
#footer>p {
    font-size: 12px;
}
#footer small {
    margin-top: 10px;
    text-align: left;
    font-size: 10px;
}   
    
/*-----申込ボタン-----*/
.contactBtn a {
    width: 90%;
    height: 50px;
    padding-top: 14px;
    margin: 40px auto;
    background-size: contain;
    background-position: left center;
}
.contactBtn a img {
    right: 10px;
    top: 5px;
}

/*-----共通-----*/
.pc {
    display: none;
}
.sm {
    display: block;
}
.ml {
    margin-left: 0px;
}
.fo14 {
    font-size: 13px;
    margin-top: 4px;
}  
    
    
}