@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:1025px){
#notice {
	width: 100%;
	height: auto;
}
	.notice__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		padding: 0 0 80px;
		margin: 0 auto;
	}
		.notice__contents {
			width: 100%;
			height: auto;
			counter-reset: number 0;
		}
			.notice__contents__heading {
				width: 100%;
				height: auto;
				padding: 16px 0;
				margin: 0 auto 35px;
				font-size: 1.625rem;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0.05em;
				border-bottom: solid 1px var(--color--lightgray);
				position: relative;
			}
				.notice__contents__heading::after {
					content: '';
					display: block;
					width: 50px;
					height: 1px;
					background-color: var(--color--yellow);
					position: absolute;
					bottom: -1px;
					left: 0;
				}
			.notice__contents__wrap {
				width: 90%;
				max-width: 900px;
				height: auto;
				margin: 0 auto 65px;
			}
			.notice__contents__wrap:last-of-type {
				margin-bottom: 0;
			}
				.notice__company__container {
					width: 100%;
					height: auto;
					margin: 0 auto 70px;
				}
				.notice__company__container:last-of-type {
					margin-bottom: 0;
				}
					.notice__company__heading {
						width: 100%;
						height: auto;
						padding: 5px 12px 5px 12px;
						margin: 0px 0 15px;
						font-size: 1.125rem;
						font-weight: 700;
						line-height: 1.4;
						letter-spacing: 0.06em;
						position: relative;
					}
						.notice__company__heading::before {
							content: '';
							display: block;
							width: 3px;
							height: 70%;
							background-color: var(--color--skyblue);
							position: absolute;
							top: 50%;
							left: 0;
							transform: translate(0%,-50%);
						}
					.notice__list_wrap {
						width: 100%;
						height: auto;
						padding: 35px 0;
						background-color: var(--color--creamgray);
					}
						.notice__list {
							width: 90%;
							height: auto;
							margin: 0 auto;
						}
							.notice__item {
								width: 100%;
								height: auto;
								padding-left: 15px;
								margin-bottom: 3px;
								font-size: 0.875rem;
								font-weight: 500;
								line-height: 2;
								letter-spacing: 0.04em;
								position: relative;
							}
							.notice__item:last-of-type {
								margin-bottom: 0;
							}
								.notice__item_icon {
									width: 6px;
									height: auto;
									fill: var(--color--gray);
									position: absolute;
									top: 9px;
									left: 0;
								}
								.notice__item a:hover {
									text-decoration: underline;
								}
					.notice__company__txt {
						width: 100%;
						height: auto;
						margin-top: 40px;
						font-size: 0.875rem;
						font-weight: 500;
						line-height: 2;
						letter-spacing: 0.04em;
					}
						.notice__company__txt a {
							text-decoration: underline;
						}
						.notice__company__txt a:hover {
							text-decoration: none;
						}
}

/* Tablet ================================================== */
@media all and (min-width:600px) and (max-width:1024px){
#notice {
	width: 100%;
	height: auto;
}
	.notice__inner {
		width: 90%;
		height: auto;
		padding: 0 0 100px;
		margin: 0 auto;
	}
		.notice__contents {
			width: 100%;
			height: auto;
			counter-reset: number 0;
		}
			.notice__contents__heading {
				width: 100%;
				height: auto;
				padding: 16px 0;
				margin: 0 auto 50px;
				font-size: 1.5rem;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0.05em;
				border-bottom: solid 1px var(--color--lightgray);
				position: relative;
			}
				.notice__contents__heading::after {
					content: '';
					display: block;
					width: 50px;
					height: 1px;
					background-color: var(--color--yellow);
					position: absolute;
					bottom: -1px;
					left: 0;
				}
			.notice__contents__wrap {
				width: 100%;
				height: auto;
				margin: 0 auto 65px;
			}
			.notice__contents__wrap:last-of-type {
				margin-bottom: 0;
			}
				.notice__company__container {
					width: 100%;
					height: auto;
					margin: 0 auto 70px;
				}
				.notice__company__container:last-of-type {
					margin-bottom: 0;
				}
					.notice__company__heading {
						width: 100%;
						height: auto;
						padding: 5px 12px 5px 12px;
						margin: 0px 0 15px;
						font-size: 1.125rem;
						font-weight: 700;
						line-height: 1.4;
						letter-spacing: 0.06em;
						position: relative;
					}
						.notice__company__heading::before {
							content: '';
							display: block;
							width: 3px;
							height: 70%;
							background-color: var(--color--skyblue);
							position: absolute;
							top: 50%;
							left: 0;
							transform: translate(0%,-50%);
						}
					.notice__list_wrap {
						width: 100%;
						height: auto;
						padding: 25px 0;
						background-color: var(--color--creamgray);
					}
						.notice__list {
							width: 90%;
							height: auto;
							margin: 0 auto;
						}
							.notice__item {
								width: 100%;
								height: auto;
								padding-left: 15px;
								margin-bottom: 5px;
								font-size: 0.875rem;
								font-weight: 500;
								line-height: 1.8;
								letter-spacing: 0.04em;
								position: relative;
							}
							.notice__item:last-of-type {
								margin-bottom: 0;
							}
								.notice__item_icon {
									width: 6px;
									height: auto;
									fill: var(--color--gray);
									position: absolute;
									top: 7px;
									left: 0;
								}
					.notice__company__txt {
						width: 100%;
						height: auto;
						margin-top: 40px;
						font-size: 0.875rem;
						font-weight: 500;
						line-height: 2;
						letter-spacing: 0.04em;
					}
						.notice__company__txt a {
							text-decoration: underline;
						}
}

/* SP ================================================== */
@media all and (max-width:599px){
#notice {
	width: 100%;
	height: auto;
}
	.notice__inner {
		width: 90%;
		height: auto;
		padding: 0 0 100px;
		margin: 0 auto;
	}
		.notice__contents {
			width: 100%;
			height: auto;
			counter-reset: number 0;
		}
			.notice__contents__heading {
				width: 100%;
				height: auto;
				padding: 16px 0;
				margin: 0 auto 50px;
				font-size: 1.5rem;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0.05em;
				border-bottom: solid 1px var(--color--lightgray);
				position: relative;
			}
				.notice__contents__heading::after {
					content: '';
					display: block;
					width: 50px;
					height: 1px;
					background-color: var(--color--yellow);
					position: absolute;
					bottom: -1px;
					left: 0;
				}
			.notice__contents__wrap {
				width: 100%;
				height: auto;
				margin: 0 auto 65px;
			}
			.notice__contents__wrap:last-of-type {
				margin-bottom: 0;
			}
				.notice__company__container {
					width: 100%;
					height: auto;
					margin: 0 auto 70px;
				}
				.notice__company__container:last-of-type {
					margin-bottom: 0;
				}
					.notice__company__heading {
						width: 100%;
						height: auto;
						padding: 5px 12px 5px 12px;
						margin: 0px 0 15px;
						font-size: 1.125rem;
						font-weight: 700;
						line-height: 1.4;
						letter-spacing: 0.06em;
						position: relative;
					}
						.notice__company__heading::before {
							content: '';
							display: block;
							width: 3px;
							height: 70%;
							background-color: var(--color--skyblue);
							position: absolute;
							top: 50%;
							left: 0;
							transform: translate(0%,-50%);
						}
					.notice__list_wrap {
						width: 100%;
						height: auto;
						padding: 25px 0;
						background-color: var(--color--creamgray);
					}
						.notice__list {
							width: 90%;
							height: auto;
							margin: 0 auto;
						}
							.notice__item {
								width: 100%;
								height: auto;
								padding-left: 15px;
								margin-bottom: 7px;
								font-size: 0.875rem;
								font-weight: 500;
								line-height: 1.8;
								letter-spacing: 0.04em;
								position: relative;
							}
							.notice__item:last-of-type {
								margin-bottom: 0;
							}
								.notice__item_icon {
									width: 6px;
									height: auto;
									fill: var(--color--gray);
									position: absolute;
									top: 7px;
									left: 0;
								}
					.notice__company__txt {
						width: 100%;
						height: auto;
						margin-top: 40px;
						font-size: 0.875rem;
						font-weight: 500;
						line-height: 2;
						letter-spacing: 0.04em;
					}
						.notice__company__txt a {
							text-decoration: underline;
						}
}