@charset "utf-8";
/* CSS Document */
div#mainContents {
	padding-top: 0px;
}
/* ヘッダー */
div#headerbox {
	width:100%;
	height:120px;
	background: none;
	z-index: 10;
}
	div#headerbox div.center { padding-top: 30px; }
		div#headerbox div.center a#toplogo {
			width:120px;
			height:120px;
			top:0px;
			left:0px;
			background: #98C9A3;
			box-sizing: border-box;
			padding: 30px 0 0 25px;
		}
			div#headerbox div.center a#toplogo img {
				height:60px;
			}
		div#headerbox div.center div.snsbox { top:20px;}
/* トップイメージ */
div.topimgbox {
	width:100%;
	height:50.52vw;
	background: url(../images/index/topimg_pc.webp) no-repeat;
	background-position: center center;
	background-size: auto 100%;
	position: relative;
	z-index: 1;
}
div.topimgbox a.servicebtn {
	display: block;
	width:15vw;
	height:2.4vw;
	background: url(../images/index/topbtn.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top:32vw;
	left:8.8vw;
}
div.title {
	width:100%;
	height:2vw;
}
/* 介護と障がい福祉の事業の柱 */
div.title.title01 {
	background: url(../images/index/title01.png) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin-top: 50px;
}
div.hashirabox {
	width:100%;
	height:78.46vw;
	min-height:1005px;
	background: url(../images/index/hashirabg_pc.webp) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	position: relative;
	box-sizing: border-box;
	padding-top: 2.63vw;
}
	div.hashirabox div.servicebox {
		width:55.43vw;
		height:27.67vw;
		min-width: 735px;
		min-height: 367px;
		position: relative;
		margin: 0 auto;
	}
		div.hashirabox div.servicebox a {
			display: block;
			width:15.68vw;
			height:24.20vw;
			min-width:28%;
			min-height: 87%;
			position: absolute;
		}
		div.hashirabox div.servicebox a.service01 {
			background: url(../images/index/service01.webp) no-repeat;
			background-size: 100% 100%;
			top:0;
			left:0;
		}
		div.hashirabox div.servicebox a.service02 {
			background: url(../images/index/service02.webp) no-repeat;
			background-size: 100% 100%;
			left:35%;
			bottom:0;
		}
		div.hashirabox div.servicebox a.service03 {
			background: url(../images/index/service03.webp) no-repeat;
			background-size: 100% 100%;
			top:0;
			right:0;
		}
	div.hashirabox div.infobox {
		width:64.85vw;
		height:20.73vw;
		min-width:860px;
		min-height:275px;
		box-sizing: border-box;
		margin:6.2vw auto 0 auto;
		position: relative;
	}
		div.hashirabox div.infobox div.hashiraimg {
			width:21.87vw;
			height:20.73vw;
			min-width:270px;
			min-height:275px;
			background: url(../images/index/hashiraimg.png) no-repeat;
			background-size: 100% 100%;
			position: absolute;
			left:0;
			top:0;
		}
		div.hashirabox div.infobox h3 {
			width:60%;
			min-width: 515px;
			color: #D4A373;
			font-weight: bold;
			font-size: 1.35vw;
			padding-top: 1.3vw;
			margin: 0 0 0 auto;
		}
		div.hashirabox div.infobox p {
			width:60%;
			min-width: 515px;
			color: #333;
			font-weight: bold;
			font-size: 1.1vw;
			margin: 1.3vw 0 0 auto;
			line-height: 2vw;
		}
		div.hashirabox div.infobox div.btnbox {
			width:60%;
			min-width: 515px;
			margin: 1.3vw 0 0 auto;
		}
			div.hashirabox div.infobox div.btnbox a {
				display: block;
				width:11.76vw;
				height:2.64vw;
				min-width: :156px;
				min-height:35px;
				background: url(../images/index/photobtn_pc.png) no-repeat;
				background-size: 100% 100%;
			}
	div.hashirabox div.bannerbox {
		width:45.47vw;
		height:10.70vw;
		min-width:603px;
		min-height:142px;
		margin:6.2vw auto 0 auto;
	}
		div.hashirabox div.bannerbox a {
			display: block;
			width:22.17vw;
			height:10.70vw;
			min-width:294px;
			min-height:142px;
		}
		div.hashirabox div.bannerbox a.bannner_hanamura {
			background: url(../images/cmn/banner_hanamura_pc.png) no-repeat;
			background-size: 100% 100%;
			float: right;
		}
		div.hashirabox div.bannerbox a.bannner_recruit {
			background: url(../images/cmn/banner_recruit_pc.png) no-repeat;
			background-size: 100% 100%;
			float: left;
		}
div.hashirabox.sponly { display: none; }
/* 丁度いいを皆さまに */
div.cyoudobox {
	width:100%;
	height:35vw;
	min-height: 438px;
	margin: 0 auto;
	background: url(../images/index/cyoudo_pc.webp) no-repeat;
	background-size: auto 100%;
	background-position: center top;
}
/* お知らせ */
div.newsbox {
	width:52.79vw;
	min-width: 745px;
	min-height: 10.18vw;
	margin: 5.65vw auto 0 auto;
	box-sizing: border-box;
	position: relative;
	background: url(../images/index/title02.png) no-repeat;
	background-size: auto 1.15vw;
	background-position: left 0.2vw top 0.5vw;
	padding-left: 9.42vw;
}
div.newsbox.sponly { display: none; }
	div.newsbox a.news {
		display: block;
		width:100%;
		height:3.39vw;
		min-height: 41px;
		background: url(../images/index/newsbg_pc.png) no-repeat;
		background-size: 100% auto;
		background-position: center bottom;
		text-decoration: none;
		position: relative;
		box-sizing: border-box;
		padding-left: 7.54vw;
		padding-right: 5.73vw;
	}
		div.newsbox a.news p {
			font-size: 0.8vw;
			font-weight: bold;
			line-height: 3.39vw;
		}
		div.newsbox a.news p.date {
			width:7.54vw;
			color: #D4A373;
			box-sizing: border-box;
			padding-left: 1.10vw;
			position: absolute;
			left:0;
			top:0;
		}
		div.newsbox a.news p.title {
			width:100%;
			color: #333;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
	div.newsbox a.newslistbtn {
		display: block;
		width:5.5vw;
		height:1.58vw;
		background: url(../images/index/newslistbtn_pc.png) no-repeat;
		background-size: 100% 100%;
		position: absolute;
		left:0;
		top:2.63vw;
	}
	div.newsbox p.nodata {
		font-size: 0.8vw;
		font-weight: bold;
		line-height: 3.39vw;
		color: #333;
	}
/* アクセス */
div.title.title03 {
	background: url(../images/index/title03.png) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin-top: 5.88vw;
}
div.googlemap {
    width: 55.88vw;
    height: 26.77vw;
	min-width: 745px;
	min-height:355px;
	border-radius: 10px;
    overflow: hidden;
	margin: 1.5vw auto 0 auto;
}
	div.googlemap iframe {
		width: 100%;
		height: calc(100% + 26.77vw);
		margin-top: -150px;
	}
div.addressbox {
	margin-top: 2.26vw;
}
	div.addressbox p {
		font-size: 0.85vw;
		line-height: 1.5vw;
		color: #D4A373;
		font-weight: bold;
		letter-spacing: 1px;
		text-align: center;
		margin-bottom: 7.54vw;
	}
div.addressbox.sponly { display: none;}