@use "../../common_dart/base/setting" as *;
@use "../../common_dart/base/mixin" as *;

body {
	width: 100%; /* position:fixed;になった際に幅が変わるのを防ぐ */
	// position: fixed;
	// overflow: hidden;
	// font-family: '源ノ角ゴシック';
}
.u-text-bold {
	font-weight: bold;
}

.u-color-blue {
	color: #2e9ddb;
}

.u-color-orange {
	color: #e8611f;
}

.u-color-orange-2 {
	color: #e53917;
}

.u-color-yellow {
	color: #ffc900;
}

.u-color-yellow-2 {
	color: #ffce00;
}

.u-color-green {
	color: #2b9b71;
	&--dark {
		color: #13593f;
	}
}

.u-color-navy {
	color: #0e3454;
}

.u-text-dot {
	position: relative;
	padding-top: get_vw(12);
	@include query-min($break) {
		padding-top: 10px;
	}
	&::before {
		position: absolute;
		content: '';
		width: 3px;
		height: 3px;
		border-radius: 100%;
		background-color: #ffc900;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
		@include query-min($break) {
			width: 5px;
			height: 5px;
		}
	}
	&.is-blue {
		&::before {
			background-color: #2e9ddb;
		}
	}
	&.is-unpaid {
		top: 0;

		@include query-min($break) {
			top: 0;
			&::before {
				width: 7px;
				height: 7px;
			}
		}
	}
	&.is-green {
		&::before {
			background-color: #2b9b71;
		}
	}
}

.u-underline {
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 50%,
		#ffc900 0%
	);
	padding-bottom: 5px;
	&--02 {
		background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 50%,
		#ffd94d 0%
		);
		padding-bottom: 2px;
	}
}

.u-font-14 {
  font-size: 1.4em;
}