@charset "UTF-8";
.line-height-sm {
		line-height: 1.4;
}

@media screen and (max-width: 767px) {
		.line-height-sm-sp {
				line-height: 1.4;
		}
}

.skew-label {
		position: relative;
		z-index: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 160px;
		height: 48px;
		margin: 0 auto 16px;
}
.skew-label::before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		transform: skew(-14deg);
		background-color: #E4007F;
		color: #000;
		font-size: 26px;
		font-weight: bold;
		background: linear-gradient(to right, rgb(248, 58, 35) 0%, rgb(0, 100, 255) 100%);
}
.skew-label::after {
		content: "";
		position: absolute;
		z-index: 0;
		bottom: -10px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 11px 8px 0 8px;
		border-color: #7a5d97 transparent transparent transparent;
}
.skew-label .text {
		font-size: 20px;
		font-weight: bold;
		padding: 2px 0;
		color: #fff;
}

.section-hero.is-custom {
		padding-top: 0;
}
@media screen and (max-width: 767px) {
		.section-hero.is-custom {
				padding-bottom: 0;
		}
}
.section-hero.is-custom .container img {
		border-radius: 48px;
}
@media screen and (max-width: 767px) {
		.section-hero.is-custom .container {
				width: 100%;
				margin: 0;
		}
		.section-hero.is-custom .container img {
				border-radius: 0;
		}
}

.shinsta {
		max-width: 736px;
		margin-inline: auto;
		padding: 32px 12px;
		/*
		a.shinsta-box {
			overflow: hidden;
			display: block;
			color: #333;
			border-radius: 12px;
			border: 1px solid #333;

			.shinsta-box-header {
				display: flex;
				justify-content: center;
				align-items: center;
				font-weight: bold;
				color: #fff;
				text-align: center;
				min-height: 80px;
				padding-inline: 12px;
				background: #333;

				@media screen and (max-width: 767px) {
					min-height: 72px;
				}
			}

			.shinsta-box-body {
				text-align: center;
				font-weight: bold;
				padding: 12px 16px 16px;
				background: #ffe1f6;

				@media screen and (max-width: 767px) {
					padding: 8px 4px 14px;
				}

				.catch {
					min-height: 52px;
					margin-bottom: 8px;

					@media screen and (max-width: 767px) {
						margin-bottom: 6px;
					}
				}

				sup {
					font-weight: normal;
					top: -6px;
					font-size: 10px;
				}

				> .link {
					transition: .25s;
					position: relative;
					display: inline-block;
					font-weight: bold;
					color: #E4007F;
					margin-bottom: 0;
					padding: 0 16px 2px 2px;
					border-bottom: 1px solid #E4007F;

					@media screen and (max-width: 767px) {
						font-size: 14px;
					}

					//アイコン
					&::before {
						content: '';
						position: absolute;
						right: 0;
						top: calc(50% - 6px);
						width: 12px;
						height: 12px;
						background: url(/guide/starter/shinlife/images/icn/icn_arr_pnk.svg) no-repeat 0 0 / 100% auto;
					}
				}
			}
		}
		*/
}
@media screen and (max-width: 767px) {
		.shinsta {
				padding: 24px 12px;
		}
}
.shinsta .icn-plus {
		position: relative;
		z-index: 1;
		top: 16px;
		width: 29px;
		height: 29px;
		border-radius: 29px;
		background: #333;
}
@media screen and (max-width: 767px) {
		.shinsta .icn-plus {
				width: 25px;
				height: 25px;
				border-radius: 25px;
				margin-inline: -4px;
		}
}
.shinsta .icn-plus::before, .shinsta .icn-plus::after {
		content: "";
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		border-radius: 3px;
		background: #fff;
}
.shinsta .icn-plus::before {
		width: 3px;
		height: 15px;
}
@media screen and (max-width: 767px) {
		.shinsta .icn-plus::before {
				height: 13px;
		}
}
.shinsta .icn-plus::after {
		width: 15px;
		height: 3px;
}
@media screen and (max-width: 767px) {
		.shinsta .icn-plus::after {
				width: 13px;
		}
}

.shinlife-btn-bd-sm {
		position: relative;
		z-index: 0;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: auto;
		margin-inline: auto;
		padding-block: 6px;
		text-align: center;
		color: #333 !important;
		border-radius: 128px;
		border: 1px solid #333;
		background-color: #fff;
}
.shinlife-btn-bd-sm::after {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: -5%;
		width: 52.5%;
		height: 100%;
		transform: skew(-45deg);
		background: #ccc;
}
.shinlife-btn-bd-sm[data-color=tv]::after {
		background: #FFEDF6;
}

.shinlife-btn-bd-sm {
		max-width: 352px;
		min-height: 58px;
		font-size: 16px;
		font-weight: bold;
}
@media screen and (max-width: 767px) {
		.shinlife-btn-bd-sm {
				font-size: 14px;
		}
}
.shinlife-btn-bd-sm::before {
		content: "";
		position: absolute;
		right: 16px;
		top: calc(50% - 8px);
		width: 16px;
		height: 16px;
		background: url(/guide/starter/shinlife/images/icn/icn_arr.svg) no-repeat 0 0/100% auto;
}
@media screen and (max-width: 767px) {
		.shinlife-btn-bd-sm::before {
				right: 12px;
				top: calc(50% - 7px);
				width: 14px;
				height: 14px;
		}
}