@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=Roboto:wght@400..700&display=swap');
* {
		margin: 0;
		padding: 0;
}
html {
		overflow-y: scroll;
}
img {
		border: none;
		vertical-align: top;
}
body {
		color: #333;
		background-color: #fff;
		font-size: 16px;
		font-family: "Roboto", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		line-height: 1;
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
}
body.bodyLock, html.bodyLock {
		overflow: hidden
}
@media(max-width: 767px) {
		body {
				font-size: 15px;
		}
}
h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
}
h1, h2, h3, h4, h5, p, li, dt, dd {
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
}
.page_shell {
		overflow-x: clip;
}
main section {
		padding: 120px 0;
		overflow: hidden
}
main section.link_section {
		padding: 60px 0;
}
@media(max-width: 960px) {
		main section {
				padding: 90px 0;
		}
}
@media(max-width: 767px) {
		main section {
				padding: 70px 0;
		}
		main section.introduction_section {
				overflow: visible;
		}
		main section.link_section {
				padding: 40px 0;
		}
}
main * {
		box-sizing: content-box;
}
/* ========== */
@media(min-width: 768px) {
		.mobileBr {
				display: none
		}
		.spObj {
				display: none
		}
}
@media(max-width: 767px) {
		.pcBr {
				display: none
		}
		.pcObj {
				display: none
		}
}
/* ========== */



.kv_inner {
		width: 100%;
		display: flex;
		align-items: center;
}
.kv_main {
		flex: 1
}
.kv_main_in {
		width: 68%;
		margin: 0 auto;
}
.kv_catch {
		font-size: 32px;
		/* font-size: clamp(1.125rem, 1.458vw + 0.25rem, 2rem); /* 960-1920  18-32/ */
		font-weight: 500;
		line-height: 1.6;
		margin: 0 0 60px;
}
.kv_name {
		font-size: 28px;
		/*font-size: clamp(1.25rem, 0.833vw + 0.75rem, 1.75rem); /* 960-1920  20-28/ */
		font-weight: 600;
		line-height: 1.6;
		margin: 0 0 60px
}
.kv_lead {
		font-size: 16px;
		/*font-size: clamp(0.875rem, 0.208vw + 0.75rem, 1rem); /* 960-1920  14-16/ */
		line-height: 2.0;
		font-weight: 500;
}
@media(max-width: 1500px) {
		.kv_catch {
				font-size: 28px;
		}
		.kv_name {
				font-size: 24px;
		}
		.kv_lead {
				font-size: 15px;
		}
}
@media(max-width: 1200px) {
		.kv_catch {
				font-size: 26px;
		}
		.kv_name {
				font-size: 22px;
		}
		.kv_lead {
				font-size: 14px;
		}
}
.kv_logo {
		margin-bottom: 20px;
}
.kv_logo img {
		width: 100%;
		height: auto;
}
@media(min-width: 1921px) {
		.kv_catch {
				font-size: 38px;
		}
		.kv_name {
				font-size: 34px;
		}
		.kv_lead {
				font-size: 18px;
		}
}
.kv_bg {
		width: 64.5%;
}
.kv_bg img {
		width: 100%;
		height: auto;
}
@media(max-width: 1300px) {
		.kv_main_in {
				width: 78%;
		}
		.kv_catch {
				margin: 0 0 2vw;
		}
		.kv_name {
				margin: 0 0 2vw;
		}
		.kv_logo {
				margin-bottom: 10px;
		}
}
@media(max-width: 1100px) {
		.kv_catch {
				font-size: 2.2vw;
				margin: 0 0 20px;
		}
		.kv_logo {
				width: 80%;
		}
		.kv_name {
				font-size: 1.83vw;
				margin: 0 0 20px;
		}
		.kv_lead {
				font-size: 13px;
		}
}
@media(max-width: 940px) {
		.kv_bg {
				width: 57%;
		}
		.kv_bg img {
				width: 100%;
				height: 380px;
				object-fit: cover;
		}
		.kv_main_in {
				width: 75%;
		}
		.kv_catch {
				font-size: 20px;
				margin: 0 0 15px;
		}
		.kv_logo {
				width: 80%;
		}
		.kv_lead {
				font-size: 12px;
		}
		.kv_name {
				font-size: 18px;
				margin: 0 0 15px;
		}
}
@media(max-width: 767px) {
		.kv_inner {
				display: flex;
				flex-direction: column-reverse;
		}
		.kv_main, .kv_main_in {
				width: 100%;
		}
		.kv_main_in {
				position: relative;
				top: -5vw;
		}
		.kv_catch {
				font-size: 18px;
				margin: 25px 0 15px;
				text-align: center;
		}
		.kv_bg {
				width: 100%;
				margin: 0
		}
		.kv_logo {
				order: 2;
				width: 67vw;
				margin: 0 auto 15px;
				position: relative;
		}
		.kv_name {
				font-size: 5.4vw;
				text-align: center;
		}
		.kv_lead {
				font-size: 15px;
				text-align: center;
				margin-bottom: 16vw;
		}
}
/* ========== */
.introduction_section {
		background: #F9F8F6;
}
.introduction_inner {
		max-width: 780px;
		margin: 0 auto;
		padding: 0 40px;
		position: relative;
}
.red-misignal_logo {
		max-width: 780px;
		margin: 0 auto 30px;
		position: relative;
		z-index: 2;
}
@media(max-width: 960px) {
		.red-misignal_logo {
				max-width: 560px;
		}
}
.red-misignal_logo img {
		width: 100%;
		height: auto;
		border-radius: 16px;
}
.introduction_catch {
		font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-size: 32px;
		font-weight: 600;
		line-height: 1.5;
		text-align: center;
		margin: 0 0 35px;
		position: relative;
		z-index: 2;
}
.introduction_catch + p {
		text-align: center;
		line-height: 1.8;
		font-size: 20px;
		position: relative;
		z-index: 2;
}
@media(max-width: 960px) {
		.introduction_catch + p {
				font-size: 18px;
		}
}
.introduction_figure {
		margin: 35px 0;
		position: relative;
		z-index: 2;
}
.introduction_figure img {
		width: 100%;
		height: auto;
		border-radius: 10px;
}
.introduction_figure + p {
		font-size: 20px;
		text-align: center;
		line-height: 2.0;
}
@media(max-width: 960px) {
		.introduction_catch {
				font-size: 26px;
		}
		.introduction_figure + p {
				font-size: 18px;
		}
}
@media(max-width: 767px) {
		.introduction_inner {
				padding: 0 25px;
		}
		.red-misignal_logo {
				margin: 0 auto 30px
		}
		.introduction_catch {
				font-size: 22px;
				line-height: 1.6;
				margin: 0 0 30px
		}
		.introduction_catch + p {
				font-size: 16px;
				line-height: 1.8;
		}
		.introduction_figure {
				margin: 20px 0;
		}
		.introduction_figure img {
				border-radius: 8px;
		}
		.introduction_figure + p {
				text-align: left;
				line-height: 2.0;
				font-size: 14px;
		}
		.introduction_figure + p br {
				display: none
		}
}
@media(max-width: 375px) {
		.introduction_inner {
				padding: 0 20px;
		}
}
/* ========== */
.product_section {
		background: #fff;
}
.product_inner {
		max-width: 1200px;
		margin: 0 auto;
		position: relative;
}
.set_item_flex {
		display: flex;
		justify-content: space-between;
		max-width: 780px;
		margin: 0 auto 110px;
		padding: 0 30px;
}
.carecheck_and {
		margin: 0 15px
}
.set_item_flex .kakeru {
		width: 57px;
		height: 57px;
		position: relative;
		top: 145px;
}
.set_item_flex .kakeru::before, .set_item_flex .kakeru::after {
		content: '';
		display: block;
		position: absolute;
		top: 28px;
		left: 0;
		width: 57px;
		height: 1px;
		background: #000;
}
.set_item_flex .kakeru::before {
		transform: rotate(45deg)
}
.set_item_flex .kakeru::after {
		transform: rotate(-45deg)
}
.set_item {
		width: 340px;
}
.set_item_figure {
		margin: 0 0 30px;
}
.set_item_figure img {
		width: 100%;
		height: auto;
		border-radius: 10px;
}
.set_item_caption {
		display: flex;
		flex-direction: column-reverse;
		text-align: center;
}
.set_item_caption_btm {
		display: flex;
		flex-direction: column-reverse;
}
.set_item_caption_hd {
		font-size: 20px;
		font-weight: 500;
		color: #e60013;
		margin: 0 0 20px;
}
.set_item_caption_catch {
		font-size: 20px;
		font-weight: 500;
		margin: 0 0 20px;
}
.set_item_caption_name {
		font-size: 30px;
		font-weight: 700;
		color: #e60013;
		margin: 0 !important;
}
.carecheck_hd_wrap {
		max-width: 465px;
		margin: 0 auto 90px;
		position: relative;
}
.carecheck_hd_wrap::before, .carecheck_hd_wrap::after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background: #e60013;
}
.carecheck_hd_wrap::before {
		top: 0
}
.carecheck_hd_wrap::after {
		bottom: 0
}
.carecheck_hd {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 94px;
		font-size: 48px;
		font-family: "Jost";
		font-weight: 400;
		color: #e60013;
}
.carecheck_hd .kakeru {
		width: 41px;
		height: 41px;
		position: relative;
		margin: 0 20px;
		display: block;
}
.carecheck_hd .kakeru::before, .carecheck_hd .kakeru::after {
		content: '';
		display: block;
		position: absolute;
		top: 20px;
		left: 0;
		width: 41px;
		height: 1px;
		background: #e60013;
}
.carecheck_hd .kakeru::before {
		transform: rotate(45deg);
}
.carecheck_hd .kakeru::after {
		transform: rotate(-45deg);
}
@media(max-width: 960px) {
		.carecheck_hd_wrap {
				max-width: 380px;
				margin: 0 auto 80px;
		}
		.carecheck_hd {
				height: 76px;
				font-size: 38px;
		}
		.carecheck_hd .kakeru {
				width: 31px;
				height: 31px;
				margin: 0 15px;
		}
		.carecheck_hd .kakeru::before, .carecheck_hd .kakeru::after {
				top: 15px;
				left: 0;
				width: 31px;
		}
		.set_item {
				width: 44%;
		}
		.set_item_caption_name {
				font-size: 24px;
		}
		.set_item_caption_hd {
				font-size: 16px;
				margin: 0 0 15px;
		}
		.set_item_caption_catch {
				font-size: 16px;
				margin: 0 0 15px;
		}
}
@media(max-width: 767px) {
		.set_item_flex {
				display: block;
				padding: 0 25px;
		}
		.set_item {
				display: flex;
				align-items: center;
				width: 100%;
				margin: 0;
		}
		.set_item_figure {
				width: 130px;
				margin: 0 20px 0 0;
		}
		.set_item_figure img {
				border-radius: 8px;
		}
		.set_item_caption {
				flex: 1
		}
		.set_item_caption {
				text-align: left;
		}
		.set_item_caption_hd {
				font-size: 13px;
				margin: 0 0 10px;
		}
		.set_item_caption_name {
				font-size: 16px;
		}
		.set_item_caption_catch {
				line-height: 1.5;
				font-size: 16px;
				margin: 0 0 15px;
		}
		.set_item_flex .kakeru {
				top: inherit;
				margin: 20px auto;
				width: 33px;
				height: 33px;
		}
		.set_item_flex .kakeru::before, .set_item_flex .kakeru::after {
				top: 16px;
				left: 0;
				width: 33px;
		}
		.carecheck_hd_wrap {
				margin: 0 25px 24vw;
				max-width: inherit;
				width: auto;
		}
		.carecheck_hd {
				height: 63px;
				font-size: 32px;
				font-weight: 400;
		}
}
@media(max-width: 375px) {
		.set_item_flex {
				padding: 0 20px;
		}
}
/* ========== */
.checkset_flex {
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 30px;
		display: flex;
		position: relative;
		left: 60px;
		z-index: 2
}
.checkset_flex_left {
		width: 480px;
		margin-right: 45px;
}
.checkset_flex_left img {
		width: 100%;
		height: auto;
		border-radius: 10px;
}
.checkset_flex_right {
		flex: 1
}
.checkset_hd {
		font-size: 32px;
		font-weight: 700;
		line-height: 1.6;
		color: #e60013;
		margin: 0 0 15px;
}
.checkset_hd + p {
		font-size: 16px;
		line-height: 2;
		margin-bottom: 30px;
}
.checkset_price {
		color: #e60013;
		margin-bottom: 20px;
}
.checkset_price_sb {
		color: #e60013;
		font-weight: 600;
		margin-bottom: 10px;
}
.checkset_list {
		display: flex;
		align-items: center;
		list-style: none;
		margin: 0 0 30px;
		position: relative;
}
.checkset_list li {
		font-size: 13px;
		font-weight: 500;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 44px;
		border: 1px solid #333;
		border-radius: 60px;
		padding: 0 25px;
}
.checkset_list li:first-child {
		margin-right: 7px;
		padding-left: 15px;
}
.checkset_price_price {
		font-size: 42px;
		font-weight: 600;
		letter-spacing: 0
}
.icon_new {
		background-color: #333;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 19px;
		padding: 0 10px;
		font-size: 11px;
		color: #fff;
		border-radius: 60px;
		margin-right: 6px;
}
.icon_new span {
		transform: translateY(1px)
}
.yen {
		font-weight: 500;
		font-size: 95%;
		margin-right: 2px;
}
.taxin {
		font-size: 40%;
		font-weight: 500;
		font-feature-settings: "palt";
}
.linkBtn {
		width: 310px;
		margin-bottom: 25px;
		font-size: 20px;
		font-weight: 500;
		letter-spacing: 0.05em;
}
.linkBtn a {
		background-color: #e60013;
		border: 1px solid #e60013;
		color: #fff;
		text-decoration: none;
		border-radius: 10px;
		height: 70px;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		transition: background 0.1s;
}
@media (hover: hover) {
		.linkBtn a:hover {
				background: #fff;
				color: #e60013;
		}
}
.checkset_notes_sb_wrap {
		display: flex;
		margin: 0 0 5px;
}
.checkset_notes_sb {
		font-size: 14px;
		font-weight: 500;
		margin-bottom: 10px;
		border: 1px solid #333;
		padding: 6.5px 15px 5px;
		border-radius: 60px;
}
/*
.checkset_notes_sb span {
		transform: translateY(0.2px)
}
*/
.checkset_notes p {
		line-height: 1.8;
		font-size: 13px;
		color: #666;
}
@media(max-width: 1300px) {
		.checkset_flex {
				left: inherit
		}
		.checkset_flex_left {
				width: 50%;
				margin-right: 40px;
		}
		.checkset_list {
				display: flex;
				flex-wrap: wrap;
		}
		.checkset_list li:first-child {
				margin: 0 40px 10px 0;
		}
}
@media(max-width: 960px) {
		.checkset_hd {
				font-size: 26px;
		}
		.checkset_flex_left {
				width: 45%;
				margin-right: 35px;
		}
}
@media(max-width: 767px) {
		.checkset_flex {
				display: block;
				padding: 0 25px;
		}
		.checkset_flex_left {
				width: 100%;
				margin: 0 0 20px
		}
		.checkset_hd {
				font-size: 24px;
				text-align: center;
				margin: 0 0 20px;
		}
		.checkset_hd + p {
				font-size: 15px;
				line-height: 1.8;
				margin-bottom: 30px;
		}
		.checkset_hd + p br {
				display: none
		}
		.checkset_list {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
		}
		.checkset_list li {
				height: 37px;
				font-size: 12px;
				padding: 0 14px;
		}
		.checkset_list li:first-child {
				margin: 0 auto 10px !important;
				padding-left: 14px;
				padding-right: 14px;
		}
		.checkset_price {
				text-align: center;
		}
		.linkBtn {
				width: 100%;
				margin-bottom: 30px;
				font-size: 18px;
		}
		.checkset_notes {
				text-align: center;
		}
		.checkset_notes_sb_wrap {
				display: flex;
				justify-content: center;
		}
}
@media(max-width: 375px) {
		.checkset_flex {
				padding: 0 20px;
		}
}
/* ========== */
.care_section {
		background: #F9F8F6;
}
.care_flex {
		max-width: 980px;
		margin: 0 auto;
		padding: 0 30px;
		display: flex;
}
.care_flex_left {
		flex: 1
}
.care_flex_right {
		width: 480px;
		margin-left: 60px;
}
.reverse .care_flex_right {
		margin-left: 0;
		margin-right: 60px;
}
.care_flex_right img {
		width: 100%;
		height: auto;
		border-radius: 10px;
}
.care_sb_wrap {
		display: flex;
		align-items: center;
		margin: 0 0 20px;
}
.care_logo {
		width: 180px;
		margin-left: 30px;
}
.care_logo img {
		width: 100%;
		height: auto;
}
.care_sb {
		font-size: 20px;
		font-weight: 500;
		color: #e60013;
}
.care_hd {
		font-size: 30px;
		font-weight: 700;
		line-height: 1.6;
		color: #333;
		margin-bottom: 30px;
}
.care_type_wrap {
		display: flex;
		margin: 0 0 15px;
}
.care_type {
		font-size: 12px;
		font-weight: 500;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 60px;
		border: 1px solid #333;
		padding: 6.5px 15px 5px;
}
/* 
.care_type span {
		transform: translateY(0.5px)
}
*/
.care_caption {
		line-height: 1.8;
		margin: 0 0 20px;
}
.care_type_list {
		margin-left: 1em;
		list-style: none
}
.care_type_list li {
		position: relative;
		margin: 0 0 12px;
}
.care_type_list.extra {
		font-size: 12px;
}
.care_type_list li::before {
		content: '・';
		display: block;
		position: absolute;
		top: 0;
		left: -1em;
		color: #e60013;
}
.care_type_list li.extra::before {
		display: none
}
.care_type_list li.extra span.mark {
		display: block;
		position: absolute;
		top: 0;
		left: -1em;
}
.check_notes {
		margin-top: 20px;
		font-size: 12px;
		line-height: 1.8;
		color: #969696;
}
@media(max-width: 1200px) {
		.care_flex_right {
				width: 45%;
				margin-left: 40px;
		}
		.reverse .care_flex_right {
				margin-left: 0;
				margin-right: 40px;
		}
}
@media(max-width: 960px) {
		.care_hd {
				font-size: 24px;
				margin-bottom: 25px;
		}
}
@media(max-width: 767px) {
		.care_flex {
				padding: 0 25px;
				display: flex;
				flex-direction: column;
		}
		.care_flex.reverse {
				display: flex;
				flex-direction: column;
		}
		.care_flex_left {
				display: contents;
		}
		.care_sb_wrap {
				order: 1;
				margin: 0 0 20px;
		}
		.care_sb {
				font-size: 14px;
		}
		.care_hd {
				order: 2;
				font-size: 24px;
				margin-bottom: 20px;
		}
		.care_flex_right, .reverse .care_flex_right {
				width: 100%;
				margin: 0 0 20px;
				order: 3;
		}
		.care_type_wrap {
				order: 4;
				margin: 0 0 15px;
		}
		.care_logo {
				width: 115px;
				margin-left: 15px;
		}
		.care_type_wrap {
				display: flex;
				margin: 0 0 15px;
		}
		.care_type {
				font-size: 12px;
				font-weight: 500;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 60px;
				border: 1px solid #333;
				height: 24px;
				padding: 0 15px;
		}
		.care_caption {
				order: 5;
				margin: 0 0 20px;
		}
		.care_type_list {
				order: 6;
		}
		.care_type_list li {
				margin: 0 0 10px;
		}
		.check_notes {
				order: 7;
				font-size: 11px;
				margin-top: 25px;

		}
}
@media(max-width: 375px) {
		.care_flex {
				padding: 0 20px;
		}
}
/* ========== */
.message_section {
		background: #F9F8F6;
}
.message_inner {
		max-width: 780px;
		margin: 0 auto;
		padding: 0 30px;
}
.message_hdr {
		text-align: center;
		margin: 0 0 40px;
		display: flex;
		flex-direction: column-reverse;
}
.message_catch {
		font-size: 32px;
		font-weight: 700;
		color: #e60013;
		line-height: 1.6;
		margin: 0 !important;
}
.message_en {
		font-size: 14px;
		font-family: "Jost";
		font-weight: 400;
		color: #e60013;
		text-align: center;
		margin: 0 0 25px
}
.message_gr p {
		text-align: center;
		line-height: 2.0;
		margin-bottom: 2em;
}
.message_figure_wrap {
		position: relative;
}
.message_figure {
		margin-bottom: 30px;
		position: relative;
		z-index: 2
}
.message_figure img {
		width: 100%;
		height: auto;
		border-radius: 10px;
}
.pinkribbon_wrap {
		background: #fff;
		border-radius: 10px;
		padding: 40px 50px;
		margin: 0 0 60px;
}
.pinkribbon_flex {
		display: flex;
		align-items: center;
}
.pinkribbon_logo {
		width: 125px;
		margin-right: 50px;
}
.pinkribbon_logo img {
		width: 100%;
		height: auto;
}
.pinkribbon_caption {
		flex: 1
}
.pinkribbon_sb {
		font-size: 20px;
		font-weight: 500;
		margin: 0 0 15px;
}
.pinkribbon_sb + p {
		line-height: 1.8;
}
.message_catch2 {
		font-size: 32px;
		font-weight: 700;
		line-height: 1.8;
		text-align: center;
}
@media(max-width: 960px) {
		.message_catch {
				font-size: 26px;
		}
		.message_catch2 {
				font-size: 26px;
		}
}
@media(max-width: 767px) {
		.message_inner {
				padding: 0 25px;
		}
		.message_en {
				font-size: 14px;
				font-weight: 400;
				margin: 0 0 15px;
		}
		.message_hdr {
				margin: 0 0 30px;
		}
		.message_catch {
				font-size: 22px;
		}
		.message_catch2 {
				font-size: 20px;
		}
		.message_figure {
				margin-bottom: 18.6vw;
		}
		.pinkribbon_wrap {
				border-radius: 10px;
				padding: 30px 20px;
				margin: 0 0 60px;
		}
		.pinkribbon_flex {
				display: block;
		}
		.pinkribbon_logo {
				width: 125px;
				margin: 0 auto 30px
		}
		.pinkribbon_sb {
				font-size: 16px;
				margin: 0 0 20px;
				text-align: center;
		}
		.pinkribbon_caption p {
				font-size: 14px;
		}
}
@media(max-width: 375px) {
		.message_inner {
				padding: 0 20px;
		}
}
/* ========== */
.link_bnr {
		width: 380px;
		margin: 0 auto 15px;
		border-radius: 16px;
		border: 1px solid #969696;
		overflow: hidden;
}
.link_bnr img {
		width: 100%;
		height: auto;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s;
}
@media (hover: hover) {
		.link_bnr a:hover img {
				transform: scale(1.05);
				opacity: 0.6
		}
}
.link_bnr_wrap + p {
		text-align: center;
		font-size: 14px;
		line-height: 1.8;
		color: #969696;
}
@media(max-width: 767px) {
		.link_bnr {
				width: 270px;
				border-radius: 12px;
		}
		.link_bnr_wrap + p {
				font-size: 12px;
		}
}
@media(min-width: 768px) {
		.fixBtn {
				display: none
		}
}
@media(max-width: 767px) {
		.fixBtn_wrap {
				position: fixed;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 70px;
				background: #fff;
				z-index: 50;
				display: flex;
				justify-content: center;
				align-items: center;
				opacity: 0;
				bottom: -80px;
				transition: opacity 0.4s, bottom 0.8s cubic-bezier(0.16, 1, 0.3, 1);
				pointer-events: none;
		}
		.fixBtn_wrap.isActive {
				opacity: 1;
				bottom: 0;
				pointer-events: all;
		}
		.fixBtn_wrap .linkBtn {
				margin: 0;
				width: calc(100% - 50px);
				font-size: 15px;
		}
		.fixBtn_wrap .linkBtn a {
				height: 40px;
		}
}


/* ========== */

.red_rbn {
		transition: opacity 0.9s;
		opacity: 0;
}
.red_rbn img {
		width: 100%;
		height: auto;
}
.red_rbn.lineMaskActive {
		opacity: 1;
}
.introduction_inner .rbn_1-1 {
		position: absolute;
		top: -240px;
		right: -789px;
		width: 1250px;
		z-index: 0
}
.rbn_1-1 svg {
		width: 1250px;
		height: 1000px;
		pointer-events: none;
}
.introduction_inner .rbn_1-2 {
		position: absolute;
		bottom: -190px;
		left: -870px;
		width: 1200px;
		z-index: 0
}
.rbn_1-2 svg {
		width: 1200px;
		height: 600px;
		pointer-events: none;
}
.product_inner .rbn_2-1 {
		width: 1000px;
		position: absolute;
		bottom: -226px;
		left: -240px;
}
.rbn_2-1 svg {
		width: 1000px;
		height: 860px;
		pointer-events: none;
}
.message_figure_wrap .rbn_3-1_pc {
		width: 1275px;
		position: absolute;
		top: 80px;
		left: -540px;
}
.rbn_3-1_pc svg {
		width: 1275px;
		height: 280px;
}
.message_figure_wrap .rbn_3-2 {
		width: 1250px;
		position: absolute;
		top: -10px;
		right: -570px;
}
.rbn_3-2 svg {
		width: 1250px;
		height: 375px;
		pointer-events: none;
}
@media(max-width:1360px) {
		.product_inner .rbn_2-1 {
				left: -230px;
				bottom: -230px;
		}
}
@media(max-width: 1300px) {
		.introduction_inner .rbn_1-1 {
				top: -200px;
				right: -900px;
				width: 1000px;
		}
		.rbn_1-1 svg {
				width: 1000px;
		}
		.introduction_inner .rbn_1-2 {
				bottom: -210px;
				left: -860px;
				width: 960px;
		}
		.rbn_1-2 svg {
				width: 960px;
		}
		.product_inner .rbn_2-1 {
				width: 800px;
				left: -370px;
				bottom: -240px;
		}
		.rbn_2-1 svg {
				width: 800px;
		}
}
@media(max-width: 960px) {
		.introduction_inner .rbn_1-1 {
				top: -190px;
				right: -490px;
		}
		.introduction_inner .rbn_1-2 {
				bottom: -230px;
				left: -770px;
		}
		.product_inner .rbn_2-1 {
				left: -40vw;
				bottom: -200px;
		}
}
@media(min-width:768px) {
		.introduction_inner .rbn_1-1_sp {
				display: none
		}
		.carecheck_hd_wrap .rbn_2-1_sp {
				display: none
		}
		.message_figure_wrap .rbn_3-1_sp {
				display: none
		}
}
@media(max-width:767px) {
		.introduction_inner .red_rbn.rbn_1-1 {
				display: none
		}
		.introduction_inner .rbn_1-1_sp {
				position: absolute;
				width: 180vw;
				top: -130px;
				right: inherit;
				left: -35vw;
				pointer-events: none;
		}
		.rbn_1-1_sp svg {
				width: 180vw;
				height: 600px
		}
		.introduction_inner .red_rbn.rbn_1-2 {
				display: none;
		}
		.product_inner .rbn_2-1 {
				display: none;
		}
		.carecheck_hd_wrap .rbn_2-1_sp {
				display: block;
				position: absolute;
				width: 160vw;
				top: 33px;
				left: -30vw;
				pointer-events: none;
		}
		.rbn_2-1_sp svg {
				width: 160vw;
				height: 600px
		}
		.message_figure_wrap .rbn_3-1_sp {
				position: absolute;
				width: 180vw;
				height: 54vw;
				left: -46vw;
				top: inherit;
				bottom: -21vw;
				pointer-events: none;
		}
		.rbn_3-1_sp svg {
				width: 180vw;
				height: 600px;
		}
		.message_figure_wrap .rbn_3-2 {
				display: none;
		}
		.message_figure_wrap .rbn_3-1_pc {
				display: none;
		}
}
/* ========== */
.maskLine1PC, .maskLine2PC, .maskLine3PC, .maskLine4PC, .maskLine5PC {
		fill: none;
		stroke: #fff;
		stroke-width: 50;
		stroke-linecap: round;
		stroke-dasharray: 2000;
		stroke-dashoffset: 2000;
}
.lineMaskActive .maskLine1PC {
		animation: drawLine 4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.lineMaskActive .maskLine2PC {
		animation: drawLine 4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.lineMaskActive .maskLine3PC {
		animation: drawLine 4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.lineMaskActive .maskLine4PC {
		animation: drawLine 4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.lineMaskActive .maskLine5PC {
		animation: drawLine 4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
		animation-delay: 0.15s;
}
.maskLine1SP, .maskLine2SP, .maskLine3SP {
		fill: none;
		stroke: #fff;
		stroke-width: 50;
		stroke-linecap: round;
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000;
}
.lineMaskActive .maskLine1SP {
		animation: drawLine 6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.lineMaskActive .maskLine2SP {
		animation: drawLine 6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.lineMaskActive .maskLine3SP {
		animation: drawLine 6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes drawLine {
		to {
				stroke-dashoffset: 0;
		}
}
/* FADE IN */
.fadeInNml {
		opacity: 0;
		transition: opacity 0.3s linear;
}
.fadeInNml img {
		filter: contrast(120%);
		transition: filter 0.7s linear;
}
.fadeInNmlActive {
		opacity: 1;
}
.fadeInNmlActive img {
		filter: contrast(100%);
}