@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------

------------------------------------------------------*/

html { 
	overflow-y:scroll;
	min-height: 100%;
	position: relative;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
/*	font-family: 游明朝, YuMincho, "ヒラギノ明朝 W3 JIS2004", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	margin: 0;
	padding: 0;
/*	position: relative;*/
	min-width: 320px;
	min-height: 136px;
	background-color: #fff;
/*	overflow-y:hidden!important;
	*/
}
header {
}

a {	
	color: #222;
	outline:none;
	text-decoration:none;
}

a:hover {
	color: #0036D9;
	text-decoration:underline;
}
	
img { border:0;}

form {
	margin:0;
	padding:0;
}

p,
table,
ul,
dl{ font-size: 16px;}
td {
	vertical-align: top;
	line-height: 150%;
}
p {	line-height: 170%;}
section { clear: both;}

/************* 共通 *************/

.pc { display: block; }
.sp { display: none; }

.pc_in { display: inline; }
.sp_in { display: none; }

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.clearfix { zoom: 100%;}

/* Mac版IEのみに適用 \*//*/
.clearfix { overflow: hidden; }
/* */

.clear { clear:both; }

.fl { float:left;}
.fr { float:right;}

.center { text-align: center;}
.left { text-align: left;}
.right { text-align: right;}
.bcenter {
	margin-left: auto;
	margin-right: auto;
}
.ovhd { overflow: hidden}
.ie_img {/* IE6で画像に隙間がでる対策 */
	font-size: 0;
	line-height: 0;
}
.jfy {
	text-align: justify;
	text-justify: inter-ideograph;
} 
.none{
	display:none;
}

/************* 共通フォントサイズ/色 ***************************************************************/

.red { color:red;}
.bold { font-weight: bold;}

.f11 { font-size:79%;}
.f12 { font-size:85%;}
.ft100 { font-size:100%;}
.ftp { font-size:112%!important;}

.ft12 { font-size:12px;}
.ft17 { font-size:17px;}
.ft22 { font-size:22px;}

/************* 共通余白 *************/
.m5 { margin:5px;}
.m10 { margin:10px;}
.m20 { margin:20px;}
.m30 { margin:30px;}

.ml5 { margin-left:5px;}
.ml10 {	margin-left:10px;}
.ml20 {	margin-left:20px;}
.ml30 {	margin-left:30px;}

.mt5 { margin-top:5px;}
.mt10 {	margin-top:10px;}
.mt20 {	margin-top:20px;}
.mt30 {	margin-top:30px;}

.mr5 { margin-right:5px;}
.mr10 {	margin-right:10px;}
.mr13 {	margin-right:13px;}
.mr14 {	margin-right:14px;}
.mr20 {	margin-right:20px;}
.mr25 {	margin-right:25px;}
.mr30 {	margin-right:30px;}
.mr34 {	margin-right:34px;}

.mb5 { margin-bottom:5px;}
.mb10 {	margin-bottom:10px;}
.mb20 {	margin-bottom:20px;}
.mb30 {	margin-bottom:30px;}
.mb40 {	margin-bottom:40px;}
.mb50 {	margin-bottom:50px;}
.mb60 {	margin-bottom:60px;}

/* ---------- 共通パーツ ---------- */

h2{
	margin:0 0 20px 0;
	font-size:14px;
	letter-spacing:0px;
}
h3{
	margin:0 0 20px 0;
	font-size:12px;
	letter-spacing:1px;
	color:#727171;
}
p{
	margin:0 0 20px 0;
/*	line-height:2.0;*/
/*	font-size:11px;*/
}
.post p{
	margin:0 0 20px 0;
	line-height:2.0;
	font-size:16px;
}

.mwd100{
	width: 100%;
}
.ftm{
/*	font-family: 游明朝, YuMincho, "ヒラギノ明朝 W3 JIS2004", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-family: "a-otf-ryumin-pr6n", serif;
	font-weight: 300;
	font-style: normal;

}
.ttl_type1 {
	height:50px;
	margin:0 auto 20px;
}
.ttl_type1 .ttl {
	font-size:26px;
    letter-spacing: 5px;
	color:#555555;
	margin-bottom:0px;
	text-align:center;
    padding: 25px 0 0 0;
}
.ttl_type1 p {
	font-size:13px;
	color:#555555;
	text-align:center;
}
.ttl_type2 {
	background: url(../images/ttl_bg_01.png) no-repeat center center;
	height:97px;
	margin:0 auto 40px;
}
.ttl_type2 .ttl {
	font-size:26px;
    letter-spacing: 5px;
	color:#555555;
	margin-bottom:0px;
	text-align:center;
    padding: 37px 0 0 0;
}
.ttl_type3 {
	background: url(../images/ttl_bg_02.png) no-repeat center center;
	height:97px;
	margin:0 auto 40px;
}
.ttl_type3 .ttl {
	font-size:26px;
    letter-spacing: 5px;
	color:#555555;
	margin-bottom:0px;
	text-align:center;
    padding: 37px 0 0 0;
}

/* ---------- ロールオーバー処理 ---------- */

header a,
#submenu a,
.btn a {
	display: block;
}
	
a:hover img{
	filter: Alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	transition-duration:0.8s;
}
.bnr a,
.btn a
 {
	filter: Alpha(Opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-webkit-transition: color 2s ease; 
	-moz-transition: color 2s ease; 
	-o-transition: color 2s ease;
	transition: color 2s ease;
	transition-duration:0.5s;
}
.bnr a:hover,
.btn a:hover
 {
	filter: Alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.fadeInUp {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


/* ---------- header ---------- */

header .drawer-toggle{
	display:none;
}
.drawer-nav {
    position: static;
}
#header_bg{
	background: url(../images/head_bg_01.png) no-repeat center center;
	background-size:100% 100%;
	
}
header #header{
	display:table;
	margin:0 auto;
	width:1200px;
}
header{
}
header .logo {
	width:40%;
	display:table-cell;
	padding:19px 0;
}

header .logo .title {
	vertical-align: middle;
	text-align:left;
}

header .logo .title a {
}

header .logo .title a img {
	max-width:298px;
	width:100%;
	height:auto;
}
header .menu {
	width:55%;
	display:table-cell;
	padding:9px 0;
	margin:0px auto;
	box-sizing: border-box;
	vertical-align: middle;
}

header .menu nav ul {
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
header .menu nav ul li{
    margin: 0 0 0 auto;
}
header .menu nav ul li a{
	color:#ffffff;
	display:inline-block;
	padding:10px 15px;
}
header .menu nav ul li a:hover{
	text-decoration: none;
}
header .menu nav ul li.onlineshop a{
	color:#ffffff;
}
footer{
	overflow-y:hidden;
	background:#CEE6F4;
}
footer .block{
	padding:80px 0;
	text-align:center;
}
footer .block h3{
	margin-bottom:40px;
}
footer .block ul{
	width:800px;
	margin:0 auto;
	text-align:left;
}
footer .block ul li{
	margin-bottom:10px;
	display:table;
	width:100%;
}
footer .block ul li .tl{
	display:table-cell;
	border:1px solid #333333;
	padding:5px 0 3px;
	text-align:center;
	margin-right:15px;
	font-size:14px;
	width:80px;
}
footer .block ul li .tr{
	display:table-cell;
	width:700px;
	vertical-align: top;
	padding-left:15px;
	line-height:1.5;
}
footer .copy{
	background:#5764AA;
	padding:50px;
	color:#EFEFEF;
	font-size:12px;
	text-align:center;
}
footer .pagetop {
	position: fixed;;
	bottom:20px;
	right:60px;
}

/*---------- メイン ----------*/
.ttl_h2 {
	text-align:center;
	font-size:22px;
	letter-spacing: 8px;
	font-weight:bold;
	margin-bottom:15px;
}

.ttl_h3 {
	text-align:center;
	font-size:16px;
	letter-spacing: 6px;
	font-weight:normal;
	color:#000000;
}

.front {
	background:#F4F4F9;
}
.front .sec1{
	width:100%;
background: rgb(220,230,244);
background: linear-gradient(0deg, rgba(220,230,244,1) 0%, rgba(48,113,183,1) 80%);
	text-align:center;
	border-bottom:17px solid #5764AA;
}
.front .sec1 .mv_bg{
	padding-top:50px;
}
.front .sec1 .mv_bg .msg{
	color:#ffffff;
	font-size:22px;
	line-height:1.75;
}
.front .sec1 .mv_bg img{
}
.front .sec2{
	padding:80px 0 0;
	text-align:center;
}
.front .sec2 h3{
	font-weight:bold;
	font-size:34px;
	margin-bottom:30px;
	color:#000000;
}
.front .sec2 p{
	margin:0 auto;
	width:530px;
	display:block;
	margin-bottom:40px;
}
.front .sec3{
	padding-top:80px;
	margin-bottom:60px;
	width:100%;
}
.front .sec3 h3{
	text-align:center;
	font-size:34px;
	margin-bottom:30px;
	color:#000000;
    letter-spacing: 5px;
	font-weight:bold;
}
.front .sec3 h4{
	text-align:center;
	font-size:19px;
	margin-bottom:30px;
	color:#5764AA;
	font-weight:normal;
}
.front .sec3 .block{
	background: url(../images/top_img_02.jpg) no-repeat left center;
	background-size:auto 100%;
	width: 1200px;
	margin:0 auto;
	padding:40px 0;
}
.front .sec3 .block .msg{
	display:block;
	background:#ffffff;
	padding:45px 60px;
	width:600px;
	margin:0px 0 0px auto;
	box-sizing: border-box;
}
.front .sec3 .block .msg ul{
}
.front .sec3 .block .msg ul li{
	margin-bottom:10px;
	
}
.front .sec3 .block .msg ul li:before{
	content:"●";
	color:#5764AA;
}
.front .sec3 .block .msg p{
}
.front .sec3 .block .msg a{
	display:inline-block;
	width:275px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	background: url(../images/link_01.png) no-repeat right center #0A7ACC;
	background-size:auto 100%;
	transition-duration:0.5s;
}
.front .sec3 .block .msg a:hover{
	background: #5764AA;
	transition-duration:0.5s;
	text-decoration: none;
}
.front .sec3 .block .msg a span{
	background: url(../images/list_01.png) no-repeat right 10px center;
	background-size:auto 22px;
	display:block;
	padding:15px 0;;
	width:100%;
	transition-duration:0.5s;
}
.front .sec3 .block .msg a span:hover{
	background: url(../images/list_01.png) no-repeat right 10px center #5764AA;
	background-size:auto 22px;
	transition-duration:0.5s;
}
.front .sec4{
}
.front .sec4 .block{
	margin: 0 auto 60px;
	padding:45px 60px 15px;
	width:1000px;
	box-sizing: border-box;
	background:#ffffff;
}
.front .sec4 .block h3{
	font-weight:bold;
	text-align:left;
	font-size:24px;
	margin-bottom:30px;
	color:#000000;
    letter-spacing:1px;
}
.front .sec4 .block .msg{
}
.front .sec4 .block .name{
	text-align:right;
	margin-bottom:30px;
}
.front .sec5{
}
.front .sec5 h3{
	text-align:center;
	font-size:34px;
	margin-bottom:40px;
	color:#000000;
    letter-spacing: 5px;
	font-weight:bold;
}
.front .sec5 .block{
	margin: 0 auto 10px;
	padding:0 0;
	width:1000px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	gap: 10px;
}
.front .sec5 .block.grid_wrap{
    grid-template-columns: repeat(4, 1fr);
}
.front .sec5 .block .box{
	text-align: center;
	margin-bottom:15px;
    width: auto;
}
.front .sec5 .block .box a{
	box-sizing: border-box;
	width:100%;
	border:1px solid #B2B2B2;
	background: url(../images/link_02.png) no-repeat right top #ffffff;
	background-size:43px 46px;
	display:block;
}
.front .sec5 .block .box a:hover{
	background: url(../images/link_02.png) no-repeat right top #CEE6F4;
	background-size:43px 46px;
	text-decoration: none;
}
.front .sec5 .block .box a span{
	transition-duration:0.5s;
	font-size:22px;
	padding:47px 0;
	text-align:center;
	display:block;
	background: url(../images/list_02.png) no-repeat right 20px center;
	background-size:26px 12px;
}
.front .sec5 .block .box a span:hover{
	transition-duration:0.5s;
	background: url(../images/list_02.png) no-repeat right 15px center;
	background-size:26px 12px;
}
.front .sec5  p{
	text-align:center;
	font-size:24px;
}
.front .sec6{
	margin: 0 auto 60px;
	padding:45px 60px 15px;
	width:1000px;
	box-sizing: border-box;
	background:#ffffff;
}
.front .sec6 h3{
	text-align:center;
	font-size:34px;
	margin-bottom:40px;
	color:#000000;
    letter-spacing: 5px;
	font-weight:bold;
}
.front .sec6 a{
	display:block;
	max-width:275px;
	width:auto;
	margin:0 auto 30px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	background: url(../images/link_01.png) no-repeat right center #0A7ACC;
	background-size:auto 100%;
	transition-duration:0.5s;
}
.front .sec6 a:hover{
	background: #5764AA;
	transition-duration:0.5s;
	text-decoration: none;
}
.front .sec6 a span{
	background: url(../images/list_01.png) no-repeat right 10px center;
	background-size:auto 22px;
	display:block;
	padding:15px 0;;
	width:100%;
	transition-duration:0.5s;
}
.front .sec6 a span:hover{
	background: url(../images/list_01.png) no-repeat right 10px center #5764AA;
	background-size:auto 22px;
	transition-duration:0.5s;
}
.front .sec6 p{
	text-align:center;
	font-size:22px;
}
.front .sec6 .block{
	margin: 0 auto 10px;
	padding:0 0;
	width:100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	gap: 10px;

}
.front .sec6 .block .box{
	text-align: center;
	margin-bottom:15px;
    width: auto;
}

.front .sec7 .gmap {
	position: relative;
	padding-bottom: 30%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.front .sec7 .gmap iframe,
.front .sec7 .gmap object,
.front .sec7 .gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.front .sec8{
	margin: 0 auto 60px;
	padding:45px 60px 15px;
	width:1000px;
	box-sizing: border-box;
	background:#ffffff;
}
.front .sec8 h3{
	text-align:center;
	font-size:34px;
	margin-bottom:40px;
	color:#000000;
    letter-spacing: 5px;
	font-weight:bold;
}
.front .sec8 .block {
	margin:50px auto;
	box-sizing: border-box;
	padding:0px 0;
	margin:50px auto;
	width:1000px;
}

.front .sec8 .block ul {
	width:100%;
	margin:30px auto;
}

.front .sec8 .block ul li {
	margin:0 0 25px;
}

.front .sec8 .block ul li .date {
	display:inline-block;
	width:16%;
	vertical-align: top;
	line-height:1.5;
}

.front .sec8 .block ul li .ttl {
	display:inline-block;
	width:70%;
	vertical-align: top;
	line-height:1.5;
}
.front .sec8 .block ul li .ttl a {
	color:#0A7ACC;
}
.front .sec8 .block ul li .ttl .file{
	font-size: 80%;
}


.file-download {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.file-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
}

.file-download a {
    text-decoration: none;
    color: #0073aa;
    font-weight: bold;
}

.file-download a:hover {
    text-decoration: underline;
}

.file-size {
    color: #666;
    font-size: 12px;
}




.front .sec8 .link_sec{
	text-align:center;
}
.front .sec8 .link_sec a{
	display:block;
	width:275px;
	margin:0 auto 30px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	background: url(../images/link_01.png) no-repeat right center #0A7ACC;
	background-size:auto 100%;
	transition-duration:0.5s;
}
.front .sec8 .link_sec a:hover{
	background: #5764AA;
	transition-duration:0.5s;
	text-decoration: none;
}
.front .sec8 .link_sec a span{
	background: url(../images/list_01.png) no-repeat right 10px center;
	background-size:auto 22px;
	display:block;
	padding:15px 0;;
	width:100%;
	transition-duration:0.5s;
}
.front .sec8 .link_sec a span:hover{
	background: url(../images/list_01.png) no-repeat right 10px center #5764AA;
	background-size:auto 22px;
	transition-duration:0.5s;
}


.access{
}
.access .sec1{
	padding-top:80px;
	margin:0 auto 60px;
	width:1000px;
}
.access .sec1 h3{
	text-align:center;
	font-size:34px;
	margin-bottom:30px;
	color:#000000;
    letter-spacing: 5px;
	font-weight:bold;
}
.access .sec1 h4{
	text-align:center;
	font-size:19px;
	margin-bottom:30px;
	color:#5764AA;
	font-weight:normal;
}
.access .sec1 .msg{
	text-align:center;
	margin-bottom:50px;
}
.access .sec1 .gmap {
	position: relative;
	padding-bottom: 45%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.access .sec1 .gmap iframe,
.access .sec1 .gmap object,
.access .sec1 .gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.access .sec2{
	margin:0 auto 100px;
	width:1000px;
}
.access .sec1 .img ,
.access .sec2 .img {
	margin:-30px auto 30px;
}
.access .sec1 .img img,
.access .sec2 .img img{
	width:100%;;
}
.access .sec2 .block{
	margin-bottom:20px;
}
.access .sec2 .block h5{
	font-size:24px;
	margin-bottom:20px;
	color:#000000;
	font-weight:bold;
	border-bottom:1px solid #5764AA;
	padding-bottom:20px;
	padding-top:5px;
	padding-left:30px;
	background: url(../images/list_03.jpg) no-repeat left top;
	background-size:9px 35px;
}
.access .sec2 .block p{
	margin-bottom:50px;
}
.facilities{
}
.facilities .sec1{
	padding-top:80px;
	margin:0 auto 60px;
	width:1000px;
}
.facilities .sec1 h3{
	text-align:center;
	font-size:34px;
	margin-bottom:30px;
	color:#000000;
    letter-spacing: 5px;
	font-weight:bold;
}
.facilities .sec1 h4{
	text-align:center;
	font-size:19px;
	margin-bottom:30px;
	color:#5764AA;
	font-weight:normal;
}
.facilities .sec1 .msg{
	text-align:center;
	margin-bottom:50px;
}
.facilities .sec1 .msg p{
}
.facilities .sec2{
	margin:0 auto 0px;
	width:1000px;
}
.facilities .sec2 h5{
	text-align:center;
	font-size:28px;
	margin-bottom:10px;
	color:#000000;
	font-weight:bold;
}
.facilities .sec2 .msg{
	text-align:center;
}
.facilities .sec2 .block{
	width: 100%;
	padding:30px 0 0 0;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.facilities .sec2 .block .box{
	width:calc( ( 100% - 10% ) / 2 );
	margin:0 2% 60px 4%;
}
.facilities .sec2 .block .box:nth-child(2n){
	margin:0 0 60px 4%;
}
.facilities .sec2 .block .col1{
	background:#FAE5EE;
}
.facilities .sec2 .block .col2{
	background:#E0EFE1;
}
.facilities .sec2 .block .col3{
	background:#FDEBD1;
}
.facilities .sec2 .block .col4{
	background:#DEF1FB;
}
.facilities .sec2 .block .box .ttl{
	top: -30px;
	left: -30px;
    position: relative;
	width:120%;
	margin-bottom:20px;
}
.facilities .sec2 .block .box .ttl img{
	vertical-align: bottom;
}
.facilities .sec2 .block .box .ttl h6{
    display: inline-block;
	font-size:28px;
	margin-left:15px;
}
.facilities .sec2 .block .col1 h6{
	color:#E96087;
}
.facilities .sec2 .block .col2 h6{
	color:#6FB92C;
}
.facilities .sec2 .block .col3 h6{
	color:#F29600;
	font-size:25px!important;
}
.facilities .sec2 .block .col4 h6{
	color:#2CA6E0;
}

.facilities .sec2 .block .box .tb{
	display:table;
	width:100%;
}
.facilities .sec2 .block .box .tb .tl{
	display:table-cell;
	width:65%;
	vertical-align: top;
}
.facilities .sec2 .block .box .tb .tl ul{
	margin-left:20px;
	margin-bottom: 10px;
}
.facilities .sec2 .block .box .tb .tl ul li{
	line-height:1.5;
	padding-left: 1em;
	text-indent: -1em;
	font-size:15px;
}
.facilities .sec2 .block .box .tb .tl ul li:before{
	content:"●";
	color:#000;
}
.facilities .sec2 .block .box .tb .tl ul li sup{
	vertical-align: super;
    font-size: smaller;
}
.facilities .sec2 .block .box .tb .tl ul li .ft10{
	font-size:12px;
}
.facilities .sec2 .block .box .tb .tr{
	display:table-cell;
	width:35%;
	vertical-align: bottom;
	text-align:right;
	padding:0 10px 10px 0;
}
.facilities .sec2 .block .box .tb .tr img{
	width:100%;
	max-width:145px;
}
.facilities .sec3{
	margin:0 auto 50px;
	width:926px;
}
.facilities .sec3 .fmap{
	position: relative;
}
.facilities .sec3 .fmap .img img{
	width:100%;
	height:auto;
	max-width:926px;
}
.facilities .sec3 .fmap .point1{
	position: absolute;
    top: 20%;
    left: 59%;
	z-index:1;
}
.facilities .sec3 .fmap .point2{
	position: absolute;
	top: 33%;
    left: 69%;
    z-index: 1;
}
.facilities .sec3 .fmap .point3{
	position: absolute;
    top: 29%;
    left: 36%;
	z-index:1;
}
.facilities .sec3 .fmap .point4{
	position: absolute;
	top: 54%;
    left: 12%;
	z-index:1;
}
.facilities .sec3 .fmap .point5{
	position: absolute;
    top: 63%;
    left: 18%;
	z-index:1;
}
.facilities .sec3 .fmap .point6{
	position: absolute;
    top: 52%;
    left: 61%;
	z-index:1;
}
.facilities .sec3 .fmap .point7{
	position: absolute;
    top: 65%;
    left: 76.7%;
	z-index:1;
}


.facilities .sec3 .fmap .point11{
	position: absolute;
    top: 32%;
    left: 21.5%;
	z-index:1;
}.facilities .sec3 .fmap .point12{
	position: absolute;
    top: 61%;
    left: 34%;
	z-index:1;
}




.facilities .sec3 .fmap .point1 img{
}