@charset "utf-8";



/*スマホ*/
@media screen and (max-width:640px){

	
/*TOP帯/特徴*/
.top_obibg{width:100%;margin: 0px auto 0px;text-align:center;padding:0px 0 15px 0;background:#fff;}
.top_obibg2{width:100%;margin: 0px auto 0px;text-align:center;padding:15px 0 15px 0;background:#fff;}
.top_obi{width:100%;margin: 0px auto 0px auto;text-align:center;padding:0px 0 0px 0;}

.top_obi2{width:96%;margin: 0px auto 0px auto;text-align:center;padding:0px 2% 20px 2%;;font-size:70%}
.top_obibg3{width:96%;margin: 0px auto 20px;text-align:center;padding:20px 2% 20px 2%;background:#f7f8f8;}
.top_ob3{width:100%;margin: 0px auto 0px auto;text-align:center;padding:0px 0px 0px 0px;}
 
 
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 1000ms;; 
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 98
}
#loader {
 display: none;
  position: fixed;
  top: 20%;
  left: 50%;
  width: 165px;
  height: 59px;
  margin-top: -28px;
  margin-left: -84px;
  text-align: center;
  color: #fff;
  z-index: 99;
}
	
}





/*PC*/
@media print, screen and (min-width:641px){



/*TOP帯/特徴*/
.top_obibg{width:100%;margin: 20px auto 0px;text-align:center;padding:15px 0px 15px 0px;background:#fff;}
.top_obibg2{width:100%;margin: 0px auto 10px;text-align:center;padding:15px 0px 15px 0px;background:#fff;}

.top_obi{width:1100px;margin: 0px auto 0px auto;text-align:center;padding:0px 0px 0px 0px;}
.top_obi2{width:1100px;margin: 0px auto 0px auto;text-align:center;padding:30px 0px 40px 0px;font-size: 80%}

.top_obibg3{width:100%;margin: 0px auto 70px;text-align:center;padding:35px 0px 45px 0px;background:#f7f8f8;}
.top_ob3{width:1100px;margin: 0px auto 0px auto;text-align:center;padding:0px 0px 0px 0px;}

.top_obi4bg{width:100%;height:auto; margin: 20px auto 20px auto;text-align:center;padding:0px 0px 0px 0px;position:relative;}
.top_obi4{width:800px;height:300px;text-align:center;padding:0px 0px 0px 0px;position:absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background:rgba(255,255,2555,0.8);}

	
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 98
}
#loader {
 display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 331px;
  height: 118px;
  margin-top: -59px;
  margin-left: -165px;
  text-align: center;
  color: #fff;
  z-index: 99;
}
	

.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 1000ms;; 
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

}