@charset "utf-8";

/*オレンジ色読み込み*/
@import url("color-orange.css");

/*営業について*/
/* スマートフォン */
@media screen and (max-width: 767px) {
	table.business-hours tbody th{
		width: 5.0em;
	}
}

/*1日の流れ*/
/*準備出来るまで画像を非表示*/
#flow img{
	display: none;
}

/*ボーダー非表示*/
#flow table {
	/*border-collapse: collapse;*/
	border-top: none;
	border-right: none;
}

#flow table th,
#flow table td {
	border-left: none;
	border-bottom: none;
}

#flow table tbody th{
	width: 300px;
	text-align: left;
	vertical-align: top;
	padding: 0 0 15px 0;
	background-color: transparent;/*背景色無効化*/
}

#flow table tbody tr:nth-child(1),
#flow table tbody tr:nth-child(2) {
	background: url(/wp/wp-content/uploads/2019/03/line-flow_am.svg) 18px 8px no-repeat;
}

#flow table tbody tr:nth-child(3) {
	background: url(/wp/wp-content/uploads/2019/03/line-flow_am.svg) 18px bottom no-repeat;
}

#flow table tbody tr:nth-child(4),
#flow table tbody tr:nth-child(5){
	background: url(/wp/wp-content/uploads/2019/03/line-flow_pm.svg) 18px 8px no-repeat;
}

#flow table tbody tr:nth-child(6) {
	background: url(/wp/wp-content/uploads/2019/03/line-flow_pm.svg) 18px bottom no-repeat;
}

#flow table tbody th span{
	/*display: inline-block;*/
	padding: 0px 5px;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.8);
}

#flow table tbody td:nth-child(2){
	vertical-align: top;
	padding: 0 10px 10px 10px;
	/*padding: 0 10px 15px 10px;*/
}

#flow table tbody td:nth-child(3){
	vertical-align: top;
	padding: 0 0 15px 10px;
}

#flow ul.exp {
	margin:0;
	padding-left: 1.0em;
}

#flow ul.exp li{
	margin-bottom: 0.5em;
}

/* PCのみ */
@media screen and (min-width: 768px),print {

#flow table tbody tr:last-child th,
#flow table tbody tr:last-child td{
	padding-bottom: 0;
}

}

/* スマートフォン */
@media screen and (max-width: 767px) {
	#flow table tbody th,
	#flow table tbody td{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

#flow table tbody td:nth-child(2),
#flow table tbody td:nth-child(3){
	padding: 0 10px 10px 45px;
}

#flow table tbody tr:last-child td:nth-child(3){
	padding-bottom: 0;
}

#flow table tbody th{
	font-weight: bold;
}

}

/*k活動*/
#activity .photo ul{
	/*margin: 0;*/
	padding: 0;
	list-style-type: none;
}

#activity .photo ul li{
	text-align: center;
}

/* PCのみ */
@media screen and (min-width: 768px),print {
	#activity .photo{/*限定設定*/
		width: 800px;
		margin:0 auto;
	}

	#activity .photo ul{
		display:flex;
		flex-wrap: wrap;
		justify-content:center;
	}

	#activity .photo ul li{
		margin: 10px 15px;
	}
}

/* スマートフォン */
@media screen and (max-width: 767px) {
	#activity .photo ul{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

		#activity .photo ul li{
		margin-bottom: 10px;
	}

}

/*デイサービス利用開始まで*/

#flow-2 [class^="step-box_0"] {
	border:1px #000 solid;
}

#flow-2 [class^="step-box_0"] h3{
	background-color: #9CCC65;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	border-bottom: 1px #2E7D32 solid;
}

#flow-2 [class^="step-box_0"] h4{
	background-color:#FFF176;
	text-align: center;
	margin:0;
}

#flow-2 [class^="step-box_0"] span{
	display: block;
	padding: 10px;
}

#flow-2 .arrow img{
	display: inline;
}

#flow-2 .arrow{
	text-align: center;
	padding: 0.5em 0;
}

#flow-2 .step-box_02 h4{
	border-top: 1px #2E7D32 solid;
	border-bottom: 1px #2E7D32 solid;
}

#flow-2 .step-box_04 table{
	width: 100%;
	box-sizing: border-box;
	/*border-bottom: none;*/
	border-right: none;
}

#flow-2 .step-box_04 table th{
	text-align: left;
	border-left: none;
}

#flow-2 .step-box_04 table tr:last-child th,
#flow-2 .step-box_04 table tr:last-child td{
	border-bottom: none;
}

#flow-2 .step-box_04 h4{
	margin-bottom: 0;
	border-top: 1px #2E7D32 solid;
}

/* スマートフォン */
@media screen and (max-width: 767px) {
	#flow-2 .step-box_04 table th{
		width: 9.0em;
		}
	}

/*パンフレットボタン*/
.btn {
	text-align: center;
	margin-top: 2.0em;
}