@charset "utf-8";

@media screen and (max-width: 1199px) {
	.l-sus_outset_wrap {
		padding-right: 4.076%;
		padding-left: 8.152%;
	}
	
	.l-sus_outset_wrap .u-show_def {
		display: none;
	}
	
}

@media screen and (max-width: 999px) {
	.p-index.p-local .u-kv {
		padding-top: max(22.75%, 220px);
	}
	
	.p-index.p-local .u-kv_pagetitle {
		margin-top: 50px;
		padding-inline: 40px;
		translate: -50% 0;
	}
	
	.p-index .g-breadcrumb {
		margin-top: max(15%, 140px);
	}
	
	.l-sus_outset {
		margin-top: 0;
	}
	
	.l-sus_outset_wrap {
		padding-inline: 60px;
		flex-direction: column;
	}
	
	.l-sus_outset_title {
		width: 100%;
	}
	
	.l-sus_outset_title + * {
		margin-top: 20px;
	}
	
	.l-sus_outset_lead {
		width: 100%;
	}
	
	.l-sus_outset_lead .u-text {
		line-height: 2;
	}
	
	
}

@media screen and (max-width: 767px) {
	.p-index .g-container {
		padding-top: 40px;
	}
	
	.p-index.p-local .u-kv {
		padding-top: max(22.75%, 210px);
	}
	
	.p-index.p-local .u-kv_pagetitle {
		padding-inline: 20px;
	}
	
	.p-index .g-breadcrumb {
		margin-top: max(15%, 140px);
	}
	
	.g-breadcrumb .u-inner {
		padding-inline: 20px;
	}
	
	.p-index .u-flex.-mobile_flex_none > * {
		margin-bottom: 30px;
	}
	
	.p-index .u-flex.-mobile_flex_none > *:last-child {
		margin-bottom: 0;
	}
	
	.l-sus_outset {
		margin-bottom: 50px;
	}
	
	.l-sus_outset_wrap {
		padding: 30px;
	}
	
	.l-sus_outset_title {
		font-size: 24rem;
	}
	
}

@media screen and (max-width: 499px) {
	.u-kv:after {
		width: 52.5%;
	}
	
}