.sk-intro-main .sk-intro-hero-title {
	font-size: 0;
	line-height: 1
}
.sk-intro-main .sk-intro-hero-image {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.sk-intro-main .sk-intro-hero-bottom {
	display: flex;
	padding: 32px 0;
	margin: 0 auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	align-self: stretch
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-hero-bottom {
		padding: 28px 16px 32px;
		gap: 4px
	}
}
.sk-intro-main .sk-intro-hero-bottom--afterShop {
	padding: 64px 0
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-hero-bottom--afterShop {
		padding: 28px 16px
	}
}
@media only screen and (min-width: 768px) {
	.sk-intro-main .sk-intro-hero-bottom--afterUser {
		display: none
	}
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-copy {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-copy-text {
	font-size: 20px;
	line-height: 1.52
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-hero-bottom .sk-intro-copy-text {
		font-size: 16px;
		line-height: normal
	}
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-copy-text strong {
	font-size: 26px;
	font-weight: 700;
	color: #bf0000
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-hero-bottom .sk-intro-copy-text strong {
		font-size: 25px
	}
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap {
	display: flex;
	align-items: center
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap {
		flex-direction: column;
		justify-content: center;
		gap: 4px;
		padding: 0
	}
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-search {
		flex: 1;
		margin-bottom: 4px
	}
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-search-button {
	display: flex;
	width: 343px;
	height: 50px;
	padding: 12px 0;
	align-items: center;
	justify-content: center;
	gap: 4px;
	border-radius: 4px;
	background-color: #bf0000;
	text-align: center
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-search-button {
		max-width: 100%;
		width: 338px;
		height: 48px
	}
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-search-button .sk-intro-icon {
	width: 24px;
	height: 24px;
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.75%2010.25C9.75%209.00725%2010.7572%208%2012%208C13.2428%208%2014.25%209.00725%2014.25%2010.25C14.25%2011.4928%2013.2428%2012.5%2012%2012.5C10.7572%2012.5%209.75%2011.4928%209.75%2010.25ZM19.5%2010.25C19.5%206.1085%2016.1415%202.75%2012%202.75C7.8585%202.75%204.5%206.1085%204.5%2010.25C4.5%2015.5%2012%2022.25%2012%2022.25C12%2022.25%2019.5%2015.5%2019.5%2010.25Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E%20) no-repeat left top
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-search-button .sk-intro-icon {
		width: 18px;
		height: 18px;
		background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.5%208.4375C8.879%208.4375%208.375%207.9335%208.375%207.3125C8.375%206.6915%208.879%206.1875%209.5%206.1875C10.121%206.1875%2010.625%206.6915%2010.625%207.3125C10.625%207.9335%2010.121%208.4375%209.5%208.4375ZM9.5%201.6875C6.39388%201.6875%203.875%204.20581%203.875%207.3125C3.875%2011.25%209.5%2016.3125%209.5%2016.3125C9.5%2016.3125%2015.125%2011.25%2015.125%207.3125C15.125%204.20581%2012.6061%201.6875%209.5%201.6875ZM9.5%209.5625C10.7409%209.5625%2011.75%208.55338%2011.75%207.3125C11.75%206.07162%2010.7409%205.0625%209.5%205.0625C8.25912%205.0625%207.25%206.07162%207.25%207.3125C7.25%208.55338%208.25912%209.5625%209.5%209.5625ZM9.5%202.8125C11.9812%202.8125%2014%204.83131%2014%207.3125C14%209.594%2011.2224%2012.9493%209.5%2014.7308C7.77763%2012.9493%205%209.594%205%207.3125C5%204.83131%207.01881%202.8125%209.5%202.8125Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E%20)
	}
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-search-button .sk-intro-label {
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
	color: #fff
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-search-button .sk-intro-label {
		font-size: 16px
	}
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-search-button:hover {
	opacity: .7
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-zipcode {
	margin-left: 28px
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-zipcode {
		margin: 0
	}
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-zipcode .sk-intro-label {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.33
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-zipcode .sk-intro-label--red {
	color: #bf0000
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-zipcode .sk-intro-label {
		display: none
	}
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-zipcode .sk-intro-label--sp {
	display: none;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5428
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-zipcode .sk-intro-label--sp {
		display: flex
	}
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-input {
	margin-left: 16px;
	display: flex;
	width: 325px;
	align-items: flex-start
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-input {
		margin: 0;
		width: 100%
	}
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-input-value {
	flex: 1;
	height: 48px;
	padding: 11px 12px;
	border: none;
	border: 1px solid #828282;
	border-right: none;
	border-radius: 4px 0 0 4px;
	-webkit-appearance: none;
	outline: none
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-input-button {
	display: flex;
	width: 80px;
	height: 48px;
	padding: 13px 13px 11px 11px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 0 4px 4px 0;
	border: none;
	color: #fff;
	background-color: #bf0000
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-input-button .sk-intro-input-icon {
	width: 24px;
	height: 24px;
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.53565%2014.6785C6.69968%2014.6785%204.39285%2012.3711%204.39285%209.53565C4.39285%206.69968%206.69968%204.39285%209.53565%204.39285C12.3711%204.39285%2014.6785%206.69968%2014.6785%209.53565C14.6785%2012.3711%2012.3711%2014.6785%209.53565%2014.6785ZM9.53565%203.25C6.06426%203.25%203.25%206.06426%203.25%209.53565C3.25%2013.007%206.06426%2015.8213%209.53565%2015.8213C13.007%2015.8213%2015.8213%2013.007%2015.8213%209.53565C15.8213%206.06426%2013.007%203.25%209.53565%203.25Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.1708%2014.3626C14.9223%2014.6523%2014.6526%2014.922%2014.3629%2015.1706L18.4422%2019.25L19.2502%2018.4414L15.1708%2014.3626Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E%20) no-repeat left top
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-input-button .sk-intro-input-icon {
		width: 20px;
		height: 20px;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_6824_37)%22%3E%3Cpath%20d%3D%22M2.19827%2012.7889C1.17818%2011.77%200.473881%2010.4784%200.169945%209.06903C-0.13399%207.65969%20-0.0246404%206.19257%200.484864%204.84385C0.994369%203.49513%201.88237%202.32216%203.04222%201.46579C4.20208%200.609424%205.58448%200.106065%207.02342%200.0161632C8.46236%20-0.0737384%209.89666%200.253639%2011.1541%200.958982C12.4115%201.66433%2013.4386%202.71765%2014.112%203.99246C14.7854%205.26727%2015.0766%206.70937%2014.9504%208.14559C14.8242%209.5818%2014.2862%2010.9511%2013.4009%2012.089L14.7447%2013.4328L15.0686%2013.1048L20%2018.0362L18.0363%2020L13.1049%2015.0686L13.4329%2014.7406L12.089%2013.4008C10.6482%2014.5196%208.84885%2015.0747%207.02813%2014.962C5.20741%2014.8494%203.49022%2014.0767%202.19827%2012.7889ZM11.6011%203.39006C10.7891%202.57808%209.75456%202.02511%208.6283%201.80108C7.50204%201.57705%206.33464%201.69203%205.27373%202.13148C4.21282%202.57092%203.30604%203.31509%202.66807%204.26989C2.03009%205.22469%201.68957%206.34722%201.68957%207.49555C1.68957%208.64387%202.03009%209.76641%202.66807%2010.7212C3.30604%2011.676%204.21282%2012.4202%205.27373%2012.8596C6.33464%2013.2991%207.50204%2013.414%208.6283%2013.19C9.75456%2012.966%2010.7891%2012.413%2011.6011%2011.601C13.8608%209.32932%2013.8608%205.65778%2011.6011%203.39006Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_6824_37%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%20")
	}
}
.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-input-button .sk-intro-input-label {
	font-size: 16px;
	font-weight: 700;
	line-height: normal
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-hero-bottom .sk-intro-searchWrap .sk-intro-input-button .sk-intro-input-label {
		font-size: 14px
	}
}
.sk-intro-main .sk-intro-campaign-linkWrap {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	text-align: center;
	margin: 0 auto 20px
}
.sk-intro-main .sk-intro-campaign-linkWrap .sk-intro-link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	align-self: stretch;
	font-size: 16px;
	color: #0074ad
}
.sk-intro-main .sk-intro-campaign-linkWrap .sk-intro-link-label {
	color: #0074ad
}
.sk-intro-main .sk-intro-campaign-linkWrap .sk-intro-link-arrow {
	width: 16px;
	height: 16px;
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.207%201.5L4.5%202.207L10.293%208L4.5%2013.793L5.207%2014.5L11.707%208L5.207%201.5Z%22%20fill%3D%22%230074AD%22%2F%3E%3C%2Fsvg%3E%20) no-repeat left top
}
.sk-intro-main .sk-intro-index {
	display: flex;
	padding: 20px 0 36px;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	align-self: stretch
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-index {
		padding: 16px 24px;
		gap: 12px;
		align-items: flex-start
	}
}
.sk-intro-main .sk-intro-index-title {
	font-size: 20px;
	line-height: normal;
	color: #828282
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-index-title {
		font-size: 12px
	}
}
.sk-intro-main .sk-intro-index-title strong {
	font-size: 28px;
	font-weight: 700;
	color: #333
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-index-title strong {
		font-size: 16px
	}
}
.sk-intro-main .sk-intro-index-row {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 80px
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-index-row {
		flex-direction: column;
		gap: 0
	}
}
.sk-intro-main .sk-intro-index-link {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	line-height: 1.6;
	color: #0074ad
}
.sk-intro-main .sk-intro-index-link:hover {
	text-decoration: none
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-index-link {
		font-size: 14px
	}
}
.sk-intro-main .sk-intro-index-arrow {
	width: 8px;
	height: 8px;
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%229%22%20height%3D%228%22%20viewBox%3D%220%200%209%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.86512%204.28C7.70512%204.12%207.45512%204.12%207.29512%204.28L5.13512%206.44V1.4C5.13512%201.18%204.95512%201%204.73512%201C4.51512%201%204.33512%201.18%204.33512%201.4V6.43L2.18512%204.28C2.02512%204.12%201.77512%204.12%201.61512%204.28C1.45512%204.44%201.46512%204.69%201.62512%204.85L4.45512%207.68C4.45512%207.68%204.48512%207.7%204.49512%207.7C4.52512%207.72%204.55512%207.75%204.58512%207.76C4.63512%207.78%204.68512%207.79%204.73512%207.79C4.83512%207.79%204.94512%207.75%205.01512%207.67L7.84512%204.84C8.00512%204.68%208.00512%204.43%207.84512%204.27L7.86512%204.28Z%22%20fill%3D%22%230074AD%22%2F%3E%3C%2Fsvg%3E%20) no-repeat left top
}
.sk-intro-main .sk-intro-advantage {
	display: flex;
	padding: 40px 0;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	align-self: stretch;
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-advantage {
		padding: 40px 16px;
		gap: 12px
	}
}
.sk-intro-main .sk-intro-advantage-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-align: center;
}
.sk-intro-main .sk-intro-advantage-title .sk-intro-advantage-label {
	font-weight: 700;
	line-height: normal;
	font-size: 34px;
}
.sk-intro-main .sk-intro-advantage-title .sk-intro-advantage-sublabel {
	font-size: 24px;
	font-weight: 700;
	line-height: normal
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-advantage-title .sk-intro-advantage-label {
		font-size: 24px
	}
	.sk-intro-main .sk-intro-advantage-title .sk-intro-advantage-sublabel {
		font-size: 24px
	}
}
@media screen and (min-width: 768px) {
	.sk-intro-main .sk-intro-advantage-title .sk-intro-advantage-label br {
		display: none
	}
}
.sk-intro-main .sk-intro-advantage-title .sk-intro-advantage-image {
	font-size: 0;
	height: auto
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-advantage-title .sk-intro-advantage-image {
		width: 106px
	}
}
.sk-intro-main .sk-intro-advantage-content {
	display: flex;
	width: 400px;
	padding: 20px 20px;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	border-radius: 12px;
	background-color: #fff;
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-advantage-content {
		width: 100%;
		padding: 16px 16px 20px;
		border-radius: 4px;
		gap: 0px;
	}
}
.sk-intro-advantage-row{
	justify-content: center;
	gap: 20px;
	flex-wrap:nowrap;
}

/* .sk-intro-main .sk-intro-advantage-content img {
	max-width: 100%;
	height: auto;
	font-size: 0
} */

.separator {
  display: flex;
  justify-content: center;;
}

.sk-intro-main .sk-intro-advantage-content .sk-intro-header {
	font-size: 28px;
	font-weight: 700;
	line-height: normal;
	border-bottom: 2px solid #333
}
@media only screen and (max-width: 767px) {
	.sk-intro-advantage-row{
	justify-content: center;
	gap: 20px;
	flex-wrap:wrap;
	max-width: 350px;
}
	.sk-intro-main .sk-intro-advantage-content .sk-intro-header {
		font-size: 24px;
		margin-bottom: -12px
	}
}
.sk-intro-main .sk-intro-advantage-content .sk-intro-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
	width: 300px;
}
.sk-intro-main .sk-intro-advantage-content .sk-intro-title-num {
	font-family: "din-2014-narrow";
	font-size:60px;
	font-weight: 400;
	font-style: normal;
	line-height: normal;
	text-align: center;
	color: #FFD633;
}
.sk-intro-main .sk-intro-title--red {
	color: #bf0000
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-advantage-content .sk-intro-title {
		font-size: 20px
	}
}
.sk-intro-main .sk-intro-advantage-content .sk-intro-sub {
	font-size: 16px;
	line-height: normal;
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-advantage-content .sk-intro-sub {
		font-size: 14px;
		/* width: 200px; */
	}
}
.sk-intro-main .sk-intro-advantage-content .sk-intro-sub--red {
	color: #bf0000
}
.sk-intro-main .sk-intro-advantage .sk-intro-caution {
	font-size: 12px;
	max-width: 700px;
	width: 80vw;
	line-height: normal;
}

.sk-intro-sub-problem {
		font-size: 16px;
		line-height: normal;
		text-align: center;
		margin-top: 10px;

}

.sk-intro-main .sk-intro-advantage-content .sk-intro-caution--red {
	color: #bf0000
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-advantage-content .sk-intro-caution {
		font-size: 10px
	}
}
.sk-intro-main .sk-intro-advantage-content .sk-intro-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	row-gap: 20px;
	align-self: stretch;
	flex-wrap: wrap
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-advantage-content .sk-intro-row {
		flex-direction: column;
		align-items: center;
		align-content: center;
		row-gap: 12px
	}
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-advantage-content .sk-intro-row .sk-intro-image {
		max-width: 440px;
		width: 100%
	}
}
.sk-intro-main .sk-intro-advantage-content .sk-intro-link {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	font-size: 18px;
	line-height: normal;
	color: #0074ad
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-advantage-content .sk-intro-link {
		font-size: 16px
	}
}
.sk-intro-main .sk-intro-advantage-content .sk-intro-link-arrow {
	width: 18px;
	height: 18px;
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.85787%201.69019L5.0625%202.48556L11.5796%209.00269L5.0625%2015.5198L5.85787%2016.3152L13.1704%209.00269L5.85787%201.69019Z%22%20fill%3D%22%230074AD%22%2F%3E%3C%2Fsvg%3E%20) no-repeat left top
}
.sk-intro-advantage-content-title{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	gap: 12px;
}
.sk-intro-advantage-content-text{
 display: flex;
 align-items: center;
}
.sk-intro-main .sk-intro-user {
	display: flex;
	padding: 40px 0;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	align-self: stretch;
	background-color: #f7f7f7
}
@media only screen and (max-width: 767px) {
	.sk-intro-advantage-content-title{
		/* padding-left: 16px; */
	}
	.sk-intro-main .sk-intro-user {
		padding: 32px 16px;
		gap: 28px
	}
}
/* ここからモーダル用の追加CSS */
.sk-intro-modal-wrap {
    display: inline-block;
    margin-top: 10px; /* 上の要素との間隔 */
}

.sk-intro-modal-wrap input {
    display: none;
}

.sk-intro-modal-open-label,
.sk-intro-modal-close-label {
    cursor: pointer;
}

.sk-intro-modal-open-label {
	display: flex;
    align-items: center;
    color: #0074ad; /* 既存のリンクの色に合わせる */
    font-size: 14px; /* 既存のサブテキストのフォントサイズに合わせる */
    text-decoration: underline; /* 下線を追加 */
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.sk-intro-modal-open-label:hover {
    color: #005a8a; /* ホバー時の色 */
    text-decoration: none; /* ホバー時に下線を消す */
}

.sk-intro-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.sk-intro-modal-open-input:checked + label + input + .sk-intro-modal {
    display: block;
    animation: sk-intro-modal-animation .6s;
}

.sk-intro-modal-content-wrap {
	text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 650px;
    background-color: #fefefe;
    z-index: 2;
    border-radius: 8px; /* 角を少し丸める */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* 影を追加 */
}

.sk-intro-modal-close-label {
    background-color: #9c9c9c; /* 既存のグレーに近い色 */
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%; /* 完全な丸 */
    width: 36px;
    height: 36px;
    line-height: 32px; /* 垂直方向の中央揃え */
    text-align: center;
    display: block; /* ブロック要素にして中央寄せを機能させる */
    position: absolute; /* absolute に変更 */
    top: -18px; /* 外側に配置 */
    right: -18px; /* 外側に配置 */
    z-index: 99999;
    font-size: 1.4em;
    font-weight: bold; /* 太字 */
    transition: background-color 0.3s ease;
}

.sk-intro-modal-close-label:hover {
    background-color: #777;
}

.sk-intro-modal-content {
    overflow-y: auto;
    padding: 30px; /* 全体のパディングを調整 */
    color: #333; /* テキストの色 */
    line-height: 1.6;
}

.sk-intro-modal-content h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
}

.sk-intro-modal-content p {
    margin-bottom: 10px;
}
.sk-intro-modal-content img{
	margin-top: 10px;
}
.sk-intro-modal-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6); /* 背景を少し濃くする */
    z-index: 1;
}

@keyframes sk-intro-modal-animation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* モバイル用追加CSS */
@media only screen and (max-width: 520px) {

    .sk-intro-modal-close-label {
        top: -15px; /* モバイルでの位置調整 */
        right: -15px; /* モバイルでの位置調整 */
        width: 30px;
        height: 30px;
        line-height: 26px;
        font-size: 1.2em;
    }

    .sk-intro-modal-content-wrap {
        width: 90vw;
    }

    .sk-intro-modal-content {
        padding: 20px; /* モバイルでのパディング調整 */
        font-size: 14px;
    }

    .sk-intro-modal-content h4 {
        font-size: 20px;
    }
}

.sk-intro-main .sk-intro-user-title {
	font-size: 28px;
	font-weight: 400;
	line-height: normal;
	text-align: center
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-user-title {
		font-size: 21px
	}
}
.sk-intro-main .sk-intro-user-title strong {
	font-weight: 700
}
.sk-intro-main .sk-intro-user-title--red {
	font-size: 34px;
	font-weight: 700;
	color: #bf0000
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-user-title--red {
		font-size: 28px
	}
}
.sk-intro-main .sk-intro-user-title--bold {
	font-size: 34px;
	font-weight: 700;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-user-title--bold {
		font-size: 24px
	}
}
.sk-intro-main .sk-intro-user-row {
	display: flex;
	align-items: flex-start;
	gap: 16px
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-user-row {
		flex-direction: column;
		width: 100%
	}
}
.sk-intro-main .sk-intro-user-col {
	display: flex;
	width: 343px;
	align-items: flex-start;
	gap: 8px
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-user-col {
		width: 100%
	}
}
.sk-intro-main .sk-intro-user-illust {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 7px
}
.sk-intro-main .sk-intro-user-illust img {
	height: auto;
	font-size: 0
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-user-illust {
		width: 59px
	}
}
.sk-intro-main .sk-intro-user-name {
	font-size: 13px;
	line-height: normal;
	text-align: center
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-user-name {
		font-size: 12px
	}
}
.sk-intro-main .sk-intro-user-comment {
	width: 276px;
	flex-shrink: 0;
	position: relative
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-user-comment {
		width: auto;
		flex: 1
	}
}
.sk-intro-main .sk-intro-user-commentInner {
	display: flex;
	width: 260px;
	padding: 8px 16px;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 4px;
	background-color: #fff;
	z-index: 1
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-user-commentInner {
		width: auto
	}
}
.sk-intro-main .sk-intro-user-arrow {
	position: absolute;
	top: 16px;
	left: -10px;
	width: 24px;
	height: 28px;
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2221%22%20viewBox%3D%220%200%2024%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.759934%2014.3419L19.1069%200.27722L23.0212%2020.5757L0.759934%2014.3419Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E%20) no-repeat left top
}
.sk-intro-main .sk-intro-user-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch
}
.sk-intro-main .sk-intro-user-header img {
	height: auto;
	font-size: 0
}
.sk-intro-main .sk-intro-user-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px
}
.sk-intro-main .sk-intro-user-label {
	font-size: 10px;
	line-height: normal;
	padding: 4px;
	border-radius: 4px;
	color: #fff;
	background-color: #002896
}
.sk-intro-main .sk-intro-user-car {
	font-size: 14px;
	font-weight: 700;
	line-height: normal
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-user-car {
		font-size: 12px
	}
}
.sk-intro-main .sk-intro-user-text {
	font-size: 16px;
	line-height: normal
}
.sk-intro-main .sk-intro-user-text--red {
	font-weight: 700;
	color: #bf0000
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-user-text {
		font-size: 14px
	}
}
.sk-intro-main .sk-intro-safety {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: stretch
}
.sk-intro-main .sk-intro-safety .sk-intro-how-quality {
	display: flex;
	height: 200px;
	padding: 18px 0;
	justify-content: center;
	align-items: center;
	gap: 12px;
	align-self: stretch
}
.sk-intro-main .sk-intro-safety .sk-intro-how-quality img {
	height: auto
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety .sk-intro-how-quality img {
		width: 90px
	}
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety .sk-intro-how-quality {
		flex-direction: column;
		padding: 0;
		gap: 0
	}
}
.sk-intro-main .sk-intro-safety .sk-intro-how-title {
	font-size: 30px;
	line-height: normal
}
.sk-intro-main .sk-intro-safety .sk-intro-how-title--red {
	color: #bf0000
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety .sk-intro-how-title {
		font-size: 20px;
		text-align: center;
		margin-bottom: -12px
	}
}
.sk-intro-main .sk-intro-safety .sk-intro-how-title strong {
	font-size: 40px
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety .sk-intro-how-title strong {
		font-size: 26px
	}
}
.sk-intro-main .sk-intro-safetyInner {
	display: flex;
	padding: 64px 0;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	align-self: stretch;
	background-color: #ecf7fe;
	position: relative
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safetyInner {
		padding: 54px 16px 32px
	}
}
.sk-intro-main .sk-intro-safety-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	align-self: stretch
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety-header {
		gap: 16px
	}
}
.sk-intro-main .sk-intro-safety-title {
	display: flex;
	height: 128px;
	justify-content: center;
	gap: 6px
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety-title {
		height: 83px
	}
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety-title img {
		width: auto;
		height: 83px
	}
}
.sk-intro-main .sk-intro-safety-title-label {
	font-size: 30px;
	line-height: normal;
	text-align: center
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety-title-label {
		font-size: 24px
	}
}
.sk-intro-main .sk-intro-safety-title-label strong {
	font-size: 40px;
	font-weight: 700;
	color: #bf0000
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety-title-label strong {
		font-size: 28px
	}
}
.sk-intro-main .sk-intro-safety-sub {
	display: flex;
	align-items: center;
	gap: 12px
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety-sub {
		flex-direction: column;
		gap: 0
	}
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety-sub img {
		width: 120px;
		height: auto
	}
}
.sk-intro-main .sk-intro-safety-sub-text {
	font-size: 24px;
	font-weight: 700;
	line-height: normal
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety-sub-text {
		font-size: 20px;
		text-align: center
	}
}
.sk-intro-main .sk-intro-safety-sub-text--red {
	color: #bf0000
}
.sk-intro-main .sk-intro-safety-sub-text strong {
	font-size: 28px
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety-sub-text strong {
		font-size: 26px
	}
}
.sk-intro-main .sk-intro-safety-list {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	align-self: stretch
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety-list {
		padding-top: 12px
	}
}
.sk-intro-main .sk-intro-safety-list-caution {
	text-align: center;
	font-size: 16px;
	line-height: normal
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety-list-caution {
		font-size: 14px
	}
}
.sk-intro-main .sk-intro-safety-list-row {
	justify-content: center;
	align-items: flex-start;
	gap: 20px
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-safety-list-row {
		flex-direction: column;
		gap: 12px
	}
}
.sk-intro-main .sk-intro-safety-arrow {
	position: absolute;
	top: -20px;
}
/*アコーディオン*/
/* アコーディオン全体のスタイル */
.sk-intro-safety-list-accordion {
    /* デフォルトの最大幅（768px以上の場合） */
    max-width: 500px;
    /* アコーディオン本体には背景色をつけない、または透明にする */
    background-color: transparent; /* または指定しない */
    /* border-radiusはsummaryに設定するので、ここには不要 */
    /* overflow: hidden; はコンテンツの表示アニメーションのために残す */
    overflow: hidden;
}

/* 767px以下の画面幅の場合 */
@media (max-width: 767px) {
    .sk-intro-safety-list-accordion {
        max-width: 340px; /* 767px以下でのアコーディオンの最大幅 */
    }
}
.sk-intro-safety-list-accordion:not([open]) {
    margin-bottom: 7px;
}
.sk-intro-safety-list-accordion-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    border-radius: 5px; 
    background-color: #0c5ae0; 
    color: #fff; 
    font-weight: 600;
    cursor: pointer;
    width: 500px; 
    box-sizing: border-box; 
}
@media (max-width: 767px) {
    .sk-intro-safety-list-accordion-summary {
		width: 340px;
    }
    .sk-intro-safety-list-accordion-summary::before {
        right: 1.5em; 
    }
}

.sk-intro-safety-list-accordion-summary::-webkit-details-marker {
    display: none;
}

.sk-intro-safety-list-accordion-summary::before,
.sk-intro-safety-list-accordion-summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #fff; 
    content: '';
	
}

.sk-intro-safety-list-accordion-summary::before {
    position: absolute;
    right: 2em; 
    rotate: 90deg; 
}
.sk-intro-safety-list-accordion-summary::after {
    transition: rotate .3s; 
}

.sk-intro-safety-list-accordion[open] .sk-intro-safety-list-accordion-summary::after {
    rotate: 90deg; /* 開いた時に縦棒も90度回転させて横棒と重ね、X字になる */
}

.sk-intro-safety-list-accordion-content {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em; 
    color: #333333; 
    background-color: #ffffff; 
    transition: transform .5s, opacity .5s;
    box-sizing: border-box; 
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.sk-intro-safety-list-accordion[open] .sk-intro-safety-list-accordion-content {
    transform: none; 
    opacity: 1; 
	font-weight: bold;
}

/* 767px以下の画面幅の場合、コンテンツのパディングを調整 */
@media (max-width: 767px) {
    .sk-intro-safety-list-accordion-content {
        padding: 1em 1.5em 1.5em 1.5em; /* 狭い画面に合わせてパディングを少し減らす */
    }
}


/*アコーディオン*/

.sk-intro-main .sk-intro-shop {
	display: flex;
	padding: 40px 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	background-color: #f5f2e3
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-shop {
		padding: 32px 16px;
		gap: 16px
	}
}
.sk-intro-main .sk-intro-shop-prize {
	display: flex;
	align-items: center;
	gap: 39px
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-shop-prize {
		gap: 12px
	}
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-shop-prize img {
		width: 106px;
		height: auto
	}
}
.sk-intro-main .sk-intro-shop-text {
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	line-height: normal
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-shop-text {
		font-size: 20px
	}
}
.sk-intro-main .sk-intro-shop-text strong {
	font-size: 34px;
	color: #bf0000
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-shop-text strong {
		font-size: 28px
	}
}
.sk-intro-main .sk-intro-shop-text--small {
	font-size: 12px
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-shop-text--small {
		font-size: 10px
	}
}
.sk-intro-main .sk-intro-shop-sub {
	text-align: center;
	font-size: 16px;
	line-height: normal
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-shop-sub {
		font-size: 14px;
		text-align: left;
		margin-bottom: 12px
	}
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-shop-sub br {
		display: none
	}
}
/*
.sk-intro-main .sk-intro-shop-list {
	height: auto
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-shop-list {
		display: none
	}
}
@media only screen and (min-width: 768px) {
	.sk-intro-main .sk-intro-shop-list--sp {
		display: none
	}
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-shop-list--sp {
		display: flex
	}
}
	*/
.sk-intro-main .sk-intro-shop-list {
	background-color: #fff;
	border-radius: 6px;
	padding: 20px 50px;
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
	max-width: 960px;
    margin: 0 auto;
}
.sk-intro-main .sk-intro-shop-list-content {
    padding: 5px; 
    box-sizing: border-box; 
}
.sk-intro-main .sk-intro-shop-list-row.row {
    max-width: 860px;
}
.sk-intro-main .sk-intro-shop-list-content a {
    border: 1px solid #828282;
    border-radius: 4px;
    text-align: center;
    display: block;
    padding: 10px; 
}
@media only screen and (max-width: 767px) {
    .sk-intro-main .sk-intro-shop-list {
        padding: 32px 16px;
		gap: 16px;
    }
}


.sk-intro-main .sk-intro-shop-caution {
    font-size: 12px;
    line-height: normal;
}

@media only screen and (max-width: 767px) {
    .sk-intro-main .sk-intro-shop-caution {
        margin-top: 0;
        font-size: 10px;
    }
}




.sk-intro-main .sk-intro-shop-caution {
	font-size: 12px;
	line-height: normal
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-shop-caution {
		margin-top: 0;
		font-size: 10px
	}
}

.sk-intro-main .sk-intro-step {
	display: flex;
	padding: 40px 0;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	align-self: stretch;
	background-color: #f7f7f7
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-step {
		padding: 32px 16px
	}
}
.sk-intro-main .sk-intro-step-title {
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	line-height: normal;
	color: #bf0000
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-step-title {
		font-size: 24px
	}
}
.sk-intro-main .sk-intro-step-title strong {
	font-size: 34px;
	color: #333
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-step-title strong {
		font-size: 24px
	}
}
.sk-intro-main .sk-intro-step-row {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-step-row {
		flex-direction: column;
		align-items: center;
		gap: 16px
	}
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-step-image--pc {
		display: none
	}
}
@media only screen and (min-width: 768px) {
	.sk-intro-main .sk-intro-step-image--pc {
		display: flex
	}
}
@media only screen and (min-width: 768px) {
	.sk-intro-main .sk-intro-step-image--sp {
		display: none
	}
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-step-image--sp {
		display: flex
	}
}
.sk-intro-main .sk-intro-filter {
	display: flex;
	padding: 32px 0;
	flex-direction: column;
	align-items: center;
	gap: 28px;
	align-self: stretch
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-filter {
		padding: 32px 16px
	}
}
.sk-intro-main .sk-intro-filter-title {
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	line-height: normal
}
.sk-intro-main .sk-intro-filter-row {
	display: flex;
	align-items: flex-start;
	gap: 16px
}
.sk-intro-main .sk-intro-filter-row img {
	height: auto
}
.sk-intro-main .sk-intro-filter-bottom {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	line-height: normal;
	color: #0074ad
}
.sk-intro-main .sk-intro-filter-label {
	font-size: 16px
}
.sk-intro-main .sk-intro-filter-arrow {
	width: 16px;
	height: 16px;
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.207%201.63477L4.5%202.34177L10.293%208.13477L4.5%2013.9278L5.207%2014.6348L11.707%208.13477L5.207%201.63477Z%22%20fill%3D%22%230074AD%22%2F%3E%3C%2Fsvg%3E) no-repeat left top
}
.sk-intro-main .sk-intro-campaign-bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 16px 0 32px
}
@media only screen and (max-width: 767px) {
	.sk-intro-main .sk-intro-campaign-bottom {
		padding-top: 28px
	}
}
.sk-intro-main .sk-intro-campaign-link {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	align-self: stretch;
	line-height: normal;
	color: #0074ad
}
.sk-intro-main .sk-intro-campaign-label {
	font-size: 16px
}
.sk-intro-main .sk-intro-campaign-arrow {
	width: 16px;
	height: 16px;
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.207%201.63477L4.5%202.34177L10.293%208.13477L4.5%2013.9278L5.207%2014.6348L11.707%208.13477L5.207%201.63477Z%22%20fill%3D%22%230074AD%22%2F%3E%3C%2Fsvg%3E) no-repeat left top
}
.sk-intro-search--fixed {
	position: fixed;
	bottom: 0;
	display: flex;
	width: 100%;
	padding: 8px 16px 12px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	z-index: 1;
	background-color: #fff
}
@media only screen and (min-width: 768px) {
	.sk-intro-search--fixed {
		display: none
	}
}
.sk-intro-search--fixed .sk-intro-copy-text {
	font-size: 14px
}
.sk-intro-search--fixed .sk-intro-copy-text strong {
	font-size: 20px;
	font-weight: 700;
	color: #bf0000
}
.sk-intro-search--fixed .sk-intro-search {
	display: flex;
	width: 160px
}
.sk-intro-search--fixed .sk-intro-searchWrap {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px
}
.sk-intro-search--fixed .sk-intro-searchWrap .sk-intro-input {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: flex-start
}
.sk-intro-search--fixed .sk-intro-searchWrap .sk-intro-input-value {
	flex: 1;
	max-width: 122px;
	height: 48px;
	padding: 12px;
	font-size: 16px;
	border: 1px solid #686868;
	border-right: none;
	border-radius: 4px 0 0 4px
}
.sk-intro-search--fixed .sk-intro-searchWrap .sk-intro-input-button {
	display: flex;
	width: 52px;
	height: 48px;
	padding: 14px 16px;
	justify-content: center;
	align-items: center;
	border-radius: 0 4px 4px 0;
	border: 1px solid #BF0000;
	background: #bf0000
}
.sk-intro-search--fixed .sk-intro-searchWrap .sk-intro-input-icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_6863_1404)%22%3E%3Cpath%20d%3D%22M2.69827%2013.489C1.67818%2012.4701%200.973881%2011.1785%200.669945%209.76911C0.36601%208.35976%200.47536%206.89264%200.984864%205.54392C1.49437%204.19521%202.38237%203.02224%203.54222%202.16587C4.70208%201.3095%206.08448%200.806138%207.52342%200.716236C8.96236%200.626335%2010.3967%200.953712%2011.6541%201.65906C12.9115%202.3644%2013.9386%203.41772%2014.612%204.69253C15.2854%205.96734%2015.5766%207.40944%2015.4504%208.84566C15.3242%2010.2819%2014.7862%2011.6511%2013.9009%2012.789L15.2447%2014.1329L15.5686%2013.8049L20.5%2018.7363L18.5363%2020.7L13.6049%2015.7687L13.9329%2015.4407L12.589%2014.1009C11.1482%2015.2197%209.34885%2015.7747%207.52813%2015.6621C5.70741%2015.5494%203.99022%2014.7768%202.69827%2013.489ZM12.1011%204.09014C11.2891%203.27815%2010.2546%202.72518%209.1283%202.50115C8.00204%202.27713%206.83464%202.3921%205.77373%202.83155C4.71282%203.27099%203.80604%204.01517%203.16807%204.96996C2.53009%205.92476%202.18957%207.0473%202.18957%208.19562C2.18957%209.34394%202.53009%2010.4665%203.16807%2011.4213C3.80604%2012.3761%204.71282%2013.1202%205.77373%2013.5597C6.83464%2013.9991%208.00204%2014.1141%209.1283%2013.8901C10.2546%2013.6661%2011.2891%2013.1131%2012.1011%2012.3011C14.3608%2010.0294%2014.3608%206.35785%2012.1011%204.09014Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_6863_1404%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20transform%3D%22translate(0.5%200.700195)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%20") no-repeat left top
}
.sk-intro-search--fixed .sk-intro-search-button {
	display: flex;
	width: 100%;
	height: 48px;
	padding: 0 16px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 4px;
	background-color: #bf0000
}
.sk-intro-search--fixed .sk-intro-search-button .sk-intro-icon {
	width: 18px;
	height: 18px;
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.5%209.1377C8.879%209.1377%208.375%208.6337%208.375%208.0127C8.375%207.3917%208.879%206.8877%209.5%206.8877C10.121%206.8877%2010.625%207.3917%2010.625%208.0127C10.625%208.6337%2010.121%209.1377%209.5%209.1377ZM9.5%202.3877C6.39388%202.3877%203.875%204.90601%203.875%208.0127C3.875%2011.9502%209.5%2017.0127%209.5%2017.0127C9.5%2017.0127%2015.125%2011.9502%2015.125%208.0127C15.125%204.90601%2012.6061%202.3877%209.5%202.3877ZM9.5%2010.2627C10.7409%2010.2627%2011.75%209.25357%2011.75%208.0127C11.75%206.77182%2010.7409%205.7627%209.5%205.7627C8.25912%205.7627%207.25%206.77182%207.25%208.0127C7.25%209.25357%208.25912%2010.2627%209.5%2010.2627ZM9.5%203.5127C11.9812%203.5127%2014%205.53151%2014%208.0127C14%2010.2942%2011.2224%2013.6495%209.5%2015.4309C7.77763%2013.6495%205%2010.2942%205%208.0127C5%205.53151%207.01881%203.5127%209.5%203.5127Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E%20) no-repeat left top
}
.sk-intro-search--fixed .sk-intro-search-button .sk-intro-label {
	color: #fff
}
.sk-intro-input-button .sk-intro-input-icon, .sk-intro-input-button .sk-intro-input-label {
	pointer-events: none
}
.intro_campaign-banners-carousel {
	padding: 32px 0 0
}
.intro_campaign-banners-carousel .section-title {
	font-size: 28px;
	line-height: normal;
	margin: 0 0 20px;
	padding: 0;
	color: #333
}
@media only screen and (max-width: 767px) {
	.intro_campaign-banners-carousel .section-title {
		font-size: 24px
	}
}

.sk-intro-question{
	max-width: 860px;
	margin: 0 auto;
}

/* 記事 */
        .sk-intro-article {
            max-width: 960px; 
            margin: 40px auto; /* 上下に余白、左右は中央揃え */
            padding: 16px;
        }

        /* 記事リスト */
        .article-list {
            display: flex;
            flex-direction: column; /* 記事を縦に並べる */
            gap: 20px; /* 記事カード間の余白 */
			margin-top: 28px;
        }

        /* 各記事へのリンク */
        .article-link {
            text-decoration: none; /* リンクの下線を消す */
            color: inherit; /* 親要素の文字色を継承（黒にする） */
            display: block; /* リンクのエリアをブロック全体に広げる */
            transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        }

        /* ホバーエフェクト（マウスを乗せた時の動き） */
        .article-link:hover {
            transform: translateY(-3px); /* 少し上に浮き上がる */
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12); /* 影を濃くする */
        }

        /* 記事カード */
        .article-card {
            display: flex; /* 画像とテキストを横並びにする */
            align-items: center; /* 中央揃え（垂直方向） */
            background-color: #fff; /* カードの背景は白 */
            border: 1px solid #e0e0e0; /* 薄いグレーの枠線 */
            border-radius: 8px; /* 角を丸くする */
            padding: 13px; /* カード内部の余白 */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); /* カードに影をつける */
        }

        /* 記事のサムネイル画像 */
        .article-card img {
            width: 160px; /* 画像の幅を固定 */
            height: 90px; /* 画像の高さを固定 */
            object-fit: cover; /* 画像の比率を保ったままトリミング */
            margin-right: 15px; /* 画像とテキストの間の余白 */
            border-radius: 4px; /* 画像の角も少し丸くする */
        }

        /* 記事のタイトル */
        .article-card .title {
            flex: 1; /* 残りのスペースをすべてテキストが使う */
            font-size: 14px;
            line-height: normal; /* 行間 */
            margin: 0; /* 元々ある余白をリセット */
        }

@media only screen and (max-width: 768px) {
	.sk-intro-article {
		width: auto;
	}

	.article-card img {
		width: 90px; /* 画像の幅を固定 */
        height: 55px; /* 画像の高さを固定 */

	}
}