@charset "UTF-8";
/*
	IMS ASAHI MOUNTAIN PARK
	INDEX CSS
	
	MarkUp -> Pati:)
	
	LAST UPDATE
	
	- 2012.04.04 製作開始 (Pati)
	
--------------------------------------------------------------*/

/* INDEX
--------------------------------------------------------------*/
/* main-images
--------------------------------------------------------------*/
div.main-img{
	background:#edf3de url(../../common/css/images/main_line.gif) repeat-x left bottom;
	height:100px;
	padding:0 0 5px;
	text-align:left;
	width:100%;
}

div.main-img h2{
	background:url(images/page_title.jpg) no-repeat center top;
	text-align:center;
	width:100%;
}

.content p{
	margin:0 0 20px 20px;
}

.content h3{
	margin:0 0 15px;	
}

.content h4{
	margin:0 0 10px 20px;
}

.step1 .item{
	background:url(images/img1.gif) no-repeat left top;
	min-height:44px;
	margin:0 0 0 20px;
	padding:0 0 0 170px;
}

	* html .step1 .item{height:44px;}
	*+html .step1 .item{height:44px;}



.step2 .item{
	background:url(images/img2.gif) no-repeat left top;
	min-height:94px;
	margin:0 0 0 20px;
	padding:0 0 0 170px;
}

	* html .step2 .item{height:94px;}
	*+html .step2 .item{height:94px;}

.step4 .item{
	background:url(images/img3.gif) no-repeat left top;
	min-height:53px;
	margin:0 0 0 20px;
	padding:0 0 0 170px;
}

	* html .step4 .item{height:53px;}
	*+html .step4 .item{height:53px;}





.step1,
.step2,
.step3,
.step4{
	padding:0 0 84px;
	background:url(images/arrow.jpg) no-repeat 20px bottom;
}

.step5{
	padding:0 0 30px;
}

table {
	border-top:1px solid #edf3de;
	border-left:1px solid #edf3de;
	border-collapse:collapse;
	margin:0 0 30px 20px;
}
table th,
table td{
	border-right:1px solid #edf3de;
	border-bottom:1px solid #edf3de;
	padding:10px 15px;
}
table thead th{
	background:#edf3de;
	border-right:1px solid #fff;
	border-bottom:1px solid #edf3de;
	color:#638c0b;
}

table tbody th{
	background:#fffce4;
	border-right:1px solid #edf3de;
	border-bottom:1px solid #edf3de;
}

table td.right{
	text-align:right;
}
table td.center{
	text-align:center;
}

div.price span{
	color:#638c0b;
}

div.price img{
	margin: 0 10px 0 0;
	vertical-align:middle;
}



/*医療・看護受入体制
------------------------------------------------------------------*/
a.btn_ukeire{
	display: block;
	margin: 0 auto 50px;
	background: #e37d63;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	text-decoration: none;
	position: relative;
}
a.btn_ukeire::after{
	content: ">";
	position: absolute;
	right: 10px;
}
a.btn_ukeire:hover{
	transition: all .2s ease-in;
	opacity: 0.6;
}

h4.h4_ukeire{
	text-align: center;
	font-size: 2.0rem;
}
.ukeire_kubun{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.ukeire_kubun li{
	width: 30%;
	font-size: 1.6rem;
	padding: 10px 40px;
	position: relative;
	box-sizing: border-box;
	text-align: center;
}
.ukeire_kubun li.ok::before,
.ukeire_kubun li.con::before,
.ukeire_kubun li.ng::before{
	font-size: 1.5rem;
	padding: 5px 12px;
	position: relative;
    left: -20px;
    top: 3px;
	border: 1px solid #ccc;
}
.ukeire_kubun li.ok::before{
	content: "〇";
	background: #c7e3ff;
}
.ukeire_kubun li.con::before{
	content: "△";
	background: #feff9f;
}
.ukeire_kubun li.ng::before{
	content: "×";
	background: #fbbfbf;
}

.ukeire_wrapp{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px;
	box-sizing: border-box;
}
.ukeire_wrapp:after{
  content:"";
  display: block;
  width:30%;
}
.ukeire_box{
	width: 30%;
}

table.tbl_ukeire{
	width: 100%;
	border-collapse: collapse;
	margin: 0 auto 30px;
}
table.tbl_ukeire th,
table.tbl_ukeire td{
	padding: 10px;
	border: 1px solid #b9b9b9;
	box-sizing: border-box;
	vertical-align: middle;
}
table.tbl_ukeire th{
	width: 90%;
	text-align: center;
	vertical-align: middle;
	color: #333;
	background-color: #f9ffe7;
	font-weight:bold;
}
table.tbl_ukeire td{
	text-align: center;
	font-size: 1.5rem;
}
table.tbl_ukeire td.ok{
	background: #c7e3ff;
}
table.tbl_ukeire td.con{
	background: #feff9f;
}
table.tbl_ukeire td.ng{
	background: #fbbfbf;
}

.table_box{
    width: 100%;
}

.table_box > table{
    width: 100%;
}


@media screen and (max-width:767px) {
    .table_box{
        width:100%;
        overflow-x: scroll;
    }
    
    .table_box > table{
    width: 1200px;
}
    
    .top ,
     .top  >dd >span> img
    {
        width: 100%;
    }
    
    .btn
    {
        width: 100%;
    }
}