html {min-height: 100%;height:100%;scroll-behavior: smooth;}
body {margin:0;font-family: 'PT Sans', sans-serif;min-height: 100%;height:100%;position: relative;color:#414141;}

* {box-sizing: border-box;}

@font-face {
    font-family: 'font-awesome';
    src: url('../fonts/fontawesome/webfonts/fa-solid-900.eot');
    src: url('../fonts/fontawesome/webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome/webfonts/fa-solid-900.woff') format('woff'), url('../fonts/fontawesome/webfonts/fa-solid-900.ttf') format('truetype'), url('../fonts/fontawesome/webfonts/fa-solid-900.svg#fontawesome-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {color:#2B4162;}
a:hover {color:rgb(194,192,208);}
p {margin:0 0 15px 0;padding:0;font-size:1.3em;line-height:1.6em;text-align:justify}
.ttl {display:block;font-size:1.6em;font-weight:700;margin:0 0 8px 0;line-height:1.1em;}
h2 {font-size:2.5em;font-weight:400;}
.backToTop {text-align:right;font-size:1em;margin:0;clear:both;display:block;position:absolute;bottom:0;right:0}
.backToTop a {text-decoration:none;background-color:#0095db;padding:8px 16px;border-radius:20px 20px 0 0;color:#fff;transition: background 1s;margin:0;display:block;}
.backToTop a:hover {background-color:#bce3fa;color:#0095db;}
.txtCenter {text-align:center;}
.bgLight {background-color:#f6f6f5;}
.p-3 {padding:20px;}
.mb-3 {margin-bottom:30px !important;}
.pt-0	{padding-top:0 !important}

main h2,
footer h2,
h2.sml {font-weight:400;font-size:1.2em;}
footer h2 {color:#bce3fa;}
main h3 {font-weight:400;font-size:2.3em;margin:0 0 15px;padding:0}
aside h2 {color:#0095db;}
aside p.ttl {max-width:500px;margin:0 auto 40px auto;font-weight:400;font-size:1.3em;}
aside .row {align-items:stretch}
aside .row .col p {font-size:1.1em;line-height:1.3em;}

.txt,
.txt ul  {text-align:left;list-style:none;margin:20px 0;padding:0}
.txt ul li {margin:0 0 10px 0;padding:0 0 0 20px;position:relative;}
.txt ul li:before {content: "\f138";font-family: 'font-awesome';height:12px;width:12px;position:absolute;top:4px; left:0;font-size:12px;color:#28ace2;}

.container {width:90%;max-width:1400px;margin:0 auto;padding:35px 25px;}
.container.bottom {position:relative;}
.container.bottom p {margin:0;padding:0}

header  {background-color:#fff;}
header .container {max-width:1800px;margin:0 auto;padding:25px 15px;}

nav {display:flex;align-items:center;gap:25px;justify-content:space-between;color:#fff}
nav .brand {font-size:2.2em;font-weight:700;order:2;width:33%;text-align:center;}
nav .brand img {max-height:140px}
nav ul {list-style:none;margin:0;padding:0;font-size:1em;order:1;width:33%;}
nav ul li {display:inline-block;margin:0 15px 0 0;padding:0;}
nav ul li a {text-decoration:none;color:#28ace3}
nav ul li a:hover {color:#92c83b}
nav span.note {font-size:1em;order:3;width:33%;text-align:right;color:#90c843;}
.number {border:2px solid #90c843;border-radius:20px;padding:5px 12px;color:#90c843;text-decoration:none;}
.number:before {content: "\f879";font-family: 'font-awesome';height:12px;width:12px;margin:0 8px 0 0}
.number:hover {background-color:#90c843;color:#fff;}
.number:hover:before {color:#fff}

main {background-color:#90c843;background-image:url(../images/site/bg_about.svg);background-repeat:no-repeat;background-position:bottom right;background-size:60%}
main .container.containerFull {width:100%;max-width:none;padding:25px 0}
main .container .txt {color:#fff;width:60%;}

article {margin:0 0 60px 0}
article .container{padding-bottom:60px}

aside .row .col {min-width: 0;}/*fix for slick slider width*/
aside h3 {font-weight:400;font-size:1.8em;text-transform:uppercase;color:#414141;}
/*aside h3:before {content:"";width:80px;height:80px;background-color:#0095db;display:block;clear:both;margin:0 auto 20px auto;border-radius:50%;}
aside h3:before {background-size:80%;background-position:center center;background-repeat:no-repeat;}
aside .dent h3:before {background-image:url(../images/site/dent_ico.svg);}
aside .psi h3:before {background-image:url(../images/site/psi_ico.svg);}*/
aside h3 .icos {display:block;clear:both;margin:0 auto 20px auto;}
aside h3 .icos .ico {border-radius:50%;display:inline-block;width:80px;height:80px;padding:10px}
aside h3 .icos img {width:100%;height:100%;vertical-align:bottom;}
aside .dent h3 .icos .ico {background-color:#0095db;}
aside .psi h3 .icos .ico {background-color:#90c843;}
aside .psi .txt ul li:before {color:#90c843;}

footer {width: 100%;background-color:#0095db;color:#f4f4f4;background-image:url(../images/site/bg_footer.svg);background-repeat:no-repeat;background-position:bottom right;background-size:60%}
footer a {text-decoration:none;color:#fff;}
footer a:hover {color:#bce3fa;}
footer h3 {color:#fff;font-weight:400;font-size:2em;margin:0;padding:0 0 10px 0}
footer .ttl {color:#bce3fa;font-weight:700;font-size:1.1em;}
footer ul {list-style:none;margin:0;padding:0}
footer ul li {margin:0;padding:0 0 3px 0;font-size:1em;}
footer ul li strong {font-size:0.9em;font-weight:400;color:#bce3fa;min-width:25px;display:inline-block;}
footer ul li strong.clm {min-width:80px;}
footer p {font-size:1em;text-align:left;}
footer iframe {width:100%;}

.row {display:flex;gap:20px 40px;align-items:flex-start;}
.row .col {width:50%;}

.rowVertical {display:flex;gap:20px;align-items:flex-start;margin:20px 0;flex-direction:column}
.rowVertical .col {width:100%}

.single-item {width:100%;max-width:100%;padding:0;}
.single-item div {padding:0;margin:0;}
.single-item .slick-slide div {position:relative;}
.single-item .slick-slide .caption {position:absolute;bottom:60px;left:60px;right:60px;z-index:99}
.single-item .slick-slide .caption .ttl {color:#fff;font-size:3em}
.single-item .slick-slide .caption .ttl.txtRight {text-align:right;}
.single-item .slick-slide div img {display:block;margin:0;width:100%}

.regular .slick-slide > div {padding: 5px;}

.responsive .slick-slide div {text-align:center;min-height:100px}
.responsive .slick-slide div img {height:100px;width:auto;margin:0 auto;}
.responsive .slick-slide div p {text-align:center;padding:30px 0;margin:0;font-size:1.3em}
.responsive .slick-prev:before, .responsive .slick-next:before {color:#bce3fa}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {

	header {/*border:1px solid lime;*/}
	
	.container {width:98%;}
	
	main,
	footer {background-size:95%}
	
	main .container .txt {width:53%;}
	
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
	
	header {/*border:1px solid purple;*/}
	
	.container {width:98%;}
	
	main {background-size:80%;background-image:url(../images/site/bg_about_transp.svg);}
	footer {background-size:95%}
		
	main .container .txt {width:100%;}
	
	footer ul li strong,
	footer ul li strong.clm {min-width:auto;font-weight:700}
	
	.single-item .slick-slide .caption .ttl {font-size:2em}
	
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
	

	header {/*border:1px solid blue;*/}
	header .container {padding-top:0}
	
	nav {align-items:stretch;gap:10px;flex-direction:column;}
	nav .brand {order:2;font-size:1.8em;}
	nav .brand img {max-width: 26%;max-height:none;}
	nav ul {order:3;font-size:1em;display:block;text-align:center;}
	nav ul li {margin:0 auto;padding:0 8px 4px 8px}
	nav span.note {order:1;text-align:right;display:block;}
	nav span.note .number {display:inline-block;border-top:none;border-radius:0 0 20px 20px}
	nav .brand,
	nav ul,
	nav span.note {width:100%;}	
	
	.container {width:98%;}
	
	main {background-size:100%;background-image:url(../images/site/bg_about_transp.svg);}
	footer {background-size:95%}
		
	main .container .txt {width:100%;}
	
	footer ul li strong,
	footer ul li strong.clm {min-width:auto;font-weight:700}
	
	.single-item .slick-slide .caption .ttl {font-size:2em}
	
}

@media only screen and (min-width: 577px) and (max-width: 768px) {
	
	
	header {/*border:1px solid pink;*/}
	header .container {padding-top:0}
	
	nav {align-items:stretch;gap:10px;flex-direction:column;}
	nav .brand {order:2;font-size:1.8em;}
	nav .brand img {max-width: 26%;max-height:none;}
	nav ul {order:3;font-size:1em;display:block;text-align:center;}
	nav ul li {margin:0 auto;padding:0 8px 4px 8px}
	nav span.note {order:1;text-align:right;display:block;}
	nav span.note .number {display:inline-block;border-top:none;border-radius:0 0 20px 20px}
	nav .brand,
	nav ul,
	nav span.note {width:100%;}	
		
	nav {align-items:stretch;gap:10px;flex-direction:column}
	nav .brand {order:2}
	nav ul {order:3}
	nav span.note {order:1;text-align:right}
	
	.row {display:flex;gap:20px;align-items:flex-start;flex-direction:column}
	.row .col {width:100%;}
	
	.container {width:98%;}
	
	main {background-size:115%;background-image:url(../images/site/bg_about_transp.svg);}
	footer {background-size:95%}
		
	main .container .txt {width:100%;}
	
	footer ul li strong,
	footer ul li strong.clm {min-width:auto;font-weight:700}
	
	.single-item .slick-slide .caption .ttl {font-size:2em}
	
}

@media only screen and (min-width: 100px) and (max-width: 576px) {
	
	
	header {/*border:1px solid red;*/}
	header .container {padding-top:0}
	
	p {font-size:1.1em;line-height:1.3em;}
	.ttl {font-size:1.4em;line-height:1.1em;}
	
	nav {align-items:stretch;gap:10px;flex-direction:column;}
	nav .brand {order:2;font-size:1.8em;}
	nav .brand img {max-width: 45%;max-height:none;}
	nav ul {order:3;font-size:1em;display:block;text-align:center;}
	nav ul li {margin:0 auto;padding:0 8px 4px 8px}
	nav span.note {order:1;text-align:right;display:block;}
	nav span.note .number {display:inline-block;border-top:none;border-radius:0 0 20px 20px}
	nav .brand,
	nav ul,
	nav span.note {width:100%;}	
	
	.row {display:flex;gap:20px;align-items:flex-start;flex-direction:column}
	.row .col {width:100%;}
	
	.container {width:98%;}
	
	main {background-size:135%;background-image:url(../images/site/bg_about_transp.svg);}
	footer {background-size:95%}
		
	main .container .txt {width:100%;}
	
	main h3 {font-size:1.8em;line-height:1.1em;}
	
	footer ul li strong,
	footer ul li strong.clm {min-width:auto;font-weight:700}
	
	.single-item .slick-slide .caption 	{left:40px;right:40px;bottom:40px}
	.single-item .slick-slide .caption .ttl {font-size:1.3em}

}