@charset "utf-8";
.smooth_section {
		padding-left: 0;
		background: #fff;
}
.smooth_hdr_inner {
		position: relative;
		display: flex;
		align-items: center;
}
.smooth_hdr_inner .bg {
		width: 50vw;
}
.smooth_hdr_inner .bg img {
		width: 100%;
		height: auto;
}
.smooth_caption {
		flex: 1;
		display: flex;
		justify-content: center;
}
.smooth_catch {
		width: 384px;
		margin-bottom: 90px;
		position: relative;
}
.smooth_catch img {
		width: 100%;
		height: auto
}
.smooth_caption p {
		font-size: 35px;
		font-weight: 500;
		line-height: 2;
		letter-spacing: 0.2em
}
@media(min-width: 1440px) {
		.smooth_catch {
				width: 19.9vw;
		}
		.smooth_caption p {
				font-size: 1.8vw;
		}
}
/* ========== */
.smoothSilent_flex, .smoothYutori_flex, .smoothCompact_flex {
		max-width: 840px;
		margin: 0 auto 85px;
		padding: 0 30px;
}
.smoothSilent_flex {
		margin-bottom: 110px;
}
.smoothSilent_flex {
		display: flex;
		padding-top: 140px;
}
.smoothSilent_caption {
		flex: 1;
}
.smoothSilent_caption p {
		line-height: 2.0;
		margin-bottom: 20px;
}
.smoothSilent_caption p.notes {
		margin: 0
}
.smoothSilent_figure {
		width: 435px;
		display: flex;
		flex-flow: column;
		justify-content: space-between;
}
.smoothSilent_figure img {
		width: 100%;
		height: auto;
}
.smoothSilent_figure p {
		font-size: 14px;
		line-height: 1.8;
		text-align: center;
		position: relative;
		top: 20px
}
.smoothSilent_figure_upper {
		position: relative;
}
.smoothSilent_figure_upper p.notes {
		position: absolute;
		left: -5px;
		top: inherit;
		bottom: -32px
}
@media(max-width: 767px) {
		.smoothSilent_figure_upper p.notes {
				left: -15px;
				bottom: -32px
		}
}
.smoothSafety_flex {
		display: flex;
		align-items: center;
		max-width: 1170px;
		margin: 0 auto 190px;
		padding: 0 30px;
		position: relative;
		left: -80px
}
.smoothSafety_figure {
		width: 670px;
		margin-right: 110px;
}
.smoothSafety_figure img {
		width: 100%;
		height: auto
}
.smoothSafety_caption {
		flex: 1
}
.smoothSafety_caption p {
		line-height: 2.0;
}
.smoothYutori_flex {
		display: flex;
		align-items: center;
}
.smoothYutori_caption {
		flex: 1
}
.smoothYutori_caption p {
		line-height: 2.0;
}
.smoothYutori_figure {
		display: flex;
		align-items: center;
}
.smoothYutori_figure .thumb {
		margin-right: 20px;
		width: 165px;
}
.smoothYutori_figure .thumb img {
		border-radius: 50%;
		width: 100%;
		height: auto;
}
.smoothYutori_catch {
		font-size: 18px;
		line-height: 1.8;
		flex: 1
}
.smoothCompact_flex {
		display: flex;
		justify-content: space-between;
		margin-bottom: 0;
}
.smoothCompact_item {
		width: 397px;
}
.smoothCompact_item .notes {
		padding-top: 20px;
}
.smoothCompact_item .thumb {
		border: 1px solid #333;
}
.smoothCompact_item .thumb img {
		width: 100%;
		height: auto;
}
.smoothCompact_item p {
		text-align: center;
		line-height: 1;
		font-size: 20px;
		font-weight: 500;
		margin-bottom: 25px;
}
.smoothCompact_item p span {
		position: relative;
		display: inline-block;
}
.smoothCompact_item p span::before, .smoothCompact_item p span::after {
		content: '';
		display: block;
		position: absolute;
		top: -3px;
		width: 2px;
		height: 30px;
		background: #333;
}
.smoothCompact_item p span::before {
		transform: rotate(-28deg);
		left: -30px
}
.smoothCompact_item p span::after {
		transform: rotate(28deg);
		right: -30px
}
@media(max-width: 1024px) {
		.smooth_section {
				padding-top: 100px;
				padding-bottom: 200px;
		}
		.smoothSilent_flex, .smoothYutori_flex, .smoothCompact_flex {
				max-width: 720px;
				margin: 0 auto 100px;
				padding: 0 10px;
		}
		.smoothCompact_flex {
				margin-bottom: 0;
		}
		.smooth_hdr_inner {
				margin-bottom: 100px;
		}
		.smooth_hdr_inner .bg {
				position: relative
		}
		.smooth_catch {
				width: 280px;
				margin-bottom: 70px;
		}
		.smooth_caption p {
				font-size: 28px;
		}
		.smoothCompact_item {
				width: calc(50% - 20px);
		}
		.smoothSilent_flex {
				padding-top: 0;
		}
		.smoothSilent_figure {
				width: 340px;
				padding-right: 30px;
		}
		.smoothSafety_flex {
				margin: 0 auto 100px;
				padding: 0 30px;
				left: -30px;
				display: flex;
				align-items: flex-start;
		}
		.smoothSafety_figure {
				width: 55%;
				margin-right: 30px;
		}
}
@media(max-width: 767px) {
		.smooth_section {
				padding-top: 100px;
				padding-bottom: 100px;
		}
		.smooth_hdr_inner, .smooth_hdr_inner .bg::before, .smooth_caption {
				height: auto
		}
		.smoothSilent_flex, .smoothYutori_flex, .smoothCompact_flex {
				padding: 0;
		}
		.smooth_hdr_inner {
				display: flex;
				flex-direction: column-reverse;
				align-items: flex-start;
				margin: 0 0 50px;
		}
		.smooth_caption {
				margin-left: 0;
				width: auto;
				padding-left: 16vw;
				display: block;
				margin-bottom: 60px;
		}
		.smooth_catch {
				width: 49vw;
				width: 205px;
				margin: 0 0 60px
		}
		.smooth_caption p {
				font-size: 20px;
				font-weight: 500;
				line-height: 1.6;
		}
		.smooth_hdr_inner .bg {
				position: relative;
				position: static;
				width: 100%;
		}
		.smooth_hdr_inner .bg::before {
				display: none
		}
		.smoothSilent_flex {
				display: block;
		}
		.smoothSilent_caption {
				display: flex;
				justify-content: flex-start;
				margin-bottom: 50px;
				padding-left: 6vw;
		}
		.smoothSilent_figure {
				width: 88vw;
				padding-right: 0;
				margin: 0 auto 30px
		}
		.smoothSilent_figure_upper {
				width: 70vw;
				margin: 0 auto 30px
		}
		.smoothSafety_flex {
				margin: 0 auto 100px;
				padding: 0 6vw;
				left: inherit;
				display: flex;
				flex-direction: column-reverse;
		}
		.smoothSafety_caption {
				width: 100%;
				margin-bottom: 40px;
				display: flex;
				justify-content: center;
				justify-content: flex-start;
		}
		.smoothSafety_figure {
				width: 100%;
				margin: 0;
		}
		.smoothYutori_flex {
				display: block;
				margin: 0 0 40px;
		}
		.smoothYutori_caption {
				width: 100%;
				margin: 0 0 30px;
				box-sizing: border-box;
				padding-left: 6vw;
		}
		.smoothYutori_figure {
				display: flex;
				justify-content: center;
				align-items: center;
		}
		.smoothYutori_figure .thumb {
				margin-right: 15px;
				width: 120px;
		}
		.smoothYutori_catch {
				font-size: 15px;
				flex: initial;
		}
		.smoothCompact_flex {
				display: block;
				width: 80%;
				margin: 0 auto;
		}
		.smoothCompact_item {
				width: 100%;
		}
		.smoothCompact_flex .smoothCompact_item:first-child {
				margin-bottom: 50px;
		}
		.smoothCompact_item p {
				font-size: 15px;
				margin-bottom: 20px;
		}
		.smoothCompact_item p span::before, .smoothCompact_item p span::after {
				top: -1px;
				width: 1px;
				height: 20px;
		}
		.smoothCompact_item p span::before {
				left: -17px;
		}
		.smoothCompact_item p span::after {
				right: -17px
		}
}