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


#wrapper{
	clear:both;
	width:100%;
	height:auto;
	/*padding-bottom:10px;
	background:#f6f4ed;*/	
/*	background:#fe9e1a;*/
	/*background:#f37e1e;*/
	/*background:#ffebc3;*/
	/*background:#F79B2B;*/
	/*background:#FFF7EE;
	background:#FFFFF9;*/
	/*background:#FFF7EE;*/
	background:url(../img/visual_bg_base.gif);
	
}

#main_visual img{
	width:100%;
	margin:0 auto;
	position:relative;
}


#main_visual img{
	width:100%;
	vertical-align:bottom;
}


.title_mini{
	width:1100px;
	color:#333;
	font-weight:500;
	letter-spacing:3px;
	margin:0 auto;
	text-align:center;
	/*
	border-bottom:3px solid #fff;*/
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-shadow:2px 2px 1px #FFF,
	 -2px 2px 1px #FFF,
	 2px -2px 1px #FFF,
	 -2px -2px 1px #FFF;
	 font-size:200%;
	 margin-top:-20px;
	 margin-bottom:25px;
	 font-weight:bold;

	}


.logobox{
	width:330px;
	height:300px;
	margin:0 auto;
	position:absolute;
	z-index:1;
	background:url(../img/logo_02.png) no-repeat;
	}






h1{
	color:#FFF;
	text-align:center;
	font-size:370%;
	letter-spacing:3px;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	text-shadow:2px 2px 2px #535353;

}
/*オレンジグループ　ルビ*/
p.logo_text{
	color:#FFF;
	font-size:250%;
	text-align:center;
	letter-spacing:3px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-shadow:2px 2px 2px #535353;
	font-weight:bold;
	margin-top:-15px;
}


.carousel{
    animation-name: carousel-zoom;
	
}



/*
element.style {
    background-image:url(../img/mainvisual/01.png);
}*/

/*
nav{
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	
	}*/


#hako{
	width:100%;
	height:200px;
	top:200px;
	margin:0 auto;
	position:absolute;
	z-index:2;
	
	}



#logobox{
	width:80px;
	height:84px;
	position:absolute;
	top:36%;
	left:32%;
	}


h1{
	color:#FFF;
	text-align:center;
	font-size:370%;
	letter-spacing:3px;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	text-shadow:2px 2px 2px #535353;

}
/*オレンジグループ　ルビ*/
p.logo_text{
	color:#FFF;
	font-size:250%;
	text-align:center;
	letter-spacing:3px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-shadow:2px 2px 2px #535353;
	font-weight:bold;
	margin-top:-15px;
}


/*オレンジグループ*/
h2.title_04{
	width:1100px;
	font-size:330%;
	color:#333;
	font-weight:500;
	letter-spacing:3px;
	margin:0 auto;
	text-align:center;
	/*
	border-bottom:3px solid #fff;*/
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-shadow:2px 2px 1px #FFF,
	 -2px 2px 1px #FFF,
	 2px -2px 1px #FFF,
	 -2px -2px 1px #FFF;
	 
	 background:url(../img/logo.png) 22% 0 no-repeat;
	 padding:15px 0;
	 font-weight:bold;
	 z-index:2;
	 
}


/*挨拶*/
#aisatu{
	width:1100px;
	margin:0 auto;
	height:480px;
	padding-top:10px;
	}


.picbox{
	width:1100px;
	height:320px;
	margin-top:80px;
	margin-bottom:30px;
	position:relative;
	}

.pic{
	width:452px;
	height:320px;
	float:left;
	margin-left:40px;
	}


.pic img{
	border-radius:50%;
	}



.motto{
	width:401px;
	height:auto;
	text-align: center;
    color: #535353;
    font-size: 200%;
    line-height: 50px;
    margin-bottom: 40px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    letter-spacing: 2px;
	position:absolute;
	right:140px;
	letter-spacing:2px;
	}

.bookbox{
	width:200px;
	height:200px;
	position:absolute;
	top:120px;
	right:250px;
	background:url(../img/kage.png) no-repeat;
	}

.credo_btn{
	color:#FFF;
	font-size:131%;
	position:absolute;
	border-radius:10px;
	top:80px;
	left:50px;
	font-weight:bold;
}


.credo_btn:hover{
	color:#F60;
	
}



/*
.credo_btn{
	color:#FFF;
	font-size:131%;
	position:absolute;
	border-radius:10px;
	top:80px;
	left:50px;
	font-weight:bold;
}


.credo_btn:hover{
	color:#F60;
	
}*/


.hato{
	position:absolute;
	bottom:0px;
	left:50px;
	}


.huwa{
	width:100px;
	height:100px;
	position:absolute;	
	}

/*「大切な人を預けたいと思える施設を創造する」*/
.txt{
	text-align:center;
	color:#535353;
	font-size:200%;
	line-height:45px;
	margin-bottom:40px;
	margin-top:20px;
	clear:both;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:2px;
	}



.bigttl{
	padding-top:50px;
	text-align:center;
	font-size:108%;
	}

.bigttl_2{
	text-align:center;
	font-size:200%;
	letter-spacing:2px;
	}



/*//ブログの大枠//*/
#relations{
	clear:both;
	width:100%;
	height:auto;
	background:url(../img/bl_st.gif);
	margin:0 auto;
	margin-top:50px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding-bottom:200px;
}
h2.news_title_01{
	text-align:center;
	width:380px;
	line-height:45px;
	position:absolute;
	left:362px;
	top:-23px;
	background:#FFF;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#535353;
	border-top:1px solid #b0b0ae;
	border-bottom:3px double #b0b0ae;
	font-size:146.5%;
	letter-spacing:2px;
}

#relations_02{
	background:url(../img/sky.jpg) 50% 50% no-repeat;
	clear:both;
	width:100%;
	height:442px;
	margin:0 auto;
	border-bottom:1px dotted #ccc;
	padding-bottom:200px;	
	}




.pick_txt{
	text-align:center;
	font-size:174%;
	background:rgba(255, 255, 255, 0.8);
	margin-top:100px;
	padding:10px;
	border-radius:10px;
	}


.pick_txt a{
	text-decoration:none !important;
}



.pick_txt a:hover{
	color:#F60;	
	
}

span.red{
	color:#F00;
	animation: blink 0.8s ease-in-out infinite alternate;
	
	}


/*新しいエフェクト*/


ul.banner_box{
	margin:0 auto;
	margin-top:30px;
	width:1100px;
	height:250px;
}
	
ul.banner_box li{
	width:450px;
	height:250px;
	float:left;
	margin-bottom:40px;
}
li.hida{
	margin-left:75px;
	margin-right:25px;
}
li.mig{
	margin-left:25px;
	margin-right:75px;
}




@import url(https://fonts.googleapis.com/css?family=Raleway:400,500);
figure.snip1206 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  min-width: 220px;
  max-width: 450px;
  max-height: 250px;
  width: 100%;
  color: #000000;
  text-align: center;
}
figure.snip1206 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
figure.snip1206 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip1206:after {
  background: #ffffff;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  opacity: 0.75;
  -webkit-transform: skew(-45deg) scaleX(0);
  transform: skew(-45deg) scaleX(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
figure.snip1206 figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
figure.snip1206 h2,
figure.snip1206 p {
  margin: 0;
  width: 100%;
  opacity: 0;
}
figure.snip1206 h2 {
  padding: 0 30px;
  display: inline-block;
  font-weight: 400;
  text-transform: uppercase;
}
figure.snip1206 p {
  padding: 0 50px;
  font-size: 0.8em;
  font-weight: 500;
}
figure.snip1206 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.snip1206:hover:after,
figure.snip1206.hover:after {
  -webkit-transform: skew(-45deg) scaleX(1);
  transform: skew(-45deg) scaleX(1);
  transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
figure.snip1206:hover figcaption h2,
figure.snip1206.hover figcaption h2,
figure.snip1206:hover figcaption p,
figure.snip1206.hover figcaption p {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
figure.snip1206:hover figcaption h2,
figure.snip1206.hover figcaption h2 {
  opacity: 1;
}
figure.snip1206:hover figcaption p,
figure.snip1206.hover figcaption p {
  opacity: 0.7;
}
/* Demo purposes only */








/*リニューアル施設紹介の段*/

/* =======================================
	4つの画像
======================================= */



/*施設の段*/
#sisetu{
	clear:both;
	width:100%;
	height:800px;
	margin:0 auto;
	padding-bottom:150px;
	background:url(../img/blizzard.png);
	}



ul.list_01{
	width:1100px;
	height:300px;
	position:relative;
	top:50px;
}
ul.list_01 li{
	width:450px;
	height:250px;
	margin-bottom:20px;
	float:left;
}
ul.list_01 li.migi{
	margin-left:25px;
	margin-right:75px;
	float:left;
}


ul.list_01 li.hidari{
	margin-right:25px;
	margin-left:75px;
	float:left;
}



/*エフェクト*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
figure.snip1194 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  min-width: 450px;
  max-width: 250px;
  max-height: 250px;
  width: 100%;
  background: #ffffff;
  color: #000000;
  text-align: center;
  box-shadow:2px 2px 1px #CCC;


}
figure.snip1194 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
figure.snip1194 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip1194 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*施設名*/
figure.snip1194 p.big{
	font-size:250%;
	-webkit-transform:none;
    transform:none;
	font-weight:bold;
	opacity:100;
	text-align:justify;
	padding: 10px 30px;
	margin: 0;
    position: absolute;
    width: 100%;
    left: 0;
	line-height:50px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 	}

/*内容*/
figure.snip1194 p.naiyou{
  top: 30%;
  padding: 0 50px;
  font-size:108%;
  font-weight: 500;
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0);
  margin: 0;
  position: absolute;
  width: 100%;
  left:15%;
  opacity: 0;
  text-align:left;
  line-height:20px;


}
figure.snip1194 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1194:hover img,
figure.snip1194.hover img {
  opacity: 0.08;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1194:hover figcaption h2,
figure.snip1194.hover figcaption h2,
figure.snip1194:hover figcaption p,
figure.snip1194.hover figcaption p {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}
figure.snip1194:hover figcaption h2,
figure.snip1194.hover figcaption h2 {
  opacity: 0.9;
}
figure.snip1194:hover figcaption p,
figure.snip1194.hover figcaption p {
  opacity: 0.6;
}

/*ここまで*/


/*先輩の声ボックス*/
#senpai{
	clear:both;
	width:100%;
	height:550px;
	margin:0 auto;
	margin-bottom:100px;
	border-top:1px dotted #ccc;
}


#senpai img{
	border-radius:10px;
	box-shadow:2px 2px 1px #CCC;
	}






.s_box{
	width:1100px;
	height:300px;
	margin:0 auto;
	margin-top:30px;
	}


.bigttl{
	padding-top:50px;
	text-align:center;
	font-size:108%;
	}

.bigttl_2{
	text-align:center;
	font-size:200%;
	letter-spacing:2px;
	}

/*下部のバナー*/
.lastbox{
	width:1100px;
	height:116px;
	margin:0 auto;
	margin-top:80px;
	margin-bottom:100px;
	}

.lastbox li{
	float:left;
	}

.lastbox li img{
	box-shadow:2px 2px 1px #CCC;
	}


.lastbox li.left{
	margin-left:25px;
	margin-right:25px;
}

.lastbox li.right{
	margin-left:25px;
	margin-right:25px;
}








	
/*施設紹介タイトル*/	
.shoukai{
	width:980px;
	height:auto;
	margin:0 auto;
	color:#535353;
	text-align:center;
    font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:200px;
	padding-top:80px;
	padding-bottom:50px;
	font-weight:bold;
	text-shadow:2px 2px 1px #FFF;
	clear:both;
	}




#ttl{
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
	background:url(../img/back.jpg) no-repeat;
	border-top:1px solid #F4F4F4;
	clear:both;
	}

.ttl_txt{
	text-align:center;
	font-size:320%;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	color:#FFF;
	margin-top:30px;
	text-shadow:2px 2px 1px #666;
	letter-spacing:2px;
	}



/*4つのメニュー*/
#menu{
	width:1100px;
	height:auto;
	margin:0 auto;
	}


ul.menu_2{
	width:1100px;
	height:400px;
	margin:0 auto;
	margin-top:30px;
	}


li.l{
	width:480px;
	height:400px;
	background:#FFC;
	float:left;
	margin-left:35px;
	margin-right:35px;
	}

li.r{
	width:480px;
	height:400px;
	background:#FFC;
	float:left;
	margin-left:35px;
	margin-right:35px;
	
	}


ul.menu_3{
	width:1100px;
	height:500px;
	margin:0 auto;
	margin-top:30px;
	}




li.c{
	width:480px;
	height:400px;
	background:#FFC;
	margin:0 auto;
	}







	
	
	
/*西宮*/	
.nishi{
	width:100%;
	height:400px;
	margin:0 auto;
	margin-top:1px;
	border-top:1px solid #F6F6F6;
	position:relative;
	background:#F93;

	}
	
.nishi a:hover{
	color:#FFF;
	font-weight:bold;
	}
	
	
/*姫路*/	
.hime{
	width:100%;
	height:400px;
	margin:0 auto;
	margin-top:1px;
	border-top:1px solid #F6F6F6;
	position:relative;
	background:#F93;
	}

	
.hime a:hover{
	color:#FFF;
	font-weight:bold;
	}

	
/*神戸*/	
.kobe{
	width:100%;
	height:400px;
	margin:0 auto;
	margin-top:1px;
	border-top:1px solid #F6F6F6;
	border-bottom:1px solid #F6F6F6;
	position:relative;
	background:#F93;
	}

	
	
	
/*文字*/
.bn_txt{
	position:absolute;
	top:180px;
	left:280px;
	font-size:200%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#FFF;
	font-weight:bold;
	}


/*文字（神戸）*/
.bn_txt_kobe{
	position:absolute;
	top:180px;
	left:280px;
	font-size:200%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}








.bun{
	color:#FFF;
	text-align:center;
	line-height:38px;
	font-size:116%;
	text-shadow:2px 2px 1px #333;
	}
	
.bun:hover{
	color:#FFF;
	text-shadow:2px 2px 1px #333;
	}
	
	
	

.bun_2{
	color:#FFF;
	text-align:center;
	line-height:72px;
	font-size:116%;
	text-shadow:2px 2px 1px #333;
	}


.bun_2:hover{
	color:#FFF;
	text-shadow:2px 2px 1px #333;
}


h2.title_05{
	width:1100px;
	font-size:300%;
	color:#535353;
	font-weight:normal;
	letter-spacing:4px;
	margin:0 auto;
	text-align:center;
	border-bottom:3px solid #fff;
	padding-bottom:15px;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	}



body {
  background-color: #212121;
}

h2.bnttl{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	font-size:300%;
	text-shadow:2px 2px 1px #080808;
	}





/*新着のカテゴリ池田*/
.category_01{
	width:35px;
	background:#E37200;
	position:absolute;
	top:21px;
	left:140px;
	text-align:center;
	color:#FFF;
	}

/*新着のカテゴリ西宮*/
.category_02{
	width:35px;
	background:#003366;
	position:absolute;
	top:21px;
	left:140px;
	text-align:center;
	color:#FFF;
	}
	
/*新着のカテゴリ姫路*/
.category_03{
	width:35px;
	background:#360;
	position:absolute;
	top:21px;
	left:140px;
	text-align:center;
	color:#FFF;
	}

.ikeda{
	width:35px;
	background:#E37200;
	position:absolute;
	top:21px;
	left:140px;
	text-align:center;
	color:#FFF;
}

.nishinomiya{
	width:35px;
	background:#E37200;
	position:absolute;
	top:21px;
	left:140px;
	text-align:center;
	color:#FFF;
}

.himeji{
	width:35px;
	background:#E37200;
	position:absolute;
	top:21px;
	left:140px;
	text-align:center;
	color:#FFF;
}

.kobe{
	width:35px;
	background:#E37200;
	position:absolute;
	top:21px;
	left:140px;
	text-align:center;
	color:#FFF;
}


.blog{
	color:#fff;
	padding:2px 2px;
	position:relative;
	left:10px;
	border-radius:2px;
}



#news_box{
	width:99%;
	height:auto;
	margin-top:100px !important;
	background:url(../img/subtle_dots.png);
	margin:0 auto;
	padding-bottom:200px;
	border-top:1px solid #ccc;
	border-bottom:1px dotted #ccc;
	border-radius:10px 10px 0 0;
}
#news{
	width:980px;
	height:auto;
	position:relative;
	margin:0 auto;
}

h2.news_title{
	text-align:center;
	width:380px;
	margin:0 auto;
	line-height:45px;
	position:absolute;
	left:302px;
	top:-23px;
	background:#FFF;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#535353;
	border-top:1px solid #b0b0ae;
	border-bottom:3px double #b0b0ae;
	font-size:146.5%;
	letter-spacing:2px;
}

#top_title_back{/*//新着情報のタイトルバック//*/
	width:980px;
	padding-top:80px !important;
	height:45px;
	border-bottom:2px solid #999;
	position:relative;
}


/*// 一覧表はこちら //*/
#news_sub{
	width:980px;
	height:auto;
}



ul.news_01 li {
	width:980px;
	height:60px;
	background:url(../img/logo_blg.png) no-repeat scroll 0px 11px;
	border-bottom:1px dotted #02328d;
	overflow:hidden;
	position:relative;
}
span.day{
	font-size:116%;
	position:absolute;
	top:21px;
	left:40px;
	width:50px;
	color:#535353;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}
ul.news_01 a{
	display:block;
	color:#535353;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-size:123.1%;
	position:absolute;
	top:21px;
	left:180px;
	width:800px;
	height:60px;
	text-decoration:underline;
	-webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
	white-space:nowrap;
	overflow:hidden;
    text-overflow: ellipsis;
}
ul.news_01 li a:hover{
	color:#F60;
}
/*////////// ここまで一覧表はこちら ////////////*/

.button {
	position:absolute;
	margin-top:40px;
	right:0;
	margin-left:76px;
	background-color: #f37e1e;
	border: 3px solid #DEDEDE;
	display: inline-block;
	width: 280px;
	height: 45px;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-size:108%;
	color:#FFF;
	/*************************************************************************************
	outlineプロパティは、アウトラインのスタイル・太さ・色をまとめて指定する際に使用します。
	borderプロパティとは異なり、outlineプロパティには上下左右の概念はありません。 
	アウトラインをつける（縁取りをする）対象が丸い場合には、アウトラインも丸くなります。
	*************************************************************************************/
	outline: none;
	text-decoration:none !important;
	border-radius:5px !important;
}

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	border-radius:5px !important;
}
.button,
.button::before,
.button::after {
	/*********************************************************
	「box-sizing」はボックスサイズの算出方法を指定する 
	content-box
	パディングとボーダーを幅と高さに含めない（初期値）
	border-box
	パディングとボーダーを幅と高さに含める
	inherit
	親要素の値を継承する
	**********************************************************/
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
	/*transitionで変化を設定 これにより滑らかに動く*/
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}

/* btn3 */
.btn3 {
	z-index: 2;
	color:#fff !important;
	line-height: 40px;
	letter-spacing:2px;
	position:relative;
	text-align:center;
	left:28%;
	border-radius:5px !important;
}
.btn3:hover {
	border-radius:5px !important;
	background-color: #fff;
	border-color: #f37e1e;
	color: #f37e1e !important;
}
.btn3::before,
.btn3::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #f37e1e;
}
.btn3::before {
	right: 0;
}
.btn3::after {
	left: 0;
}
.btn3:hover::before,
.btn3:hover::after {
	width: 0;
	background-color: #f37e1e;
	border-radius:5px !important;
}







/*ブログのカテゴリ西宮*/
.blg_category{
	background:#003366;
	width:50px;
	margin:0 auto;
	color:#FFF;
	padding:3px;
	
	}

/*ブログのカテゴリ池田*/
.blg_category_01{
	background:#E37200;
	width:50px;
	margin:0 auto;
	color:#FFF;
	padding:3px;
	
	}
/*ブログのカテゴリ姫路*/
.blg_category_02{
	background:#360;
	width:50px;
	margin:0 auto;
	color:#FFF;
	padding:3px;
	
	}






/*//ブログの中枠//*/
#public{
	clear:both;
	width:1100px;
	height:auto;
	margin:0 auto;
	position:relative;
}

#public_sub li:nth-child(2){
	padding:0 33px;
}

#public_sub li:nth-child(3){
	padding-right:33px;
}

ul#public_sub{
	width:1100px;
	padding-top:130px;
}

#public_sub li{
	float:left;
}

#public_sub li img{
	border-radius:50%;
	border:2px solid #CCC;
}
#public_sub li img a:hover{
	border:2px solid #00C !important;
}


li.box_01 img{
	margin-left:33px;
}
li.box_02 img{
	margin-left:33px;
	margin-right:33px;
}

.blog_time{
	width:250px;
	padding-top:5px;
	text-align:center;
	color:#615F50;
	font-size:116%;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	margin-bottom:10px;
}
.blog_text a{
	display:block;
	padding-top:10px;
	width:250px;
	text-align:center;
	font-size:116%;
	color:#080808;
}
.blog_text a:hover{
	text-decoration:underline;
	color:#F60;
}
.blog_time_01{
	text-align:center;
	padding-top:5px;
	padding-left:21px;
	color:#615F50;
	font-size:123.1%;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}
.blog_text_01 a{
	display:block;
	padding-top:10px;
	padding-left:25px;
	text-align:center;
	font-size:116%;
	color:#080808;
}
.blog_text_01 a:hover{
	text-decoration:underline;
	color:#F60;
}









/*--/// アニメーション NEW ///--*/
span.new{
	color:#F60;
	font-weight:900;
}
span.new{
-ms-animation:blink 0.8s ease-in-out infinite alternate;
-webkit-animation:blink 0.8s ease-in-out infinite alternate;
-moz-animation:blink 0.8s ease-in-out infinite alternate;
animation:blink 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;
}
}


.button_01 {
	position:absolute;
	bottom:-100px;
	right:0;
	margin-left:105px;
	background-color: #f37e1e;
	border: 3px solid #DEDEDE;
	display: inline-block;
	width: 280px;
	height: 45px;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-size:108%;
	color:#FFF;
	/*************************************************************************************
	outlineプロパティは、アウトラインのスタイル・太さ・色をまとめて指定する際に使用します。
	borderプロパティとは異なり、outlineプロパティには上下左右の概念はありません。 
	アウトラインをつける（縁取りをする）対象が丸い場合には、アウトラインも丸くなります。
	*************************************************************************************/
	outline: none;
	text-decoration:none !important;
	border-radius:5px !important;
}

.button_01::before,
.button_01::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	border-radius:5px !important;
}
.button_01,
.button_01::before,
.button_01::after {
	/*********************************************************
	「box-sizing」はボックスサイズの算出方法を指定する 
	content-box
	パディングとボーダーを幅と高さに含めない（初期値）
	border-box
	パディングとボーダーを幅と高さに含める
	inherit
	親要素の値を継承する
	**********************************************************/
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	/*transitionで変化を設定 これにより滑らかに動く*/
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}




/* =======================================
	オレンジグループの魅力
======================================= */

#active_back{
	width:99%;
	height:auto;
	margin:0 auto;
	background:#f9f9f9;
	border-bottom:1px dotted #ccc;
	z-index:10;
	padding-bottom:130px;
}
h2.news_title_02{
	text-align:center;
	width:380px;
	height:45px;
	line-height:45px;
	position:absolute;
	left:362px;
	top:-23px;
	background:#FFF;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	color:#535353;
	border-top:1px solid #b0b0ae;
	border-bottom:3px double #b0b0ae;
	font-size:146.5%;
	letter-spacing:3px;
}
#active_box{
	clear:both;
	padding-top:70px;
	width:1100px;
	height:auto;
	margin:0 auto;
	position:relative;
}


p.sub_text{
	text-align:center;
	font-size:161.6%;
	line-height:40px;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	color:#535353;
	width:1100px;
	margin:0 auto;
	background:#FFF4EA;
	padding:15px;
	border-radius:10px;
}


#course_box_01{
	width:1100px;
	height:650px;
	margin:0 auto;
	position:relative;
}
ul.pick_up_01 li{
	float:left;
	margin-top:55px;
	width:310px;
	height:auto;
}

li.center_li_01{
	margin-left:80px;
	margin-right:80px;
}

.pickurp_pho_01{/*写真*/
	width:310px;
	height:270px;
}
p.pickup_title_01{
	color:#535353;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-size:123.1%;
	font-weight:bold;
	width:310px;
	text-align:center !important;
	border-bottom:2px solid #CCC;
	padding:10px 0 10px 0;
	text-align:justify;
}
p.pickup_text_01{
	width:310px;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	padding-top:10px;
	color:#535353;
	font-size:93%;
	text-align:justify;
	line-height:22px;
}







/* =======================================
	インスタ・フェイスブック
======================================= */
#sns_box{
	width:99%;
	height:auto;
	margin:0 auto;
	background:#FFF;
	padding-bottom:150px;
}

#sns_center{
	clear:both;
	width:1100px;
	height:auto;
	margin:0 auto;
	position:relative;
}

h3.sns_title{
	text-align:center;
	width:380px;
	height:45px;
	line-height:45px;
	position:absolute;
	left:362px;
	top:-23px;
	background:#FFF;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	color:#535353;
	border-top:1px solid #b0b0ae;
	border-bottom:3px double #b0b0ae;
	font-size:146.5%;
	letter-spacing:2px;
}




#insta_box{
	float:left;
	margin-top:80px;
	width:527px;
	height:527px;
	background:#906;
	border:1px solid #ccc;
}

h3.insta_title{
	width:520px;
	height:130px;
	background:#FFF;
}


.insta_phot_list li{
	width:125px;
	height:125px;
	background:#000;
	float:left;
	margin:3px;
}




#facebook_box{
	float:right;
	margin-top:80px;
	margin-right:20px;
	width:500px;
	height:527px;
	border:1px solid #ccc;
}