@charset "UTF-8";

@media screen and (min-width: 769px) {
header{border-top: solid #036eb8 5px; width:100%; margin-bottom:10px;}	
.main_Wrap{position: relative; width:100%; height: 590px; margin: auto; background-image: url(../img/top/top_img01.jpg);}
.opening{ position: absolute; width:654px; top: 51.5%; left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%); }
.opening_button{ margin: auto; width:310px; margin-top:32px; transition: 0.4s;}
.opening_button:hover{opacity:0.8;}	
	
#topNews{width:100%; padding:40px 0!important;}	
.topNewsWrap{width: 1120px!important; margin: auto;}		
.topNewsWrap a{margin: auto; display: block; text-align: center; font-size: 28px!important; font-weight:bolder!important;}	
	
#about{width:100%; background:#f5f5f5; padding:20px 0; }

.aboutWrap{width:830px; margin: auto;}
.aboutWrap h2{padding-top:40px; margin: auto; display: block; width:400px; padding-bottom:30px!important; }
.aboutWrap h3{text-align: left; margin-bottom:10px; font-size: 26px; color: #333333!important; margin-top:15px;}
.abouttxt{margin: auto; margin-top: 10px}
.about_txt p{font-size: 16px; text-align: left; line-height:2.1em; padding:0 0 20px; font-weight:bolder;}
.button{margin:auto; margin-top:20px;padding-bottom:30px; width:340px!important;} 
.button img{transition: 0.4s;}	
.button img:hover{opacity:0.6;}	
.top-button{margin:auto; margin-top:20px; width:820px!important;} 
.top-button img{transition: 0.4s;}	
.top-button img:hover{opacity:0.6;}		
	
#information{width:100%;padding:20px 0;}
.informationWrap{width:1120px; margin: auto; margin-top:50px; margin-bottom:20px;}
.news_ttl{float: left; width: 180px; height:280px; background:#036EB8 repeat; display:table;}
.news_ttl h4{font-size:19px; color:#fff; text-align: center; line-height: 15px!important; display:table-cell; vertical-align:middle;}
.news_ttl h4 span{font-size: 12px;color:#fff;text-align: center; font-weight: 500;}
.news_Wrap{float: left; margin-left:20px; width:560px; height: 280px; padding:10px 5px; overflow:auto;}
.news_Wrap dl{border-bottom: #EEEEEE solid 1px; padding:10px 0 15px; margin-right:10px;}
.news_Wrap dt{ font-size: 12px; line-height: 14px; margin-bottom:10px; }
.news_Wrap dd{ font-size: 15px; line-height: 18px;}
.tl_wrap{float: left; height:280px; width:330px; margin-left:20px;overflow:auto;} 
	
#access{width:100%;padding:20px 0; }
.access_ttl	{background: #036eb8; height: 120px;}
.access_ttl_Wrap{width:1120px; margin: auto; padding-top:18px;position: relative;}	
.access_ttl_Wrap:before{content: "";position: absolute;top: 114%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 15px solid #036eb8;}	
.access_icon{width: 19px; height: 30px; display: block; margin: auto; background:url(../img/common/icon_map.svg) no-repeat; }
.access_ttl_Wrap h2{padding-top:12px; margin: auto; margin-bottom:10px; color: #fff;font-size: 24px; text-align: center; line-height: 20px;}
.access_ttl_Wrap h2 span{font-size: 12px; }
.accessWrap{width:1120px; margin: auto; margin-top:80px; margin-bottom:60px;}
.access_gmap{width:580px; margin-right:40px; float: left;}
.access_gmap p{magrgin-top:20px; font-size: 13px;}
.access_about{float: left;}
.access_about dt{margin-bottom:5px;}
.access_about dt h3{width: 300px;}
.access_about dd{font-size: 16px;line-height:1.5em;margin-top:5px;}
.access_about dd span{font-size: 12px;line-height:1.4em; color: #E64290;}	
.access_about dd h4{font-size: 20px;line-height:1.5em;margin:3px 0 2px 0;}	
.access_about dd img{width:61px;padding-top:5px;padding-right:10px; transition: 0.3s;}
.access_about dd img:hover{opacity:0.6;}
.line_txt{font-size: 14px!important;vertical-align:38%;color: #333!important;}	
.prf_button{width:110px!important;}			
}

@media screen and (max-width: 768px)  {
.main_Wrap{position: relative; width:100%; height:360px; padding-top:80px; margin: auto; background-image: url(../img/top/top_img01.jpg);}
.opening{ position: absolute; width:92%; top: 58%; left: 50%;
-webkit-transform: translate(-56%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);  }
.opening_button{ margin: auto; width:280px; margin-top:20px; transition: 0.4s;}
.opening_button:hover{opacity:0.8;}
	
#topNews{width:100%; padding:40px 0!important;}	
.topNewsWrap{width:95%; margin: auto;}		
.topNewsWrap a{margin: auto; display: block; text-align: center; font-size: 20px!important; font-weight:bolder!important;}		
	
#about{width:100%;  background:#E6FAFF;  padding:20px 0; }
.aboutWrap{width:95%; margin: auto; margin-top:5px; margin-bottom:5px; background: #FFFFFF repeat; z-index: 1000; }
.aboutWrap h2{padding-top:30px; margin: auto; display: block; width:320px; margin-bottom:25px;}
.aboutWrap h3{text-align: left; margin-bottom:10px; font-size: 21px;color: #333333!important; margin-top:20px;}	
.pink_b{background:linear-gradient(transparent 55%, #ED86B3 0%) ;}	
.about_txt{margin: auto; width:90%;}
.about_txt p{font-size: 12px; line-height:2em; padding:0 0 10px;font-weight:bolder;}
.button{margin:auto!important; padding-top:20px; padding-bottom:30px; width:320px!important;}
.button img{transition: 0.4s;}	
.button img:hover{opacity:0.6;}	
	
.top-button{margin:auto; margin-top:0px;padding-bottom:0px; width:94%!important;} 
.top-button img{transition: 0.4s;}	
.top-button img:hover{opacity:0.6;}		
	
	
	
#information{width:100%;padding:20px 0;}
.informationWrap{width:100%; margin: auto; margin-top:10px; margin-bottom:40px;}
.news_ttl{width:95%; height:50px; background:#036EB8 repeat; display:table; margin: auto; }
.news_ttl h4{font-size:17px; color:#fff; text-align: center; line-height: 15px!important; display:table-cell; vertical-align:middle; padding-top:5px;}
.news_ttl h4 span{font-size: 11px;color:#fff;text-align: center; font-weight: 500;}
.news_Wrap{width:90%; height:210px; padding:10px 5px; overflow:auto;margin: auto; margin-bottom: 60px!important;}
.news_Wrap dl{border-bottom: #EEEEEE solid 1px; padding:15px 0 15px;}
.news_Wrap dt{ font-size: 12px; line-height: 13px; margin-bottom:10px; }
.news_Wrap dd{ font-size: 14px; line-height: 20px;}
.tl_wrap{height:520px; width:75%;overflow:auto;margin: auto; margin-top:20px; } 	
	
#access{width:100%;padding:20px 0; }
.access_ttl	{background: #036eb8; height: 58px;}
.access_ttl_Wrap{width:95%; margin: auto; position: relative;}	
.access_ttl_Wrap:before{content: "";position: absolute;top: 110%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 15px solid #036eb8;}	
.access_icon{display: none;}
.access_ttl_Wrap h2{padding-top:16px; margin: auto; margin-bottom:10px; color: #fff;font-size: 20px; text-align: center; line-height: 14px;}
.access_ttl_Wrap h2 span{font-size: 10px; }
.accessWrap{width:90%; margin: auto; margin-top:40px; margin-bottom:30px;}
.access_gmap{margin-bottom:20px;margin: auto;}
.access_gmap p{magrgin-top:10px; font-size: 12px;}
.access_about{}
.access_about dt{margin-bottom:10px;}
.access_about dt h3{width: 270px;margin-top:20px;}
.access_about dd{font-size: 13px;line-height:1.5em;margin-top:5px;}
.access_about dd span{font-size: 11px;line-height:1.4em; color: #E64290;}	
.access_about dd h4{font-size: 18px;line-height:1.5em;margin:3px 0 2px 0;}	
.access_about dd img{width:61px;padding-top:5px; transition: 0.3s;}
.access_about dd img:hover{opacity:0.6;}
.line_txt{font-size: 13px!important;vertical-align:38%;color: #333!important; padding-left:10px;}	
.prf_button{width:110px!important;}
}