.PageSolutionIntroduction .PageLocalNavi {
	margin-top: 50px;
	margin-bottom: 60px;
}

.PageSolutionIntroduction .MVSFeatureImage {
	margin-top: 40px;
}

.PageSolutionIntroduction .MVSFeatureImage img {
	display: block;
	width: 100%;
}

.SectionProductLpTrouble .SectionContentsBorder:last-child {
	margin-top: 30px;
	margin-bottom: 0;
}

.SectionProductLpTrouble .TroubleMainTitle {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 30px;
	text-align: center;
}

.SectionProductLpTrouble .TroubleMainList {
	font-size: 16px;
	font-weight: bold;
	padding-left: 1em;
}

.SectionProductLpTrouble .TroubleMainList li {
	list-style: disc;
}

.SectionProductLpTrouble .TroubleMainList li:nth-child(1n+2) {
	margin-top: 10px;
}

.ServiceMenu {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

.ServiceMenuList {
	max-width: 412px;
	width: 100%;
	background-color: #f2f5ff;
	padding: 35px;
	margin-right: 26px;
}

.SectionProductLpTrouble .SectionContentsBorder .ButtonDocumentRequest {
	margin-left: auto;
	margin-right: auto;
}

.ServiceMenu {
	max-width: 714px;
	margin-left: auto;
	margin-right: auto;
}

.ServiceMenu img {
	display: block;
	width: 100%;
}

.SectionBusinessImprovementList {
	max-width: 886px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 48px;
	margin-bottom: 48px;
}

.SectionBusinessImprovementList .FlexColumnSet {
	--flex-column-gutter-x: 78px;
}

.CardBusinessImprovement .CardBusinessImprovementImage {
	display: block;
	width: 100%;
	margin-bottom: 12px;
}

.CardBusinessImprovement .CardBusinessImprovementTitle {
	color: #20378b;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
}

.CardBusinessImprovement .CardBusinessImprovementTitle span {
	display: inline-block;
	border: 1px solid #20378b;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 8px 20px;
}

.CardBusinessImprovement .CardBusinessImprovementText {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.08em;
	margin-bottom: 12px;
}

.CardBusinessImprovement .CardBusinessImprovementButton {
	--link-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 162px;
	height: 42px;
	border-radius: 21px;
	background-color: #20378b;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}

.CardBusinessImprovement .CardBusinessImprovementButton span {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.48%22%20height%3D%2215.48%22%20viewBox%3D%220%200%2015.48%2015.48%22%3E%20%3Cpath%20d%3D%22m6.43%206.43%208.34%208.34%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%20%3Cg%20fill%3D%22%2320378b%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%226.43%22%20cy%3D%226.43%22%20r%3D%226.43%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%226.43%22%20cy%3D%226.43%22%20r%3D%225.43%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: left 0 center;
	padding-left: 22px;
}

.SectionRelatedService .ButtonArrowRight {
	background-image: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.SectionRelatedService .ButtonArrowRight span {
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left 0 center;
	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');
}

.TitleHorizon {
	display: flex;
	align-items: center;
	justify-content: space-between;
	white-space: nowrap;
	margin-bottom: 30px;
}

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

.TitleHorizon::before {
	margin-right: 10px;
}

.TitleHorizon::after {
	margin-left: 10px;
}

.CardNumberList {
	background-color: #fff;
	padding: 28px 48px;
	margin-top: 32px;
}

.SectionMVSFlowImage {
	background-color: #fff;
	padding: 32px;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(91, 119, 193, 0.1);
}

.SectionMVSFlowImage + .SectionMVSFlowImage {
	margin-top: 30px;
}

.SectionAchievements {
	background-color: #fff;
	padding: 32px 62px;
}

.SectionAchievementsTitle {
	font-size: 20px;
	font-weight: bold;
	color: #20378b;
	margin-bottom: 20px;
	text-align: center;
}

.SectionAchievementsText {
	margin-bottom: 20px;
}

.SectionAchievementsText span {
	color: #20378B;
	text-decoration: underline;
}

.AccordionToggleItem:nth-child(1n+2) {
	margin-top: 30px;
}

.AccordionToggleTitle {
	position: relative;
	padding-left: 32px;
	display: block;
	background-color: transparent;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.06em;
	text-align: left;
	border: none;
	cursor: pointer;
	padding-right: 24px;
}

.AccordionToggleTitle::before,
.AccordionToggleTitle::after {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	background-color: #000;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
}

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

.AccordionToggleTitle.active:after {
	transform: translateY(-50%) rotate(180deg);
}

.AccordionToggleTitle span {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.AccordionToggleContent {
	display: none;
	padding-left: 32px;
}

.AccordionToggleContent p {
	padding-top: 20px;
}

@media screen and (max-width: 767px) {
	.SectionProductLpTrouble .TroubleMainTitle {
		font-size: 16px;
		text-align: left;
		letter-spacing: 0.08em;
	}

	.SectionBusinessImprovementList {
		max-width: 244px;
	}

	.SectionBusinessImprovementList .FlexColumnSet {
		--flex-column-gutter-x: 0;
		--flex-column-gutter-y: 40px;
	}

	.SectionMVSFlowImage {
		padding: 28px 8px;
	}

	.SectionAchievements {
		padding: 40px 20px;
	}

	.SectionAchievements .SectionAchievementsTitle {
		font-size: 18px;
	}

	.CardNumberList {
		padding: 10px;
	}
}

.Remodal {
	padding: 0;
	max-width: 548px;
}

.remodal-close {
	background-color: #fff;
}

.remodal-close::before {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.7%22%20height%3D%2215.7%22%20viewBox%3D%220%200%2015.7%2015.7%22%3E%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20d%3D%22m.35.35%2015%2015%22%2F%3E%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20d%3D%22m15.35.35-15%2015%22%2F%3E%3C%2Fsvg%3E');
}

.Remodal > img {
	display: block;
	width: 100%;
}

.RemodalInner {
	padding: 28px;
	color: #20378b;
}

.RemodalInner h3 {
	color: #20378b;
	font-size: 22px;
	letter-spacing: 0.1em;
}

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

	.remodal-close {
		right: -8px;
		top: -18px;
		width: 34px;
		height: 34px;
	}
}

.SectionContactBanner {
	padding: 70px 0;
}

.BannerWin10Inquiry {
	--link-color: #fff;
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}

.BannerWin10InquiryImage {
	display: block;
	width: 100%;
	transition: all 0.3s ease-in-out;
}

.BannerWin10InquiryInner {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 440px;
	height: 100%;
	background: linear-gradient(225deg, rgba(29,166,219,1) 0%, rgba(15,92,137,1) 50%, rgba(0,13,49,1) 100%);
	clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}

.BannerWin10InquiryText {
	position: relative;
	font-weight: bold;
	letter-spacing: 0.06em;
}

.BannerWin10InquiryText::before {
	content: "";
	display: block;
	left: 0;
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 2px;
	transition: all 0.3s ease-in-out;
	transform: scaleX(0);
	transform-origin: left 0;
	background-color: #fff;
}

.BannerWin10InquiryText::after {
	content: "";
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2257.6%22%20height%3D%2255.51%22%20viewBox%3D%220%200%2057.6%2055.51%22%3E%20%3Cpath%20d%3D%22m30.97%2024.57%2023.1-23.1a1.5%201.5%200%200%201%202.13%200%201.5%201.5%200%200%201%200%202.12l-23.1%2023.1a1.5%201.5%200%200%201-2.13%200%201.5%201.5%200%200%201%200-2.12Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20d%3D%22M56.1%2019.84a1.5%201.5%200%200%201-1.5-1.5V3H39.16a1.5%201.5%200%200%201%200-3H57.6v18.34a1.5%201.5%200%200%201-1.5%201.5Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20d%3D%22m1.06%2052.33%2023.1-23.11a1.5%201.5%200%200%201%202.13%200%201.5%201.5%200%200%201%200%202.12l-23.1%2023.1a1.5%201.5%200%200%201-2.13%200%201.5%201.5%200%200%201%200-2.11Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20d%3D%22M26.19%2047.6a1.5%201.5%200%200%201-1.5-1.5V30.75H9.25a1.5%201.5%200%200%201%200-3H27.7V46.1a1.5%201.5%200%200%201-1.5%201.5Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
	background-position: top 0 right 0;
}

.BannerWin10Inquiry:hover .BannerWin10InquiryImage {
	transform: scale(1.1);
}


.BannerWin10Inquiry:hover .BannerWin10InquiryText::before {
	transform: scaleX(1);
}

.BannerWin10Inquiry:hover .BannerWin10InquiryText::after {
	background-position: top 100% right 100%;
}

@media screen and (min-width: 768px) {
	.BannerWin10InquiryText {
		font-size: 26px;
		padding-right: 46px;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.BannerWin10InquiryText::after {
		display: block;
		width: 28px;
		height: 28px;
		position: absolute;
		right: 0;
		top: 12px;
		transition: all 0.3s ease-in-out;
	}

	.SectionTitleWave + .BannerWin10Inquiry {
		margin-top: 60px;
	}
}

@media screen and (max-width: 767px) {
	.SectionContactBanner {
		padding: 50px 0 !important;
	}


	.BannerWin10InquiryInner {
		width: 188px;
	}

	.BannerWin10InquiryText::after {
		display: inline-block;
		width: 14px;
		height: 14px;
		background-size: 28px auto;
		margin-left: 6px;
	}

	.BannerWin10InquiryText {
		font-size: 18px;
	}
}
