@charset "utf-8";
@import url(main.css);
/*  global  */
	body{ font-family: "Microsoft JhengHei", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "メイリオ", "맑은 고딕", sans-serif; font-size:12pt; }
	.wrap{ width: 100%; }
	.container{ width:1200px; margin: 0 auto;}
	.container-1700{ width:1700px; margin: 0 auto;}
	.rwd-img { width:100%;}
	.rwd-maximg { max-width:100%;}
	.imgbox { overflow:hidden;}
	a{ color:#32312f; text-decoration:none;}
	a:focus, a:hover { text-decoration:none; }
	h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal; font-size: initial; }
	ul, section, div, h3 { position: relative;}
	* {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
		}
	ul:after, section:after, div:after, li:after { content: ""; display: block; clear: both;}
	ul{ list-style:none; margin:0; padding:0; }
	body,div,p { margin: 0;padding: 0;}
/*	* { touch-action: none; }*/
/*	==========================================	*/
	/*  icon  */
	.footericon { padding-left:32px; }
	.icon-line { background:url(/assets/img/index/line_01.png) no-repeat left; padding-left: 15px; background-size: auto 100%; }

/*  onscrolling  */
	.wrap.onscrolling .headerbox { background-color:rgba(23,23,23,0.9);
		-webkit-transition: all 0.52s ease;
		 	 -moz-transition: all 0.52s ease;
						transition: all 0.52s ease;
	}
	.wrap.onscrolling .logobox { width: 77px; }
	.wrap.onscrolling .menubox { margin-top: 16px; }

	/*  header  */
	.headerbox { position: fixed; left:0; top:0; z-index: 999; width: 100%; padding:5px 15px;  }

	.logobox { float: left; }

	.menubox { float: right; margin-top: 30px; }
	.menu { text-align: center;}
	.menu li { display: inline-block; margin-right: 25px; }
	.menu li:last-child { margin-right: 0; }
	.menu a { color: #fff; padding: 5px 15px; font-weight: bold; }

		/*  rwd menu  */
		.rwdmenubtnbox { display: none; float:right; border-radius: 3px; margin-right: 0; margin-top: 20px;  z-index: 999; }
		.rwdmenubtn { color:#fff; font-size:20pt; }
		.rwdclosebtn { display:none; color:#fff; font-size:20pt;}
		.in .rwdclosebtn { display: block; }
		.in .rwdmenubtn { display: none; }

		.rwdmenubox { position:fixed; top:0; left:0; width:270px; height:100%; z-index:999; opacity:0; background-color: #fff;
			-moz-transform:translateX(-100%);
			-webkit-transform:translateX(-100%);
			-o-transform:translateX(-100%);
			-ms-transform:translateX(-100%);
			transform:translateX(-100%);
			-webkit-transition: all 0.52s ease;
			 	 -moz-transition: all 0.52s ease;
							transition: all 0.52s ease;
		}
		.rwdmenubox.in { opacity:1;
			-moz-transform:translateX(0);
			-webkit-transform:translateX(0);
			-o-transform:translateX(0);
			-ms-transform:translateX(0);
			transform:translateX(0);
			-webkit-transition: all 0.52s ease;
			 	 -moz-transition: all 0.52s ease;
							transition: all 0.52s ease;
		}

	  .rwdmenumask { display:none; position:fixed; top:0; left:0; height:100%; width:100%; background-color:rgba(0,0,0,0.6); z-index:9;
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
	  }
	  .rwdmenumask.in { display:block; }

		.rwdmenu { padding:15px; text-align:center; }
		.rwdmenu li { padding:15px 0; margin: 0 30px; }
		.rwdmenu li a { font-size:12pt; color:#333  ; display:block; }
		.rwdmenu li a.active { color:#333;}
		.menuclosebtn { position: absolute; top:0; right:0; z-index: 9; }



	/*	footer	*/
	.footerbox { background:url(/assets/img/index/bar_02_1920.png) no-repeat center; height: 32px; }

	.copyright { font-size: 10pt; margin-top: 15px; }
	.gotop { position: fixed; right:100px; bottom: 20%; opacity: 0; z-index: 9; padding: 5px;
								-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
	}
	.gotop.active {  opacity: 1; }

	/* activity */
	.activity-contentbox { background:url(/assets/img/index/bg_02.png) no-repeat center; background-size: 100% 100%; height:100vh;  }
	.left-activity { width: 37%; height: 1px;  float: left; }
	.right-activity { width: 63%; float: left; }
	.bot-activity { background-color: rgba(255,255,255,0.4); border-radius: 15px; text-align: center; padding: 30px; margin-right: 50px; }
	.top-activity { margin:50px 0; margin-bottom: 100px;  }
	.from-activity { display: inline-block; }
	.activity-control { height: 50px; float: left; font-size: 18pt; width: 500px; padding: 5px;
		-moz-box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
		-webkit-box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
		box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
	}
	.activitybtn {  float: left; background:url(/assets/img/index/btn_01.png) no-repeat center; border:0; width: 100px; height: 50px; line-height: 50px; font-size: 18pt; font-weight: bold;
		-moz-box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
		-webkit-box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
		box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
	}
	.bot-topimg-activity { margin-top: -80px; }
	.bot-toptext-activity { margin:30px 0; }
	.bot-botimg-activity { margin: 15px 0 0 -118px;  }

	/*  index  */
	.main-contentbox { background:url(/assets/img/index/bg_01.png) no-repeat center; background-size: cover; }
	.intel-title { background:url(/assets/img/index/bar_01_1920.png) no-repeat center; padding: 6px 15px; text-align: center; margin: 10px 0; letter-spacing: 2px; }
	.intel-sub { background:url(/assets/img/index/line_02.png) no-repeat bottom; padding: 5px 0; margin:10px 0; letter-spacing: 2px; }

	.bannertext { position: absolute; top:calc((100% - 248px )/2); right:calc((100% - 1700px )/2);   }

	.index-informationbox { padding:50px 15px; }
	.textbox { letter-spacing:2px; word-break: break-word; padding-left: 60px; line-height:2; }

	.left-hardware { display: inline-block; vertical-align: middle; }
	.right-hardware { display: inline-block; vertical-align: middle; width: 600px; }
	.letter-spacing-20 { letter-spacing: 20px; }
	.letter-spacing-28 { letter-spacing: 28px; }
	.left-hardware-mb {display: inline-block; vertical-align: middle;}
	.right-hardware-mb {display: inline-block; vertical-align: middle;}

	.index-rulebox {  padding:50px 15px;  }
	.left-rule {display: inline-block; vertical-align: middle; width: 40px; }
	.right-rule {display: inline-block; vertical-align: middle; width:  calc(100% - 40px - 4px); }
	.ruletext {letter-spacing:2px; word-break: break-word; line-height:2;}

	.index-listbox { background:url(/assets/img/index/bg_03.png) no-repeat center; min-height:600px; background-size: cover; padding-bottom: 50px; }
	.list-title { background-color: #ffffff; border-radius: 25px; padding: 5px 60px; display: inline-block; letter-spacing:2px; }
	.list-table {
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(164,199,255,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(164,199,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(164,199,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.list-table th { padding: 0.5em 0.2em !important; }
	.list-table td { padding: 0.5em 0.2em !important; }
	.list-table thead tr { background:url(/assets/img/index/line_02.png) no-repeat bottom; }
	.list-table tbody tr { background:url(/assets/img/index/line_02.png) no-repeat bottom; }
	.list-table tbody tr:last-child { background:initial; }

	.index-contactbox { background:url(/assets/img/index/bg_03.png) no-repeat center; min-height:600px; background-size: cover; padding-bottom: 50px; padding-top: 50px;  }
	.contact-title { padding: 15px 5px; border-bottom:1px solid #fff; margin-bottom: 20px; }

	/* apply */
	.index-applybox {  padding:50px 15px;}
	.applyform { width: 800px; margin:0 auto; }
	.applyform .label-control { background:url(/assets/img/index/btn_01.png) no-repeat center; background-size: cover; width: 170px; height: 34px; letter-spacing: 2px;  }
	.applyform .form-group { padding-left: 0; width: calc(100% - 170px); }
	.applyform .label-control,.applyform .input-control,.applyform .select-control {
			-moz-box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
		-webkit-box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
		box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
	}
	.viewbtn { background:url(/assets/img/index/btn_03.png) no-repeat center; background-size: cover; width: 60px; height: 34px; line-height:34px; display: inline-block; text-align: center }
	.filebox {  position: relative; }
	.file-hide { opacity: 0; display: inline-block; width: calc(100% - 60px - 4px); }
	.file-fake { position: absolute; top:0; width: calc(100% - 60px - 4px); }
	.filebox label { cursor: pointer;}
	.applybtn {  background:url(/assets/img/index/btn_02.png) no-repeat center; border:0; display: inline-block; width: 130px; height: 40px; background-size: contain; outline: none; cursor: pointer;}
	.loginbtn { background:url(/assets/img/index/btn_03.png) no-repeat center; border:0; width: 150px; height: 40px; border: 1px solid #ccc; border-radius: 15px; }


	/* hack  */
	.articlebox img { max-width:100%; }
	.mCSB_inside>.mCSB_container { margin-right: 0; }
	.wap-img { display: none; }

@media screen and (min-width: 1920px){
}

@media screen and (max-width: 1440px){
	.container-1700 { width: 100%; }
	.bannertext { right: calc((100% - 1400px )/2); }
}

@media screen and (max-width: 1024px){

	/* wrap*/
	.container { width: 100%; }


	/* activity*/
	.activity-control { width: 300px; }
	.bot-botimg-activity {  margin: 15px 0 0 -18px; }

	/* index*/
	.bannertext {right: calc((100% - 788px)/2); width: 500px; top: calc((100% - 110.67px )/2); }
	.index-listbox { padding: 50px 15px; padding-top: 0; min-height: 800px; }
	.index-contactbox { padding: 50px 15px; padding-top: 0; min-height: 1000px; }
}

@media screen and (max-width: 768px){

	/* activity*/
	.activity-contentbox { margin-top: -67.75px }
	.left-activity { width: 28%; }
	.right-activity { width: 72%; }
	.top-activity { padding-right: 50px; }

	/* index */
	.menubox { display: none; }
	.rwdmenubtnbox { display: block; }
	.headerbox { background-color: rgba(23,23,23,0.9); }
	.logobox { width: 77px; }

	.wrap { padding-top: 67.75px; }
	.bannertext { width: 300px; }
	.bannertext { right: calc((100% - 584px)/2); }

	.applyform { width: 100%; }
}

@media screen and (max-width: 425px){

	/* activity*/
	.activity-contentbox {background: url(/assets/img/index/bg_mob_03.png) no-repeat top; padding: 0 15px; background-size:cover; }
	.left-activity { display: none; }
	.right-activity { float: none; width: 100%; }
	.bot-activity { padding: 15px; margin-right: 0; }
	.top-activity { padding: 30px 0; margin: 0; margin-bottom:0; margin-top: -20px; }
	.bot-botimg-activity { margin: 0; margin-top: 15px; }
	.bot-topimg-activity { margin-top: 0; }
	.wap-img { display: block; }
	.web-img { display: none; }
	.applyform .label-control { width: 112px; font-size: 10pt; }
	.applyform .form-group { width: calc(100% - 112px); }
	.activity-control { height: 32px; width: calc(100% - 60px); font-size: 12pt; padding: 0 5px; }
	.activitybtn { height: 32px; line-height: 32px; width: 60px; font-size: 12pt; }
	.from-activity { display: block; }

	.bannertext { width: 250px; }
	.bannertext { right: calc((100% - 380px)/2); }
	.textbox { padding-left: 0; }
	.right-hardware { width: 100%; }
	.right-hardware-mb { padding-left: 30px; }

}

@media screen and (max-width: 414px){

}

@media screen and (max-width: 375px){
	.bannertext { right: calc((100% - 292px)/2); top: calc((100% - 90.67px )/2); width: 200px; }
}

@media screen and (max-width: 320px){
	.bannertext { top: calc((100% - 63.67px )/2); }
}