@charset "UTF-8";

/* --------------------------------------------------
// margin
/-------------------------------------------------- */
.u-mt-section {margin-top: 80px;}
.tablet .u-mt-section {margin-top: 96px;}
.pc .u-mt-section {margin-top: 112px;}

.u-mt-large {margin-top: 44px;}
.tablet .u-mt-large {margin-top: 46px;}
.pc .u-mt-large {margin-top: 48px;}

.u-mt-midium {margin-top: 22px;}
.tablet .u-mt-midium {margin-top: 23px;}
.pc .u-mt-midium {margin-top: 24px;}

.u-mt-small {margin-top: 14px;}
.tablet .u-mt-small {margin-top: 15px;}
.pc .u-mt-small {margin-top: 16px;}

.u-mb-midium {margin-bottom: 22px;}
.tablet .u-mb-midium {margin-bottom: 23px;}
.pc .u-mb-midium {margin-bottom: 24px;}

.u-mb-small {margin-bottom: 14px;}
.tablet .u-mb-small {margin-bottom: 15px;}
.pc .u-mb-small {margin-bottom: 16px;}

.u-mh {margin-left: 12px; margin-right: 12px;vertical-align: middle;}

/* --------------------------------------------------
// fontSize
/-------------------------------------------------- */
.u-fs-large {font-size: 28px;}
.tablet .u-fs-large {font-size: 30px;}
.pc .u-fs-large {font-size: 32px;}

.u-fs-midium {font-size: 20px;}
.tablet .u-fs-midium {font-size: 22px;}
.pc .u-fs-midium {font-size: 24px;}

.u-fs-small {font-size: 14px;}
.tablet .u-fs-small {font-size: 15px;}
.pc .u-fs-small {font-size: 16px;}

/* --------------------------------------------------
// text
/-------------------------------------------------- */
.u-fw-bold {font-weight: bold;}

.u-ta-center {text-align: center;}
.tablet .u-ta-center-tablet {text-align: center;}
.pc .u-ta-center-pc {text-align: center;}

.u-ta-left {text-align: left;}
.tablet .u-ta-left-tablet {text-align: left;}
.pc .u-ta-left-pc {text-align: left;}

.u-ta-right {text-align: right;}
.tablet .u-ta-right-tablet {text-align: right;}
.pc .u-ta-right-pc {text-align: right;}

/* --------------------------------------------------
// link
/-------------------------------------------------- */
.u-link {text-decoration: underline;transition: all 100ms linear;}
.u-link:hover {text-decoration: none;opacity: 0.7;}

/* --------------------------------------------------
// display
/-------------------------------------------------- */
.u-inlineblock {display: inline-block;}

/* --------------------------------------------------
// webfont
/-------------------------------------------------- */
.u-ff-web {
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.05em;
	@include font-num-clop;
}
.u-ff-web::before, .u-ff-web::after {
	content: '';
	display: block;
	height: 0;
	width: 0;
}
.u-ff-web::before {
	margin-bottom: calc(-0.4em + 0px);
}
.u-ff-web::after {
	margin-top: calc(-0.28889em + 0px);
}
.u-ff-web.__light {
	font-weight: 300;
}
.u-ff-web.__regular {
	font-weight: 400;
}
.u-ff-web.__medium {
	font-weight: 500;
}
.u-ff-web.__semiBold {
	font-weight: 600;
}