@charset "utf-8";

@media screen and (min-width:1201px) and (max-width:1600px){
  #wrapper{
	width:100%;
	margin:auto;
  }
  #contact-section{
	height:545px;
  }
	.container, .container2 {
      max-width: 90%;
      margin-left: auto;
      margin-right: auto;
    }
     .container:after {
      content: " ";
      display: block;
      clear: both;
    }
}

@media screen and (min-width:1024px) and (max-width:1200px){
	#wrapper{
		width:100%;
		margin:auto;
	}
	#contact-section{
		height:465px;
	}
	main #sub_page > .container .section .text-container{
		width:95%;
	}
	.container, .container2{
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
		.container:after {
		content: " ";
		display: block;
		clear: both;
	}
}

@media screen and (min-width:981px) and (max-width:1023px){
 #wrapper{
	width:100%;
	margin:auto;
 }
 #contact-section{
	height:445px;
 }
 main #sub_page > .container .section .text-container{
	width:95%;
	}
	.container, .container2{
      max-width: 90%;
      margin-left: auto;
      margin-right: auto;
    }
     .container:after {
      content: " ";
      display: block;
      clear: both;
    }
	#contact-section .container{
		padding-top:100px;
	}
}

@media screen and (min-width:801px) and (max-width:980px){
	#wrapper{width:100%; margin:auto;}
	#contact-section{height:365px;}
	#contact-section .container{height:auto; padding-top:0;}
	#contact-section .container h1{padding-top: 40px;}
	main #sub_page{background: url(../images/background/bg_sub2.png) no-repeat; background-position:top; background-size:100%; height:4300px;}
	main #sub_page > .container .section .text-container{width:95%;}
	.container, .container2  {max-width: 90%; margin-left: auto; margin-right: auto;}
	.container:after {content: " "; display: block; clear: both;}

	main #sub_page > .container .section1 br{display:none;}
	main #sub_page > .container .section4{height: 770px;}
	main #sub_page > .container .section5{height:375px;}
	main #sub_page > .container .section9{height:300px;}
	footer ul li{padding:0;}
}

@media screen and (min-width:761px) and (max-width:800px){


	#wrapper{width:100%; margin:auto;}
	#contact-section{height:345px;}
	#contact-section .container{height:auto; padding-top:0;}
	#contact-section .container h1{padding-top: 40px;}
	main #sub_page{background: url(../images/background/bg_sub2.png) no-repeat; background-position:top; background-size:100%; height:4500px;}
	main #sub_page > .container .section .text-container{width:95%;}
	.container, .container2{max-width: 80%; margin-left: auto; margin-right: auto;}
	.container:after {content: " "; display: block; clear: both;}

	main #sub_page > .container .section1 br{display:none;}
	main #sub_page > .container .section1{height: 150px;}
	main #sub_page > .container .section2{height: 440px;}
	main #sub_page > .container .section3{height: 350px;}
	main #sub_page > .container .section4{height: 810px;}
	main #sub_page > .container .section5{height: 360px;}
	main #sub_page > .container .section6{height: 80px;}
	main #sub_page > .container .section7{height: 435px;}
	main #sub_page > .container .section8{height: 200px;}
	main #sub_page > .container .section9{height: 305px;}
	main #sub_page > .container .section10{height: 300px;}


	header nav ul li{text-align: center;}
	footer ul li{padding: 0;}
}

@media screen and (min-width:681px) and (max-width:760px){
 
	#wrapper{width:100%; margin:auto;}
	
	main #sub_page{background: url(../images/background/bg_sub2.png) no-repeat; background-position:top; background-size:100%; height:4500px;}
	main #sub_page > .container .section .text-container{width:95%;}
	.container, .container2{max-width: 80%; margin-left: auto; margin-right: auto;}
	.container:after {content: " "; display: block; clear: both;}

	main #sub_page > .container .section1 br{display:none;}
	main #sub_page > .container .section1{height: 150px;}
	main #sub_page > .container .section2{height: 440px;}
	main #sub_page > .container .section3{height: 350px;}
	main #sub_page > .container .section4{height: 810px;}
	main #sub_page > .container .section5{height: 360px;}
	main #sub_page > .container .section6{height: 80px;}
	main #sub_page > .container .section7{height: 435px;}
	main #sub_page > .container .section8{height: 200px;}
	main #sub_page > .container .section9{height: 305px;}
	main #sub_page > .container .section10{height: 300px;}


	header nav ul li{text-align: center;}

	
	#contact-section{height:330px;background-size:cover;position: relative;}
	#contact-section .container{padding-top: 45px;}
	#contact-section .container h1{font-size: 40px;padding-top: 20px;}
	#contact-section .container p{text-align: center;font-size: 14px;color: #ffffff;font-weight: 400;letter-spacing: -1px;padding-top: 15px;}
	#contact-section .container a{margin: 20px auto;width: 60%;height: 50px;line-height: 50px;font-size:20px;}
	footer ul li{padding: 0;}
}

@media screen and (min-width:571px) and (max-width:680px){

	#wrapper{width:100%; margin:auto;}
	.container {max-width: 85%; margin-left: auto; margin-right: auto;}
	.container2 {max-width: 100%;}
	.container:after {content: " "; display: block; clear: both;}

	header nav ul li{text-align: center;}

	main #sub_page > .container{top:300px;}
	main #sub_page{background: url(../images/background/bg_sub2.png) no-repeat; background-position:top; background-size:100%; height:4650px;}
	main #sub_page > .container .section .text-container{width:93%;}
	main #sub_page > .container .section1 br{display:none;}
	main #sub_page > .container .section1{height: 150px;}
	main #sub_page > .container .section2{height: 460px;}
	main #sub_page > .container .section3{height: 350px;}
	main #sub_page > .container .section4{height: 920px;}
	main #sub_page > .container .section5{height: 380px;}
	main #sub_page > .container .section6{height: 100px;}
	main #sub_page > .container .section7{height: 500px;}
	main #sub_page > .container .section8{height: 200px;}
	main #sub_page > .container .section9{height: 345px;}
	main #sub_page > .container .section10{height: 325px;}

	#contact-section{height:300px;background-size:cover;position: relative;}
	#contact-section .container{padding-top: 45px;}
	#contact-section .container h1{font-size: 33px;padding-top: 20px;}
	#contact-section .container p{text-align: center;font-size: 15px;color: #ffffff;font-weight: 400;letter-spacing: -1px;padding-top: 10px;}
	#contact-section .container a{margin: 10px auto; width: 70%;height: 40px;line-height: 35px;font-size:18px;}
	footer ul li{padding: 0;}
}

@media screen and (min-width:421px) and (max-width:570px){
	#wrapper{width:100%; margin:auto;}
	.container {max-width: 88%; margin-left: auto; margin-right: auto;}
	.container2 {max-width: 100%;}
	.container:after {content: " "; display: block; clear: both;}

	header nav ul li{text-align: center;}

	main #sub_page > .container{top:300px;}
	main #sub_page{background: url(../images/background/bg_sub2.png) no-repeat; background-position:top; background-size:100%; height:4800px;}
	main #sub_page > .container .section .text-container{width:93%;}
	main #sub_page > .container .section1 h1{font-size:28px; width:200px; height:50px; margin-bottom:10px;}
	main #sub_page > .container .section p{font-size:15px;}
	main #sub_page > .container .section1 br{display:none;}

	main #sub_page > .container .section1{height: 165px;}
	main #sub_page > .container .section2{height: 470px;}
	main #sub_page > .container .section3{height: 360px;}
	main #sub_page > .container .section4{height: 900px;}
	main #sub_page > .container .section5{height: 410px;}
	main #sub_page > .container .section6{height: 100px;}
	main #sub_page > .container .section7{height: 470px;}
	main #sub_page > .container .section8{height: 260px;}
	main #sub_page > .container .section9{height: 350px;}
	main #sub_page > .container .section10{height: 380px;}

	#contact-section{height:300px;background-size:cover;position: relative;}
	#contact-section .container{padding-top: 45px;}
	#contact-section .container h1{font-size: 33px;padding-top: 20px;}
	#contact-section .container p{text-align: center;font-size: 15px;color: #ffffff;font-weight: 400;letter-spacing: -1px;padding-top: 10px;}
	#contact-section .container a{margin: 10px auto; width: 70%;height: 40px;line-height: 35px;font-size:18px;}

  /*footer*/
  
  footer .foot_menu{
    height: 60px;
    line-height: 60px;
  }
  footer .foot_menu ul{
    width: 170px;
    height: 60px;
  }
  footer .foot_menu ul li a{
    font-size: 14px;
  }
  footer .ad{
    font-size: 13px;
	height: 80px;
  }
  footer .ad span{
    display: block;
  }
  footer .foot_mark ul{
    width: 280px;
  }
  footer .foot_mark ul li{
    width: auto;
    margin-right: 20px;
  }
  footer .foot_mark ul li:first-child img{width: 90px;}
  footer .foot_mark ul li:last-child img{width: 170px;}
	
}
footer ul li{padding:0;}

@media screen and (min-width:381px) and (max-width:420px){
	
	#wrapper{width:100%; margin:auto;}
	.container {max-width: 88%; margin-left: auto; margin-right: auto;}
	.container2 {max-width: 100%;}
	.container:after {content: " "; display: block; clear: both;}

	header nav ul li{text-align: center;}

	main #sub_page > .container{top:230px;}
	main #sub_page{background: url(../images/background/bg_sub2.png) no-repeat; background-position:top; background-size:100%; height:4650px;}
	main #sub_page > .container .section .text-container{width:93%;}
	main #sub_page > .container .section1 h1{font-size:28px; width:200px; height:50px; margin-bottom:10px;}
	main #sub_page > .container .section p{font-size:14px;}
	main #sub_page > .container .section1 br{display:none;}

	main #sub_page > .container .section1{height: 165px;}
	main #sub_page > .container .section2{height: 455px;}
	main #sub_page > .container .section3{height: 360px;}
	main #sub_page > .container .section4{height: 870px;}
	main #sub_page > .container .section5{height: 410px;}
	main #sub_page > .container .section6{height: 90px;}
	main #sub_page > .container .section7{height: 470px;}
	main #sub_page > .container .section8{height: 245px;}
	main #sub_page > .container .section9{height: 350px;}
	main #sub_page > .container .section10{height: 380px;}



	#contact-section{height:280px;background-size:cover;position: relative;}
	#contact-section .container{padding-top: 0;}
	#contact-section .container h1{font-size: 38px;padding-top: 50px;}
	#contact-section .container p{text-align: center;font-size: 13px;color: #ffffff;font-weight: 400;letter-spacing: -1px;padding-top: 10px;}
	#contact-section .container a{margin: 15px auto; width: 70%;height: 40px; line-height: 35px; font-size:16px;}

  /*footer*/
  
  footer .foot_menu{
    height: 60px;
    line-height: 60px;
  }
  footer .foot_menu ul{
    width: 170px;
    height: 60px;
  }
  footer .foot_menu ul li a{
    font-size: 14px;
  }
  footer .ad{
    font-size: 11px;
  }
  footer .ad span{
    display: block;
  }
  footer .foot_mark ul{
    width: 240px;
  }
  footer .foot_mark ul li{
    width: auto;
    margin-right: 20px;
  }
  footer .foot_mark ul li:first-child img{width: 70px;}
  footer .foot_mark ul li:last-child img{width: 150px;}

	footer ul li{padding: 0;}
}

@media screen and (min-width:361px) and (max-width:380px){

	#wrapper{width:100%; margin:auto;}
	.container {max-width: 88%; margin-left: auto; margin-right: auto;}
	.container2 {max-width: 100%;}
	.container:after {content: " "; display: block; clear: both;}

	header nav ul li{text-align: center;}

	main #sub_page > .container .section .nomber{font-size:45px; left:-5px;}
	main #sub_page > .container{top:250px;}
	main #sub_page{background: url(../images/background/bg_sub3.png) no-repeat; background-position:top; background-size:100%; height:4750px;}
	main #sub_page > .container .section .text-container{width:91%;}
	main #sub_page > .container .section1 h1{font-size:25px; width:180px; height:42px; margin-bottom:10px;}
	main #sub_page > .container .section .text-container h3{font-size:14px; }
	main #sub_page > .container .section p{font-size:14px;}
	main #sub_page > .container .section1 br{display:none;}

	main #sub_page > .container .section1{height: 155px;}
	main #sub_page > .container .section2{height: 460px;}
	main #sub_page > .container .section3{height: 360px;}
	main #sub_page > .container .section4{height: 930px;}
	main #sub_page > .container .section5{height: 430px;}
	main #sub_page > .container .section6{height: 110px;}
	main #sub_page > .container .section7{height: 470px;}
	main #sub_page > .container .section8{height: 245px;}
	main #sub_page > .container .section9{height: 350px;}
	main #sub_page > .container .section10{height: 380px;}



	#contact-section{height:280px;background-size:cover;position: relative;}
	#contact-section .container{padding-top: 0;}
	#contact-section .container h1{font-size: 38px;padding-top: 50px;}
	#contact-section .container p{text-align: center;font-size: 13px;color: #ffffff;font-weight: 400;letter-spacing: -1px;padding-top: 10px;}
	#contact-section .container a{margin: 15px auto; width: 70%;height: 40px; line-height: 35px; font-size:16px;}

  /*footer*/
  
  footer .foot_menu{
    height: 60px;
    line-height: 60px;
  }
  footer .foot_menu ul{
    width: 170px;
    height: 60px;
  }
  footer .foot_menu ul li a{
    font-size: 14px;
  }
  footer .ad{
    font-size: 11px;
  }
  footer .ad span{
    display: block;
  }
  footer .foot_mark ul{
    width: 240px;
  }
  footer .foot_mark ul li{
    width: auto;
    margin-right: 20px;
  }
  footer .foot_mark ul li:first-child img{width: 70px;}
  footer .foot_mark ul li:last-child img{width: 150px;}

	footer ul li{padding: 0;}
}

@media screen and (min-width:321px) and (max-width:360px){
   
	#wrapper{width:100%; margin:auto;}
	.container {max-width: 88%; margin-left: auto; margin-right: auto;}
	.container2 {max-width: 100%;}
	.container:after {content: " "; display: block; clear: both;}

	header nav ul li{text-align: center;}

	main #sub_page > .container .section .text-container h2{font-size:17px;}
	main #sub_page > .container .section .nomber{font-size:45px; left:-5px;}
	main #sub_page > .container{top:230px;}
	main #sub_page{background: url(../images/background/bg_sub3.png) no-repeat; background-position:top; background-size:100%; height:5050px;}
	main #sub_page > .container .section .text-container{width:90%;}
	main #sub_page > .container .section1 h1{font-size:25px; width:180px; height:42px; margin-bottom:10px;}
	main #sub_page > .container .section .text-container h3{font-size:14px; }
	main #sub_page > .container .section p{font-size:14px;}
	main #sub_page > .container .section1 br{display:none;}

	main #sub_page > .container .section1{height: 170px;}
	main #sub_page > .container .section2{height: 500px;}
	main #sub_page > .container .section3{height: 395px;}
	main #sub_page > .container .section4{height: 1010px;}
	main #sub_page > .container .section5{height: 470px;}
	main #sub_page > .container .section6{height: 110px;}
	main #sub_page > .container .section7{height: 520px;}
	main #sub_page > .container .section8{height: 280px;}
	main #sub_page > .container .section9{height: 370px;}
	main #sub_page > .container .section10{height: 400px;}



	#contact-section{height:280px;background-size:cover;position: relative;}
	#contact-section .container{padding-top: 0;}
	#contact-section .container h1{font-size: 38px;padding-top: 50px;}
	#contact-section .container p{text-align: center;font-size: 13px;color: #ffffff;font-weight: 400;letter-spacing: -1px;padding-top: 10px;}
	#contact-section .container a{margin: 15px auto; width: 70%;height: 40px; line-height: 35px; font-size:16px;}

  /*footer*/
  
  footer .foot_menu{
    height: 60px;
    line-height: 60px;
  }
  footer .foot_menu ul{
    width: 170px;
    height: 60px;
  }
  footer .foot_menu ul li a{
    font-size: 14px;
  }
  footer .ad{
    font-size: 11px;
  }
  footer .ad span{
    display: block;
  }
  footer .foot_mark ul{
    width: 240px;
  }
  footer .foot_mark ul li{
    width: auto;
    margin-right: 20px;
  }
  footer .foot_mark ul li:first-child img{width: 70px;}
  footer .foot_mark ul li:last-child img{width: 150px;}
  footer ul li{padding: 0;}

}

@media screen and (min-width:0px) and (max-width:320px){
 
	#wrapper{width:100%; margin:auto;}
	.container {max-width: 88%; margin-left: auto; margin-right: auto;}
	.container2 {max-width: 100%;}
	.container:after {content: " "; display: block; clear: both;}

	header nav ul li{text-align: center;}

	main #sub_page > .container .section .text-container h2{font-size:17px;}
	main #sub_page > .container .section .nomber{font-size:45px; left:-5px;}
	main #sub_page > .container{top:230px;}
	main #sub_page{background: url(../images/background/bg_sub3.png) no-repeat; background-position:top; background-size:100%; height:5050px;}
	main #sub_page > .container .section .text-container{width:90%;}
	main #sub_page > .container .section1 h1{font-size:25px; width:180px; height:42px; margin-bottom:10px;}
	main #sub_page > .container .section .text-container h3{font-size:14px; }
	main #sub_page > .container .section p{font-size:14px;}
	main #sub_page > .container .section1 br{display:none;}

	main #sub_page > .container .section1{height: 170px;}
	main #sub_page > .container .section2{height: 500px;}
	main #sub_page > .container .section3{height: 395px;}
	main #sub_page > .container .section4{height: 1010px;}
	main #sub_page > .container .section5{height: 470px;}
	main #sub_page > .container .section6{height: 110px;}
	main #sub_page > .container .section7{height: 520px;}
	main #sub_page > .container .section8{height: 280px;}
	main #sub_page > .container .section9{height: 370px;}
	main #sub_page > .container .section10{height: 400px;}



	#contact-section{height:280px;background-size:cover;position: relative;}
	#contact-section .container{padding-top: 0;}
	#contact-section .container h1{font-size: 38px;padding-top: 50px;}
	#contact-section .container p{text-align: center;font-size: 13px;color: #ffffff;font-weight: 400;letter-spacing: -1px;padding-top: 10px;}
	#contact-section .container a{margin: 15px auto; width: 70%;height: 40px; line-height: 35px; font-size:16px;}

  /*footer*/
  
  footer .foot_menu{
    height: 60px;
    line-height: 60px;
  }
  footer .foot_menu ul{
    width: 170px;
    height: 60px;
  }
  footer .foot_menu ul li a{
    font-size: 14px;
  }
  footer .ad{
    font-size: 11px;
  }
  footer .ad span{
    display: block;
  }
  footer .foot_mark ul{
    width: 240px;
  }
  footer .foot_mark ul li{
    width: auto;
    margin-right: 20px;
  }
  footer .foot_mark ul li:first-child img{width: 70px;}
  footer .foot_mark ul li:last-child img{width: 150px;}
  footer ul li{padding: 0;}
}










 @media (min-width: 0) {
      header .container {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    header .container:after {
      content: " ";
      display: block;
      clear: both;
    }
  }
  @media (min-width: 576px) {
      header .container {
      max-width: 540px;
      margin-left: auto;
      margin-right: auto;
    }
    header .container:after {
      content: " ";
      display: block;
      clear: both;
    }
  }
  @media (min-width: 768px) {
      header .container {
      max-width: 720px;
      margin-left: auto;
      margin-right: auto;
    }
    header .container:after {
      content: " ";
      display: block;
      clear: both;
    }
  }
  @media (min-width: 992px) {
      header .container {
      max-width: 960px;
      margin-left: auto;
      margin-right: auto;
    }
    header  .container:after {
      content: " ";
      display: block;
      clear: both;
    }
  }

  
  @media screen and (min-width:320px) and (max-width:360px){
 
  header nav ul li:nth-child(3){
    display: block;
  }
  .swiper-container {
    width: 98%;
    height: 74%;
    top: 66px;
	}
  }