@charset "utf-8";
/* CSS Document */

#main{
  width:930px;
  background:url(../images/staff_bg.jpg);
    background-repeat:no-repeat;
    background-size:100% 100%;
  margin-top:20px;
  padding-top:57px;
  padding-left:60px;
  padding-bottom:30px;
}

.syoukai_left_box{
    display: inline-block;
    vertical-align: top;
}

/*-----医師紹介-----*/
h3{
  margin-top:15px;
  margin-left:10px;
  color:#62B17B;
  font-size:0.9em;
  line-height:1;
}

.syoukai_top dl{
  color:#62B17B;
  margin-top:10px;
  margin-left:10px;
}

.syoukai_top dt{
  font-size:1em;
  margin-bottom:10px;
}

.syoukai_top dd{
  font-size:0.8em;
  color:#717071;
  margin-bottom:0.3em;
  margin-top:0.3em;
}

.syoukai_top dd img{
  vertical-align:middle;
}

.syoukai_top dl .bar{
  margin-left:5px;
}

.mini{
  font-size:0.7em;
}

/*-----経歴エリア-----*/
.keireki{
  margin-top:1.5em;
  margin-bottom:1em;
  margin-left:10px;
}

.syoukai_bottom p{
  margin-left:8px;
}

.syoukai_bottom{
  font-size:0.9em;
  color:#717071;
  margin-left:10px;
  line-height:1.2;
}

.syoukai_bottom dt{
  float:left;
  margin-right:1em;
  font-size:0.9em;
  color:#717071;
  text-align:right;
  width:60px;
}

.syoukai_bottom dd{
  margin-bottom:10px;
  font-size:0.9em;
  color:#717071;
  width:355px;
  padding-left:75px;
}

/*----- 紹介部分右側のボックス -----*/
.syoukai_right_box{
    display: inline-block;
  margin-top:15px;
  padding-left:75px;
    vertical-align: top;
}

.syoukai_right_box h3{
  font-size:1.2em;
  color:#717071;
}

/*-----ページトップへのボタンエリア -----*/
.button_area{
  width:800px;
  padding-top:15px;
  margin-bottom:50px;
  clear:both;
}

.button_area img{
  float:right;
  margin-right:30px;
}

/*-----看護師紹介-----*/
.staff_photo_box{
  padding-left:10px;
  padding-top:10px;
  padding-bottom:30px;
  float:left;
}

.staff_right_box{
  float:left;
  padding-top:15px;
  padding-left:10px;
  color:#717071;
}

.staff_right_box h2{
  color:#535353;
  font-size:1.5em;
}

.staff_right_box p{
  margin-top:5px;
  font-size:0.8em;
}

.pagetop_button{/*ページトップへボタン*/
  margin-left:330px;
  margin-top:190px;
}

#bottom{
  padding-bottom:40px;
}

@media screen and (max-width:820px){
    #main{
        background-image:url(../images/setsubi_bg.png);
        width: 100%;
        margin: 0;
        padding: 55px 10px 60px;
    }
    .wrap{
        background-color: #FFFFFF;
        padding: 15px;
    }
    .button_area{
        width: 100%;
        text-align: right;
    }
    .button_area img{float: none;}
    h3{
        margin: 0;
        padding: 15px 0 0 10px;
        font-size: 1rem;
    }
    .syoukai_right_box{padding-left: 50px;}
    .syoukai_top dd,
    .syoukai_bottom{font-size: 1rem;}
    .syoukai_bottom dt{
        width: 100%;
        font-size: 1rem;
        float: none;
        text-align: left;
    }
    .syoukai_bottom dd{
        padding-left: 2em;
        width: 428px;
    }
}
@media screen and (max-width:640px){
    h2 img{width: 100%;}
    .syoukai_left_box,
    .syoukai_right_box{
        display: block;
        width: 100%;
    }
    .syoukai_bottom dd{
        width: auto;
        line-height: 1.5;
        font-size: 1rem;
    }
}
@media screen and (max-width:430px){
    .syoukai_top dl .bar{width: 100%;}
    .keireki{width: 95%;}
}
@media screen and (max-width:360px){
}
@media screen and (max-width:320px){
}