.SectionProductLpMvContent {
	margin-top: 36px;
}

.SectionProductLpMv h2 {
	text-align: left;
	margin-bottom: 16px;
}

.SectionProductLpMv .ButtonDocumentRequest {
	margin-top: 0;
}

.SectionFunctionIntroduction {
	margin-top: 40px;
}

.SectionFunctionIntroduction .TitleUnderline {
	margin-top: 24px;
}

.SectionFunctionIntroduction .FlexColumnSet {
	--flex-column-gutter-x: 20px;
	--flex-column-gutter-y: 38px;
}

.SectionFunctionIntroduction img {
	display: block;
	width: 100%;
	margin-bottom: 14px;
}

.SectionFunctionIntroduction h4 {
	color: var(--color-blue);
}

.SectionFunctionIntroduction .TextStyle1 {
	line-height: 1.6;
}

.SectionUtilizationImageDiagram h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	margin-top: 60px;
	margin-bottom: 30px;
}

.SectionUtilizationImageDiagram h3::before,
.SectionUtilizationImageDiagram h3::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #20378B;
}

.SectionUtilizationImageDiagram h3::before {
	margin-right: 10px;
}

.SectionUtilizationImageDiagram h3::after {
	margin-left: 10px;
}

.SectionRelatedSolutions .FlexColumnSet:nth-of-type(1n+2) {
	padding-top: 58px;
}

.SectionRelatedSolutions .TextStyle1 {
	margin-bottom: 42px;
}

.SectionRelatedSolutions .ButtonDocumentRequest {
	max-width: 368px;
	width: 100%;
	height: 50px;
	border-radius: 4px;
	margin-top: 10px;
	background-position: center right 24px, 0 0;
}

.ListBenefits {
	list-style-type: none;
	padding-left: 0;
}

.ListBenefitsSection {
	border-style: solid;
	border-color: var(--color-blue);
	border-radius: 13px;
	background-color: #fff;
	box-sizing: border-box;
}

.ListBenefitsSection h5 {
	font-weight: bold;
	color: var(--color-blue);
	margin-bottom: 20px;
	line-height: 1.8;
}

.ListBenefitsSection .TextStyle1 {
	line-height: 1.5;
}

.ListBenefitsResultTrouble {
	padding: 32px 22px 22px 22px;
	border-width: 1px;
}

.ListBenefitsResultTrouble .num {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 27px;
	width: 54px;
	height: 54px;
	box-sizing: border-box;
	color: var(--color-blue);
	font-size: 110%;
	border: 1px solid var(--color-blue);
	background-color: #DCF2FA;
}

.ListBenefitsResult {
	border-width: 3px;
	padding: 32px;
}

.SectionRoyaltyComposition .SectionTitle,
.SectionRoyaltySystemIntroduction .SectionTitle {
	margin-bottom: 32px;
}

.SectionRoyaltySystemIntroduction .RoyaltySystemIntroductionFlow picture,
.SectionRoyaltySystemIntroduction .RoyaltySystemIntroductionFlow picture img {
	display: block;
	width: 100%;
}

.CardComposition .CardCompositionImage {
	margin-bottom: 20px;
}

.CardComposition .TitleUnderline {
	color: var(--color-blue);
}

.SectionScene .tabs {
	border: 1px solid #1F378B;
	margin-top: 20px;
}

.SectionScene .tablist {
	display: flex;
	border-bottom: 1px solid #1F378B;
}

.SectionScene .tablist button {
	flex: 1;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.06em;
	color: #7b86ac;
	background-color: #f2f5ff;
	border: none;
	padding: 14px 10px;
	cursor: pointer;
}

.SectionScene .tablist button:nth-child(1n+2) {
	border-left: 1px solid #1F378B;
}

.SectionScene .tablist button[aria-selected="true"] {
	color: #fff;
	background-color: #1F378B;
}

.SectionScene .tabpanelList {
	padding: 50px 70px;
}

#tabpanelList {
	margin-bottom: 40px;
}

#tabpanelList > [role="tabpanel"] {
	display: none;
}

.SectionScene .tabpanelList .FlexColumnSet {
	align-items: center;
}

.SectionScene .tabpanelList h4 {
	font-size: 20px;
	color: var(--color-blue);
	letter-spacing: 0.06em;
	font-weight: bold;
}

.SectionScene .tabpanelList h4 img {
	margin-right: 10px;
}

.SectionSceneFlow {
	margin-bottom: 15px;
}

.SectionSceneFlow .FlexColumnSet {
	--flex-column-gutter-x: 10px;
	--flex-column-gutter-y: 10px;
}

.SectionSceneFlow .FlexColumnSet img {
	display: block;
	width: 100%;
}

.SectionScene .TextNote img {
	margin-right: 10px;
}

.RoyaltySystemIntroductionFlow {
	margin-top: 30px;
	padding: 48px;
	border: 1px solid var(--color-blue);
}

.RoyaltySystemIntroductionFlow h4 {
	font-size: 1.2rem;
}

.RoyaltySystemIntroductionFlow h4:not(:first-child) {
	margin-top: 30px;
}

.ListProductFaq .ProductFaq:nth-child(1n+2) {
	margin-top: 14px;
}

.ProductFaq {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	row-gap: 14px;
}

.ProductFaqButton .IconQ,
.ProductFaqContent .IconA {

}

.ProductFaqButton .IconQ {
	margin-right: 16px;
}

.ProductFaqButton {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	border: none;
	background-color: transparent;
	padding: 20px;
	background-color: #F2F5FF;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

.ProductFaqContent .IconA {
	margin-right: 18px;
}

.ProductFaqContent {
	width: 100%;
	display: none;
	padding: 20px;
	background-color: #F4F4F4;
	border-radius: 5px;
	font-size: 15px;
	box-sizing: border-box;
}

.ProductFaqContent > div {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.SectionProductFeature .FlexColumnSet:nth-child(1n+2) {
	padding-top: 50px;
}

.SectionContact .SectionTitle {
	color: var(--color-blue);
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.06em;
}

.SectionContact .ButtonDocumentRequest {
	max-width: 670px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.SectionContact .ButtonDocumentRequest span {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.4%22%20height%3D%2214.36%22%20viewBox%3D%220%200%2020.4%2014.36%22%3E%20%3Cpath%20d%3D%22M0%201.45A2.02%202.02%200%200%201%20.69.38%201.79%201.79%200%200%201%201.7%200H18.5a1.84%201.84%200%200%201%201.55.72%201.75%201.75%200%200%201%20.35.92%202.28%202.28%200%200%201%20.01.23V12.5a1.77%201.77%200%200%201-1.02%201.69%201.52%201.52%200%200%201-.7.18H1.88a1.87%201.87%200%200%201-1.54-.72A2.7%202.7%200%200%201%200%2012.9Zm2.1-.22.16.17%201.66%201.64%204.93%204.91a1.78%201.78%200%200%200%202.67.02q3.33-3.3%206.64-6.61c.04-.04.1-.06.08-.13Zm16.18%2011.9-.15-.17-1.36-1.34-3.43-3.41c-.12-.12-.19-.14-.31%200q-.4.42-.84.82a3.01%203.01%200%200%201-3.5.37A7.37%207.37%200%200%201%207.4%208.25c-.2-.2-.2-.2-.4%200L2.74%2012.5l-.64.63ZM1.23%202.12v10.12l.15-.14%204.76-4.73c.18-.18.18-.18%200-.36L1.38%202.26l-.15-.14m17.93%200-.08.07-4.9%204.87c-.11.12-.08.18.02.27l4.83%204.8c.04.03.06.08.13.08Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}

@media screen and (min-width: 768px) {
	.SectionScene .tablist {
		display: flex !important;
	}

	.ProductFaqButton {
		position: relative;
		padding-right: 40px;
		cursor: pointer;
	}

	.ProductFaqButton::before,
	.ProductFaqButton::after {
		content: "";
		position: absolute;
		right: 20px;
		top: 50%;
		display: block;
		width: 15px;
		height: 1px;
		background-color: var(--color-blue);
		transition: all 0.3s ease-in-out;
	}

	.ProductFaqButton::before {
		transform: translateY(-50%);
	}

	.ProductFaqButton::after {
		transform: translateY(-50%) rotate(90deg);
	}

	.ProductFaqButton[aria-expanded="true"]::after {
		transform: translateY(-50%) rotate(180deg);
	}

	.SectionProductFeature .FlexColumnSet {
		align-items: center;
	}

	.SectionProductLpMvContent {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.SectionProductLpMv .ButtonDocumentRequest {
		flex-shrink: 0;
		width: 164px;
		height: 164px;
		border-radius: 82px;
		margin-left: 20px;
		background-position: bottom 36px center, center;
	}

	.SectionProductLpMv .ButtonDocumentRequest span {
		padding-left: 0;
		padding: 38px 0;
		background-position: top 0 center;
	}

	.SectionBenefitsHeadings {
		display: flex;
	}

	.SectionBenefitsHeading:nth-child(1) {
		width: 422px;
	}

	.SectionBenefitsHeading:nth-child(1) h4 {
		width: 280px;
		height: 65px;
		margin-top: -32px;
		color: var(--color-blue);
		background-color: #d6dcf4;
		margin-bottom: 45px;
	}

	.SectionBenefitsHeading:nth-child(1) img {
		width: 345px;
	}

	.SectionBenefitsHeading:nth-child(2) {
		width: 543px;
	}

	.SectionBenefitsHeading:nth-child(2) h4 {
		width: 480px;
		height: 88px;
		color: #fff;
		background-color: #FF8900;
		margin-bottom: 40px;
	}

	.SectionBenefitsHeading:nth-child(2) img {
		width: 389px;
	}

	.SectionBenefitsHeading h4 {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 120%;
		text-align: center;
		margin-top: -44px;
		margin-left: auto;
		margin-right: auto;
	}

	.SectionBenefitsHeading img {
		display: block;
		margin: 0 auto;
	}

	.SectionBenefitsInner {
		padding: 28px 36px 42px 52px;
	}

	.SectionBenefits .SectionTitleWave {
		margin-bottom: 40px;
	}

	.SectionBenefits img {
		max-width: initial;
		width: 102.38%;
	}

	.ListBenefits li {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
	}

	.ListBenefits li:nth-child(1n+2) {
		margin-top: 36px;
	}

	.ListBenefitsResultTrouble {
		position: relative;
		width: 318px;
	}

	.ListBenefitsResultTrouble .num {
		position: absolute;
		left: -27px;
		top: -27px;
	}

	.ListBenefitsResultTrouble h5 {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		text-align: center;
	}

	.ListBenefitsArrow {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ListBenefitsResult {
		width: 450px;
	}

	.ListBenefitsTitleTrouble,
	.ListBenefitsTitleResult {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.RoyaltySystemIntroductionFlow {
		padding: 20px;
	}

	.RoyaltySystemIntroductionFlow h4 {
		font-size: 18px;
	}

	.SelectTab {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 14px;
		background-color: #f2f5ff;
		color: #1f378b;
		font-weight: bold;
		width: 100%;
		border: 1px solid var(--color-blue);
	}

	.SelectTab::before {
		position: absolute;
		content: "";
		display: block;
		width: 14px;
		height: 7px;
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.73%22%20height%3D%227.87%22%20viewBox%3D%220%200%2014.73%207.87%22%3E%20%3Cpath%20d%3D%22m.35.35%207.02%207.02L14.38.35%22%20fill%3D%22none%22%20stroke%3D%22%2320378b%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
		background-size: contain;
		background-repeat: no-repeat;
		right: 14px;
		top: 50%;
		transform: translateY(-50%);
	}

	.SectionScene .tabs {
		border: none;
	}

	.SectionScene .tablist {
		position: absolute;
		display: none;
		border-bottom: none;
		margin-bottom: 20px;
		width: 89.6vw;
	}

	.SectionScene .tablist button {
		width: 100%;
	}

	.SectionScene .tablist button:nth-child(1n+2) {
		border-left: none;
	}

	.SectionScene .tabpanelList {
		padding: 0;
		margin-top: 20px;
	}

	.SectionProductLpMv .ButtonDocumentRequest {
		max-width: 264px;
		width: 100%;
		margin: 0 auto;
		margin-top: 28px;
	}

	.SectionBenefits .SectionTitleWave {
		margin-bottom: 30px;
	}

	.ListBenefits li:nth-child(1n+2) {
		margin-top: 40px;
	}

	.ListBenefitsResultTrouble {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.ListBenefitsResultTrouble .num {
		width: 32px;
		height: 32px;
		font-size: 80%;
		margin-right: 13px;
	}

	.ListBenefitsResultTrouble h5 {
		display: flex;
		align-items: center;
		margin-bottom: 0;
	}

	.ListBenefitsResultTrouble h5 img {
		width: 54px;
		height: auto;
		margin-right: 13px;
	}

	.ListBenefitsResultTrouble .TextStyle1 {
		width: 100%;
		margin-top: 20px;
	}

	.ListBenefitsArrow {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 12px 0;
	}

	.ListBenefitsTitleTrouble {
		font-size: 100%;
		line-height: 1.4;
		font-weight: bold;
		background-color: #d7dcf4;
		color: var(--color-blue);
		padding: 10px;
	}

	.ListBenefitsTitleResult {
		font-size: 100%;
		line-height: 1.4;
		font-weight: bold;
		color: #fff;
		background-color: #ff8902;
		padding: 10px;
	}
}