@charset "utf-8";
.section_hdr {
		position: relative;
		display: flex;
		align-items: center;
		margin-bottom: 200px;
}
.section_hdr img {
		width: 100%;
		height: auto
}
.section_hdr_bg {
		width: 50vw;
}
.section_hdr_hd {
		margin-bottom: 60px;
		width: 280px;
}
.section_hdr_hd.comfortable {
		width: 395px;
}
.section_hdr_caption {
		width: 50vw;
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
}
.section_hdr_caption p {
		font-size: 36px;
		font-weight: 500;
		line-height: 2.2;
		letter-spacing: 8px;
}
@media (min-width: 1921px) {
		.section_hdr_hd {
				width: 474px;
		}
		.section_hdr_hd.comfortable {
				width: 395px;
		}
		.section_hdr_caption p {
				font-size: 44px;
		}
}
@media(max-width: 1300px) {
		.section_hdr_hd {
				width: 224px;
		}
		.section_hdr_hd.comfortable {
				width: 316px;
		}
		.section_hdr_caption p {
				font-size: 28px;
				letter-spacing: 0.09em;
		}
}
@media(max-width: 960px) {
		.section_hdr_caption p {
				font-size: 24px;
		}
}
@media(max-width: 767px) {
		.section_hdr {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				margin-bottom: 60px;
		}
		.section_hdr.reverse {
				display: flex;
				flex-direction: column-reverse;
				align-items: flex-start;
		}
		.safety_section .section_hdr {
				margin-bottom: 0;
		}
		.section_hdr_bg {
				width: 100%;
		}
		.section_hdr_hd {
				width: 130px;
				margin-bottom: 35px;
		}
		.section_hdr_hd.comfortable {
				width: 190px;
		}
		.section_hdr_caption {
				display: block;
				padding-left: 10vw;
				padding-bottom: 50px;
				width: 70vw;
		}
		.section_hdr_caption p {
				font-size: 20px;
				line-height: 2.0;
		}
}
/* ========== */
.imgCatch {
		opacity: 0;
		transition: opacity 0.6s;
}
.fadeInNml {
		opacity: 0;
		transition: opacity 0.6s;
}
.fadeInNmlActive {
		opacity: 1
}
.imgCatch.isActive {
		opacity: 1
}
.imgCatch::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -50px;
		left: 0;
		width: 50px;
		height: 2px;
		background: #000;
		transform-origin: left center;
		transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
		transition-delay: 0.2s;
		transform: scaleX(10);
}
.imgCatch.isActive::after {
		transform: scaleX(1);
}
@media(max-width: 960px) {
		.imgCatch::after {
				bottom: -40px;
				width: 50px;
				height: 1px;
		}
}
@media(max-width: 767px) {
		.comfort_catch::after {
				bottom: -30px;
				width: 8vw;
		}
}
/* ========== */
.bgWht {
		background: #fff;
}
.bgLtGry {
		background: #efefef;
}
.bgLtBeige {
		background: #F1E9E3;
}
.icon_wrap {
		display: flex;
		margin: 0 0 20px
}
.mark_icon {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40px;
		border-radius: 60px;
		padding: 0 30px;
}
.rightItem .mark_icon {
		transform: scale(0.8)
}
.newTxt {
		width: 60px;
		position: relative;
}
.newTxt img {
		width: 100%;
		height: auto
}
.sup {
		font-size: 50%;
		vertical-align: 0.75em;
		letter-spacing: 0
}
.newTxt .sup {
		position: absolute;
		right: -17px;
		top: 0;
		font-size: 12px;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0
}
@media(max-width: 960px) {
		.icon_wrap {
				margin: 0 0 15px
		}
		.mark_icon {
				height: 36px;
				padding: 0 28px 0 20px;
		}
		.newTxt {
				width: 48px;
				transform: translateY(1px)
		}
		.newTxt .sup {
				right: -17px;
				font-size: 11px;
		}
}
@media(max-width: 767px) {
		.mark_icon {
				height: 26px;
				padding: 0 28px 0 15px;
		}
		.newTxt {
				width: 35px;
				transform: translateY(2px)
		}
		.newTxt .sup {
				right: -17px;
				font-size: 10px;
		}
}
/* ==================== */
.section_catch {
		font-size: 26px;
		font-weight: 500;
		line-height: 1.7;
		margin-bottom: 30px;
		letter-spacing: 0.1em
}
.section_sb {
		font-size: 22px;
		font-weight: 500;
		line-height: 1.7;
		margin-bottom: 30px;
}
.section_sb_flex {
		display: flex;
		align-items: center;
		margin-bottom: 30px;
}
.section_sb_flex .section_sb {
		margin-bottom: 0;
		margin-right: 0.5em;
}
@media(max-width: 960px) {
		.section_catch {
				font-size: 24px;
		}
}
@media(max-width: 767px) {
		.section_catch {
				font-size: 19px;
				letter-spacing: 0.1em;
				margin-bottom: 20px;
		}
		.section_sb {
				font-size: 16px;
				margin-bottom: 25px;
		}
}
.section_lead {
		font-size: 18px;
		line-height: 2.2;
		letter-spacing: 0.09em;
}
@media(max-width: 960px) {
		.section_lead {
				font-size: 16px;
		}
}
@media(max-width: 767px) {
		.section_lead {
				font-size: 16px;
		}
}
/* ========== */
.notes, .notes_gr {
		font-size: 13px;
		line-height: 1.8;
		letter-spacing: 0.05em;
}
.notes.attention {
		position: relative;
		margin-left: 1em;
		letter-spacing: 0.05em;
}
.notes.attention span.mark {
		display: block;
		position: absolute;
		top: 0;
		left: -1em;
}
@media(max-width: 960px) {
		.notes {
				font-size: 11px;
		}
}
dl.notes {
		display: flex;
}
dl.notes dt {
		margin-right: 3px;
		letter-spacing: 0.05em;
}
dl.notes dd {
		flex: 1;
		letter-spacing: 0.05em;
}
@media(min-width: 961px) {
		.tabletBr {
				display: none
		}
}
@media(max-width: 960px) {
		.desktopBr {
				display: none
		}
}
@media(min-width: 768px) {
		.mobileBr {
				display: none
		}
}
@media(max-width: 767px) {
		.pcBr {
				display: none
		}
}
.mb10 {
		margin-bottom: 10px !important;
}
.mt15 {
		margin-top: 15px !important;
}
.mt25 {
		margin-top: 25px !important;
}
@media(min-width: 768px) {
		.spObj {
				display: none
		}
}
@media(max-width: 767px) {
		.pcObj {
				display: none
		}
}
/* ========== */
.alignC {
		display: flex;
		justify-content: center;
}
.fAlignC {
		display: flex;
		justify-content: center;
}
.fOrg {
		color: #EB6101;
}