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


.staff_box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;}
.staff_img{width:160px;display:flex;flex-direction:column;align-items:center;}
.staff_img img{width:100%;}
.staff_com{width:820px;border:1px solid #668844;border-radius:8px;display:flex;align-items:center;padding:0 20px;}
h2.staff{font-size:30px;background:url(/userdata/qaq.png) no-repeat left center;background-size:66px 66px;min-height:66px;padding:8px 0 0 75px;margin-bottom:20px;}

.room_box{display:flex;flex-wrap:wrap;justify-content:space-between;}
.room_inbox{width:49%;position: relative;text-align:center;margin-bottom:10px;}
.room_inbox img{width:100%;}
.room_title{padding:10px;background: rgba(0,0,0,0.6);width:100%;position:absolute;bottom:0px;left:0px;color:#fff;}










/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 999px){
.staff_img{width:160px;display:flex;flex-direction:column;align-items:center;order: 1;}
.staff_com{width:100%;border:1px solid #668844;border-radius:8px;display:flex;align-items:center;padding:20px;line-height:1.5;order: 2;}

}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
h2.staff{font-size:20px;background:url(/userdata/qaq.png) no-repeat left center;background-size:40px 40px;min-height:40px;padding:2px 0 0 55px;margin-bottom:20px;}
.staff_box{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:40px;}
.staff_img{width:160px;display:flex;flex-direction:column;align-items:center;order: 1;}
.staff_com{width:100%;border:1px solid #668844;border-radius:8px;display:flex;align-items:center;padding:20px;line-height:1.5;order: 2;}

}