@charset "UTF-8";
header img{max-width: 100%; height: auto; vertical-align: top;}
main{pbackground-color: #f7f2e6;}
nav ul{margin: 0; padding: 0; list-style-type: none;}
nav li a{text-decoration: none;}
header h1{background-color: #c9151e;}
header nav > ul > li{position: relative;}
header nav ul li *:not(span){display: flex; align-items: center; width: 100%; color: #969696; background-color: #323232; font-weight: 500; text-decoration: none; line-height: 1.4;}
header nav ul li ul{display: none;}
header nav ul li ul li *{border-top: 1px solid #ffffff;}
footer{padding: 2.0em 0; color: #ffffff; background-color: #c9151e; text-align: center;}
footer > a{display: inline-block;}
footer > a img{display: inline-block; margin-right: auto !important; margin-left: auto !important;}
footer p{margin: 1.0em 0 0; font-size: 0.65em;}

@media only screen and (max-width: 834px) {
	body	{font-size: 3.5vw;}
	.only-lg{display: none !important;}
	header h1.reset{display: flex; align-items: center; justify-content: center;height: 70px; padding: 20px 0; text-align: center;}
	header h1 span,header h1 span a img{display: inline-block; width: auto; height: 32px;}
	header button{display: flex; align-items: center; flex-direction: column; justify-content: center; position: absolute; top: 0; right: 0; width: 70px; height: 70px; padding: 0; background-color: transparent; border: none; outline: none; appearance: none;}
	body.open header button{background-color: #ffffff;/* border: 20px solid #333;*/}
	header button:before, header button:after{display: block; content: ""; width: 30px; height: 3px; background-color: #ffffff; transition: all 0.25s;}
	body.open header button:before, body.open header button:after{ width: 40px; height: 2px; background-color: #c9151e;}
	body.open header button:before{transform: rotate(45deg)/**/ translate(-4px, -14px); transform-origin: top left;}
	body.open header button:after{transform: rotate(-45deg) translate(6px, -15px); transform-origin: top right;}
	header button span{display: block; width: 30px; height: 3px; margin: 6px 0; background-color: #ffffff; text-indent: -999em;}
	body.open header button span{display: none;}
	body:not(.open) header nav{display: none;}
	header nav > ul > li > *:not(ul){height: 60px; padding: 0 1.0em; color: #ffffff !important; background-color: #c9151e; border-top: 1px solid #ffffff;}
	header nav > ul > li > a{background-color: #c9151e;}
	header nav > ul > li > b:after{display: block; content: ""; position: absolute; top: 26px; right: 1.0em; width: 15px; height: 12px; background-color: #ffffff; clip-path: polygon(50% 100%, 0 0, 100% 0); transition: all 0.25s;}
	header nav > ul > li > b.active:after{transform: rotate(180deg)}
	header nav > ul > li > *.active + ul {display: block;}
	header nav > ul > li > * + ul li a{height: 35px; padding: 0 1.0em; color: #ffffff;}
	footer img{width: 60%;}
}
@media only screen and (min-width: 835px) {
	body	{font-size: 18px;}
	.only-sm{display: none !important;}
	header h1 .field{display: block; margin: 0 40px; padding: 30px 0;}
	header h1 .field a{display: inline-block; width: 361px;}
	header nav{display: none;}
	header nav{background-color: #f7f2e6;}
	header nav > ul{display: flex; align-items: stretch; justify-content: space-between; width: 1338px; margin: 0 auto;}
	header nav > ul > li{display: flex; width: 100%;}
	header nav > ul > li:not(:first-child){margin-left: 2px;}
	header nav > ul > li > a, header nav > ul > li > b{flex-direction: column; flex-wrap: wrap; justify-content: center; height: 64px; color: #969696; background-color: #323232; transition: all 0.25s;}
	header nav > ul > li:hover > *, header nav > ul > li > * + ul li a:hover{color: #ffffff; background-color: #000000}
	header nav > ul > li:not(:hover) > *, header nav > ul > li > * + ul { border-radius: 0 0 7px 7px; overflow: hidden;}
	header nav > ul > li > *:hover + ul, header nav > ul > li > * + ul:hover{display: block; position: absolute; top: 64px; left: 0; z-index: 1;}
	header nav > ul > li > * + ul li a{ justify-content: center; height: 64px;}
	header button{display: none;}
	footer img{width: 200px;}
}