@charset "utf-8";
/* reset */
html:not(.not-white),
body:not(.not-white) {
	background: #fff !important;
	background-color: #fff !important;
}

/* page structure */
.white--page-wrap {
}
.white--page-inner {
	box-sizing: border-box;
	max-width: 50rem;
	margin: 0 auto;
}
.white--page-inner.max-w-unset {
	box-sizing: border-box;
	max-width: 100%;
}

/* flex */
.white--d-flex {
	display: flex;
}
.white--jc-center {
	justify-content: center;
}
.white--jc-between {
	justify-content: space-between;
}
.white--align-center {
	align-items: center;
}

/* inline */
.white--d-i-block {
	display: inline-block;
}

/* block */
.white--d-block {
	display: block;
}

/* max-width */
.white--max-w-center {
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
.white--max-w-115 {
	box-sizing: border-box;
	max-width: 11.5rem;
}
.white--max-w-150 {
	box-sizing: border-box;
	max-width: 15rem;
}
.white--max-w-275 {
	box-sizing: border-box;
	max-width: 27.5rem;
}

/* min-width */
.white--min-w-275 {
	box-sizing: border-box;
	min-width: 27.5rem;
}

/* width */
.white--w-25 {
	box-sizing: border-box;
	width: 2.5rem;
}

/* img */
.white--img > img {
	box-sizing: border-box;
	display: block;
	width: 100%;
}

/* background color */
.white--bg-000 {
	background: #000 !important;
	background-color: #000 !important;
}
.white--bg-191919 {
	background: #191919 !important;
	background-color: #191919 !important;
}
.white--bg-333 {
	background: #333 !important;
	background-color: #333 !important;
}
.white--bg-fff {
	background: #fff !important;
	background-color: #fff !important;
}
.white--bg-orange {
	background: #f1890e !important;
	background-color: #f1890e !important;
}
.white--bg-222 {
	background: #222 !important;
	background-color: #222 !important;
}

/* text color */
.white--c-fff {
	color: #fff !important;
}
.white--c-333 {
	color: #333 !important;
}
.white--c-f00 {
	color: #f00 !important;
}
.white--c-blue {
	color: #3778F1;
}
.white--c-navy {
	color: #092846;
}
.white--c-red {
	color: #F84F63;
}

/* border color */
.white--bc-fff {
	border-color: #fff !important;
}

/* border */
.white--b-white-1 {
	border: .1rem solid #fff;
}
.white--bb-white-1 {
	border-bottom: 1px solid #fff;
}

.white--b-ccc-1 {
	border: .1rem solid #ccc;
}
.white--b-ccc-2 {
	border: .2rem solid #ccc;
}

.white--b-555-1 {
	border: .1rem solid #555;
}
.white--b-555-2 {
	border: .2rem solid #555;
}
.white--bb-555-1 {
	border-bottom: .1rem solid #555;
}

.white--b-orange-1 {
	border: .1rem solid #f1890e;
}
.white--b-orange-2 {
	border: .2rem solid #f1890e;
}

/* border-radius */
.white--br-5 {
	border-radius: .5rem;
}

/* button */
.white--btn {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	line-height: 1.4;
	text-align: center;
	color: #fff;
	background-color: #f1890e;
	padding: .8rem 1rem;
	border: 1px solid #f1890e;
	border-radius: .4rem;
}
.white--btn.disabled,
.white--btn:disabled {
	pointer-events: none;
	opacity: .5;
}

.white--btn.white--btn-c-black {
	color: #fff;
	background-color: #000;
	border-color: #000;
}
.white--btn.white--btn-c-grey {
	color: #fff;
	background-color: #737373;
	border-color: #737373;
}

.white--btn.white--btn-block {
	display: flex;
	width: 100%;
}

/* button color */
.white--btn-c-fff {
	background: #fff !important;
	background-color: #fff !important;
	color: #000 !important;
}

/* form - input */
input.white--input {
	box-sizing: border-box;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 1rem;
	color: #fff;
	background-color: #323232;
	border: 1px solid #fff;
	border-radius: 0;
	height: unset;
}
input.white--input.white--input-block {
	display: block;
	width: 100%;
}
.white--input.disabled,
.white--input:disabled {
	opacity: .1 !important;
	pointer-events: none;
}

/* form - select */
select.white--select {
	box-sizing: border-box;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 1rem;
	color: #fff;
	background-color: #323232;
	border: 1px solid #fff;
	border-radius: 0;
	height: unset;
}
.white--select.disabled,
.white--select:disabled {
	opacity: .1 !important;
	pointer-events: none;
}
/* triangle icon */
.white--input.white--select-triangle-icon,
.white--select.white--select-triangle-icon {
	box-sizing: border-box;
	position: relative;
	padding-right: 2rem;
}
.white--select-triangle-icon:after {
	content: '';
	display: block;
	box-sizing: border-box;
	position: absolute;
	border: .5rem solid transparent;
	border-top-color: #fff;
	right: 1rem;
	transform: translateY(-.25rem);
	top: 50%;
}
.white--select-triangle-icon::-webkit-inner-spin-button,
.white--select-triangle-icon::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

/* form - radio */
input[type='radio'] + label.white--radio {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	padding-left: 2.25rem;
	cursor: pointer;
}
input[type='radio'] + .white--radio-icon {
	position: relative;
}
input[type='radio'] + label.white--radio:before,
input[type='radio'] + .white--radio-icon:before {
	box-sizing: border-box;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: .5rem;
	transform: translateY(-50%);
	width: 1.6rem;
	height: 1.6rem;
	background: #fff;
	border-radius: 50%;
	border: .1rem solid #e0e0e0;
}
input[type='radio']:checked + label.white--radio:after,
input[type='radio']:checked + .white--radio-icon:after {
	box-sizing: border-box;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: .8rem;
	transform: translateY(-50%);
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #16a9b2;
}