@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: 83px;
	@include sm {
		height: 109px;
	}
	@include xs {
		height: 141px;
	}
}

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

table + div,div.table_container + div,div.table_container2 + div{
	width: 90%;
	margin: auto;
	p{
		text-indent: -1em;
		padding-left: 1em;
		margin-bottom: 0rem;
	}
	ol li{
		text-indent: -1em;
		padding-left: 1em;
	}
}

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

//supporthome-care/home-care/dementia---------------------------------------------

#supporthome-care,
#home-care,
#dementia{
	h3 + section > table{
		tr{
			th{
				width: 30%;
				-moz-text-align-last: justify;
//				text-justify:inter-ideograph;
				padding-right: 3rem;
				padding-left: 3rem;
				@include sm {
					width: 31%;
					padding-right: 1.5rem;
					padding-left: 1.5rem;
				}
				@include xs {
					width: 100%;
					display: block;
					text-align-last:inherit;
				}
			}
			td{
				text-align: justify;
				padding-left: 3rem;
				@include sm {
					padding-left: 1rem;
				}
				@include xs {
					width: 100%;
					display: block;
				}
			}
		}
	}
}

//community-support---------------------------------------------


//home-care---------------------------------------------

#home-care .accordion-contents{
	section{
		.table_container{
			@include sm {
				width: 90%;
				margin: auto;
				overflow-x: auto; 
			}
			table{
				@include sm {
					width: 550px
				}
				tr{
					th{
						width: 11%;
						text-align-last: inherit;
						text-justify: inherit;
						padding: 1.5rem;
						@include xs {
							display: table-cell;
							width: auto;
						}
					}
					th:nth-child(2){
						border-left: 1px dotted #979797;
					}
					td{
						border-left: 1px dotted #979797;
						padding: 1.5rem;
						@include xs {
							display: table-cell;
							width: auto;
						}
					}
					td:nth-child(3){
						width: 20%;
					}
					td:nth-child(4){
						width: 25%;
					}
				}
				tr:nth-child(2),tr:nth-child(4){
					td:nth-child(2){
						border-left: none
					}
				}
			}
		}
		.table_container2{
			@include sm {
				width: 90%;
				margin: auto;
				overflow-x: auto; 
			}
			table{
				@include sm {
					width: 550px
				}
				tr{
					th{
						width: auto;
						text-align-last: inherit;
						text-justify: inherit;
						padding: 1.5rem;
						border-left: 1px dotted #979797;
						@include xs {
							display: table-cell;
							width: auto;
						}
					}
					td{
						border-left: 1px dotted #979797;
						padding: 1.5rem;
						text-align: center;
						@include xs {
							display: table-cell;
							width: auto;
						}
					}
				}
				tr:nth-child(1),tr:nth-child(2),tr:nth-child(9){
					td:nth-child(1),th:nth-child(1){
						border-left: none;
						width: 39%;
					}
				}
				tr:nth-child(1),tr:nth-child(2),tr:nth-child(9){
					td:nth-child(1){
						text-align: justify;
					}
				}
			}
		}
	}
}

//shiteifukushi-service---------------------------------------------
#shiteifukushi-service .accordion-contents{
	section{
		.table_container{
			@include sm {
				width: 90%;
				margin: auto;
				overflow-x: auto; 
			}
			table{
				@include sm {
					width: 550px
				}
				tr{
					th{
						width: 11%;
						text-align-last: inherit;
						text-justify: inherit;
						padding: 1.5rem;
						@include xs {
							display: table-cell;
							width: auto;
						}
					}
					th:nth-child(2){
						border-left: 1px dotted #979797;
					}
					td{
						border-left: 1px dotted #979797;
						padding: 1.5rem;
						@include xs {
							display: table-cell;
							width: auto;
						}
					}
					td:nth-child(3){
						width: 20%;
					}
					td:nth-child(4){
						width: 25%;
					}
				}
				tr:nth-child(2),tr:nth-child(4){
					td:nth-child(2){
						border-left: none
					}
				}
			}
		}
		.table_container2{
			@include sm {
				width: 90%;
				margin: auto;
				overflow-x: auto; 
			}
			table{
				@include sm {
					width: 550px
				}
				tr{
					th{
						width: auto;
						text-align-last: inherit;
						text-justify: inherit;
						padding: 1.5rem;
						border-left: 1px dotted #979797;
						@include xs {
							display: table-cell;
							width: auto;
						}
					}
					td{
						border-left: 1px dotted #979797;
						padding: 1.5rem;
						text-align: center;
						@include xs {
							display: table-cell;
							width: auto;
						}
					}
				}
				tr:nth-child(1),tr:nth-child(2),tr:nth-child(9){
					td:nth-child(1),th:nth-child(1){
						border-left: none;
						width: 39%;
					}
				}
				tr:nth-child(1),tr:nth-child(2),tr:nth-child(9){
					td:nth-child(1){
						text-align: justify;
					}
				}
			.no-border {
				td {
					border-left: none!important;
				}
			}
			.indent-1em {
				p {
					margin-bottom: 0rem;
					text-indent: -1em;
					padding-left: 1.5rem;
				}
//				td {
//					text-indent: -1em;
//					padding-left: 1em!important;
//				}
			}

			}
		}
	}
}



//day-care---------------------------------------------

#day-care{
	section{
		h4 + p{
			font-size: 20px;
			font-size: 2rem;
			color: #4D4D4D;
			font-weight: bold;
			padding: 0;
			display: block;
			width: 90%;
			margin: auto;
			margin-top: 2rem;
		}
		table{
			tr{
				th,td{
					border-left: 1px dotted #979797; 
					text-align: center;
				}
				th:first-child,td:first-child{
					border-left: none; 
				}
				td:first-child{
					text-align: left;
				}
			}
		}
		table.contact-table{
			tr{
				th{
					text-align: left;
					@include xs {
						text-align: center;
					}
				}
				td{
					border-left: none;
				}
			}
		}
		.table_container{
			@include sm {
				width: 90%;
				margin: auto;
				overflow-x: auto; 
				white-space: nowrap;
			}
			table{
				@include sm {
					width: 550px
				}
				tr{
					border-top: none;
					th,td{
						text-align: center;
						border-top:1px dotted #979797; 
						border-right:1px dotted #979797; 
						@include xs {
						display: table-cell;
						width: auto;
						}
					}
				}
				tr:nth-child(1),tr:nth-child(2),tr:nth-child(3),tr:nth-child(4){
					th:last-child,td:last-child{
						border-right:none; 
					}
				}
				tr:nth-child(4){
					td{
						border-bottom:1px dotted #979797;
					}
				}
				tr:last-child{
					border-bottom:1px dotted #979797;  
				}
			}
		}
	}
}

//community-support---------------------------------------------


//dementia------------------------------------------------------

#dementia{
	.headline {
		@include xs {
			font-size: 18.5px;
			font-size: 1.85rem;
			letter-spacing: 0rem;
		}
		&::before {
			@include xs {
				margin: 0 0.3em 0 0;
			}
		}
	}
}