@charset "UTF-8";
/* CSS Document */

@media (min-width:1051px) {
	main #image{position: relative;width:100%;height: 500px; margin: 0 auto 0px auto;font-size: 0;background: url("../img/main_background.jpg") no-repeat;background-position: 50% 50%;background-size: 1500px auto;}
	main #image #h2_pc{ margin: 0 auto 0px auto;padding:100px 0 0 0;text-align: center;}	
	main #image #h2_sp{display:none;}
	
	main #introduction{width:100%;margin: 0 auto 0px auto;padding: 80px 0; background: url("../img/introduction_background.png") no-repeat;background-position: 50% 50%;background-size: 1240px auto;}
	main #introduction p{width: 1000px; margin: 0 auto 50px auto;padding: 0;font-size:18px;line-height: 34px;letter-spacing: 2px;color:#604c3f;}
	 main #image  .banner{		position: absolute;		bottom:-20px;		right: 20px;	}
	main #image  .banner img{width: 300px;	}	
	
	main #tour{padding: 80px 0 80px 0;background:url("../img/contents_background.jpg") repeat-y;background-position: 50% 50%; background-size: 100% auto;}
	main #tour h3{width: 1000px;margin: 0 auto 50px auto;padding: 0px 0 0px 0;background:url("../img/tour_information_background.png") no-repeat;background-position: 50% 50%; background-size: 880px auto;text-align:center;}
	main #tour h3 img{width:412px;}
	main #tour #inner{width: 1000px;margin: 0 auto;padding: 0px 0 0px 0;text-align: center;font-size: 0;}
	main #tour #inner div{display: inline-block;width: 500px;margin: 0 auto;padding: 330px 0 0px 0;}
	main #tour #inner div ul{width: 100%; margin:0;padding: 0;list-style: none;}
	main #tour #inner div ul li{width: 50%; margin:0;padding: 0;float: left;}
	main #tour #inner div ul li a{display:block;width: 98%;margin: 0 auto;padding: 18px 0 16px 0; text-align: center;font-size: 18px;color: white;letter-spacing: 2px;text-decoration: none;border-radius: 30px;}
	main #tour #inner div ul li a .fa-arrow-right{margin: 0 0 0 10px}
	main #tour #inner #taiwan{background:url("../img/tour_information_taiwan.png") no-repeat;background-position: 50% 0%; background-size: 470px auto;}
	main #tour #inner #taiwan ul li a{background:#c30d23;}
	main #tour #inner #taiwan ul li a:hover{background:#9b8600;}
	main #tour #inner #korea{background:url("../img/tour_information_korea.png") no-repeat;background-position: 50% 0%; background-size: 470px auto;}
	main #tour #inner #korea ul li a{background:#1d2087;}
	main #tour #inner #korea ul li a:hover{background:#9b8600;}
}
@media screen and (min-width:701px) and ( max-width:1050px)  {	
	main #image{position: relative; width:100%;height: 400px; margin: 0 auto 0px auto;font-size: 0;background: url("../img/main_background.jpg") no-repeat;background-position: 50% 50%;background-size: auto 100%;}
	main #image #h2_pc{ width:80%;margin: 0 auto 0px auto;padding:100px 0 0 0;text-align: center;}	
	main #image #h2_pc img{width:100%;}
	main #image #h2_sp{display:none;}
	main #image .banner{		position: absolute;		bottom:0px;		right: 20px;	}
	main #image .banner img{width: 300px;	}

	main #introduction{width:100%;margin: 0 auto 0px auto;padding: 80px 0 0 0; background: url("../img/introduction_background.png") repeat-y;background-position: 50% 50%;background-size: 110% auto;}
	main #introduction p{width: 80%; margin: 0 auto 50px auto;padding: 0;font-size:18px;line-height: 34px;letter-spacing: 2px;color:#604c3f;}
		
	main #tour{padding: 80px 0 80px 0;background:url("../img/contents_background.jpg") repeat-y;background-position: 50% 50%; background-size: 100% auto;}
	main #tour h3{width: 90%;margin: 0 auto 30px auto;padding: 0px 0 0px 0;background:url("../img/tour_information_background.png") no-repeat;background-position: 50% 50%; background-size: 100% auto;text-align:center;}
	main #tour h3 img{width:412px;}
	main #tour #inner{width:600px;margin: 0 auto;padding: 0px 0 0px 0;text-align: center;font-size: 0;}
	main #tour #inner div{display: inline-block;width:50%;margin: 0 auto;padding:220px 0 0px 0;}
	main #tour #inner div ul{width: 100%; margin:0;padding: 0;list-style: none;}
	main #tour #inner div ul li{width: 100%; margin:0 0 5px 0;padding: 0;}
	main #tour #inner div ul li a{display:block;width: 98%;margin: 0 auto;padding: 18px 0 16px 0; text-align: center;font-size: 18px;color: white;letter-spacing: 2px;text-decoration: none;border-radius: 30px;}
	main #tour #inner div ul li a .fa-arrow-right{margin: 0 0 0 10px}
	main #tour #inner #taiwan{background:url("../img/tour_information_taiwan.png") no-repeat;background-position: 50% 0%; background-size:98% auto;}
	main #tour #inner #taiwan ul li a{background:#c30d23;}
	main #tour #inner #taiwan ul li a:hover{background:#9b8600;}
	main #tour #inner #korea{background:url("../img/tour_information_korea.png") no-repeat;background-position: 50% 0%; background-size:98% auto;}
	main #tour #inner #korea ul li a{background:#1d2087;}
	main #tour #inner #korea ul li a:hover{background:#9b8600;}	
}

@media (max-width: 700px) {	
	main #image{position: relative; width:100%; margin: 0 auto 0px auto;font-size: 0;}
	main #image #h2_pc{display:none;}		
	main #image #h2_sp{ width:100%; margin: 0 auto 70px auto;padding:0px 0 0 0;text-align: center;}
	main #image #h2_sp img{width:100%;}
		main #image .banner{		position: absolute;		bottom:-125px;		    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);}
	main #image  .banner img{width: 200px;	}
	
	main #introduction{width:100%;margin: 0 auto 0px auto;padding: 30px 0 0 0; background: url("../img/introduction_background.png") repeat-y;background-position: 50% 50%;background-size: 110% auto;}
	main #introduction p{width: 80%; margin: 0 auto 30px auto;padding: 0;font-size:14px;line-height: 20px;letter-spacing: 1px;color:#604c3f;}
		
	main #tour{padding: 30px 0 0px 0;background:url("../img/contents_background.jpg") repeat-y;background-position: 50% 50%; background-size: 100% auto;}
	main #tour h3{width: 100%;margin: 0 auto 10px auto;padding: 0px 0 0px 0;background:url("../img/tour_information_background.png") no-repeat;background-position: 50% 50%; background-size:96% auto;text-align:center;}
	main #tour h3 img{width:220px;}
	main #tour #inner{width:80%;margin: 0 auto;padding: 0px 0 0px 0;text-align: center;font-size: 0;}
	main #tour #inner div{width:100%;margin: 0 auto 0px auto;padding:200px 0 30px 0;}
	main #tour #inner div ul{width: 100%; margin:0;padding: 0;list-style: none;}
	main #tour #inner div ul li{width: 100%; margin:0 0 5px 0;padding: 0;}
	main #tour #inner div ul li a{display:block;width: 100%;margin: 0 auto;padding: 16px 0 14px 0; text-align: center;font-size: 16px;color: white;letter-spacing: 1px;text-decoration: none;border-radius: 30px;}
	main #tour #inner div ul li a .fa-arrow-right{margin: 0 0 0 10px}
	main #tour #inner #taiwan{background:url("../img/tour_information_taiwan.png") no-repeat;background-position: 50% 0%; background-size:280px auto ;}
	main #tour #inner #taiwan ul li a{background:#c30d23;}
	main #tour #inner #taiwan ul li a:hover{background:#9b8600;}
	main #tour #inner #korea{background:url("../img/tour_information_korea.png") no-repeat;background-position: 50% 0%; background-size:280px auto ;}
	main #tour #inner #korea ul li a{background:#1d2087;}
	main #tour #inner #korea ul li a:hover{background:#9b8600;}	
	

}