@charset "utf-8";

/* **************************************************

Name: fs_wide.css

***************************************************** */
:root{
	--wide: 1275px;
}

@media screen and (min-width: 995px) and (max-width: 1304px) {
	.Under1305 #Contents {
		padding-left: 0;
		padding-right: 0;
	}
	.OptionWideRWD .GridSet {
		max-width: inherit;
	}
	.OptionWideRWD .PageTitleStyle3 .Inner {
		padding: 0 1rem;
		width: 100%;
	}
	.OptionWideRWD .GridSet .Section .Inner {
		padding: 2rem 1rem;
		width: 100%;
	}
}
.PageTitleStyle3 .Inner {
	max-width: var(--wide);
	min-height: inherit;
	margin: 0 auto;
	display: flex;
}
#Contents {
	padding-bottom: 0;
}
#Contents * {
	box-sizing: border-box;
}
div#Contents,
.GridSet,
.Grid4 {
	width: 100%;
	margin: auto;
	padding: 0;
	margin: 0;
	overflow: visible;
}
div.Section {
	width: 100%;
}
div.Section.Gray {
	background: var(--gray);
}
div.Section>.Inner {
	max-width: var(--wide);
	width: 100%;
	margin: auto;
	padding: 1rem 0;
	word-break: break-word;
}
#Contents h4 {
	margin: 0;
	font-size: 1.05rem;
}
#Contents h4::before {
	content: none;
}

@media screen and (max-width: 994px) {
	.JS #Contents,
	.JS .GridSet,
	.JS .Grid4 {
		padding:0;
		margin: 0;
		width: auto;
	}
	.JS .GridSet {
		max-width: inherit;
	}
	.JS .PageTitleStyle3 .Inner,
	.JS div.Section>.Inner {
		padding: 1rem;
		width: auto;
	}
}