@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('font/NotoSansCJKjp-DemiLight.eot');
    src: url('font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
    url('font/NotoSansCJKjp-DemiLight.woff') format('woff'),
    url('font/NotoSansCJKjp-DemiLight.ttf')  format('truetype');
}




* {
	font: 300 15px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Noto Sans Japanese',sans-serif;
}

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 16px;
	color: #333;
	line-height: 1.8;
	letter-spacing: 0.05em;
	}

h1,h2,h3,h4,h5,h6 {
	/*font-size: 12px;*/
	margin: 0;
	font-weight:normal
	}

blockquote {
		color:#666666;
		background:#E8F9FF;
		margin-right:auto;
		margin-left:auto;
		padding:10px;
		border:1px dotted #ccc;
	}

img {
	border-style: none;
	margin: 0;
	padding: 0;
	}
form {
	margin: 0;
	padding: 0;
	}
	
object {
	margin: 0;
	padding: 0;
	}
	
param {
	margin: 0;
	padding: 0;
	}
	
p{
	margin: 0;
	padding: 0;
}

ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li{
	margin: 0;
	padding: 0;
}

li a{
	margin: 0 !important;
	padding: 0 !important;
}

dl,dt,dd{
	margin: 0;
	padding: 0;
}

.bullet{
background:url(img/bullet.gif) no-repeat 0px 6px;
padding:0 0 0 10px;
margin:0 0 10px 0px;
}

label {
    zoom: 1;
}

	

.content_width{
max-width: 960px;
margin-left: auto;
margin-right: auto;
}

@media screen and (max-width: 641px){
.content_width{
	padding: 0 2%;
}
}


.menu_btn {
	width:60px;
	position:absolute;
	top:10px;
	right:10px;
}

.a_blue{
	color: #253F52;
}

.gr_bg{
	background: #F3F3F3;
}

.link_btn{
    border-radius: 35px;        /* CSS3草案 */  
    -webkit-border-radius: 35px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 35px;   /* Firefox用 */ 
	background: #46B8D8;
	color: #fff;
	padding: 15px 10px;
	font-size: 1.1em;
	margin: 30px auto 50px;
	width: 50%;
	text-align: center;
}
.link_btn:hover {
	opacity:0.6;}


.map{
	width: 100%;
}

/* @group fixedTop */

#fixedTop {
	right:0;
	width:70px;
	height:70px;
	position:fixed;
	z-index:9999;
	opacity:0.8;
}
.b_pdg{bottom:10px;}


#fixedTop:hover {
    opacity: 0.4;  
    filter: alpha(opacity=60); 
}

/* @end */


/* @group TOP page */
.balloon{
	width: 30%;
	float: left;
}

.main_img{
	width: 70%;
	float: right;
}

.top_news h2{
	background: url(../images/news.jpg) no-repeat;
	min-height: 80px;
	text-align: right;
}
.top_b_date{
	color: #789BA6;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.top_news{
	font-size: 0.9em;
	font-weight: normal;
}
.top_news ul{
	margin-left: 0;
}
.top_news ul li{
	padding-bottom: 20px;
}
.top_news a:link{
color:#173346;
text-decoration: none;
}
.top_news a:visited{
color:#173346;
text-decoration: none;
}
.top_news a:hover{
color:#46B9D8;
text-decoration: none;
}
.top_news a:active{
color:#173346;
text-decoration: none;
}



.flag_l{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

.flag_r{
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;	
}


.recommend h2{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
	font-weight: bold;
	color: #393939;
}





.bg_yellow{
	background: url(../images/bg_yellow.jpg);
}

.top_tel{
	font-size: 2.1em;
	color: #004092;
	font-weight: bold;
	margin: 10px 0;
    -webkit-text-size-adjust: 100%;
}

.eigyo{
	background: url(../images/grass.jpg) no-repeat;
	background-size:100% auto;
	background-position: bottom 0px;
	padding: 0 10px 15px 0;
	min-height: 140px;
}
.eigyo table{
	width: 58%;
	float: left;
}
.eigyo table td{
	vertical-align: middle;
}
.web_app{
	width: 40%;
	float: right;
}



.top_blog dl{
	line-height: 1.5;
	clear: both;
	border-bottom: dashed 2px #F68F28;
	padding: 15px 0;
}
.top_blog dd a:link{
	font-weight: bold;
	color: #CC6633;
text-decoration: none;
}
.top_blog dd a:visited{
color:#CC6633;
text-decoration: none;
}
.top_blog dd a:hover{
color:#E8620D;
text-decoration: underline;
}
.top_blog dd a:active{
color:#CC6633;
text-decoration: none;
}

.i_news{color: #3260CF;}
.i_event{color: #FCAF2D;}
.i_other{color: #99C044;}




@media screen and (max-width: 640px) {
.flag_l,.flag_r{width: 25%;}

.top_news,.recommend{width: 100%;}

.top_img{
	width: 100%;
}
.top_cap{
	font-size: 1.1em;
	padding: 30px 0;
}
.top_navi{
	width: 98%;
	margin: 10px auto;
}
.navi_coco{
	width: 100%;
	margin-bottom: 20px;
}
.navi_family{
	width: 100%;
}
.recommend h2{font-size: 1.6em;}

.top_blog{margin-bottom: 50px;}
.pankuzu{
	margin-top: 35px;
}
header{
	padding-bottom: 30px;
	border-bottom: solid 3px #FCAF2D;
}
}

@media screen and (min-width: 641px) and (max-width: 960px){
.flag_l,.flag_r{width: 25%;}

.top_news,.recommend{width: 49%;}
.top_news{float: left;}
.recommend{float: right;}

.top_img{
	width: 100%;
}
.top_cap{
	font-size: 1.4em;
	padding: 50px 0;
}
.top_navi{
	width: 98%;
	margin: 50px auto;
}
.navi_coco{
	width: 48%;
	float: left;
}
.navi_family{
	width: 48%;
	float: right;
}
.recommend h2{font-size: 1.8em;}
.pankuzu{
	margin-top: 5px;
}
header{
	border-bottom: solid 3px #FCAF2D;
}
}


@media screen and (min-width: 961px) {
.flag_l,.flag_r{width: 281px;}

.top_news,.recommend{width: 47%;}
.top_news{float: left;}
.recommend{float: right;}

.top_img{
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
.top_cap{
	font-size: 1.6em;
	padding: 80px 0;
}
.top_navi{
	width: 740px;
	margin: 50px auto;
}
.navi_coco{
	width: 360px;
	float: left;
}
.navi_family{
	width: 360px;
	float: right;
}
.recommend h2{font-size: 2.0em;}

.top_blog{padding-left: 15px;}
.top_blog dt{
	float: left;
	width: 38%;
}
.top_blog dd{
	float: left;
	width: 62%;
}
.header_naka{
	background: url(../images/header_naka.gif);
}
}




#top_news li a{
	display: block;
	width: 100%;
	color: #fff !important;
	padding: 3px 0 0 0 !important;
}
#top_news li a:hover{
	text-decoration: none;
    opacity: 0.7;
	color: #fff;
}

.n_news a{
	background: #3260CF;
}
.n_event a{
	background: #FCAF2D;
}
.n_other a{
	background: #99C044;
}
/* @end */


/* @group fukidashi */

.fukidashi_o {
 	position: relative;
	/*display: inline-block;*/
 	margin-bottom: 1.5em;
	padding: 20px 10px 20px 30px;
	min-width: 120px;
 	max-width: 100%;
 	color: #171717;
 	text-align: left;
	font-size: 1.7em;
	background: #F7EFB9;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
    letter-spacing: 10px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO" !important;
	font-weight: bold;
}

.fukidashi_o:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 40px;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #F7EFB9;
}

.fukidashi_o p {
	margin: 0;
	padding: 0;
}




/* @end */

/* @group header */
header{
	position:relative;
}
.header_top{
	background: url(../images/top_img_bg.jpg);
	padding-bottom: 0;
}
#head_navi{
	position:absolute;
	top:0;
	z-index: 2;
	width: 100%;
	/*background: rgba(204,204,204,0.5);*/
}
.slider_bg{
	background: rgba(123,203,225, 0.3);
}
.head_bg{
	background-color: rgba(255,255,255,0.9);
}

#head_navi a:link{
color:#000;
text-decoration: none;
}


#head_navi a:visited{
color:#000;
text-decoration: none;
}

#head_navi a:hover{
color:#4E4E4E;
text-decoration: none;
}


#head_navi a:active{
color:#000;
text-decoration: none;
}

#gloval_navi{
	padding-left: 40px;
	background: #FCCE0E;
}
#gloval_navi li:nth-child(n+2){
	border-left: solid 1px #fff;
}

#gloval_navi li a{
	display: block;
	width: 100%;
	color: #fff !important;
	font-weight: bold;
	line-height: 1.2 !important;
	padding: 17px 0 15px 0 !important;
}
#gloval_navi li a:hover{
	text-decoration: none;
	background-color: #FEB000 ;
	color: #fff;
}

#gloval_navi li span{
	font-size: 0.7em;
	color: #FCEC52 !important;
}



@media screen and (min-width: 480px) and (max-width: 1039px){
#gloval_navi li a{font-size: 1.1em;}
}


@media screen and (min-width: 1040px){
#gloval_navi li a{font-size: 1.3em;}
}




#yoyaku a{
	padding-top: 0 !important;
}
#yoyaku a:hover{
	background : none !important;
}

.sub_menu ul{
padding: 10px;
	
	}

.sub_menu li a{
	display: block;
	width: 100%;
	color: #fff !important;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0 
	}
	
.sub_menu li a:hover{
	background-color: rgba(123,203,225, 0.9) !important;
	color: #fff;
	
}

.sub_menu{
	background-color: rgba(115,180,220, 0.9) !important;
	
}
.sub_menu li{
	border-left: none !important;
}
.sub_menu .uk-nav-header{
	color: #fff;
	padding-bottom: 15px;
	
}


.menu_b{
	border-bottom: solid 2px #1574b5;
}

#ma_offcanvas_list li{
	padding: 15px 0 !important;
}
#sitemap li{
	padding: 15px 0 !important;
}
.block_link a {
  display: block;
}



/* @end */




/* @group footer */
footer{
	background-color: #FAE964;
}
/* @end */


/* @group pankuzu */
.pankuzu{
	color: #999;
	padding: 20px 0;
	font: 0.9em;
}
.pankuzu a:link{
text-decoration: none;
}


.pankuzu a:visited{
text-decoration: none;
}

.pankuzu a:hover{
text-decoration: none;
}


.pankuzu a:active{
text-decoration: none;
}
/* @end */




/* @group shadow */
.shadow{
	box-shadow: 0px 5px 5px #ccc;
	margin-left: 4px;
}
/* @end */











/* @group table */
.table1{
	background: #e6e6e6;
	border-right: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
}
table.table1 th{
	background: #e6e6e6;
	padding: 2%;
	border-top: solid 1px #ffffff;
}

.table1 td{
	background: #fff;
	padding: 2%;
}
.table1 td:not(:first-child){
	border-top: solid 1px #e6e6e6;
}
.tb_gry{
	background: #f2f2f2 !important;
}

/* @end */







/* @group flow */
.toi_box{
	margin-top: 10px;
	border: solid 1px #46B8D8;
	padding: 15px;
	background:#E8F9FF;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
.toi_box dd{
	font-size: 1.3em;
	background: url(../images/phone.png) no-repeat;
	padding-left: 40px;
}


/* @end */




/* @group facilities */


.f_table th{
text-align: justify;
text-justify: inter-ideograph;
font-weight: bold;
}

.f_table td,.f_table th{
	border-bottom: solid 1px #F9D36A;
}

.f_table tr:nth-child(odd) {
    background: #FEF9E9;
}


/* @end */




/* @group Q&A */

.faq dt:first-letter{
  color:#3CB371;
  font-size:150%;
  font-weight: bold;
}
.faq dd:first-letter{
  color:#FF6347;
  font-size:150%;
  font-weight: bold;
}
.faq dd{
	padding: 10px 0;
	margin-bottom: 10px;
}

/* @end */




/* @group BLOG */

.blog_txt{
	padding: 15px 0;
}
.blog_foot{
	text-align: right;
	padding-top: 10px;
	margin-top: 15px;
	border-top: dotted 1px #ccc;
	font-size: 0.8em;
}
.cate li{
	padding: 25px 0 10px 28px;
	border-bottom: dotted 2px #9ACD32;
	background: url(../images/flag.jpg) no-repeat;
	background-position: left bottom;
}
.cate_title {
	color:#2E8B57;
	text-align: center;
  position: relative;
  padding: .75em 1em;
  background-color: #D1EFAC;
  margin-bottom: 15px;
}
.cate_title::before,
.cate_title::after {
  content: '';
  position: absolute;
  top: 100%;
  border-style: solid;
  border-color: transparent;
}
.cate_title::before {
  left: 0;
  border-width: 0 15px 15px 0;
  border-right-color: #AAC28D;
}
.cate_title::after {
  right: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-top-color: #AAC28D;
}


.blog_mainimg{
	clear: both;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
 
.blog_mainimg img {
  width: 100%;
  height: auto;
}


/* @end */



/* @group 見出し */


.h2_title {
	border-top: 3px solid #253F52;
	color:#253F52;
	padding-top:5px;
	font-size: 30px;
font-family:'Arial',  sans-serif;
font-style: italic;
margin-bottom: 30px;
margin-top: 30px;

	}



.h3_title{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO" !important;
	border-bottom: dashed 3px #FEB000 ;
	margin-bottom: 30px;
	padding-bottom: 10px;
	font-weight: bold;
}

.sub{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO" !important;
	border-bottom: dotted 2px #999 ;
	margin-bottom: 30px;
	padding-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}


.sub_orange{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO" !important;
	margin-bottom: 5px;
	padding-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FEB000;
}



.cap{
	font-size: 1.2em;
	color: #666;
	padding-bottom: 10px;
	font-weight: bold;
}



.dt_title{
	color: #FEB000;
	font-size: 1.3em;
}

.dd_title{
	border-bottom:dotted 1px #999 ;
	margin-bottom: 15px;
	color: #1574b5;
	font-size: 1.4em;
}




/* @group 下線グラデーション */
/*.h2_rinen{
padding: .5em;
position: relative;
}
.h2_rinen:after {
content: "";
display: block;
height: 4px;
background-image: linear-gradient(to right, #EB9BBD, #7ED1E6);
}
/* @end */






/* @group br */
@media screen and (max-width: 480px){
br.br_sp { display: inline; }
br.br_pc { display: none; }
}
@media screen and (min-width: 481px){
br.br_sp { display: none; }
br.br_pc { display: inline; }
}


/* @end */









.bx-viewport{
	
	max-height: 70vh !important;
	
}
.bx-wrapper .bx-caption span{
	
	font-size: 3em !important;
	font-weight: bold !important;
}eigyo