@charset "UTF-8";
/* CSS Document */
//ブレイクポイントを指定------ここから
$xl: 1399px;
$lg: 1199px;
$md: 991px;
$sm: 767px;
$xs: 575px;

@mixin xl {
  @media screen and (max-width: ($xl)) {
    @content;
  }
}
@mixin lg {
  @media screen and (max-width: ($lg)) {
    @content;
  }
}
@mixin md {
  @media screen and (max-width: ($md)) {
    @content;
  }
}
@mixin sm {
  @media screen and (max-width: ($sm)) {
    @content;
  }
}
@mixin xs {
  @media screen and (max-width: ($xs)) {
    @content;
  }
}
//ブレイクポイントを指定------ここまで

//メインカラー指定
$color-g1: #6bc2b4;
$color-g2: #339999;

section {
	padding-bottom: 10rem;
	@include md {
		padding-bottom: 8rem;
	}
	@include xs {
		padding-bottom: 6rem;
	}
}

h3{
	font-size: 30px;
	font-size: 3rem;
	@include sm {
		font-size: 23px;
		font-size: 2.3rem;
	}
	@include xs {
		font-size: 20px;
		font-size: 2rem;
	}
}

h4 {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 600;
	color: $color-g2;
}

//independence
#independence {
	p {
		margin-bottom: 3rem;
		&:last-of-type {
			margin-bottom: 0;
		}
	}
}

//meal-delivery
#meal-delivery {
	img {
		width: 100%;
		@include sm {
			margin-bottom: 1rem;
		}
	}
}

//salon
#salon {
	p {
		span {
			font-size: 18px;
			font-size: 1.8rem;
			font-weight: 600;
		}
	}
	table {
		width: 700px;
		margin-bottom: 2rem;
		@include md {
			width: 100%;
		}
		th {
			width: 100px;
			@include xs {
				width: 100%;
			}
		}
		td {
			padding: 1rem 2rem;
			@include xs {
				padding: 1rem;
			}
			ul {
				li {
					text-indent: -1em;
					padding-left: 1em;
				}
			}
		}
	}
}

//outing-support
#outing-support {
	table {
		width: 700px;
		@include md {
			width: 100%;
		}
		th {
			width: 100px;
			@include xs {
				width: 100%;
			}
		}
		td {
			padding: 1rem 2rem;
			@include xs {
				padding: 1rem;
			}
		}
	}
}

#memorial-service {
	h3 {
		@include sm {
			font-size: 20px;
			font-size: 2rem;
		}
		@include xs {
			padding-right: 6rem;
		}
	}
	img {
		width: 100%;
		@include sm {
			margin-bottom: 1rem;
		}
	}
}

//male-cooking
#male-cooking {
	p {
		margin-bottom: 2rem;
	}
}

#delivery-welfare {
	table {
		tr {
			th {
				line-height: 1.4;
				@include xs {
					display: table-cell;
					width: 50%;
				}
				&:first-child {
					@include xs {
						border-right: solid 1px rgba(51, 153, 153, 0.7);
					}
				}
				&:last-child {
					border-right: none;
				}
			}
			td {
				@include xs {
					display: table-cell;
					width: 50%;
				}
				&:first-child {
					border-right: solid 1px rgba(51, 153, 153, 0.7);
				}
			}
		}
	}
}

//rental
#rental {
	ul {
		margin-bottom: 3rem;
	}
}