@charset "utf-8";
/* CSS Document */
/* ヘッダー */
div#headerbox { position: absolute;  background: none; }
div#headerbox div.center input.check { display: none; }
div#headerbox div.center label.menu-btn  { display: none; }
div#headerbox div.center div#menuBox  { display: none; }
div#headerbox div.center a#toplogo {
	width:21vw;
	height:21vw;
	position: static;
	background: #98C9A3;
	box-sizing: border-box;
	text-align: center;
	margin: 0 auto;
	padding-top: 5vw;
}
	div#headerbox div.center a#toplogo img {
		height:12vw;
	}
div.title {
	width:100%;
	height:9.66vw;
}
/* トップイメージ */
div.topimgbox {
	width:100%;
	height:163vw;
	background: url(../images/index/topimg_sp.webp) no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}
	div.topimgbox a.servicebtn { display: none; }
/* 介護と障がい福祉の事業の柱 */
div.title.title01 {
	background: url(../images/index/title01.png) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin-top: 50px;
}
div.hashirabox {}
	div.hashirabox div.swiper.service {
		width:100%;
		height:109.94vw;
		margin-top: 8.97vw;
	}
	div.swiper.service div.swiper-wrapper div.swiper-slide {
		width:72.37vw;
		height:109.94vw;
		box-sizing: border-box;
		margin-left: 4.42vw;
	}
	div.hashirabox div.swiper.service div.swiper-wrapper div.swiper-slide:nth-of-type(3) { margin-right: 4.42vw;}
		div.hashirabox div.swiper.service div.swiper-wrapper div.swiper-slide a {
			display: block;
			width:100%;
			height:100%;
			text-decoration: none;
			position: relative;
		}
		div.hashirabox div.swiper.service div.swiper-wrapper div.swiper-slide a.service01 {
			background: url(../images/index/service01_sp.webp) no-repeat;
			background-size: 100% 100%;
		}
		div.hashirabox div.swiper.service div.swiper-wrapper div.swiper-slide a.service02 {
			background: url(../images/index/service02_sp.webp) no-repeat;
			background-size: 100% 100%;
		}
		div.hashirabox div.swiper.service div.swiper-wrapper div.swiper-slide a.service03 {
			background: url(../images/index/service03_sp.webp) no-repeat;
			background-size: 100% 100%;
		}
	div.hashirabox div.bgbox {
		width:100%;
		margin: 12vw auto 0 auto;
		background: url(../images/index/hashirabg_sp.webp) no-repeat;
		background-size: 100% auto;
		background-position: left top;
	}
		div.hashirabox div.bgbox h3 {
			color: #D4A373;
			font-weight: bold;
			font-size: 5.80vw;
			line-height: 8.97vw;
			text-align: center;
		}
		div.hashirabox div.bgbox p {
			width:92%;
			margin: 100.13vw auto 0 auto;
			color: #333;
			font-size: 4.14vw;
			line-height: 8.70vw;
			text-align: center;
		}
		div.hashirabox div.bgbox a.photobtn {
			display: block;
			width:75.96vw;
			height:16.98vw;
			background: url(../images/index/photobtn_sp.png) no-repeat;
			background-size: 100% 100%;
			margin: 7.73vw auto 0 auto;
		}
		div.hashirabox div.bgbox a.bannner_hanamura {
			display: block;
			width:90.60vw;
			height:41.43vw;
			margin: 13.81vw auto 0 auto;
			background: url(../images/cmn/banner_hanamura_sp.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div.hashirabox div.bgbox a.bannner_recruit {
			display: block;
			width:90.60vw;
			height:41.43vw;
			margin: 8.83vw auto 0 auto;
			background: url(../images/cmn/banner_recruit_sp.jpg) no-repeat;
			background-size: 100% 100%;
		}
div.hashirabox.pconly { display: none; }
/* 丁度いいを皆さまに */
div.cyoudobox {
	width:100%;
	height:158vw;
	margin: 8.97vw auto 0 auto;
	background: url(../images/index/cyoudo_sp.webp) no-repeat;
	background-size: auto 100%;
	background-position: center top;
}
/* お知らせ */
div.newsbox {
	width:94vw;
	min-height: 10.18vw;
	margin: 10.35vw auto 0 auto;
	box-sizing: border-box;
	background: url(../images/index/title02.png) no-repeat;
	background-size: auto 6.21vw;
	background-position: center top;
	padding-top: 11vw;
}
	div.newsbox a.news {
		display: block;
		width:100%;
		height:16.57vw;
		background: url(../images/index/newsbg_sp.png) no-repeat;
		background-size: 100% auto;
		background-position: center bottom;
		text-decoration: none;
		position: relative;
		box-sizing: border-box;
		padding-left: 28vw;
		padding-right: 4.14vw;
	}
		div.newsbox a.news p {
			font-size: 3.86vw;
			font-weight: bold;
			line-height: 16.57vw;
		}
		div.newsbox a.news p.date {
			width: 28vw;
			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:75.96vw;
		height:17vw;
		background: url(../images/index/newslistbtn_sp.png) no-repeat;
		background-size: 100% 100%;
		margin: 10.35vw auto 0 auto;
	}
	div.newsbox p.nodata {
		font-size: 3.86vw;
		font-weight: bold;
		line-height: 16.57vw;
		color: #333;
		text-align: center;
	}
/* アクセス */
div.title.title03 {
	background: url(../images/index/title03.png) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin-top: 16.57vw;
}
div.googlemap {
    width: 100%;
    height: 140.19vw;
    overflow: hidden;
	margin: 8.28vw auto 0 auto;
}
	div.googlemap iframe {
		width: 100%;
		height: calc(100% + 140.19vw);
		margin-top: -150px;
	}
div.addressbox {
	margin: 10.63vw auto;
	
}
	div.addressbox p {
		font-size: 4.14vw;
		line-height: 7.18vw;
		color: #D4A373;
		font-weight: bold;
		letter-spacing: 1px;
		text-align: center;
	}
div.addressbox div.dot {
	height:0.69vw;
	background: url(../images/index/dot.png) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin: 4.14vw auto;
}

div.addressbox.pconly { display: none;}