@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-pink: #ed848b;
$color-blue: #007ac5;
$color-yellow: #fff2cb;
$color-orange: #f8ad4e;

#page-intro{
	height: 51px;
	@include xs {
		height: 77px;
	}
}

.headline{
	&::before {
		font-family: "Font Awesome 5 Free";
		content: "\f015";
	}
}
.accordion-contents section{
	margin-bottom: 4rem;
}

.accordion-contents{
	margin-bottom: 2rem;
}

.ac-menu .accordion-contents section table.contact-table{
	width: 80%;
	@include sm {
		width: 90%;
	}
	tr{
		th{
			width: 45%!important;
			text-align: left;
			text-justify:inherit;
			text-align-last: inherit;
			text-justify:inherit;
			padding-right: 4rem;
			padding-left: 4rem;
			@include sm {
				width: 60%;
			}
			@include xs {
				width: 100%!important;
				display: block;
				text-align: center;
				padding-right: 1rem;
				padding-left: 1rem;

			}
		}
		td{
			text-align: center;
			@include xs {
				width: 100%;
				display: block;
				text-align: center;
			}
		}
	}
}

//home-welfare-service---------------------------------------------
#home-welfare-service{
	.mini{
		@include xs {
		padding-right: 6rem
		}
		&:before{
			@include xs {
			bottom: 20px;
			}
		}
	}
	section table{
		tr{
			th{
				width: 27%;
				@include xs {
					width: 100%;
					display: block;
					text-align-last:inherit;
				}
			}
			td{
				text-align: justify;
				padding: 1.5rem;
				@include xs {
					width: 100%;
					display: block;
				}
				ul{
					margin-bottom: 0;
					li{
						margin-bottom: 0;
						p{
							margin-bottom: 0;
						}
						a{
							display: inline-block;
							border-bottom: 1px solid;
							color: inherit;
						}
						i{
							color: #BF272D;
							padding-right: 5px;
						}
					}
				}
				ol{
					margin-bottom: 0;
				}
			}
			th.color-2{
				background: #FFFAEC;
			}
		}
	}
	h3{
		margin: 5rem 0 2rem 0;
	}
	h3 + section table{
		tr{
			th{
				-moz-text-align-last: justify;
				text-justify:inter-ideograph;
				padding: 1rem;
				width: 27%;
				@include xs {
					width: 100%;
					display: block;
					text-align-last:inherit;
				}
			}
		}
	}
	.table_container{
		@include sm {
			width: 90%;
			margin: auto;
			overflow-x: auto; 
		}
		table{
			@include sm {
				width: 550px
			}
			tr{
				th{
					@include xs {
						width: 25%;
						display: table-cell;
					}
				}
				td{
					@include xs {
						width: auto;
						display: table-cell;
					}
				}
			}
		}
	}
	.contact-table {
		tr {
			td {
				text-align: center;
			}
		}
	}
}
#life-support {
	margin-bottom: 4rem;
}

//health-center---------------------------------------------

#health-center{
	table:not(.contact-table){
		tr{
			th{
				-moz-text-align-last: justify;
//				text-align-last: justify;
				text-justify:inter-ideograph;
				padding-right: 4rem;
				padding-left: 4rem;
				@include lg {
				padding-right: 2rem;
				padding-left: 2rem;
				}
			}
		}
	}
}

//contact-link---------------------------------------------
#home-welfare-service {
	.contact-link{
		border: 1px solid #0079BF;
		border-radius: 1rem;
		background: #fff;
		padding-top: 2rem;
		padding-bottom: 3rem;
		h4{
			font-size: 18px;
			font-size: 1.8rem;
			color: $color-blue;
			font-weight: 500;
			margin-bottom: 1.5rem;
			&:before{
				font-family: "Font Awesome 5 Free";
				content: "\f138";
				font-weight: 900;
				padding: 10px 5px 0px 10px;
				color: $color-blue;
				display: inline-block;
			}
		}
		table{
			width: 80%;
			margin: auto;
			@include sm {
				width: 90%;
			}
			tr{
				border-bottom: 1px dotted #979797;
				th{
					font-weight: normal;
					width: 40%;
					-moz-text-align-last: justify;
					text-align-last: justify;
					text-justify:inter-ideograph;
					padding-right: 7rem;
					padding-left: 7rem;
					@include lg {
						padding-right: 5rem;
						padding-left: 5rem;
					}
					@include xs {
						width: 100%;
						padding: 0 1.5rem;
						display: block;
						text-align-last:inherit;
						text-align: center;
					}
				}
				td{
					text-align: center;
					width: 60%;
					padding: 0 1.5rem;
					@include xs {
						width: 100%;
						display: block;
					}
				}
			}
			tr:nth-of-type(2n+1){
				background: #E5F1FF;
			}
			tr:last-child{
				border: none;
			}
		}
	}
}