@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-main: #93278F;
$color-mainhalf: #E9D4E9;

#wrapper{
	overflow: hidden;
}

//header-title
header{
	.top-title{
		&:before{
			content: "介護サービス事業";
		}
	}
}
//header-title------ここまで

//共通
section {
	p {
		text-align: justify;
	}
	table {
		width: 60%;
		@include lg {
			width: 70%;
		}
		@include md {
			width: 90%;
		}
		@include sm {
			width: 100%;
		}
		th {
			width: 24%;
			@include md {
				width: 25%;
			}
			@include sm {
				width: 27%;
			}
			@include xs {
				display: block;
				width: 100%;
				border-bottom: solid 1px rgba(147,39,143,0.5);
				text-align: center;
				line-height: 1.5;
			}
		}
		td {
			@include xs {
				display: block;
			}
		}
	}
	ul {
		padding-left: 1rem;
		margin-bottom: 0;
		li {
			@include sm {
				margin-bottom: 1rem;
				padding-left: 1em;
				text-indent: -1em;
			}
			a {
				margin-left: 1em;
				color: $color-main;
				&::before {
					content: "TEL";
					margin-right: 0.5em;
				}
				&:hover {
					color: $color-main;
					opacity: 0.7;
				}
				@include sm {
					margin-left: 0;
				}
			}
		}
	}
}


//care-plan
#care-plan {
}
//care-plan------ここまで

//home-help
#home-help {
	table {
		.table-bg {
			background-color: rgba(147,39,143,0.1);
		}
	}
}
//home-help------ここまで

//day-service
#day-service {
}
//day-service------ここまで

//bathing-care
#bathing-care {
}
//bathing-care------ここまで

//caregiver
//caregiver------ここまで

//dementi
#dementia {
	table {
		border: none;
		width: auto;
		tr {
			border-bottom: solid 1px rgba(147,39,143,0.5);
			&:last-child {
				border-bottom: none;
			}
		}
		th {
			font-size: 18px;
			font-size: 1.8rem;
			font-weight: bold;
			color: $color-main;
			background-color: #fff;
			border: none;
			padding: 0.5rem 1rem;
			width: auto;
			@include xs {
				padding-bottom: 0;
			}
		}
		td {
			font-size: 18px;
			font-size: 1.8rem;
			border: none;
			padding: 0.5rem 1rem;
			@include xs {
				padding-top: 0;
			}
		}
	}
}
//dementi------ここまで