@charset "utf-8";

/* **********************************************************
	header
********************************************************** */
header { background-color: #ffffff; position: relative; z-index: 100; }
header dl { display: flex; justify-content: space-between; }
header dl dt { display: flex; align-items: center; font-size: 0; line-height: 0; padding-left: 2.8846vw; height: 86px; }
header dl dt img { width: 270px; }
header dl dd { display: flex; align-items: center; }
header dl dd a { display: flex; align-items: center; font-weight: 700; line-height: 1.2; text-decoration: none; }
header dl dd a small { display: block; font-size: 1.7307vw; }
header dl dd a { background-color: #009fe6; color: #fff106; font-size: 2.6923vw; padding: 0 2.8846vw; height: 86px; }

@media (min-width: 768px) {
	header dl dt a { -webkit-transition: opacity .3s; transition: opacity .3s; }
	header dl dt a:hover { opacity: 0.7; text-decoration: none; }
	header dl dd a { -webkit-transition: background-color .3s; transition: background-color .3s; }
	header dl dd a:hover { background-color: #4cbced; text-decoration: none; }
}
@media (min-width: 1040px) {
	header dl dt { padding-left: 30px; height: 86px; }
	header dl dt img { width: 270px; }
	header dl dd a small { font-size: 1.8rem; }
	header dl dd a { font-size: 2.8rem; padding: 0 30px; height: 86px; }
}
@media (max-width: 767px) {
header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100; }
header dl { align-items: center; height: 54px; }
header dl dt { padding-left: 15px; height: auto; }
header dl dt img { width: auto; height: 25px; }
header dl dd { display: flex; }
}

/* **********************************************************
	footer
********************************************************** */
footer {
	padding: 30px;
	background-color: #183073;
	color: white;
	font-size: 16px;
	letter-spacing: 1px;
}
@media (max-width: 767px) {
	footer {
		padding: 13px;
	}
	footer p {
		font-size: 10px;
	}
}