<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {
#headingWrap {
width: 100%;
min-width: 1100px;
height: 300px;
background: url(../../images/dayhakucho/dayservice_photo/hed_img.jpg) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 0;
}

.headingIn {
width: 1100px;
margin: auto;
display: table;
height: 300px;
}

.headlineTit {
display: table-cell;
vertical-align: middle;
height: 300px;
}

.headlineTit h2 {
font-family: Century Gothic,Verdana,Arial,sans-serif;
font-size: 3.5rem;
letter-spacing: 1px;
color: #514839;
}

/*-------------------------------------*/

.dayservice_photo {}

.dayservice_photo li {
	float: left;
	width: 530px;
	margin-bottom: 50px;
	overflow: hidden;
}

.dayservice_photo li:nth-child(2n+1) {
	margin-right: 40px;
}

.dayservice_photo li img {
	float: left;
	width: 150px;
}

.dayservice_photo li .txtR {
	float: right;
	width: 360px;
}

.dayservice_photo li .txtR h3 {
	/*background: #514839;*/
	background: #9f56c1;
	padding: 5px 80px 5px 5px;
	margin-bottom: 5px;
	color: #FFF;
	position: relative;
}

.dayservice_photo li .txtR h3 span {
	font-size: 0.85em;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 5px;
	right: 5px;
	background: #FFF;
	color: #514839;
	padding: 0 5px;
}

.dayservice_photo li .txtR p {}

.f_mapWrap {
margin-bottom: 100px;
}

.f_mapList {
width: 860px;
margin: 0 auto 40px;
}

.f_mapList li {
box-sizing: border-box;
border-radius: 50%;
overflow: hidden;
width: 31%;
float: left;
margin-right: 3.5%;
border: #fff 3px solid;
}

.f_mapList li:nth-child(3n) {
margin-right: 0;
}
	
}


/*----------------------------------------------------*/


/*sp*/
@media only screen and (max-width: 768px) {
#headingWrap {
width: 90%;
height: auto;
background: url(../../images/tsumugi/dayservice_photo/hed_img.jpg) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 5% 5%;
}

.headingIn {
width: 100%;
margin: auto;
display: table;
height: auto;
}

.headlineTit {
display: table-cell;
vertical-align: middle;
height: auto;
}

.headlineTit h2 {
font-family: Century Gothic,Verdana,Arial,sans-serif;
font-size: 2rem;
letter-spacing: 2px;
color: #514839;
}

/*-------------------------------------*/

.dayservice_photo {}

.dayservice_photo li {
	float: none;
	width: 100%;
	margin-bottom: 50px;
	overflow: hidden;
}

.dayservice_photo li:nth-child(2n+1) {
	margin-right: 0;
}

.dayservice_photo li img {
	float: none;
	width: 100%;
	margin: auto auto 20px;
}

.dayservice_photo li .txtR {
	float: none;
	width: 96%;
	margin: auto auto 20px;
}

.dayservice_photo li .txtR h3 {
	/*background: #514839;*/
	background: #9f56c1;
	padding: 5px 80px 5px 5px;
	margin-bottom: 5px;
	color: #FFF;
	position: relative;
}

.dayservice_photo li .txtR h3 span {
	font-size: 0.85em;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 5px;
	right: 5px;
	background: #FFF;
	color: #514839;
	padding: 0 5px;
}

.dayservice_photo li .txtR p {}

.f_mapWrap {
margin-bottom: 60px;
}

.f_mapList {
margin-bottom: 40px;
}

.f_mapList li {
box-sizing: border-box;
border-radius: 50%;
overflow: hidden;
max-width: 350px;
margin: 0 auto 15px;
border: #fff 3px solid;
}

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

	
}</pre></body></html>