@charset "utf-8";

:root {
  --green: #00773b;
}
.em6{ width: .6em; display: inline-block;}
.em7{ width: .7em; display: inline-block;}
.f-white{ color: #fff;}
.f-red{ color: #f00;}
.f-dark-red{ color: #923242;}
.f-green{ color: var(--green);}
.f-light-green{ color: #8dc21f;}
.f-blue{ color: #4272d6;}
.f-link-blue{ color: #00f;}
.f-pink{ color: #cf446e;}
.u-line{ text-decoration: underline;}
.u-line:hover{ text-decoration: none;}
.f175{ font-size: 1.75rem;}
.f21{ font-size: 2.1rem;}
.f24{ font-size: 2.4rem;}
.f30{ font-size: 3rem;}
.line2{ line-height: 2;}
.v-middle{
	vertical-align: middle;
	display: inline-block;
	margin-bottom: .3em;
}
.tag{
	color: #fff;
	font-size: 1.4rem;
	min-width: 110px;
	display: inline-block;
	padding: 3px;
	border-radius: 100px;
}
.tag-oshirase{ background: #ef8984;}
.tag-training{ background: #29abe2;}
.tag-saiyo{ background: #fbb03b;}
.tag-facility{ background: #73bd59;}
.tag-other{ background: #9290c5;}

.tab{
	color: #fff;
	line-height: 1.6;
	text-align: center;
	display: inline-block;
	background: var(--green);
	min-width: 200px;
	padding: 5px;
	border-radius: 10px 10px 0 0;
}
.minw300{ min-width: 300px;}
.minw400{ min-width: 400px;}
.maxw300{ max-width: 300px; width: 100%;}
.maxw400{ max-width: 400px; width: 100%;}
.tab.minw300{ min-width: 300px;}
.tab.minw400{ min-width: 400px;}
.tab.maxw300{ max-width: 300px; width: 100%;}
.tab.maxw400{ max-width: 400px; width: 100%;}
.tab.tab-white{
	color: var(--green);
	background: #fff;
}
.tab.tab-gray{ background: #666;}
.tab.tab-lightblue{ background: #00a2ff;}
.more{
	display: inline-block;
	min-width: 160px;
	text-align: left;
	background: url("../images/icon-more.svg") right bottom no-repeat;
}
.more:hover{
	opacity: .6;
}
.bd-green{
	padding-bottom: 25px;
	background: url("../images/bd-green.svg") left bottom no-repeat;
}
.bd-lightgreen{
	padding: 0 10px 10px 0;
	display: inline-block;
	min-width: 150px;
	border-bottom: 1px solid #b3cd5a;
}
.lower-title{
	color: #fff;
	font-size: 4.8rem;
	line-height: 1.1;
	text-align: left;
	display: flex;
	align-items: center;
	height: 200px;
	margin-bottom: 100px;
	text-shadow: #000 0 0 10px;
}
.lower-title span{
	width: 100%;
	max-width: 1200px;
	display: block;
	padding: 0 3%;
	margin-right: auto;
	margin-left: auto;
	box-sizing: content-box;
}
.lower-title small{
	font-size: 2.4rem;
	margin-right: 25px;
	display: inline-block;
	vertical-align: middle;
}
.lower-title.service-title{ background: url("../images/service.jpg") center / cover no-repeat;}
.lower-title.about-title{ background: url("../images/about.jpg") center / cover no-repeat;}
.lower-title.thought-title{ background: url("../images/thought.jpg") center / cover no-repeat;}
.lower-title.training-title{ background: url("../images/training.jpg") center / cover no-repeat;}
.lower-title.facility-title{ background: url("../images/facility.jpg") center / cover no-repeat;}
.lower-title.book-title{ background: url("../images/book.jpg") center / cover no-repeat;}
.lower-title.disclosure-title{ background: url("../images/disclosure.jpg") center / cover no-repeat;}
.lower-title.news-title{
	color: #000;
	text-shadow: #fff 0 0 10px;
	background: url("../images/news.jpg") center / cover no-repeat;
}
.lower-title.privacy-title{
	color: #000;
	text-shadow: #fff 0 0 10px;
	background: url("../images/privacy.jpg") center / cover no-repeat;
}
.lower-title.inquiry-title{
	color: #000;
	text-shadow: #fff 0 0 10px;
	background: url("../images/inquiry.jpg") center / cover no-repeat;
}

.service-subt{
	display: flex;
	color: #fff;
	text-align: left;
	margin-bottom: 90px;
}
.service-subt div{
	display: flex;
	align-items: center;
	width: calc(100% - 170px);
	background: var(--green);
	border-radius: 30px 0 0 0;
}
.service-subt div p{
	width: 170px;
	padding-top: 10px;
	padding-bottom: 80px;
	font-size: 2.1rem;
	text-align: center;
	position: relative;
}
.service-subt div p:after{
	content: "";
	position: absolute;
	bottom: -1px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	height: 80px;
	display: block;
}
.service-subt.live div p:after{ background: url("../images/nav-live.svg") center bottom / 75px auto no-repeat;}
.service-subt.shortstay div p:after{ background: url("../images/nav-stay.svg") center bottom / 83px auto no-repeat;}
.service-subt.dayservice div p:after{ background: url("../images/nav-go2.svg") center bottom / 152px auto no-repeat;}
.service-subt.homehelp div p:after{ background: url("../images/nav-visit.svg") center bottom / 80px auto no-repeat;}
.service-subt.patrol div p:after{ background: url("../images/nav-visit.svg") center bottom / 80px auto no-repeat;}
.service-subt.syoukibo div p:after{ background: url("../images/nav-combine.svg") center bottom / 76px auto no-repeat;}
.service-subt.kyotakukaigo div p:after{ background: url("../images/nav-consult.svg") center bottom / 91px auto no-repeat;}
.service-subt.comprehensive div p:after{ background: url("../images/nav-consult.svg") center bottom / 91px auto no-repeat;}
.service-subt.faq div p:after{ background: url("../images/nav-faq.svg") center bottom / 91px auto no-repeat;}
.service-subt div h2{
	font-size: 2.4rem;
	line-height: 1.3;
	padding: 5px 10px 5px 0;
}
.service-subt div h2 strong{ font-size: 3.6rem;}
.service-subt figure{ width: 35%; border-radius: 0 0 30px 0;}
.service-subt.live figure{ background: url("../images/tokuyou.jpg") right bottom / cover no-repeat;}
.service-subt.live.yuryo figure{ background: url("../images/yuryo.jpg") right bottom / cover no-repeat;}
.service-subt.live.price-ch-kobe figure{ background: url("../images/price-ch-kobe.jpg") right bottom / cover no-repeat;}
.service-subt.shortstay figure{ background: url("../images/shortstay.jpg") right bottom / cover no-repeat;}
.service-subt.dayservice figure{ background: url("../images/dayservice.jpg") right bottom / cover no-repeat;}
.service-subt.homehelp figure{ background: url("../images/homehelp.jpg") right bottom / cover no-repeat;}
.service-subt.patrol figure{ background: url("../images/patrol.jpg") right bottom / cover no-repeat;}
.service-subt.syoukibo figure{ background: url("../images/syoukibo.jpg") right bottom / cover no-repeat;}
.service-subt.kyotakukaigo figure{ background: url("../images/kyotakukaigo.jpg") right bottom / cover no-repeat;}
.service-subt.comprehensive figure{ background: url("../images/comprehensive.jpg") right bottom / cover no-repeat;}
.service-subt.faq figure{ background: url("../images/faq.jpg") right bottom / cover no-repeat;}
.service-subt.group figure{ background: url("../images/group.jpg") right bottom / cover no-repeat;}

.bg-gray{
	padding: 35px 45px;
	background: #f2f2f2;
}
.bg-bdgreen{
	padding: 35px 45px;
	border: 1px solid #00773B;
}
dl.bg-gray dd p.w550{
	display: inline-block;
	max-width: 550px;
	width: 100%;
	margin-right: .5em;
}

.tab-top{
	position: relative;
	padding-top: 60px;
}
.tab-top .tab{
	position: absolute;
	top: 0;
	left: 45px;
	border-radius: 0 0 10px 10px;
}
.tab-top .tab.tab2{
	left: 600px;
}

table.tb1{ width: 100%;}
table.tb1 th,table.tb1 td{
	padding: 12px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #fff;
}
table.tb1 th{
	color: #fff;
	background: var(--green);
}
table.tb1 th.bg-lightgreen{
	color: #000;
	text-align: left;
	background: #e1ebbd;
}
table.tb1 th.bg-lightgreen.t-center{ text-align: center;}
table.tb1 td{ background: #f2f2f2;}
table.tb1 td.t-left{ text-align: left;}
table.tb1.td-t-right td{ text-align: right;}
table.tb1 th.w24em{ width: 24em;}

table.tb2{ width: 100%;}
table.tb2 th,table.tb2 td{ padding: 8px 0;}
table.tb2 th{
	font-weight: 400;
	border-right: 40px solid #fff;
	border-bottom: 1px solid #b3cd5a;
}
table.tb2 th.w200{ width: 200px;}
table.tb2 td{
	padding: 10px;
	border-bottom: 2px dotted #ccc;
}
table.tb3{ width: 100%;}
table.tb3 th,table.tb3 td{ padding: .8em 0;}
table.tb3 th{
	width: 11em;
	font-weight: inherit;
	border-bottom: 1px dotted #B3B3B3;
}
table.tb3 th span.flow{
	display: block;
	padding: .5em .5em .5em 1.5em;
	width: 9em;
	color: #fff;
	font-size: 2rem;
	background: #B3CD5A;
	border-radius: 0 15px 15px 15px;
}
table.tb3 th.em18{ width: 18em;}
table.tb3 th.em18 span.flow{ width: 15em;}
table.tb3 td{
	vertical-align: middle;
	padding: 10px;
	border-bottom: 1px dotted #B3B3B3;
}
table.tb4 th{
	font-weight: inherit;
	padding-right: 1em;
}
table.tb5{ width: 100%;}
table.tb5 th,table.tb5 td{
	padding: 12px 25px;
	border: 1px solid var(--green);
}
table.tb5 th{
	font-weight: 400;
	text-align: center;
	background: #b3cd5a;
}
table.tb6{ width: 100%;}
table.tb6 th,table.tb6 td{
	border-bottom: 1px dotted #B3B3B3;
	padding: 16px 0;
	vertical-align: top;
}
table.tb6 th{
	width: 350px;
	padding-right: 50px;
}
.rightimg{
	float: right;
	width: 200px;
	margin-left: 30px;
	margin-bottom: 10px;
}
table.tb7{ line-height: 2;}
.faq dt{
	padding: 1em 3em 1em 6.5em;
	background: url("../images/arrow-green-bottom.svg") right 20px center no-repeat #E6E6E6;
	border-bottom: 2px solid #fff;
	position: relative;
	cursor: pointer;
}
.faq dt.open{ background: url("../images/arrow-green-top.svg") right 20px center no-repeat #E6E6E6;}
.faq dt span{
	position: absolute;
	left: 2em;
}
.faq dd{
	display: none;
	line-height: 2;
	padding: 1em 1em 2em 6.5em;
	position: relative;
}
.faq dd:before{
	content: "A";
	position: absolute;
	left: 3em;
	color: #f00;
}

a.btn{
	color: #fff;
	background: #00a2ff;
	display: inline-block;
	padding: 8px 20px;
	border-radius: 8px;
}
a.btn:before{
	content: "▶︎";
	display: inline-block;
	vertical-align: middle;
	margin: 0 .3em 1px 0;
}

.note{
	background: url("../images/note-bg.png") left top repeat;
	line-height: 2.8;
}
ul.u-dot-line li{
	border-bottom: 2px dotted #ccc;
}
ul.u-dot-line li a.pdf{
	padding-top: 10px;
	padding-bottom: 10px;
}
a.pdf{
	padding-left: 45px;
	background: url("../images/icon-pdf.svg") left center no-repeat;
	display: inline-block;
	min-height: 30px;
}
a.pdf2{
	padding-right: 40px;
	background: url("../images/icon-pdf2.jpg") right center / 32px auto no-repeat;
	display: inline-block;
	min-height: 32px;
}

ul.pager{
	display: flex;
	justify-content: center;
}
ul.pager li a,ul.pager li span{
	display: inline-block;
	padding: 0 25px;
	border-left: 1px solid #000;
}
ul.pager li:first-child a,ul.pager li:first-child span{
	border-left: none;
}
ul.pager li span{ color: #999;}
ul.pager li.active span{ color: #000;}
.anc{
	padding-top: 120px;
	margin-top: -120px;
}
a.tel{ pointer-events: none;}

@media screen and (max-width: 768px) {
	.f175,.f21,.f24,.f30{ line-height: 1.4;}
	.tag{
		min-width: 5em;
	}
	.more{
		min-width: 100px;
		background: url("../images/icon-more.svg") right bottom / 100px auto no-repeat;
	}
	.lower-title{
		height: 150px;
		margin-bottom: 50px;
	}
	.lower-title small{
		font-size: 2.4rem;
		margin-right: 25px;
	}
	.bd-lightgreen{
		min-width: 120px;
	}

	.service-subt{
		flex-wrap: wrap;
		margin-bottom: 50px;
	}
	.service-subt div{
		display: block;
		width: 100%;
		padding: 10px;
		border-radius: 15px 0 0 0;
	}
	.service-subt div p{
		position: static;
		font-size: 2rem;
		text-align: left;
		width: 100%;
		padding-top: 0;
		padding-bottom: 5px;
	}
	.service-subt div p:after{
		position: static;
		display: inline-block;
		vertical-align: middle;
		width: 60px;
		height: 30px;
		margin-left: 10px;
		background-size: contain!important;
		background-position: left center!important;
	}
	.service-subt div h2{ font-size: 2.0rem;}
	.service-subt div h2 strong{ font-size: 3.0rem;}
	.service-subt figure{
		width: 100%;
		height: 100px;
		border-radius: 0 0 15px 0;
		background-position: center!important;
	}

	.bg-gray{ padding: 20px 25px;}
	.bg-bdgreen{ padding: 20px 25px;}
	.tab-top{ padding-top: 50px;}
	.tab-top .tab{
		left: 25px;
		border-radius: 0 0 5px 5px;
	}
	
	table.tb1 th,table.tb1 td{
		padding: 5px 10px;
	}
	table.sp-block th,table.sp-block td{ display: block;}
	table.tb1 th.w24em{ width: inherit;}
	table.tb2 th.w200{ width: auto;}
	table.tb2 th{ border-right: 20px solid #fff;}
	table.tb2.sp-block th{
		border: none;
		padding-bottom: 0;
	}
	table.tb2.sp-block td{ padding: 10px 0;}
	table.tb3 th{
		display: block;
		width: auto;
		padding-bottom: 0;
		border-bottom: none;
	}
	table.tb3 td{
		display: block;
		padding: 5px 10px 10px;
	}
	table.tb4 th{
		display: block;
		padding-right: 0;
	}
	table.tb4 td{
		padding-left: 1.5em;
		display: block;
	}
	table.tb5 th,table.tb5 td{ padding: 5px 10px;}
	.rightimg{
		width: 100px;
		margin-left: 10px;
	}
	table.tb6 th,table.tb6 td{
		padding: 10px 0;
	}
	table.tb6 th{
		width: auto;
		padding-right: 20px;
	}
	table.tb6.sp-block th{
		padding-bottom: 0;
		border-bottom: none;
	}
	table.tb-inblock th,table.tb-inblock td{ display: inline-block;}
	.faq dt{
		padding: 1em 4em 1em 4.5em;
	}
	.faq dt span{
		left: .5em;
	}
	.faq dd{
		line-height: 1.6;
		padding: 1em 1em 2em 4.5em;
	}
	.faq dd:before{
		left: 1.5em;
	}
	/*
	.note{
		background-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 50%,
      #ffff 50%,
      #ffff 50%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 97%,
      #999 97%,
      #999 100%
    );
  background-size:
    8px 100%,
    100% 2em;
  line-height:2.05;
	}*/
	.note{
		background: url("../images/note-bg.png") left top / 4px auto repeat;
		line-height: 2.36;
	}
	
	ul.u-dot-line li a.pdf{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	a.pdf{
		padding-left: 25px;
		background: url("../images/icon-pdf.svg") left center/ 18px auto no-repeat;
		display: block;
	}
	a.pdf2{
		padding-right: 30px;
		background: url("../images/icon-pdf2.jpg") right center / 24px auto no-repeat;
		min-height: 24px;
	}
	.anc{
		padding-top: 90px;
		margin-top: -90px;
	}
	a.tel{ pointer-events: auto;}
}




@media screen and (max-width: 768px) {

}