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

.under_mv h2{
	background: url(../img/bg_h2.png) no-repeat 50% 50%;
	background-size: cover;
}

.nyukyo_content img{
	width: 100%;
   margin: 20px auto 0;
}

.nyukyo_box{
	width: 100%;
	margin: 30px auto 0;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
.nyukyo_box .inner{
	width: 730px!important;
	margin: 0 auto!important;
	overflow: hidden;
}

.nyukyo_box .inner h4{
	padding: 0;
	font-size: 3.0rem;
   text-align: center;
   line-height: 0;
   margin-top: 0;
}

.under_main .inner h4 span::before{
	content: none;
}
.under_main .inner h4 span::after{
	content: none;
}

.nyukyo_box .inner h4 span.num_green_1,
.nyukyo_box .inner h4 span.num_green_2,
.nyukyo_box .inner h4 span.num_green_3,
.nyukyo_box .inner h4 span.num_green_4{
	padding: 27px 67px;
   color: #88c23f;
   font-weight: bold;
}
.nyukyo_box .inner h4 span.num_green_1{
	background: url(../img/icon_num_green_1.png) no-repeat;
}
.nyukyo_box .inner h4 span.num_green_2{
	background: url(../img/icon_num_green_2.png) no-repeat;
}
.nyukyo_box .inner h4 span.num_green_3{
	background: url(../img/icon_num_green_3.png) no-repeat;
}
.nyukyo_box .inner h4 span.num_green_4{
	background: url(../img/icon_num_green_4.png) no-repeat;
}

.nyukyo_box .inner p{
	text-align: center;
	margin: 20px auto;
   font-size: 1.8rem;
}

.nyukyo_box .inner .youi{
	background: url(../img/bg_youi.png) no-repeat;
	background-size: cover;
	margin: 0 auto;
	width: 490px;
	padding: 40px 40px 20px;
	box-sizing: border-box;
}
.nyukyo_box .inner .youi h5{
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
}
.nyukyo_box .inner .youi ul{
	color: #ff0000;
	margin: 65px auto 0;
   font-size: 1.5rem;
}
.nyukyo_box .inner .youi ul li{
	margin: 10px 0;
}

.nyukyo_btn{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.nyukyo_btn a{
	display: inline-block;
	background: #20a0d8;
	color: #fff;
	padding: 20px 35px;
	border-radius: 25px;
}
.nyukyo_btn a:before{
	content: ">";
}
.nyukyo_btn a:hover{
	opacity: 0.7;
	transition: all 0.4s ease-out;
}

/*体験入居
------------------------------------------------------------------*/
.nyukyo_box .inner h4 span.num_blue_1,
.nyukyo_box .inner h4 span.num_blue_2,
.nyukyo_box .inner h4 span.num_blue_3,
.nyukyo_box .inner h4 span.num_blue_4,
.nyukyo_box .inner h4 span.num_blue_5,
.nyukyo_box .inner h4 span.num_blue_6{
	padding: 27px 67px;
   color: #56a9fc;
   font-weight: bold;
}
.nyukyo_box .inner h4 span.num_blue_1{
	background: url(../img/icon_num_blue_1.png) no-repeat;
}
.nyukyo_box .inner h4 span.num_blue_2{
	background: url(../img/icon_num_blue_2.png) no-repeat;
}
.nyukyo_box .inner h4 span.num_blue_3{
	background: url(../img/icon_num_blue_3.png) no-repeat;
}
.nyukyo_box .inner h4 span.num_blue_4{
	background: url(../img/icon_num_blue_4.png) no-repeat;
}
.nyukyo_box .inner h4 span.num_blue_5{
	background: url(../img/icon_num_blue_5.png) no-repeat;
}
.nyukyo_box .inner h4 span.num_blue_6{
	background: url(../img/icon_num_blue_6.png) no-repeat;
}

.taiken_tel{
	width: 100%;
	margin: 0 auto 20px;
	overflow: hidden;
	text-align: center;
}
.taiken_tel img{
	width: 70%;
}
.taiken_time{
	display: block;
	margin: 20px auto;
	color: #bd272d;
	font-weight: bold;
}
.nyukyo_box .inner p.taiken_alert{
	width: 100%;
	margin: 0 auto;
	color: #e91c24;
	background: #eeeeee;
	box-sizing: border-box;
	padding: 28px;
	line-height: 30px;
}

.taiken_btn{
	width: 490px;
	margin: 0 auto 30px;
	text-align: center;
}
.taiken_btn img{
	width: 100%;
}
.taiken_btn a:hover{
	opacity: 0.7;
	transition: all 0.4s ease-out;
}


/*体験入居
------------------------------------------------------------------*/
.under_main .inner p.txt_pran{
	width: 100%;
	margin:35px auto;
	text-align: center;
	font-size: 2.0rem;
}

.tbl_wrapp{
	width: 100%;
	margin: 0 auto 30px;
}

.under_main .inner h4.ryoukin_h4{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color: #a60713;
	font-size: 2.5rem;
}
.under_main .inner h4.ryoukin_h4 span{
	display: inline-block;
	font-size: 1.5rem;
	margin-left: 10px;
}
.under_main .inner h4.blue{
	background: #56a9fc;
}
.under_main .inner h4.pink{
	background: #ff668b;
}
.under_main .inner h4.orenge{
	background: #f38f1e;
}

.under_main .inner p.txt_getsu{
	width: 100%;
	margin: 20px auto;
	border:1px solid #000;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 5px;
	text-align: center;
}

table.tbl_pran{
	width: 100%;
	border-collapse: collapse;
}
table.tbl_pran th,
table.tbl_pran td{
	border: 1px solid #b9b9b9;
	text-align: center;
	vertical-align: middle;
}
table.tbl_pran th{
	vertical-align: middle;
	color: #fff;
	font-weight:bold;
	padding: 10px;
}
table.tbl_pran td{
	background-color: #fff;
	padding: 20px;
}
table.tbl_pran .blue{
	background-color: #56a9fc;
}
table.tbl_pran .pink{
	background-color: #ff668b;
}
table.tbl_pran .glay{
	background-color: #eeeeee;
}
table.tbl_pran .green{
	background-color: #88c23f;
}
table.tbl_pran .lightgreen{
	background-color: #ffffe5;
}
.under_main .inner p.tbl_colam{
	width: 100%;
	margin: 10px auto;
	padding: 20px;
	box-sizing: border-box;
	line-height: 25px;
}

.under_main .inner p.short_getsu{
	margin:30px auto;
	color: #a60713;
	text-align: center;
	font-weight: bold;
	font-size: 2.5rem;
}
.under_main .inner p.short_getsu span{
	display: block;
	color: #a60713;
	text-align: center;
	font-weight: normal;
	font-size: 1.7rem;
}

ul.short_list{
	width: 100%;
	margin: 0 auto;
	padding: 10px 30px;
	box-sizing: border-box;
}
ul.short_list li{
	margin-bottom: 20px;
}
ul.short_list li:last-child{
	margin-bottom: 0;
}
ul.short_list li::before{
	content: "■";
	color: #56a9fc;
}

.under_main .inner h5{
	width: 100%;
	margin: 20px auto;
	text-align: center;
	color: #ff668b;
	font-size: 2.8rem;
}

table.tbl_short{
	width: 100%;
	border-collapse: collapse;
}
table.tbl_short th,
table.tbl_short td{
	border: 1px solid #b9b9b9;
	text-align: center;
	vertical-align: middle;
}
table.tbl_short th{
	vertical-align: middle;
	font-weight:bold;
	padding: 10px;
	background: #eeeeee;
}
table.tbl_short td{
	background-color: #fff;
	padding: 20px;
}
table.tbl_short .pink{
	background-color: #ffebf3;
}
table.tbl_short .ore{
	background-color: #ffe2d5;
}
table.tbl_short .green{
	background-color: #f7ffee;
}

.tbl_sp_txt{
	display: none;
}



/*医療・看護受入体制
------------------------------------------------------------------*/
.ukeire_kubun{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.ukeire_kubun li{
	width: 30%;
	font-size: 2rem;
	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: 3rem;
	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;
}
.ukeire_wrapp:after{
  content:"";
  display: block;
  width:30%;
}
.ukeire_box{
	width: 30%;
}

table.tbl_ukeire{
	width: 100%;
	border-collapse: collapse;
}
table.tbl_ukeire th,
table.tbl_ukeire td{
	padding: 20px;
	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: #eee;
	font-weight:bold;
}
table.tbl_ukeire td{
	text-align: center;
	font-size: 2rem;
}
table.tbl_ukeire td.ok{
	background: #c7e3ff;
}
table.tbl_ukeire td.con{
	background: #feff9f;
}
table.tbl_ukeire td.ng{
	background: #fbbfbf;
}











@media screen and (max-width:767px) {
	
ul.short_list{
	padding: 10px;
}
	
.tbl_sp_txt{
	display: block;
	font-weight: bold;
	color: red;
}
.tbl_sp{
	overflow-x: scroll;
}
table.tbl_pran{
	width: 700px;
}
table.tbl_short{
	width: 700px;
}


/*医療・看護受入体制
------------------------------------------------------------------*/
.ukeire_kubun{
	flex-direction: column;
}
.ukeire_kubun li{
	width: 100%;
	font-size: 2rem;
	padding: 20px 40px;
	position: relative;
	border: 1px solid #ccc;
}

.ukeire_box{
	width: 100%;
}

table.tbl_ukeire th,
table.tbl_ukeire td{
	display: block;
	width: 100%;
}



}