@charset "utf-8";
.main_slide  {margin-top:0px;}
.swiper-slide div.bg1{height:100%; background:url('/theme/IDEN03/img/bg2.jpg') bottom center  no-repeat; background-position:center; background-size:cover;}
.swiper-slide div.bg2{height:100%; background:url('/theme/IDEN03/img/bg3.jpg') top center no-repeat; background-position:center; background-size:cover;}
.swiper-container .swiper-slide {width:100%; height:890px; margin:0 auto; padding:0; overflow:hidden;}

.swiper-container .swiper-slide img {width:100%;}
	.swiper-container .swiper-slide .slide_m {display:none;}
	.swiper-container .swiper-slide .txt_box{color:#fff; position:absolute; z-index:10000;left:50%; transform:translateX(-50%); top:65%; text-align:left;width:1380px;}
	.swiper-container .swiper-slide .txt_box p {font-size:5.5em; font-weight:400;  color:#fff;}
	.swiper-container .swiper-slide .txt_box div {max-width:70px; margin:30px auto; height:1px; background:#fff }
	.swiper-container .swiper-slide .txt_box h2 {font-size:1.5em; padding-top:10px; font-weight:400;  line-height:1.6em; color:#fff;}
	.swiper-container .swiper-slide .txt_box h2 b {font-size:0.9em; position:relative; top:13px; font-weight:400; letter-spacing:1px;}
	.swiper-container .swiper-slide .txt_box a {background:#06ceec; color:#fff; padding:8px 30px; border-radius:50px; font-size:1.2em; display:inline-block; margin:30px 0 0 0; letter-spacing:1px; transition:0.3s; border:1px solid #06ceec}
	.swiper-container .swiper-slide .txt_box a:hover {background:none; border:1px solid #fff;}
	.swiper-container .swiper-button-prev{left:20px; display:block;}
	.swiper-container .swiper-button-next{right:20px; display:block;}
	
	.txt_animate {animation-delay:1s; opacity: 0; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
	@-webkit-keyframes fade_down { 
		0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
	  100% { opacity: 1; -webkit-transform: none; transform: none; } 
	}
	@keyframes fade_down { 
		0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
	  100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	.fade_down { -webkit-animation-name: fade_down; animation-name: fade_down; }
	
	@-webkit-keyframes fade_up { 
		0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	  100% { opacity: 1; -webkit-transform: none; transform: none; } 
	}
	@keyframes fade_up { 
		0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	  100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	.fade_down { -webkit-animation-name: fade_down; animation-name: fade_down; }
	.fade_up { -webkit-animation-name: fade_up; animation-name: fade_up; }
	.delay_1 { animation-delay: 1.5s; }
	.delay_2 { animation-delay: 1.9s; }
	
	@media screen and (max-width:1400px) {
		.swiper-container .swiper-slide .txt_box{ width:100%; padding:0 10px;}
		.swiper-container .swiper-slide .txt_box h2 {font-size:1.35em;}
	}
	@media screen and (max-width:1200px) {
		.swiper-container .swiper-slide .txt_box p {}
		.swiper-container .swiper-slide .txt_box h1 {}
		.swiper-container .swiper-slide .txt_box h2 {display:none;}
	}
	@media screen and (max-width:992px) {
		.swiper-container  {margin-top:0px;}
		.swiper-container .swiper-slide  {height:500px; }
		.swiper-container .swiper-slide .txt_box{top:30%; text-align:center;width:100%;}
		.swiper-container .swiper-slide .txt_box p {font-size:4.0em;}
		.swiper-container .swiper-slide .txt_box h2 {font-size:1.2em; padding-top:10px;}
		.swiper-container .swiper-slide .txt_box a {font-size:1.05em;}
	}
	@media screen and (max-width:550px){
		.swiper-slide div.bg1{height:100%; background:url('/theme/IDEN03/img/bg2_m.jpg') bottom center  no-repeat; background-position:center; background-size:cover;}
		.swiper-container .swiper-slide  {height:420px;  }
		.swiper-container .swiper-slide img {height:100%; width:100%; }
		.swiper-container .swiper-slide .txt_box{top:30%; text-align:center;width:100%; padding:0;}
		.swiper-container .swiper-slide .txt_box p {font-size:3.0em;}
		.swiper-container .swiper-slide .txt_box a {margin-top:20px;}
		.swiper-container .swiper-slide .txt_box h2 {font-size:1.1em; padding-top:15px;}
		.swiper-container .swiper-button-prev, .swiper-container .swiper-button-next {display:none;}
		.swiper-container .swiper-slide .slide_m {display:block;}
		.swiper-container .swiper-slide .slide_pc {display:none;}
	}