@charset "utf-8";





/*******************************************************************************
 01. 全体ラップ 　※オープニングに合わせてフェードインさせる
*******************************************************************************/
#TOP_container{
	position: relative;
	clear:both;
	width: 100%;
	min-width: 1024px;
	overflow: hidden;
	margin: 0px auto;
	-o-animation: fdi 1.5s ease 0s 1;
	-moz-animation: fdi 1.5s ease 0s 1;
	-ms-animation: fdi 1.5s ease 0s 1;
	-webkit-animation: fdi 1.5s ease 0s 1;
	animation: fdi 1.5s ease 0s 1;
}

/*=======================================
/* ◎全体ラップ=レスポンシブ対応
=======================================*/
/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

#TOP_container {
	min-width: 100%;
}

}
/***---- ▲SP-896px以下----***/

/*------------------------------------
◎フェード設定
------------------------------------*/
#container{
	-o-animation: fdi 1.5s ease 0s 1;
	-moz-animation: fdi 1.5s ease 0s 1;
	-ms-animation: fdi 1.5s ease 0s 1;
	-webkit-animation: fdi 1.5s ease 0s 1;
	animation: fdi 1.5s ease 0s 1;
}

/*------------------------------------
◎キーフレーム設定
------------------------------------*/
@-o-keyframes fdi  {
	0% {
		opacity:0;}
	50% {
		opacity:0;}
	100% {
		opacity:1;} }

@-moz-keyframes fdi  {
	0% {
		opacity:0;}
	50% {
		opacity:0;}
	100% {
		opacity:1;} }

@-webkit-keyframes fdi  {
	0% {
		opacity:0;}
	50% {
		opacity:0;}
	100% {
		opacity:1;} }

@-ms-keyframes fdi  {
	0% {
		opacity:0;}
	50% {
		opacity:0;}
	100% {
		opacity:1;} }

@keyframes fdi  {
	0% {
		opacity:0;}
	50% {
		opacity:0;}
	100% {
		opacity:1; }}


/*******************************************************************************
 02. センターステージ（メインステージ）
*******************************************************************************/
#center_stage_T{
	position:relative;
	float:left;
	width: 100%;
	margin: 0px auto 0px auto;
}


/*=======================================
/* ◎センターステージ=レスポンシブ対応
=======================================*/
/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

#center_stage_T{
	margin: 0px auto 0px auto;
}

}
/***---- ▲SP-896px以下----***/


/* ●入口フィールド
=================================================*/
#enter_FIELD {
	position: relative;
	width: 90%;
	text-align:center;
	margin: 180px auto 0px auto;
}

#enter_BOX {
	position: relative;
	width: auto;
	display: inline-block;
	vertical-align: top;
	★background: #eee;
	padding: 0px 5% 0px 5%;
	margin: 0px 0px 50px 0px;
}

.enter_btn {
	position: relative;
	width: 100%;
	color:#fff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	padding: 4px 0px 4px 0px;
	margin: 20px 0px 0px 0px;
}
.enter_btn_kango {
	background: #eb7aab;
}
.enter_btn_kaigo {
	background: #9dc814;
}

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

a .enter_btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
a .enter_btn:hover, a .enter_btn:focus, a .enter_btn:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

#enter_FIELD {
	margin: 150px auto 0px auto;
}

#enter_BOX {
	width: 45%;
}

img.kango,img.kaigo {
	width: 100%;
}

}
/***---- ▲SP-896px以下----***/

/***---- ▼SP-360px以下----***/
@media screen and (max-width:360px){

#enter_BOX {
	width: 80%;
}

}
/***---- ▲SP-360px以下----***/