@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;700;900&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display: block;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q { quotes:none;} blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
b,strong {font-weight:bold;}
i,em {font-style:italic;}
.rwContentBox ul,.cn ul { list-style-type:disc;margin:20px 0;margin-left:45px;}
.rwContentBox ol,.cn ol { list-style-type:decimal;margin:20px 0;margin-left:55px;}
.rwContentBox li,.cn li { padding-left:0px;}
.rwContentBox table td {vertical-align:top;}
div,h1,h2,h3,h4,h5,h6,p,form { position:relative;margin:0;padding:0;display:block;font-weight:normal;}
ul { margin-top:0;}
img { border:0;}
.clear,.cl { clear:both;}
	
html {
	font-family: raleway, sans-serif;
	font-size: 20px;
	scroll-behavior: smooth;
	}

body {
	font-size: 1rem;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
    -webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
	}

a {
	color: brown;
	outline: none;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	text-decoration: none;
	}
a:hover {
	color: red;
	}

body>header>div {
	position: relative;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	}

body>header>div h1 {
	display: inline-block;
	vertical-align: middle;
	font-size: 2rem;
	line-height: 3rem;
	margin: 1rem;
	padding: 0 1rem;
	border-right: 1px solid #0003;
	}

body>header>div h2 {
	display: inline-block;
	vertical-align: middle;
	font-size: .9rem;
	line-height: 3rem;
	margin: 1rem 0;
	line-height: 1.3;
	}

.tel2 {
	position: absolute;
	top: 1.7rem;
	right: 2rem;
	font-weight: 700;
}

@media (max-width: 1100px) {

	html {
		font-size: 18px;
	}
	
	body>header>div h1 {
		border-right: none;
		}
	
	body>header>div h2 {
		display: none;
	}
}

@media (max-width: 660px) {

	html {
		font-size: 16px;
	}

	.tel2 {
		display: none;
	}

	body>header>div h1 {
		display: block;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
		}
}

body>header>div div {
	display: block;
	background: #000 url('bg.jpg') no-repeat center;
	background-size: cover;
	}


body>header>div div p {
	display: inline-block;
	background: #0008;
	padding: 3rem 4rem;
	color: #fff;
}

@media (max-width: 660px) {

	body>header>div div p {
		display: block;
		padding: 2rem;
	}
}



body>header>div div a {
	display: block;
	color: #fff;
	margin-top: 1rem;
	}

a.tel {
	font-weight: 700;
	font-size: 2rem;
	}

body>header>div p span {
	display: block;
	margin-top: 1rem;
	}

main {
	position: relative;
	display: block;
	background: url('bg2.jpg') no-repeat bottom center;
	background-size: 100%;
	}

@media (min-width: 1400px) {
	main {
		background: url('bg2.jpg') no-repeat top center;
		background-size: cover;
		}

}

@media (max-width: 660px) {
	main {
		background: url('bg2.jpg') no-repeat bottom center;
		background-size: 200%;
		}

}

main>div {
	position: relative;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 1rem 0 3rem 0;
	text-align: center;
	}

main section {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding: 2rem;
	text-shadow: 2px 2px 10px #fff, 2px 2px 10px #fff, 2px 2px 10px #fff, 2px 2px 10px #fff;
	}

main section header {
	font-size: 2rem;
	margin-bottom: 1rem;
}

	
main section ul {
	list-style-type: disc;
	margin-left: 2rem;
}

footer {
	display: block;
	background: #000 url('bg.jpg') no-repeat center;
	background-size: cover;
	}

footer>div {
	display: block;
	background: #0007;
	padding: 2rem;
	color: #fff;
	text-align: right;
	font-size: .8rem;
	}

footer * {
	color: #fff;
	text-align: right;
	text-shadow: 1px 1px 6px #000, 1px 1px 6px #000 1px 1px 6px #000;
}

@media (max-width: 660px) {
	main section {
		display: block;
		padding: 1rem;
		}

}

@media (max-width: 420px) {
	html {
		font-size: 14px;
		}
	body>header>div h1 {
		font-size: 1.8rem;
		}
	main section ul, main section p {
		font-size: 1.2rem;
	}
}