/*------------all-------------*/

* {
  margin: 0;
  padding: 0;
}

html{
	margin:0px;
	padding:0px;
}

img{
	border-style:none;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

a:link{
	color:#000000;text-decoration:underline;
}

a:hover{
	color:#555555;text-decoration:none;
}

body{
	background:url(../images/h_bg.gif) top center no-repeat;
	background-color:#ffffff;
	text-align:center;
	color:#333333;
	font:normal 14px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
	padding:0px;
	margin:0px;
}

.sp-none{display:none;}


/*------------font-------------*/

.text_red{
	color:#ff3399;
	font:bold 14px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
}
/*------------container-------------*/


#container{
	text-align:center;
    max-width: 100%;
	height:auto;
	padding:0px;
	margin:0px auto;
}

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

#header{
	text-align:center;
    max-width: 100%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

#header h1{
	float:left;
	width:49%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

#header h1 img{
    max-width: 100%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

#header div{
	float:right;
	width:49%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

#header div img{
    max-width: 100%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}


#header ul{
	display:none;
	clear:both;
	padding:0px 5px 0px 5px;
	margin:0px auto;
}


#header ul li{
	display:none;
	list-style:none;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

#header ul li img{
	display:none;
	margin:0px 0px 0px 0px;
}

#header ul li a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70)";
	background: #fff;
}

/*------------view-------------*/

#view{
	clear:both;
	overflow:hidden;
	width:100%;
	max-height:250px;
	padding:0px 0px 15px 0px;
	margin:0px auto;
}


/*------------main-------------*/

#main{
	background: #fff;
    position:relative;
	clear:both;
    max-width: 100%;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

/*------------left-------------*/

#left{
	background: #fff;
    max-width: 100%;
	height:auto;
	padding:15px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.contents{
	background: #fff;
	text-align:left;
	padding:10px 2% 10px 2%;
	margin:0px 0px 0px 0px;
}

#left h2{
    width:98%;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#left h2 img{
    width:160%;
	margin:0px -60% 0px 0px;
}

#left h3{
    width:100%;
	overflow:hidden;
	padding:30px 0px 20px 0px;
	margin:0px 0px 0px 0px;
}

#left h3 img{
    width:160%;
	margin:0px -60% 0px 0px;
}

/*------------right-------------*/

#right{
	display:none;
	background: #fff;
	width:220px;
	height:auto;
	padding:25px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/*------------footer-------------*/

#footer{
    position:relative;
	background:url(../images/f_bg.gif) top center repeat-x;
	text-align:center;
    max-width: 100%;
	height:235px;
	padding:0px 0px 0px 0px;
	margin:-80px 0px 0px 0px;
}

#footer_in{
    position:relative;
	background:url(../images/f_in_bg.gif) left bottom no-repeat;
	text-align:center;
    max-width: 100%;
	height:235px;
	padding:0px;
	margin:0px auto;
}

#footer_in div{
    position:relative;
    max-width: 100%;
	padding:0px 0px 0px 0px;

}

#footer_in div img{
	float:right;
	padding:0px;
    width:80px;
	margin:90px 20px 0px 0px;
}

#footer_in p{
	clear:both;
	font:normal 10px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
	text-align:center;
	line-height:2;
	padding:20px 2% 0px 2%;
}



/*------------index-------------*/

.index_contents{
	padding:0px;
	margin:0px;
}

.i_c_left{
    width:100%;
	padding:0px;
	margin:0px;
}

.i_c_left img{
    width:100%;
}

.i_c_right{
    width:100%;
	padding:0px;
	margin:0px;
}

.i_c_right p{
	line-height:2;
	padding:0px 0px 15px 0px;
	margin:0px 0px 0px 0px;
}

/*------------abouts-------------*/

.news_contents{
	background:url(../images/news_bg.gif) top center repeat-y;
	background-size:contain;
    max-width:100%;
	height:auto;
	padding:0px;
	margin:0px auto;
}

.news_contents_in{
	background:url(../images/news_bg_top.gif) top center no-repeat;
	background-size:contain;
    max-width:100%;
	height:auto;
	padding:0px;
	margin:0px auto;
}

.news_area{
	background:url(../images/news_bg_bottom.gif) bottom center no-repeat;
	background-size:contain;
    max-width:100%;
	height:auto;
	padding:0px;
	margin:0px auto;
}

.news_area div{
	line-height:2;
	height:auto;
	padding:15% 8% 8% 8%;
	margin:0px auto;
}

.abouts_contents{
	padding:0px 0px 20px 0px;
	margin:0px auto;
}

.abouts_contents table{
	background:url(../images/border_b.gif) bottom center no-repeat;
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
	padding:0px;
	margin:0px;
}

.abouts_contents table th{
	color:#000;
	width:30%;
	vertical-align:top;
	padding:30px 2% 40px 2%;
	margin:0px;
}

.abouts_contents table td{
	vertical-align:top;
	padding:30px 2% 40px 2%;
	margin:0px;
}

.abouts_contents table td span{
	color:#000;
	font:bold 14px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
}

.yokohama_contents{
    max-width:100%;
	padding:0px 0px 20px 0px;
	margin:0px auto;
}

.yokohama_contents table{
    max-width:100%;
    border-collapse:collapse;
    border-spacing:0;
	padding:0px;
	margin:0px;
}

.yokohama_contents table th{
    width:35%;
	vertical-align:top;
	padding:10px 0px 0px 0px;
	margin:0px;
}

.yokohama_contents table th img{
    width:98%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.yokohama_contents table td{
	vertical-align:top;
	padding:5px 0px 0px 5px;
	margin:0px;
}

.yokohama_contents p{
	color:red;
	text-align:center;
	padding:20px 0px 0px 0px;
	margin:0px;
}

/*------------life-------------*/

.life_contents{
    max-width:100%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}



.life_top01{
    max-width:100%;
	background:url(../images/sm_life_top01_bg.jpg) top center no-repeat;
	background-size:contain;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

.life_top_text01{
	padding:29% 0px 40px 0px;
	margin:0px;
}

.life_top02{
	background:url(../images/life_top02_bg.jpg) top right no-repeat;
	background-size:contain;
    max-width:100%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

.life_top02 img{
    max-width:100%;
}

.life_top_text02{
	padding:68% 0px 0px 0px;
	margin:0px;
}

.life_top_text03{
	padding:20px 0px 0px 0px;
	margin:0px;
}

.life_middle{
    width:100%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

.life_middle table{
    max-width:100%;
	text-align:left;
    border-collapse:collapse;
    border-spacing:0;
	padding:0px;
	margin:0px;
}

.life_middle table th{
	text-align:left;
	vertical-align:top;
	font:normal 14px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
	padding:20px 10px 20px 0px;
	margin:0px;
}

.life_middle table td{
	text-align:left;
	vertical-align:top;
	font:normal 14px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
	padding:20px 0px 20px 10px;
	margin:0px;
}

.life_middle table img{
    max-width:120px;
	padding:0px;
	margin:0px;
}

.life_middle table th span{
	font:bold 14px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;

}

.life_middle table td span{
	font:bold 14px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
}

.life_middle p{
	padding:10px 0px 0px 0px;
	margin:0px auto;
}

.life_teikikenkou{
	overflow:hidden;
    max-width:100%;
	padding:10px 0px 10px 0px;
	margin:0px auto;
}

.life_teikikenkou img{
    max-width:108%;
	padding:0px 0px 0px 0px;
	margin:0px -4% 0px -4%;
}


.life_ennai{
    max-width:100%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

.life_ennai img{
    max-width:100%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

/*------------event-------------*/

.event_contents{
    width:100%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

.event_top{
	overflow:hidden;
    width:100%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

.event_top img{
    width:100%;
	margin:0px ;
}

.event_middle{
    width:100%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

.event_sp_view{
   width:100%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}
.event_sp_view img{width:100%;}



.event_text_left{
	font:normal 14px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
	padding:0px 0 30px 0;
	margin:20px 0px 30px 0px;
border-bottom:1px solid #fbd3e7;
}

.event_text_right{
	font:normal 14px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
	padding:0px 0 30px 0;
	margin:20px 0px 30px 0px;
border-bottom:1px solid #fbd3e7;
}


/*------------access-------------*/

.access_contents{
    max-width:100%;
	padding:0px 0px 20px 0px;
	margin:0px auto;
}

.access_contents table{
    max-width:100%;
	text-align:left;
    border-collapse:collapse;
    border-spacing:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.access_contents table th{
	vertical-align:top;
	text-align:left;
	font:bold 14px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
	padding:0px 30px 10px 0px;
	margin:0px 0px 0px 0px;
}

.access_contents table td{
	vertical-align:top;
	text-align:left;
	font:normal 14px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}

.access_map{
    max-width:100%;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
}

.access_map img{
    max-width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.access_map p{
	font:normal 14px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}

.sm_tel{
	font:normal 12px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;

}

.button{
	position: relative;
	z-index:100;
	clear:both;
	font:normal 12px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;

}

a.btn2{
	float:left;
	width: 31.5%;
	text-align: center;
	display: block;
	padding:10px 0px 10px 0px;
	margin: 0% 0% 1% 1%;
	color: #666;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	border-radius: 3px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	font-weight: bold;
	-webkit-box-shadow: 1px 1px 2px #e7e7e7;  
	box-shadow: 1px 1px 2px #e7e7e7;  
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), 		color-stop(0.01, #f1f1f1), 
		color-stop(0.5, #f1f1f1), 
		color-stop(0.99, #dfdfdf), 
		to(#ccc));
	background: linear-gradient(#fff, #f1f1f1 1% , #f1f1f1 50% , #dfdfdf 99%, #ccc);
	}


a.btn3{
	width: 95%;
	text-align: center;
	display: block;
	padding:10px 0px 10px 0px;
	margin: 10px auto 90px auto;
	color: #666;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	border-radius: 3px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	font-weight: bold;
	-webkit-box-shadow: 1px 1px 2px #e7e7e7;  
	box-shadow: 1px 1px 2px #e7e7e7;  
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), 		color-stop(0.01, #f1f1f1), 
		color-stop(0.5, #f1f1f1), 
		color-stop(0.99, #dfdfdf), 
		to(#ccc));
	background: linear-gradient(#fff, #f1f1f1 1% , #f1f1f1 50% , #dfdfdf 99%, #ccc);
	}

.counter{
background-color:#68aa0c;
z-index:100;
margin:0px auto;
padding:15px 0;
}
.t_counter{
font-size:12px;
margin:0px 10px;
}
.t_counter li{
color:#fff;
list-style:none;
}
.t_counter li span{
float:left;
padding:3px 0px 3px 0px;
}


/* スライドショー  */

@-webkit-keyframes zoomUp {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}

@keyframes zoomUp { /* 1.15倍させる指定 */
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}

.swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img { /* 12秒かけて拡大させる */
    -webkit-animation: zoomUp 12s linear 0s;
    animation: zoomUp 12s linear 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slide-img {
    background-size: cover; 
    background-position: center center; /* 背景画像は中央を軸に表示させる */
    height: 250px; /* 250pxの高さで表示させる */
}

.slide-text {
      position: absolute;
      z-index: 10;
      width: 100%;
	  height: 250px;
      top: 0;
      text-align: center;
}

.slide01-low_box01{
overflow: hidden;
width:100%;
margin:5% auto 0;
}
.slide01-low_box02{
width:50%;
margin:0 auto 0 auto;
}
.slide01-low_box03{
width:35%;
margin:0;
position: absolute;
bottom:30px;
right:30px;
}
.slide01-low_box01 img{width:100%;}
.slide01-low_box02 img{width:100%;}
.slide01-low_box03 img{width:100%;}

.slide-low_box{
width:90%;
height: 250px;
margin:0 auto 0 auto;
display: flex;
align-items: center;
}
.slide-low_box img{width:100%;}