@charset "Shift_JIS";
.btnPrice{
	text-align: center;
	margin-top: 60px;
}
@media screen and (max-width: 767px) {
	.btnPrice{
		margin-top: 35px;
	}
	.btnPrice .btnBdrRed{
		margin: auto;
		width: 90%;
	}
}
/* ==========================================================================
   serviceList
   ========================================================================== */
.serviceExample{
	margin-top: 50px;
}
.serviceExample .clm2{
	border: 1px solid #ddd;
}
.picList.clm2 .box{
	position: relative;
	width: 475px;
	margin: 80px 0 0 0;
	overflow: hidden;
}
.picList .imgBox{
	width: 260px;
	float: left;
}
.picList .txtBox{
	width: 190px;
	float: right;
}
.picList .ttl{
	color: #e83928;
	font-size: 20px;
	margin: 0 0 3px;
}
.picList .dtl{
	font-size: 14px;
	margin: 0 0 20px;
}
.picList.clm2 .box a{
	position: absolute;
	bottom: 0;
	right: 25px;
}
@media screen and (max-width: 767px) {
	.serviceExample{
		margin-top: 30px;
	}
	.picList.clm2 .box{
		margin: 25px 0 0 0;
	}
	.picList .imgBox{
		width: 30%;
	}
	.picList .txtBox{
		width: 65%;
		float: right;
	}
	.picList .txtBox a{
		text-align: center;
	}
	.picList .ttl{
		font-size: 18px;
		margin: 0
	}
	.picList .dtl{
		font-size: 16px;
		margin: 0 0 5px;
	}
	.picList.clm2 .box a{
		position: relative;
		right: 0%;
		min-width: 65%;
		text-align: center;
		float: right;
	}
}
/* ==========================================================================
   meritBox
   ========================================================================== */

#merit .circleList .box:first-child .circle{
	background-image: url(/lifecare/common_renew/img/icon_merit_service01.png);
}
#merit .circleList .box:nth-child(2) .circle{
	background-image: url(/lifecare/common_renew/img/icon_merit_service02.png);
}
#merit .circleList .box:last-child .circle{
	background-image: url(/lifecare/common_renew/img/icon_merit_service03.png);
}

/* ==========================================================================
   banner
   ========================================================================== */
.bnrBox.senior{
	text-align:center;
	margin:50px auto;
}
.bnrBox.senior>a{
	display:inline-block;
}
@media screen and (max-width: 767px) {
	.bnrBox.senior{
		padding:0 10px;
	}
	.bnrBox.senior img{
	  width:100%;
	}
}


/* 20210830�ǋL */
.serviceExample .clm2:not(:last-child) {
	margin: 0 0 50px;
}


/* 20211005�ǋL �A���J�[�����N�ǉ� */
.btn_ank {
	text-align: center;
	margin-top: 30px;
}
.btn_ank .btnBdrRed{
	position: relative;
}
.btn_ank .btnBdrRed::after {
	content:"";
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 7px 0 7px;
	border-color: #e83928 transparent transparent transparent;
	top: 50%;
	right: 30px;
	margin-top: -6px;
}

@media screen and (max-width: 767px) {
.btn_ank .btnBdrRed {
	margin: auto;
	width: 90%;
}
.btnBdrRed:hover {
	background-color: #fff;
}
.btn_ank .btnBdrRed::after {
	right: 0;
	left: calc(50% + 212px / 2);
}
}

/* 20220225�ǋL */
.serviceExample {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.serviceExample .clm2Box {
  width: 48%;
  margin: 0 0 20px;
  border: 1px solid #ddd;
}
.serviceExample .clm2Box a {
  display: block;
  color: #e83928;
}
.serviceExample .clm2Box .imgBox {
  height: 280px;
  overflow: hidden;
  /*display: flex;
  flex-direction: column;
  justify-content: start;*/
}
.serviceExample .clm2Box .ttl {
  border-bottom: none;
  padding: 16px;
  margin: 0;
  text-align: center;
  font-size: 22px;
  position: relative;
}
.serviceExample .clm2Box .ttl:before {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  border-style: solid;
  border-width: 0px 0px 50px 50px;
  border-color: transparent transparent rgb(232,57,40);
}
.serviceExample .clm2Box .ttl:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateX(-100%) translateY(-100%) rotate(-45deg);
  border-bottom: 2px solid rgb(255, 255, 255);
  border-right: 2px solid rgb(255, 255, 255);
}
@media screen and (max-width: 767px) {
  .serviceExample .clm2Box .imgBox {
    height: auto;
  }
  .serviceExample .clm2Box .ttl{
    font-size: 15px;
    font-weight: bold;
    padding: 6px 0 20px;
  }
  .serviceExample .clm2Box .ttl:before {
    border-width: 0px 0px 35px 35px;
  }
  .serviceExample .clm2Box .ttl:after {
    width: 6px;
    height: 6px;
    transform: translateX(-80%) translateY(-80%) rotate(-45deg);
  }
}


/* 20220201�ǋL
.serviceExample{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.clm:first-child {
	margin: 0 0 50px;
}
.clm a:hover {
	opacity: 0.8;
	transition: 0.3s ease-in-out;
}
.sp_only {
	display: none;
}

@media screen and (max-width: 767px) {
.serviceExample{
	display: flex;
	width: 106%;
	margin: 30px -3% 0;
}
.clm {
	width: 49%;
}
.clm img {
	width: 100%;
}
.clm:first-child {
	margin: 0 0 10px;
}
.pc_only {
	display: none;
}
} */


/* PJ18_D014-244 LC�F�u�T�[�r�X�ɂ��āv�y�[�W���C�b�R�[�f�B���O */
.ttl_tit {
    display: inline-block;
    width: 340px;
	border-bottom: 1px solid #ddd;
}
.ttl_txt {
    display: inline-block;
    font-size: 15px;
    color: #000;
}

@media screen and (max-width: 767px) {
.ttl_tit {
    display: inline-block;
    width: inherit;
	border-bottom: none;
}
.ttl_txt {
    display: none;
}
}
