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

table.rec{width:90%;border-collapse: collapse;margin:20px auto 0;}
table.rec td{vertical-align: middle;border:1px solid #777;padding:10px;}
table.rec td ul{padding-left:1.5em;}
.bg_gray{background:#ccc;}
.bg_gray2{background:#eee;}

.staff_box{display:flex;flex-wrap:wrap;justify-content:space-between;border:solid 1px #ccc;margin-bottom:20px;}
.staff_left{width:55%;}
.staff_img{width:43%;padding:10px;}
.staff_img img{width:100%;}
.staff_bottom{width:100%;}
.staff_title{background:#f4f4f4;padding:10px;font-weight:bold;}
.staff_txt{padding:10px 15px;}
.staff_txt ul{margin-left:1em;}
.staff_txt li{list-style-type: none;}
.staff_txt p{padding-bottom:1em;}

.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: 1099px){

}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){

.staff_box{display:flex;flex-wrap:wrap;justify-content:center;border:solid 1px #ccc;margin-bottom:20px;}
.staff_left{width:100%;}
.staff_img{width:100%;padding:10px;}
.room_title{padding:5px;font-size:12px;color:#fff;}
}