/*lszp container.css */
.m{display: none}

@media screen and (min-width: 768px) and (max-width: 959px) {
	body, html {overflow: inherit;}
	body .wrapper.pc,.wrapper .pc,.page1 .pc,.about-wrap .pc,.page2 .pc,.page3 .pc,.page4 .pc,.page5 .pc,.page6 .pc{min-width:initial; display: none}
	body .mwrapper.m,.wrapper .m,.page1 .m,.about-wrap .m,.page2 .m,.page3 .m{min-width:initial; display: block}
	.wrapper{overflow:inherit!important;}
	.mmain {position: relative;}
	.indexbg{height: 100%}
	.by-logo{position: absolute; left: 0; right: 0; top: 50%; bottom: 0; margin: auto;margin-top: -22px; width: 45px; height: 45px;overflow: hidden;}
	.by-logo img{width: 100%; display: block; opacity: 1}
	.index-l{font-size: 14px; position: fixed;}
	.index-r{font-size: 12px; width: 23px;height: 154px;margin-top: -77px;}

	/* about */
	.about-wrap{z-index: 6}
	.about-main{padding: 0 10px; width: 94%}
	.ab-m-title{padding-top: 35%}
	.ab-m-title img{width: 94px}
	.ab-m-logo{top: 18%; right: 8px}
	.ab-m-logo img{width: 47px}
	.ab-m-ycon{font-size: 16px;margin-top: 30%}
	.ab-m-txt{font-size: 12px;}
	.ab-m-hello{font-size: 50px}

	/*main*/
	.page2 .page_container{height: auto;}
	.mpage-wrap{width: 94%; margin: 0 10px; height: 100%; /*border: 1px solid #FFF;*/}
	.mpage-main{width: 100%; text-align: left; padding-top: 15px; position: relative;}
	.mpage-main h2{text-transform: uppercase; font-size: 16px;}
	.mpage-main p{font-size: 12px; padding: 15px 0;}
	.mpage-main img{width: 100%}
	.mpage-main .mttxt{font-size: 30px; font-weight: 700; padding-bottom: 15px}
	.mpage-main .mttxt span{font-size: 12px; vertical-align: top; display: inline-block; font-weight: 100}
	.mpage-main .ml-img li{width: calc(100% / 2 - 5px); float: left;}
	.mpage-main .ml-img li:nth-child(2){margin-left: 10px;}
	.mpage-main .mr-txt{text-align: right; font-size: 14px; position: absolute; right: 0 ; top: 68px;}
	.mpage-main .ml4-img li{width: calc(100% / 2 - 5px); float: left;}
	.mpage-main .ml4-img li:nth-child(1){margin-bottom: 5px;}
	.mpage-main .ml4-img li:nth-child(2){margin-left: 10px;margin-bottom: 5px;}
	.mpage-main .ml4-img li:nth-child(4){margin-left: 10px;}
	.mpage-main .ml4-img li:nth-child(5){margin-bottom: 10px; margin-top: 5px}
	.mpage-main .ml4-img li:nth-child(6){margin-left: 10px;margin-top: 5px}
	.mpage-main img.mclose{width: 11px;}

	.mfooter{margin-top: 70px; border-top: 1px solid #FFF; text-align: left; padding-bottom: 80px}

	.mheader{width: 100%; background-color: #000; z-index: 9;display: none;}
	.mh-wrap{position: relative; width: 94%; padding: 10px 10px; height: 30px; text-align: left;}
	.mh-wrap img{width: 30px}
	.mh-wrap img.menuimg{position: absolute; right: 10px}
	.menushow img.menuimg{width: 15px; top: 22px; right: 18px}
	.fixed{position: fixed;}
	.menu_content{width:120px;position: absolute;right:0;top:50px;opacity: 0;padding: 30px 0;background:#000; color:#fff;overflow:hidden; z-index:1000; }
	.menu_content>ul>li{line-height: 30px;overflow: hidden; text-align: right;}
	.menu_content>ul>li>a{color: #FFF; font-size: 14px; display: inline-block;margin-right: 20px;}
	.menu_content>ul>li>a span{padding-left: 10px}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
	body, html {overflow: inherit;}
	body .wrapper.pc,.wrapper .pc,.page1 .pc,.about-wrap .pc,.page2 .pc,.page3 .pc,.page4 .pc,.page5 .pc,.page6 .pc{min-width:initial; display: none}
	body .mwrapper.m,.wrapper .m,.page1 .m,.about-wrap .m,.page2 .m,.page3 .m{min-width:initial; display: block}
	.wrapper{overflow:inherit!important;}
	.mmain {position: relative;}
	.indexbg{height: 100%}
	.by-logo{position: absolute; left: 0; right: 0; top: 50%; bottom: 0; margin: auto;margin-top: -22px; width: 45px; height: 45px;overflow: hidden;}
	.by-logo img{width: 100%; display: block; opacity: 1}
	.index-l{font-size: 14px; position: fixed;}
	.index-r{font-size: 12px; width: 23px;height: 154px;margin-top: -77px;}

	/* about */
	.about-wrap{z-index: 6}
	.about-main{padding: 0 10px; width: 94%}
	.ab-m-title{padding-top: 35%}
	.ab-m-title img{width: 94px}
	.ab-m-logo{top: 18%; right: 8px}
	.ab-m-logo img{width: 47px}
	.ab-m-ycon{font-size: 16px;margin-top: 30%}
	.ab-m-txt{font-size: 12px;}
	.ab-m-hello{font-size: 50px}

	/*main*/
	.page2 .page_container{height: auto;}
	.mpage-wrap{width: 94%; margin: 0 10px; height: 100%; /*border: 1px solid #FFF;*/}
	.mpage-main{width: 100%; text-align: left; padding-top: 15px; position: relative;}
	.mpage-main h2{text-transform: uppercase; font-size: 16px;}
	.mpage-main p{font-size: 12px; padding: 15px 0;}
	.mpage-main img{width: 100%}
	.mpage-main .mttxt{font-size: 30px; font-weight: 700; padding-bottom: 15px}
	.mpage-main .mttxt span{font-size: 12px; vertical-align: top; display: inline-block; font-weight: 100}
	.mpage-main .ml-img li{width: calc(100% / 2 - 5px); float: left;}
	.mpage-main .ml-img li:nth-child(2){margin-left: 10px;}
	.mpage-main .mr-txt{text-align: right; font-size: 14px; position: absolute; right: 0 ; top: 68px;}
	.mpage-main .ml4-img li{width: calc(100% / 2 - 5px); float: left;}
	.mpage-main .ml4-img li:nth-child(1){margin-bottom: 5px;}
	.mpage-main .ml4-img li:nth-child(2){margin-left: 10px;margin-bottom: 5px;}
	.mpage-main .ml4-img li:nth-child(4){margin-left: 10px;}
	.mpage-main .ml4-img li:nth-child(5){margin-bottom: 10px; margin-top: 5px}
	.mpage-main .ml4-img li:nth-child(6){margin-left: 10px;margin-top: 5px}
	.mpage-main img.mclose{width: 11px;}

	.mfooter{margin-top: 70px; border-top: 1px solid #FFF; text-align: left; padding-bottom: 80px}

	.mheader{width: 100%; background-color: #000; z-index: 9;display: none;}
	.mh-wrap{position: relative; width: 94%; padding: 10px 10px; height: 30px; text-align: left;}
	.mh-wrap img{width: 30px}
	.mh-wrap img.menuimg{position: absolute; right: 10px}
	.menushow img.menuimg{width: 15px; top: 22px; right: 18px}
	.fixed{position: fixed;}
	.menu_content{width:120px;position: absolute;right:0;top:50px;opacity: 0;padding: 30px 0;background:#000; color:#fff;overflow:hidden; z-index:1000; }
	.menu_content>ul>li{line-height: 30px;overflow: hidden; text-align: right;}
	.menu_content>ul>li>a{color: #FFF; font-size: 14px; display: inline-block;margin-right: 20px;}
	.menu_content>ul>li>a span{padding-left: 10px}
}

@media only screen and (max-width: 639px) {
	body, html {overflow: inherit;}
	body .wrapper.pc,.wrapper .pc,.page1 .pc,.about-wrap .pc,.page2 .pc,.page3 .pc,.page4 .pc,.page5 .pc,.page6 .pc{min-width:initial; display: none}
	body .mwrapper.m,body .mby-logo.m,.wrapper .m,.page1 .m,.about-wrap .m,.page2 .m,.page3 .m{min-width:initial; display: block}
	.wrapper{overflow:inherit!important;}
	.mmain {position: relative;}
	.indexbg{height: 100%}
	.mby-logo{position: absolute; left: 50%;top: 50%; margin: -22px 0 0 -22px; width: 45px; height: 45px;z-index:4;padding:0}
	.mby-logo img{width: 100%;}
	.index-l{font-size: 14px; position: fixed;}
	.index-r{font-size: 12px; width: 23px;height: 154px;margin-top: -77px;}

	/* about */
	.about-wrap{z-index: 6;position: fixed;}
	.about-main{padding: 0 10px; width: 94%}
	.ab-m-title{padding-top: 35%}
	.ab-m-title img{width: 94px}
	.ab-m-logo{top: 18%; right: 8px}
	.ab-m-logo img{width: 47px}
	.ab-m-ycon{font-size: 16px;margin-top: 30%}
	.ab-m-txt{font-size: 12px;}
	.ab-m-hello{font-size: 50px}

	/*main*/
	.page2 .page_container{height: auto;}
	.mpage-wrap{width: 94%; margin: 0 10px; height: 100%; /*border: 1px solid #FFF;*/}
	.mpage-main{width: 100%; text-align: left; padding-top: 15px; position: relative;}
	.mpage-main h2{text-transform: uppercase; font-size: 16px;}
	.mpage-main p{font-size: 12px; padding: 15px 0;}
	.mpage-main img{width: 100%}
	.mpage-main .mttxt{font-size: 30px; font-weight: 700; padding-bottom: 15px}
	.mpage-main .mttxt span{font-size: 12px; vertical-align: top; display: inline-block; font-weight: 100}
	.mpage-main .ml-img li{width: calc(100% / 2 - 5px); float: left;}
	.mpage-main .ml-img li:nth-child(2){margin-left: 10px;}
	.mpage-main .mr-txt{text-align: right; font-size: 14px; position: absolute; right: 0 ; top: 68px;}
	.mpage-main .ml4-img li{width: calc(100% / 2 - 5px); float: left;}
	.mpage-main .ml4-img li:nth-child(1){margin-bottom: 5px;}
	.mpage-main .ml4-img li:nth-child(2){margin-left: 10px;margin-bottom: 5px;}
	.mpage-main .ml4-img li:nth-child(4){margin-left: 10px;}
	.mpage-main .ml4-img li:nth-child(5){margin-bottom: 10px; margin-top: 5px}
	.mpage-main .ml4-img li:nth-child(6){margin-left: 10px;margin-top: 5px}
	.mpage-main img.mclose{width: 11px;}

	.mfooter{margin-top: 70px; border-top: 1px solid #FFF; text-align: left; padding-bottom: 80px}

	.mheader{width: 100%; background-color: #000; z-index: 9;display: none;}
	.mh-wrap{position: relative; width: 94%; padding: 10px 10px; height: 30px; text-align: left;}
	.mh-wrap img{width: 30px}
	.mh-wrap img.menuimg{position: absolute; right: 10px}
	.menushow img.menuimg{width: 15px; top: 22px; right: 18px}
	.fixed{position: fixed;}
	.menu_content{width:120px;position: absolute;right:0;top:50px;opacity: 0;padding: 30px 0;background:#000; color:#fff;overflow:hidden; z-index:1000; }
	.menu_content>ul>li{line-height: 30px;overflow: hidden; text-align: right;}
	.menu_content>ul>li>a{color: #FFF; font-size: 14px; display: inline-block;margin-right: 20px;}
	.menu_content>ul>li>a span{padding-left: 10px}
}