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-------------------- */
	.nav-menu {display:block;}
	.nav-menu2 {display:none;}
	.headbana {display:none;}
	#burgermenu {display:none;}
	content {display:block;}
	.mainlogo{width:30%;}
	.sample {display:block;color:#AAAAAA}
	.hedda01{width: 90%;}
	.hero {height: 100vh;display: block;	background-size:cover;}
	.hhx{display:none;!important}
	.nav-menu02{display: block;}
	.underbtn{ display: none;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topcont{ width: 1080px;height:870px;}
	#topcatch{top: 50%;}
	.cr4left{ width: 15%; }
	.cr4right{ width: 75%;}
	.content-wrapper01 { width: 50%;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: 50%;float:left;}
	.linkbox2 {width: 50%;float:right;}
	#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;}
	/* ------------------Footer-------------------- */
	footer {width:960px; margin:0px auto; background-color:#333;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.box{width: 31%; float:left;text-align:center; margin:10px;}
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.nav-menu {display:block;}
	.nav-menu2 {display:none;}
	.headbana {display:none;}
	#burgermenu {display:none;}
	.mainlogo{width:40%;}
	.sample {display:block;color:#333FFF}
	.hedda01{width: 90%;}
	.hero {height: 600px;display: block; background-size:cover;}
	.hhx{display:none;!important}
	.nav-menu02{display: block;}
	.underbtn{ display: none;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topcont{ width: 1000px;height:870px;}
	.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: 50%;float:left;}
	.linkbox2 {width: 50%;float:right;}
	#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;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */

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


@media only screen and (min-width: 980px) and (max-width: 1279px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.nav-menu {display:block;}
	.nav-menu2 {display:none;}
	.headbana {display:none;}
	#burgermenu {display:none;}
	.mainlogo{width:40%;}
	.sample {display:block;}
	.hedda01{width: 90%;}
	.hero {height: 600px;display: block; background-size:cover;}
	.hhx{display:none;!important}
	.nav-menu02{display: block;}
	.underbtn{ display: none;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topcont{ width: 1000px;height:870px;}
	.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: 50%;float:left;}
	.linkbox2 {width: 50%;float:right;}
	#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;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */

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

@media only screen and (min-width: 768px) and (max-width: 979px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.menu-list {display:none;}
	.nav-menu2 {display:block;}
	.mainlogo{width:40%;}
	.sample {display:none;}
	.hedda01{width: 90%;}
	.hero {display:none;}
	.hhx { display: block;}
	.nav-menu02{display: none;}
	.underbtn{ display: block;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topcont{ width: 1000px;height:870px;}
	.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: 50%;float:left;}
	.linkbox2 {width: 50%;float:right;}
	#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;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */

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

@media only screen and (min-width: 620px) and (max-width: 767px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.menu-list {display:none;}
	.nav-menu2 {display:block;}
	.label {display:none;}
	content {margin:0px auto; padding:20px 0px;}
	.mainlogo{width:50%;}
	.hedda01{width: 80%;}
	.hero {display:none;}
	.hhx { display: block;}
	.nav-menu02{display: none;}
	.underbtn{ display: block;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topcont{ width: 100%;height:920px;}
	#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: 98%;margin-left: auto;	margin-right: auto;}
	.linkbox2 {width: 98%;margin-left: auto;	margin-right: auto;}
	#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;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */

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

@media only screen and (min-width: 480px) and (max-width: 619px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.menu-list {display:none;}
	.nav-menu2 {display:block;}
	.mainlogo{width:;}
	.sample {display:none;}
	.hedda01{width: 80%;}
	.hero {display: none;}
	.hhx { display: block;}
	.nav-menu02{display: none;}
	.underbtn{ display: block;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topcont{ width: 100%;height:970px;}
	.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: 96%;margin-left: auto;	margin-right: auto;border-bottom:1px solid #BBBBBB;margin-bottom:15px;}
	.linkbox2 {width: 96%;margin-left: auto;	margin-right: auto;}
	#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;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */

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

@media only screen and (max-width: 479px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.nav-menu {display:none;}
	.nav-menu2 {display:block;}
	.hedda01{width: 80%;}
	.hero {display: none;}
	.hhx { display: block;}
	#herobg{display: none;}
	#herobg02 { display: block;}
	.nav-menu02{display: none;}
	.underbtn{ display: block;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topcont{ width: 100%;height:970px;}
	.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: 96%;margin-left: auto;	margin-right: auto;border-bottom:1px solid #BBBBBB;margin-bottom:15px;}
	.linkbox2 {width: 96%;margin-left: auto;	margin-right: auto;}
	#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;}
	/* ------------------Footer-------------------- */

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

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