@font-face {
  font-family: Lora;
  font-style: normal;
  src: url('/fonts/Lora-r.ttf') format("truetype-variations");
}
@font-face {
  font-family: Lorai;
  font-style: italic;
  src: url('/fonts/Lora-i.ttf') format("truetype-variations");
}
@font-face {
  font-family: Vyaz;
  font-weight: normal;
  src: url('/fonts/Vyaz_r.ttf') format("truetype-variations");
}
@font-face {
  font-family: Vyaz;
  font-weight: bold;
  src: url('/fonts/Vyaz_b.ttf') format("truetype-variations");
}

:root {
--c1: #E1B274;
--c2: #282828;
--c3: #9A9A9A;
--c4: #F1EFEC;
--c5: #90A3A2;
--c6: #0f6ecd;

--p1: 80px;
--p2: 40px;
}

html {font-family:serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;padding: 0}
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;outline: none;list-style: none; font-family: Lora;color:var(--c2)}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block; font-family: Lora;color:var(--c2)}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent; color:#0f6ecd;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}

body{
	background-color: #fff;
}

.cnv{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--p1);
}

.hp{
	background: no-repeat 50%;
	background-size: cover;
}

.hp .cnv{
	position: relative;
	height: 400px;
}

.head-org{
	position: absolute;
	top: 0;
	left: var(--p1);
	right:  var(--p1);
	display: flex;
	align-items: center;
	justify-content: space-around;
	height: 40px;
	background-color: var(--c1);
}

.head-org dd{
	color: #fff;
}
.head-org dt{
	display: block;
	height: 6px;
	width: 6px;
	background: url('data:image/svg+xml;utf8,<svg width="6" height="7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.8.7l2 2 2-2 .8.8-2 2 2 2-.9.8-2-2-1.9 2-.8-.8 2-2-2-2L.8.8z" fill="%23fff"/></svg>');background-size: 6px 6px;
}

.logo{
	position: absolute;
	top: var(--p1);
	left: var(--p1);
	height: 173px;
	width: 189px;
	background: url(/f/logo.svg) no-repeat 0 0;
}

menu {
position: absolute;
right: var(--p1);
top: var(--p1);
width: 70%;
text-align: right;
}
menu li{
	display: inline-block;
	margin-left: 20px;
	margin-bottom: 5px;
}

menu a{
	display: block;
	font-family: Vyaz, sans-serif;
	font-size: 30px;
	line-height: 30px;
	color: #fff;
        text-decoration: none;
}

menu a.current{
	color: var(--c1);
	border-bottom: 5px solid var(--c1);
}
menu a:hover{
	color: var(--c1);
	text-decoration: underline;
	
}


.hp h1{
	position: absolute;
	left: var(--p1);
	right: var(--p1);
	bottom: var(--p2);
	font-family: Vyaz, sans-serif;
	font-weight: bold;
	font-size: 40px;
	line-height: 40px;
	color: var(--c1);
}

.main{
	display: grid;
	grid-template-columns: 1fr 300px;
	gap: 40px;
	margin-top: var(--p1);
	margin-bottom: var(--p1);
	font-size: 16px;
}

main h2{
	font-size: 30px;
	font-weight: bold;
	margin: var(--p2) 0;
}
main h3{
	font-size: 18px;
	margin: var(--p2) 0;
	font-weight: bold;
}
main h4{
	font-size: 30px;
	margin: var(--p2) 0;
	font-weight: bold;
}
main h5{
	font-size: 24px;
	margin: var(--p2) 0;
	font-weight: bold;
}
main h6{
	font-size: 20px;
	margin: var(--p2) 0;
	font-weight: bold;
}

main p{
	margin: var(--p2) 0;
	line-height:26px;
}
main ul,main  ol{
	margin: var(--p2) 0;
	line-height:26px;
}

main li::marker{
	color: var(--c1);
}

main ul li{
	margin-left: 20px;
	padding-left: 30px;
	margin-bottom: calc( var(--p2) / 5 );
	line-height:26px;
	background: no-repeat 0 9px url('data:image/svg+xml;utf8,<svg width="11" height="11" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="5.5" cy="5.5" r="4" stroke="%23E1B275" stroke-width="3"/></svg>');background-size: 11px 11px;
	}
main ol li{
	margin-left: 30px;
	//padding-left: var(--p1);
	margin-bottom: 17px;
	list-style: decimal;
}
main table{
	margin: var(--p2) 0;
	line-height:26px;
}
main em{
	font-family: Lorai;
	font-style: italic;
}

main :first-child{
	margin-top: 0;
}
main :last-child{
	margin-bottom: 0;
}
maim img{
  max-width: 100% !important;
  height: auto !important;
}

aside li{
	margin-bottom: 20px;
}
aside a{
	display: inline;
	//border-bottom: 1px solid var(--c6);
}
aside a:hover{
	color: var(--c1);
	text-decoration: none;
}
aside a.current{
	display: block;
	border: none;
	background-color: var(--c1);
	color: #fff;
	padding: 5px 20px;
	border-radius: 7px;
}

.slider{
	position: relative;
//	margin-bottom: var(--p2);
}

.slider-nav{
	position: relative;
	bottom: 90px;
	text-align: right;
}
.slider-nav a{
	display: inline-block;
	height: 38px;
	width: 38px;
	border-radius: 50%;
	margin-left: 42px;
	border: 2px solid var(--c1);
	background: var(--c1) no-repeat 45% 50% url('data:image/svg+xml;utf8,<svg width="9" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 1L1 8l7 7" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-size: 9px 16px;
	transition: background-color .3s;
}
.slider-nav a:hover{
	background-color: transparent;
	transition: background-color .3s;
}

.slider-r{
	transform: rotate(180deg);
}

.hi {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.hi .cnv{
	position: relative;
}

.news-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: var(--p2);
}

.news-header h1{
	font-family: Vyaz, sans-serif;
	font-weight: bold;
	font-size: 60px;
	line-height: 1;
	color: var(--c1);
}

.news-header a{
	display: block;
	font-size: 16px;
	border: 2px solid var(--c6);
	height: 38px;
	line-height: 38px;
	padding: 0 15px;
	border-radius: 40px;
	margin-bottom: 8px;
	transition: .3s;
}

.news-header a:hover{
	background-color: var(--c6);
	color: #fff;
	text-decoration: none;
	transition: .3s;
}

.news-list{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: var(--p2);
	margin-bottom: var(--p1);
}
.news-list.cnv{
	margin-top: var(--p1);
}

.news-list picture{
	display: block;
	position: relative;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, .1);
	margin-bottom: var(--p2);
}

.news-list img{
	display: block;
	position: relative;
	border: 20px solid #fff;
	transition: .5s;
	z-index: 1;
}

.news-list picture::after{
	content: "";
	position: absolute;
	left: 20px;
	right: 20px;
	top: 20px;
	bottom: 0px;
	background: rgba(196, 125, 75, 0.01);
	box-shadow: 0px 0px 50px rgba(196, 125, 75, 0.7);
}

.news-list h6{
	font-family: Vyaz, sans-serif;
	font-size: 30px;
	line-height: 1;
	color: var(--c1);
	margin-bottom: 20px;
}

.news-list a:hover{
	text-decoration: none;
}

.news-list a:hover img{
	border-color: var(--c1);
	transition: .3s;
}

.rite-cnv{
	background-color:var(--c1);
	padding: var(--p2) 0;
}

.rite-cnv h1{
	font-family: Vyaz, sans-serif;
	font-weight: bold;
	font-size: 60px;
	line-height: 1;
	color: #fff;
	margin-bottom: var(--p2);
}

.rite-list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--p2);
}

.rite-list a{
	padding: 20px;
	background-color: #fff;
	transition:background-color .3s
}
.rite-list h6{
	font-size: 20px;
	margin-top: 20px;
	font-weight: 550;
}
.rite-list p{
	display: inline-block;
	font-size: 16px;
	margin-top: 6px;
	border-bottom: 1px solid var(--c1);
}
.rite-list a:hover{
	background-color: var(--c4);
	text-decoration: none;
	transition:background-color .3s
}

.rite-list a:hover p{
	color: var(--c1);
}

main .rite-list a{
	background-color: var(--c4);
}
main .rite-list h6{
	margin-bottom: 0;

}

.timetable table{
	border: 5px solid var(--c1)
}

.timetable td{
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid var(--c1)
}

.timetable p{
	margin: 6px 0;
}

.link-list{
	margin: var(--p2) 0;
}

.link-list h6{
	font-family: Vyaz, sans-serif;
	font-weight: bold;
	font-size: 26px;
	line-height: 1;
	color: var(--c1);
	margin-top: 30px;
}

.link-list a{
	border-bottom: 1px solid var(--c6);
}
.link-list a:hover{
	text-decoration: none;
	color: var(--c1);
	border-bottom: 1px solid var(--c1);
}

.alb{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 20px;
	margin-bottom: var(--p1);
}

.alb picture{
	display: block;
	position: relative;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, .1);
}

.alb img{
	display: block;
	position: relative;
	border: 10px solid #fff;
	transition: .5s;
	z-index: 1;
}

.alb picture::after{
	content: "";
	position: absolute;
	left: 20px;
	right: 20px;
	top: 20px;
	bottom: 0px;
	background: rgba(196, 125, 75, 0.01);
	box-shadow: 0px 0px 50px rgba(196, 125, 75, 0.7);
}

.map{
	height: 500px;
}

footer{
	background-color: var(--c4);
	padding: var(--p2) 0;
}

footer .cnv{
	font-size: 13px;
	color: var(--c3);
}

@media screen and (max-width: 1200px) {
	:root {
	--p1: 40px;
	--p2: 20px;
	}

	.head-org {
		height: 20px;
		font-size: 11px;
		font-weight: 500;
	}


}


@media screen and (max-width: 960px) {
	menu li {
		display: block;
		margin-left: 0px;
		margin-bottom: 10px;
		text-align: right;
	}
	menu  {
		display: inline;
	}
	.hp h1,.news-header h1,.rite-cnv h1 {
		font-size: calc(1.875rem + ((1vw - 4.8px) * 6.25));
		line-height: calc(1.875rem + ((1vw - 4.8px) * 6.25));
   	min-height: 0vw;
        display:none;
	}

	.main {
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column-reverse;
                left: 10px !important;
	}

	aside{
		background-color: var(--c4);
		padding: var(--p2) var(--p2) 10px var(--p2);
	}
	aside li {
		margin-bottom: 10px;
	}
	main{
		padding: var(--p2);
	}
}


@media screen and (max-width:768px){
	.cnv{
		padding: 0 var(--p2);
	}
	.head-org{
		display: none;
	}
	.logo {
		top: var(--p2);
		left: var(--p2);
		height: 130px;
		width: 161px;
		background-size: 142px 130px;
	}
	menu {
		right: var(--p2);
		top: var(--p2);
	}
	.slider-nav {
		bottom: 60px;
	}
	.news-list{
		display: block;
	}
	.news-list a{
		display: block;
		overflow: hidden;
	}
	.news-list picture{
		margin-left: 23px;
		margin-bottom: 47px;
		width: 40%;
		float: left;
		margin-right: 20px;
	}
	.news-list img {
		border: 5px solid #fff;
	}
	.news-list h6{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.rite-list {
		grid-template-columns: repeat(2, 1fr);
	}
	.link-list{
		display: block;
	}
	.link-list li{
		margin-bottom: var(--p2);
	}

	main h2{
		font-size: 20px;
	}
	main h3{
		font-size: 18px;
	}
	main h4{
		font-size: 16px;
	}
	main h5{
		font-size: 15px;
	}
	main h6{
		font-size: 14px;
	}
	main ul li{
		margin-left: 20px;
		padding-left: var(--p2);
		}
	main ol li{
		margin-left: 20px;
		padding-left: var(--p2);
	}
	.hp h1,.news-header h1,.rite-cnv h1 {
		font-size: 30px;
		line-height: 1;
   	min-height: 0vw;
	}
}


@media screen and (max-width:480px){
	.rite-list {
		grid-template-columns: repeat(1, 1fr);
	}
}