@charset "utf-8";

:root {
	font-size: 10px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	position: relative;
	font-size: 1.9rem;
	font-weight: 500;
}

img {
	max-width: 100%;
}

a {
	text-decoration: none;
}

header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	padding: 0 90px;

	h1 {
		flex-basis: 130px;
		margin: 0;
		padding-top: 10px;

		img {
			fill: white;
		}
	}

	nav {
		flex-basis: calc(100% - 130px);
		ul {
			width: 100%;
			margin: 0;
			padding: 0;
			display: flex;
			justify-content: flex-end;
			font-size: 2.0rem;

			li {
				display: inline-block;
				border-radius: 0 0 15px 15px;
				margin: 0 15px;

				&.link {
					background: #ffffff;
					margin: 0 0 0 20px;
					font-size: 2.4rem;

					a {
						color: #037baf;
						padding: 30px 25px;

						img {
							width: 3.6rem;
							vertical-align: middle;
						}
					}
				}

				a {
					color: #ffffff;
					display: block;
					padding: 30px 0;
				}
			}
		}
	}
}

body > div {
	padding-bottom: 100px;
}
body > ul {
	position: absolute;
	left: 58.2%;
	top: 72.0%;
	display: flex;
	align-items: center;

	li {
		display: inline-block;
		margin-right: 20px;
		flex-basis: 8.0rem;
		a {
			display: block;
			img {
				width: 8.0rem;
			}
		}
	}
}
footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding-bottom: 100px;

	ul {
		text-decoration: none;
		text-align: center;
		margin: 0;

		li {
			display: inline-block;
			margin: 0 25px;

			a {
				color: #ffffff;
				display: block;
				background: #037baf;
				border-radius: 65px;
				width: 550px;
				padding: 40px 0;
				font-size: 3.0rem;

				img {
					width: 4.8rem;
					vertical-align: bottom;
				}
			}
		}
	}
}