@charset "utf-8";

/* ==================================================================
	index.css
	
=================================================================== */

.contents .accent {
    background:url("../../images/home/accent.jpg") 50% 50% no-repeat;
    margin-bottom: 0;
}

.shadowBox {
	overflow: hidden;
	margin-bottom: 37px;
}


section section{
	margin-bottom: 40px;
}

.shadowBox p.text {
    padding: 0 15px 0;
	margin-bottom: 0;
}

.shadowBox p.txt{
	margin-bottom: 30px;
}

/* --------------------------------
   □ nav
-------------------------------- */ 

	#daycare .contents .sub ul.list li.daycare a,
	#support .contents .sub ul.list li.support a,
	#rehabilitation .contents .sub ul.list li.rehabilitation a,
	#visit .contents .sub ul.list li.visit a{
		background: url("../../images/common/icon/arrow/arrow.png") 95% 50% no-repeat #F5F5F5;
	}


/* --------------------------------
   □ flow
-------------------------------- */ 

ul.flow li{
	text-align: left;
	margin-bottom: 60px;
	position: relative;
	background: #F5F5F5;
    padding: 2%;
    box-sizing: border-box;
}

ul.flow li:last-child{
	margin-bottom: 0;
}

ul.flow li:after {
    bottom: -65px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(245, 244, 242, 0);
    border-top-color: #64b6ac;
    border-width: 20px;
    margin-left: -20px;
}

ul.flow li:last-child:after {
	display: none;
}

ul.flow li dl dt{
	color: #64B6AC;
    margin-bottom: 10px;
    font-size: 114%;
    font-weight: 700;
}

ul.flow li dl dd{}

.flow table{
	width: 100%;
}
.flow table caption{
	text-align:left;
	font-weight:bold;
}

.flow table tr{
	border-bottom: 1px dotted #7a7a7a;
}

.flow table th,
.flow table td{
	padding: 0.1em;
}

.flow table th{
	color: #64B6AC;
	
}

.flow table td{}


/* --------------------------------
   □ daycare
-------------------------------- */ 


#daycare .explain{
	width: 60%;
	float: left;
}

#daycare p.image_right{
	display: inline-block;
	float: right;
}

#daycare table {
	margin-bottom: 40px;
}


#daycare .timetable .flow{
	float:left;
	width:60%;
	box-sizing:border-box;
}

#daycare .timetable .flow table th,
#daycare .timetable .flow table td{
	display:block;
	width:100%;
	margin:0;
	padding:0 0.5em;
}
#daycare .timetable .flow table th{
	padding-top:1em;
	position:relative;
	margin-bottom:-0.8em;
}
#daycare .timetable .flow table td{
	padding:1em;
}

#daycare ul.image_right,
#daycare .timetable ul.image{
	float:right;
	width:33%;
	box-sizing:border-box;
}
#daycare ul.image_right li:not(:last-child),
#daycare .timetable ul.image li:not(:last-child){
	margin-bottom:1em;
}
#daycare ul.image_right img,
#daycare .timetable .image img{
	width:100%;
	max-width:100%;
}

#daycare #flow p.image{
	position: absolute;
    right: 10px;
    bottom: 10px;
    zoom: 0.8;
}


/* --------------------------------
   □ support
-------------------------------- */ 

#support .column2{
	overflow: hidden;
}

#support .column2 ul.flow li{
	display:flex;
	justify-content:space-between;
}

#support .column2 ul.flow li.duo dl{
	position:relative;
	width:48%;
	box-sizing:border-box;
}
#support .column2 ul.flow li.duo dl:not(:last-child)::after{
	display:block;
	content:"";
	height:60%;
	width:1px;
	position:absolute;
	right:-1%;
	top:20%;
	border-right:1px solid #ccc;
}


ul.flow li:last-child {
	margin-bottom: 20px;
}

/* --------------------------------
   □ rehabilitation
-------------------------------- */ 

#rehabilitation #service ul.circle{
	margin-bottom: 0;
} 

#rehabilitation #flow p.image{
	position: absolute;
    right: 10px;
    bottom: 10px;
    zoom: 0.8;
}
/* --------------------------------
   □ visit
-------------------------------- */ 

#visit #target ul.circle{
	margin-bottom: 0;
}

#visit #medicalContent ul.circle{
	margin-bottom: 10px;
}

#visit #medicalContent p.image{
	position: absolute;
    right: 10px;
    bottom: 10px;
    zoom: 0.7;
}

.shadowBox p.text.mb30{
	margin-bottom: 30px;
}


@media only screen and
(max-width : 767px) {
	
/* --------------------------------
   □ 
-------------------------------- */ 
.contents table.tableStyle th,
.contents table.tableStyle td {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.contents .flow table th {
    width: 8em;
}


/* --------------------------------
   □ daycare
-------------------------------- */ 

#daycare .contents .accent .mainvisual h2 {
    top: 36%;
}
	
#daycare .explain{
	width: auto;
	float: none;
	margin-bottom: 30px;
}

#daycare p.image_right{
	display: block;
	float: none;
	text-align: center;
}


#rehabilitation #flow p.image{
    zoom: 0.5;
}

#visit #medicalContent p.image {
    bottom: 0;
    zoom: 0.3;
}
















}