
body{ background:#fff;}

.img_box{ margin:0 auto; min-width:1200px; overflow:hidden;}

.index_01{ height:791px; background:url(../images/index_01.jpg) no-repeat center center;}
.index_02{ height:515px; background:url(../images/index_02.jpg) no-repeat center center;}
.index_03{ height:1253px; background:url(../images/index_03.jpg) no-repeat center center;}
.index_04{ height:636px; background:url(../images/index_04.jpg) no-repeat center center;}
.index_05{ height:451px; background:url(../images/index_05.jpg) no-repeat center center;}
.index_06{ height:541px; background:url(../images/index_06.jpg) no-repeat center center;overflow:hidden;}
.index_07{ height:519px;  background:url(../images/index_07.jpg) no-repeat center center;}
.index_08{ height:576px; background:url(../images/index_08.jpg) no-repeat center center;overflow:hidden; }



.join_bm{ position:relative; margin:0 auto;width:1200px; text-align:center;}

.join_bm input[type="text"],.join_bm input[type="tel"],.join_bm select{ display:inline-block;*display:inline;*zoom:1;vertical-align:top; margin:24px 6px 0 6px; font-size:24px; border:#adacac solid 1px; padding-left:12px; text-align:left;width:280px;height:58px; border-radius:0px;}
.join_bm select{ box-sizing:content-box;appearance: none;-webkit-appearance: none;-moz-appearance: none;
background:#fff url(../images/arrow.png) no-repeat scroll right center;}
.join_bm button,.join_bm .join_bm_btn{  margin:16px auto 0 auto; display:block; border:0; width:610px; height:102px; line-height:102px; background:#ed4b58; font-size:36px; text-align:center; color:#fff; cursor:pointer; border-radius:0px;}

.join_bm input[type="radio"]{ display:none;}

.index_02  .join_bm{ padding-top:190px;}
.index_08  .join_bm{ padding-top:166px;}
.index_08 .join_bm button,.index_08 .join_bm .join_bm_btn{ background:#f9f61f;  color:#ca363d; }

@keyframes pulse{
	30%,60%{transform:scale(1)} 40%,70%{transform:scale(0.9)}
}

@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(-1turn);
		animation-timing-function: ease-out
	}

	40% {
		transform: perspective(400px) rotateY(-190deg);
		animation-timing-function: ease-out
	}



	80% {
		transform: perspective(0);
		animation-timing-function: ease-in
	}

	to {
		transform: perspective(0);
		animation-timing-function: ease-in
	}
}

