@charset "UTF-8";


/* -- ローディング-----------------------------------------------------*/
#loader-bg-apple {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background:#009B6C;
  z-index: 1;
}
#loader-apple {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

/* -- slider ----------------------------------------------------------------*/
#loop_slide { display:none; }
@media screen and (max-width: 767px) {
	#wrap-apple { position:relative; margin-bottom:0px; overflow: hidden; height: 300px; }
	#loop_slide ul li { width:300px; height:300px; float: left; }
	#loop_slide { position:relative; margin-bottom:0px; }
	.main_copy {
		position:absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width:360px; 
	}
	.bx-wrapper { margin-bottom: 20px !important; }
}
@media screen and (max-width: 320px) {
	.main_copy {
		position:absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width:300px; 
	}
}
@media screen and (min-width: 768px) {
	#wrap-apple { position:relative; margin-bottom:40px; overflow: hidden; height: 450px; }
	#loopslide,#loopslide li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#loop_slide ul li { width:450px; height:450px; float: left; }
	.bx-wrapper { margin-bottom: 40px !important; }
}
@media screen and (min-width: 768px) and (max-width: 960px)  {
	.main_copy {
		position:absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width:700px;
	}
}
@media screen and (min-width: 961px) {
	.main_copy {
		position:absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width:800px;
	}
}

/* -- APPEND ----------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1024px)  {
	section { margin:1% 1% 40px; padding: 0 0 40px; }
	#main_content section.no_line { padding-bottom: 0px; border-bottom: none;}
	#main_content section.gray { background: rgb(246, 247, 235); margin-bottom: 0px !important; padding-top: 40px; }
	#main_content section.gray .in { margin:0 auto; padding: 0 0 40px; }
	#main_content section.gray02 .in { margin-bottom: 40px; }
}

@media screen and (min-width: 1025px) {
	#main_content section.normal { width:1024px; margin:0 auto; padding: 0 0 80px; border-bottom: solid 1px #dedede; margin-bottom: 80px;}
	#main_content section.no_line { padding-bottom: 0px; border-bottom: none;}
	#main_content section.gray { background: rgb(246, 247, 235); margin-bottom: 0px !important; padding-top: 40px; }
	#main_content section.gray .in { width:1024px; margin:0 auto; padding: 0 0 80px; }
	#main_content section.gray02 .in { margin-bottom: 40px; }
}