html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
  width: auto\9; /* ie8 */
}

@media only screen and (min-width: 1366px){
	/* -------------------------------------------- */
	.label {display:none;}
	/* ------------------Header-------------------- */
	.headtxt {display:block;}
	.headbana {display:none;}
	#burgermenu {display:none;}
	content {display:block;}
	.mainlogo{width:40%;}
	.sample {display:block;color:#AAAAAA}
	.hedda01 {display:block;}
	.hero {display: block;	background-size:cover;}
	.hhx{display:none;!important}
	.headtxt02{display: block;}
	.underbtn{ display: none;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topcont{ display: block; }
	.topcont02{  display: none;}
	.topcont00{font-size:22px;}
	.toconttext01 {width:30%;font-size:18px;float:left;margin:1.6%;}
	.toconttext02 {width:30%;font-size:20px;margin:1.6%;}
	.topcontin01 {width: 96%;margin-left: auto;	margin-right: auto;}
	.subbox01 {width:23%;}
	.subbox02 {font-size:16px;}
	.subcont02 {width:80%;}
	.inbox04 img {width:40%;float:right;margin:30px;}
	.inbox05 {width: 80%;}
	.inbox06 img {float:right;width:60%;margin:30px;}
	#topcatch{top: 50%;}
	.cr4left{ width: 15%; }
	.cr4right{ width: 70%;}
	.content-wrapper01 { width: 100%;float:left; }
	.content-wrapper02 { width: 50%;float:right;}
	.toconttext02 {float:right;}
	.content-wrapper { width: 70%; float:left;}
	.content-wrapper03 { padding: 30px 10px 10px 80px;}
	.linkbox  {width: 20%;}
	.linkbox  ul {margin-left: auto;	margin-right: auto;}
	.linkbox2 {width: 30%;}
	#topmovie{width: 100%;}
	.inboxcont01{width: 45%;float:left;}
	.fig04 { display: block;}
	.fig04x { display: none;}
	.contimg01{float:left;width:40%;margin-right:20px;}
	.contimg02{float:right;width:20%;margin:20px;}
	.imgbox { display: block;}
	.imgboxmob  { display: none;}
	.topcont03 img{width:25%;}
	/* ------------------Footer-------------------- */
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.box{width: 31%; float:left;text-align:center; margin:10px;}
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headtxt {display:block;}
	.headbana {display:none;}
	#burgermenu {display:none;}
	.mainlogo{width:40%;}
	.sample {display:block;color:#333FFF}
	.hedda01 {display:block;}
	.hero {display: block; background-size:cover;}
	.hhx{display:none;!important}
	.headtxt02{display: block;}
	.underbtn{ display: none;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topcont{ display: block; }
	.topcont02{  display: none;}
	.topcont00{font-size:22px;}
	.toconttext01 {width:30%;font-size:18px;float:left;margin:1.6%;}
	.toconttext02 {width:30%;font-size:20px;margin:1.6%;}
	.topcontin01 {width: 94%;margin-left: auto;	margin-right: auto;}
	.subbox01 {width:23%;}
	.subbox02 {font-size:16px;}
	.subcont02 {width:80%;}
	.inbox04 img {width:40%;float:right;margin:30px;}
	.inbox05 {width: 80%;}
	.inbox06 img {float:right;width:60%;margin:30px;}
	.content-wrapper01 { width: 50%;float:left; }
	.content-wrapper02 { width: 50%;float:right;}
	.toconttext02 {float:right;}
	#topcatch{top: 50%;}
	.cr4left{ width: 15%; }
	.cr4right{ width: 70%;}
	.content-wrapper { width: 70%; float:left;}
	.linkbox  {width: 20%;}
	.linkbox  ul {margin-left: auto;	margin-right: auto;}
	.linkbox2 {width: 30%;}
	#topmovie{width: 100%;}
	.inboxcont01{width: 45%;float:left;}
	.fig04 { display: block;}
	.fig04x { display: none;}
	.contimg01{float:left;width:40%;margin-right:20px;}
	.contimg02{float:right;width:20%;margin:20px;}
	.imgbox { display: block;}
	.imgboxmob  { display: none;}
	.topcont03 img{width:25%;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */

	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.box{width: 31%; float:left;text-align:center; margin:10px;}
}


@media only screen and (min-width: 980px) and (max-width: 1279px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headtxt {display:none;}
	.headbana {display:none;}
	#burgermenu {display:block;}
	.mainlogo{width:40%;}
	.sample {display:block;}
	.hedda01 {display:none;}
	.hero {display: block; background-size:cover;}
	.hhx{display:none;!important}
	.headtxt02{display: block;}
	.underbtn{ display: none;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topcont{ display: block; }
	.topcont02{  display: none;}
	.topcont00{font-size:22px;}
	.toconttext01 {width:30%;font-size:20px;float:left;margin:1.6%;}
	.toconttext02 {width:30%;font-size:20px;margin:1.6%;}
	.topcontin01 {width: 90%;margin-left: auto;	margin-right: auto;}
	.subbox01 {width:23%;}
	.subbox02 {font-size:16px;}
	.subcont02 {width:80%;}
	.inbox04 img {width:40%;float:right;margin:30px;}
	.inbox05 {width: 80%;}
	.inbox06 img {float:right;width:60%;margin:30px;}
	.content-wrapper01 { width: 50%;float:left; }
	.content-wrapper02 { width: 50%;float:right;}
	.toconttext02 {float:right;}
	#topcatch{top: 50%;}
	.cr4left{ width: 15%; }
	.cr4right{ width: 70%;}
	.content-wrapper { width: 70%; float:left;}
	.linkbox  {width: 20%;}
	.linkbox  ul {margin-left: auto;	margin-right: auto;}
	.linkbox2 {width: 40%;}
	#topmovie{width: 100%;}
	.inboxcont01{width: 45%;float:left;}
	.fig04 { display: block;}
	.fig04x { display: none;}
	.contimg01{float:left;width:40%;margin-right:20px;}
	.contimg02{float:right;width:20%;margin:20px;}
	.imgbox { display: block;}
	.imgboxmob  { display: none;}
	.topcont03 img{width:25%;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */

	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.box{width: 31%; float:left;text-align:center; margin:10px;}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headtxt {display:none;}
	.mainlogo{width:40%;}
	.sample {display:none;}
	.hedda01 {display:none;}
	#burgermenu {display:block;}
	.hero {display:none;}
	.hhx { display: block;}
	.headtxt02{display: none;}
	.underbtn{ display: block;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topcont{ display: block; }
	.topcont02{ display: none;}
	.topcont00{font-size:22px;}
	.toconttext01 {width:30%;font-size:19px;float:left;margin:1.6%;}
	.toconttext02 {width:30%;font-size:20px;margin:1.6%;}
	.topcontin01 {width: 88%;margin-left: auto;	margin-right: auto;}
	.subbox01 {width:48%;}
	.subbox02 {font-size:16px;}
	.subcont02 {width:90%;}
	.inbox04 img {width:40%;float:right;margin:20px;}
	.inbox05 {width: 80%;}
	.inbox06 img {float:right;width:60%;margin:20px;}
	.content-wrapper01 { width: 50%;float:left; }
	.content-wrapper02 { width: 50%;float:right; text-align:left;}
	#topcatch{top: 60%;}
	.content-wrapper { width: 90%;}
	.cr4left{ width: 15%; }
	.cr4right{ width: 70%;}
	.linkbox  {width: 30%;float:left;}
	.linkbox  ul {margin-left: auto;	margin-right: auto;}
	.linkbox2 {width: 50%;}
	#topmovie{width: 96%;}
	.inboxcont01{width: 45%;float:left;}
	.fig04 { display: block;}
	.fig04x { display: none;}
	.contimg01{float:left;width:40%;margin-right:20px;}
	.contimg02{float:right;width:20%;margin:20px;}
	.imgbox { display: block;}
	.imgboxmob  { display: none;}	
	.topcont03 img{width:30%;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */

	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.box{width: 31%; float:left;text-align:center; margin:10px;}
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headtxt {display:none;}
	.label {display:none;}
	content {margin:0px auto; padding:20px 0px;}
	.mainlogo{width:60%;}
	.hedda01 {display:none;}
	#burgermenu {display:block;}
	.hero {display:none;}
	.hhx { display: block;}
	.headtxt02{display: none;}
	.underbtn{ display: block;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topcont{ display: block; }
	.topcont02{  display: none;}
	.topcont00{font-size:21px;}
	.toconttext01 {width:30%;font-size:17px;float:left;margin:1.6%;}
	.toconttext02 {width:46%;font-size:18px;margin:2%;}
	.topcontin01 {width: 84%;margin-left: auto;	margin-right: auto;}
	.subbox01 {width:48%;}
	.subbox02 {font-size:4vw;}
	.subcont02 {width:100%;}
	.inbox04 img {width:40%;float:right;margin:20px;}
	.inbox05 {width: 80%;}
	.inbox06 img {float:right;width:60%;margin:20px;}
	#topcatch{top: 70%;}
	.content-wrapper01 {width: 96%;margin-left: auto;	margin-right: auto;}
	.content-wrapper02 {width: 96%;margin-left: auto;	margin-right: auto;}
	.toconttext02 {float:left;}
	.content-wrapper { width: 96%; float:none;margin-left: auto;	margin-right: auto;}
	.content-wrapper img{ margin-top: 140px;}
	.cr4left{ width: 15%; }
	.cr4right{ width: 70%;}
	.linkbox  {width: 50%;float:left;}
	.linkbox  ul {float:left;}
	.linkbox2 {width: 60%;}
	#topmovie{width: 96%;}
	.inboxcont01{width: 90%;margin-left: auto;	margin-right: auto;}
	.fig04 { display: block;}
	.fig04x { display: none;}
	.contimg01{float:left;width:96%;margin-left: auto;	margin-right: auto;}
	.contimg02{width:40%;margin:5%;float:left}
	.imgbox { display: block;}
	.imgboxmob  { display: none;}
	.topcont03 img{width:28%;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */

	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.box{width: 31%; float:left;text-align:center; margin:10px;}
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headtxt {display:none;}
	.mainlogo{width:70%;}
	.sample {display:none;}
	.hedda01 {display:none;}
	#burgermenu {display:block;}
	.hero {display: none;}
	.hhx { display: block;}
	.headtxt02{display: none;}
	.underbtn{ display: block;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topcont{ display: none; }
	.topcont02{  display:block;}
	.topcont00{font-size:19px;}
	.toconttext01 {width:100%;font-size:17px;margin:0;}
	.toconttext02 {width:46%;font-size:18px;margin:2%;}
	.topcontin01 {width: 80%;margin-left: auto;	margin-right: auto;}
	.subbox01 {width:48%;}
	.subbox02 {font-size:3vw;}
	.subcont02 {width:100%;}
	.inbox04 img {width:100%;margin-left: auto;	margin-right: auto;}
	.inbox05 {width: 100%;}
	.inbox06 img {width:100%;margin-left: auto;	margin-right: auto;}
	.content-wrapper01 {width: 96%;margin-left: auto;	margin-right: auto;}
	.content-wrapper02 {width: 96%;margin-left: auto;	margin-right: auto;}
	.content-wrapper03 {width: 96%;margin-left: auto;	margin-right: auto;padding: 30px 10px 10px 20px;}
	.toconttext02 {float:left;}
	#topcatch{top: 40%;}
	.cr4left{ width: 100%; }
	.cr4right{ width: 90%;}
	.content-wrapper { width: 96%; float:right;}
	.linkbox  {width: 50%;float:left;}
	.linkbox  ul {float:left;}
	.linkbox2 {width: 65%;}
	#topmovie{width: 90%;text-align:left;}
	.inboxcont01{width: 90%;margin-left: auto;	margin-right: auto;}
	.fig04 { display: none;}
	.fig04x { display: block;}
	.contimg01{float:left;width:96%;margin-left: auto;	margin-right: auto;}
	.contimg02{float:right;width:40%;margin:5%;}
	.imgbox { display: none;}
	.imgboxmob { display: block;}
	.topcont03 img{width:60%;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */

	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.box{width: 96%; float:left;text-align:center; margin:10px;}
}

@media only screen and (max-width: 479px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headtxt {display:none;}
	.hedda01 {display:none;}
	#burgermenu {display:block;}
	.mainlogo{width:70%;}
	.hero {display: none;}
	.hhx { display: block;}
	#herobg{display: none;}
	#herobg02 { display: block;}
	.headtxt02{display: none;}
	.underbtn{ display: block;}

	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topcont{ display: none; }
	.topcont02{  display:block;}
	.topcont00{font-size:19px;}
	.toconttext01 {width:100%;font-size:16px;margin:0;margin:1%;}
	.toconttext02 {width:46%;font-size:18px;margin:2%;}
	.topcontin01 {width: 80%;margin-left: auto;	margin-right: auto;}
	.subbox01 {width:48%;}
	.subbox02 {font-size:3vw;}
	.subcont02 {width:100%;}
	.inbox04 img {width:100%;margin-left: auto;	margin-right: auto;}
	.inbox05 {width: 100%;}
	.inbox06 img {width:100%;margin-left: auto;	margin-right: auto;}
	.content-wrapper01 {width: 96%;margin-left: auto;	margin-right: auto;}
	.content-wrapper02 {width: 96%;margin-left: auto;	margin-right: auto;}
	.content-wrapper03 {width: 96%;margin-left: auto;	margin-right: auto;}
	.toconttext02 {float:left;}
	.cr4left{ width: 100%; }
	.cr4right{ width: 90%;}
	.content-wrapper { width: 96%; float:right;}
	.linkbox  {width: 50%;float:left;}
	.linkbox  ul {float:left;}
	.linkbox2 {width: 70%;}
	#topmovie{width: 90%;text-align:left;}
	.inboxcont01{width: 90%;margin-left: auto;	margin-right: auto;}
	.fig04 { display: none;}
	.fig04x { display: block;}
	.contimg01{float:left;width:96%;margin-left: auto;	margin-right: auto;}
	.contimg02{float:right;width:40%;margin:5%;}
	.imgbox { display: none;}
	.imgboxmob { display: block;}
	.topcont03 img{width:60%;}
	/* ------------------Footer-------------------- */

	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */

	.box{width: 96%; float:left;text-align:center; margin:10px;}
}