@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;
	}
}

.corona {
	background-color: #fbfde5;
	padding: 2rem;
	@include xs {
		padding: 1.5rem;
	}
	h4 {
		display: flex;
		align-items: center;
		font-size: 20px;
		font-size: 2rem;
		@include xs {
			font-size: 18px;
			font-size: 1.8rem;
		}
		&::before {
			content: "";
			display: inline-block;
			background-image: url(../img/exclamation.svg);
			width: 34px;
			height: 34px;
			margin-right: 1rem;
			@include md {
				width: 30px;
				height: 30px;
			}
			@include xs {
				width: 25px;
				height: 25px;
			}
		}
	}
}

//genkids
#genkids {
	&>img {
		border-radius: 10px;
		margin-bottom: 1.5rem;
	}
	table {
		width: 750px;
		@include md {
			width: 100%;
		}
	}
	.handwash {
		display: flex;
		align-items: center;
		background-color: #fbfde5;
		border: solid 2.5px $color-g2;
		border-radius: 45px;
		width: 370px;
		height: 90px;
		justify-content: center;
		margin: 2rem 0;
		@include md {
			height: 80px;
		}
		p {
			font-size: 20px;
			font-size: 2rem;
			font-weight: 600;
			color: $color-g2;
			margin-bottom: 0;
			margin-right: 1rem;
		}
		img {
			width: 64px;
			@include md {
				width: 55px;
			}
		}
	}
}

//childcare
#childcare {
	table {
		margin-bottom: 5rem;
		@include xs {
			margin-bottom: 3rem;
		}
		th {
			width: 112px;
			@include sm {
				width: 100px;
			}
			@include xs {
				width: 100%;
			}
		}
		td {
			li {
				text-indent: -1em;
				padding-left: 1em;
			}
		}
	}
	.corona {
		h4 {
			margin-bottom: 2rem;
			@include xs {
				margin-bottom: 1rem;
			}
		}
	}
}