@charset "shift-jis";

.note.sizeNml{
	font-size: 16px;
}

/*--------charge----------*/
.circleList .box:first-child .circle{
	background-image: url(/lifecare/common_renew/img/icon_merit_price01.png);
}
.circleList .box:nth-child(2) .circle{
	background-image: url(/lifecare/common_renew/img/icon_merit_price02.png);
}
.circleList .box:last-child .circle{
	margin-right: 0;
	/*background-image: url(/lifecare/common_renew/img/icon_merit_price03.png);*/
}
@media screen and (max-width: 767px) {
	.circleList .circle{
		background-position: left top 3px;
		background-size: 38px auto;
	}
}

/* ==========================================================================
   about
   ========================================================================== */

#about .btnBox{
	margin-top: 50px;
	text-align: center;
}
#about .btnBox .btnRed{
	position: relative;
	padding: 18px 30px 18px 75px;
}
#about .btnBox .btnRed:before {
	content: "";
	width: 30px;
	height: 30px;
	display: block;
	background-image: url(/lifecare/common_renew/img/icon_contact.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 17px;
	left: 30px;
}
#about .fukidashiBox,
#about .fukidashiBox .ttl,
#about .fukidashiBox .dtl{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
#about .fukidashiBox{
	margin-top: 60px;
}
#about .fukidashiBox .ttl:before{
	top: 100%;
	left: 50%;
	margin: 0 0 0 -6px;
	border: 12px solid transparent;
	border-top: 12px solid #ef7468;
}
#about .fukidashiBox .dtl{
	padding: 20px 30px 15px;
	border: 2px solid #fdebe9;
	border-top: 0;
}
#about .fukidashiBox .dtl .imgBox{
	width: 100px;
	float: left;
}
#about .fukidashiBox .dtl .txtBox{
	width: 800px;
	padding-top: 10px;
	float: right;
}
@media screen and (max-width: 767px) {
	#about .btnBox{
		margin: 20px auto;
	}
	#about .btnBox .btnRed{
		width: 100%;
		padding: 12px 10px 12px 40px;
	}
	#about .btnBox .btnRed:before {
    top: 14px;
    left: 20px;
	}
	#about .fukidashiBox{
		margin-top: 30px;
	}
	#about .fukidashiBox .dtl{
		padding: 15px 4% 10px;
	}
	#about .fukidashiBox .dtl .imgBox{
		width: 80px;
		margin: auto;
		float: none;
	}
	#about .fukidashiBox .dtl .txtBox{
		float: none;
		width: 100%;
		padding-top: 10px;
	}
	
}


/* ==========================================================================
   targetarea
   ========================================================================== */

.targetarea{
	margin-bottom: 20px;
}
.targetarea .ttl{
	display: inline-block;
	font-weight: bold;
	background-color: #f7f7f7;
	padding: 5px 10px;
	margin-right: 5px;
}
.targetarea ul,
.targetarea li{
	display: inline-block;
	margin: 0 10px 0 0;
}
@media screen and (max-width: 767px) {
	.targetarea .ttl{
		margin-bottom: 5px;
	}
}

/* ==========================================================================
   priceTable
   ========================================================================== */
.priceTable{
	margin-bottom: 10px;
	width: 100%;
}
.priceTable th,
.priceTable td{
	padding: 10px 20px;
	border: 1px solid #ddd;
	font-size: 16px;
	text-align: left;
}
.priceTable th{
	background-color: #f7f7f7;
}
.priceTable .memo{
	font-weight: normal;
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	.priceTable,
	.priceTable tr,
	.priceTable tbody,
	.priceTable th,
	.priceTable td{
		display: block;
		width: 100%;
		box-sizing: border-box;
}
	.priceTable{
		border: 1px solid #ddd;
		border-bottom: 0;
	}
	.priceTable th,
	.priceTable td{
		padding: 10px 4%;
		border: 0;
		border-bottom: 1px solid #ddd;
	}
	
}
/* ==========================================================================
   caution
   ========================================================================== */

#caution{
	margin: 100px 0 0;
}
#caution .ttl{
	font-size: 18px;
	margin: 0 0 10px;
}
#caution .note li{
	margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
	#caution{
		margin: 50px 0 0;
	}
	#caution .ttl{
		margin: 0 0 5px;
	}
	
}
/* ==========================================================================
   btnPrice
   ========================================================================== */

.btnPrice{
	text-align: center;
	margin-top: 60px;
}
.btnPrice .btnBdrRed{
    position: relative;
}
.btnPrice .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: -4px;
}
@media screen and (max-width: 767px) {
	.btnPrice{
		margin-top: 35px;
	}
	.btnPrice .btnBdrRed{
		margin: auto;
		width: 90%;
	}
	.btnPrice .btnBdrRed::after{
		right: 0;
		left: calc(50% + 145px / 2);
		margin-top: -5px;
	}
}
/* ==========================================================================
   Price-page-update
   ========================================================================== */
#charge .circleList .box {
  float: none;
}
#charge .circleList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.txtRed {
  color: red;
}


/* ?��v?��?��?��_?��E?��?��?��lj� */
#pd {
	text-align: center;
	margin: 60px 0 0;
}
#pd h2 {
	font-size: 24px;
	margin: 0 0 10px;
}
#pd_area {
	width: 450px;
	position: relative;
	margin: 20px auto 0;
}
#pd_area select {
	width: 450px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 20px;
	font-weight: bold;
	background: url(/lifecare/price/img/selector.png) no-repeat;
	background-position: 98% 8px;
	padding: 10px 50px 10px 20px;
}
select:focus::-ms-value {
	background: white;
	color: black;
}
select::-ms-expand {
	display: none;
}
#pd_area select::-ms-expand {
	display: none;
}
.secWrap.area {
	display: none;
}
#pd_btn_area {
	display: flex;
	justify-content: center;
}
#pd_btn_area .btnPrice {
	margin: 60px 40px;
}
#caution {
	margin: 0;
}
.fc_red {
	color: #e83928;
}
.areaN_box {
	width: 600px;
	text-align: center;
	margin: 0 auto;
}
.areaN_box p {
	line-height: 1.5;
	margin: 0 0 30px;
}
.ico_img:before {
	content: url(/lifecare/price/img/icon_glass.png);
	display: inline-block;
	margin-right: 5px;
}
.btn_red {
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #fff;
	box-sizing: border-box;
	border-radius: 30px;
	background: #e83928;
	padding: 15px 35px 15px 75px;
}
.btn_red:before {
	position: absolute;
	top: 17px;
	left: 30px;
	content: "";
	width: 30px;
	height: 30px;
	display: block;
	background-image: url(/lifecare/common_renew/img/icon_contact.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.btn_red:hover {
	color: #fff;
	opacity: 0.8;
}
.btn_bd_red {
	position: relative;
	display: inline-block;
	width: 180px;
	font-size: 16px;
	color: #e83928;
	border: 2px solid #e83928;
	background-color: #fff;
	border-radius: 30px;
	padding: 12px 50px;
}
.btn_bd_red::after {
	display: none;
	position: absolute;
	width: 0;
	height: 0;
	top: 40%;
	right: 15px;
	left: inherit;
	content: "";
	margin-top: -4px;
	border-left: 12px solid #e83928;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}
.btn_bd_red:hover {
	background-color: #fdefee;
}
.btnRed {
	transition: none;
}
.btnBdrRed {
	transition: none;
}

@media screen and (max-width: 767px) {
#pd_area {
	width: 100%;
}
#pd_area select {
	width: 100%;
	background-position: 98% 2.5vw;
	padding: 10px 4vw;
}
#pd_btn_area {
	flex-direction: column;
	width: 100%;
	margin: 40px 0;
}
#pd_btn_area .btnPrice {
	margin: 15px 0;
}
.areaN_box {
	width: 90%;
}
.btnBox {
	width: 300px;
	margin: 0 auto;
}
.btn_red {
	padding: 10px 30px 10px 70px;
}
.btn_red:before {
	top: 11px;
	left: 22px;
}
}