@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap');
@import "../lib/ub/1.0.1/ub.css";

:root {
	--yo-gothic: Arial, YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif;
	--noto-sans-jp: Arial, "Noto Sans JP", sans-serif;
	--blue-lightest: #f6fafd;
	--blue-lighter: #e9f6ff;
	--blue: #04478d;
	--blue-dark: #034e8c;
	--blue-light: #F2FDFF;
	--grey-dark: #707070;
	--grey: #535353;
	--grey-light: #CCCCCC;
	--grey-lighter: #D5D5D5;
	--grey-lightest: #F8F8F8;
	--orange: #FF7300;
	--red: #db0a06;
	--yelow: #f3f309;
	--yellow-light: #fffcca;
	--yellow-lighter: #fffef3;

	--scrollbar-color: var(--red);
}

html, body {
	font-family: var(--noto-sans-jp);
	font-size: 15px;
	font-weight: normal;
	height: 100%;
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
	width: 100%;
}

a {
	color: inherit;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p {
	line-height: 1;
	margin-top: 0;
	margin-bottom: 0;
}

.u-bg-yellow-lighter {
	background-color: var(--yellow-lighter);
}

.u-bg-yellow-light {
	background-color: var(--yellow-light);
}

.u-bg-blue-lightest {
	background-color: var(--blue-lightest);
}

.u-bg-blue-lighter {
	background-color: var(--blue-lighter);
}

.u-bg-blue {
	background-color: var(--blue);
}

.u-bg-red {
	background-color: var(--red);
}

.u-bg-black {
	background-color: black;
}

.u-bg-white {
	background-color: white;
}

.u-bg-gradient-red-light-to-dark-vertical {
	background-image: linear-gradient(180deg, #df2724 0%, #b50505 100%);
}


.u-text-blue {
	color: var(--blue);
}

.u-text-blue-dark {
	color: var(--blue-dark);
}

.u-text-red {
	color: var(--red);
}

.u-text-yellow {
	color: var(--yelow);
}

.u-text-white {
	color: white;
}

.u-color-underline-yellow {
	background-image: linear-gradient(var(--yelow), var(--yelow));
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 100% .3em;
	padding-bottom: .1em;
}




.u-scrollbar {
	scrollbar-color: var(--scrollbar-color) transparent;
	scrollbar-width: thin;
}

.u-scrollbar::-webkit-scrollbar {
	height: 5px;
	width: 5px;
}

.u-scrollbar::-webkit-scrollbar-track {
	background: transparent;
}

.u-scrollbar::-webkit-scrollbar-thumb {
	background-color: var(--scrollbar-color);
	border-radius: 5px;
	border: 5px solid transparent;
}

.u-container,
.u-inner {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.u-container {
	max-width: 1110px;
}

body {
	margin-left: auto;
	margin-right: auto;
	max-width: 750px;
}

@media (min-width: 751px) {
	.u-sp-only {
		display: none;
	}

	.u-inner,
	.u-container {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (max-width: 750px) {
	.u-pc-only {
		display: none;
	}

	.u-inner,
	.u-container {
		padding-left: calc(100vw * 30 / 750);
		padding-right: calc(100vw * 30 / 750);
	}
}

.u-icon-arrow {
	border-style: solid;
	height: 0;
	width: 0;
}

.u-icon-arrow-down-white {
	border-color: white transparent transparent transparent;
}

@media (min-width: 751px) {
	.u-icon-arrow-down-white {
		border-width: 16px 10px 0 10px;
	}
}

@media (max-width: 750px) {
	.u-icon-arrow-down-white {
		border-width: calc(100vw * 16 / 750) calc(100vw * 10 / 750) 0 calc(100vw * 10 / 750);
	}
}



@media (min-width: 751px) {
}

@media (max-width: 750px) {
}