@charset "utf-8";


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

#menuUnit,#sideNav { display: none;}

h1#logo { margin: -25px 0 0 -95px;}
h1#logo img {
 width: 190px;
 height: auto;
}


.spFix {
 position: fixed;
 left: 0;
 top: 0;
 z-index: 30000;
 width: 100%;
}

#spMenuUnit {
 display: block;
 background-color: #333;
}
#spMenuUnit li {
 float: left;
 width: 33.3%;
 padding: 3px 5px 3px 0;
 box-sizing: border-box;
}
#spMenuUnit li a {
 display: block;
 padding-left: 10px;
 border-right: 1px solid #fff;
}
#spMenuUnit img {
 width: auto;
 height: 30px;
}

#spMenuUnit2 {
 display: none;
 position: fixed;
 left: 0;
 top: 0;
 z-index: 40000;
 width: 100%;
 height: 100%;
 background-color: #333;
}
#spMenuUnit2 ul {
 border-top: 1px solid #fff;
}
#spMenuUnit2 li {
 border-bottom: 1px solid #fff;
}
#spMenuUnit2 li a {
 display: block;
 width: 100%;
 padding-left: 10px;
 box-sizing: border-box;
}
#spMenuUnit2 img {
 width: auto;
 height: 40px;
}
#spMenuUnit2 a.closebtn {
 display: block;
 color: #fff;
 font-size: 40px;
 line-height: 1em;
 padding: 10px 0;
}


#spNav {
 position: relative;
 display: block;
 height: 40px;
 background-color: #fff;
}
#spNav .logo img {
 position: absolute;
 left: 15px;
 top: 8px;
 width: auto;
 height: 22px;
}
#spNav ul {
 position: absolute;
 right: 0;
 top: 9px;
}
#spNav li {
 float: left;
 padding-right: 10px;
}

#spNav a img {
 width: 23px; height: auto;
}


#topPageContainer {
 height: auto !important;
}
#topPageContainer li {
 height: auto !important;
}
#topPageContainer li img {
 width: 100%;
 height: auto;
}
#topPageContainer .bx-wrapper .bx-pager {
 left: 10px;
 bottom: 10px;
}
#topPageContainer .bx-wrapper { margin-bottom: 0;}


/* content */

#content {
 width: 100%;
 overflow: hidden;
}

#topContent .unit {
 padding: 30px 0 0;
}
#topContent .unit h2 {
 text-align: center;
}
#topContent .unit h2 img {
 width: auto;
 height: 40px;
}

#unit01 .newsUnit {
 width: 100%;
 box-sizing: border-box;
}
#unit01 h2 { margin-bottom: 20px;}
#unit01 .fl,#unit01 .fr { float: none;}
#unit01 .fl { text-align: center;}
#unit01 .newsUnit { margin-bottom: 0;}
#unit01 .newsUnit img {
 width: 60%;
 max-width: 280px;
 height: auto;
}
#unit01 .newsUnit .fr {
 width: 70%;
 margin: 0 auto;
}
#unit01 .newsUnit .fl {
	padding-top: 0px;
}
#unit01 .newsUnit .n-left {
 margin-bottom: 0;
 font-size: 11px;
}
#unit01 .newsUnit .n-right {
 font-size: 11px;
 margin-bottom: 20px;
 width: 100%;
}
#unit01 .newsUnit .fr a { font-size: 13px;}
#unit01 .newsUnit .fr a span { margin-right: 10px;}


#unit02 .c {
 position: relative;
 width: 100%;
 height: 110px;
 overflow: hidden;
}
#unit02 .c a.modal h2 {
 position: absolute;
 left: 0;
 top: 50%;
 z-index: 10;
 width: 100%;
 margin-top: -20px;
}
#unit02 .c a.pu img {
 width: 125%;
 height: auto;
}
#unit02 .textUnit1 {
 position: relative;
 width: 100%;
 height: auto;
 margin: 30px auto 0;
 box-sizing: border-box;
}
#unit02 .textUnit1 h3 {
 position: relative;
 left: 0;
 top: 0;
 color: #000;
 font-size: 15px;
 line-height: 1em;
 font-weight: normal;
 text-align: center;
 margin-bottom: 20px;
}
#unit02 .noimage {
 position: relative;
 left: 0;
 top: 0;
 color: #000;
 font-size: 13px;
 line-height: 1.8em;
 font-weight: normal;
 width: 100%;
 padding: 20px 22px 0 22px;
 margin-bottom: 15px;
 box-sizing: border-box;
}

#unit02 .noimage img { display: none;}

#unit02 .textUnit1 img {
 display: block;
 position: relative;
 left: 0;
 top: 0;
 height: 250px;
 width: 100%;
 overflow:hidden;
 margin: 0 auto 20px;
}
#unit02 .textUnit2 {
 width: 100%;
 padding: 0 22px;
 margin: 0 auto;
 box-sizing: border-box;
}
#unit02 .textUnit2 span {
	font-size: 15px;
}
#unit02 .textUnit2 h3 {
 font-size: 12px;
 margin-bottom: 5px;
}
#unit02 .no1 {
	width: 100%;
	padding-left: 0;
	padding-right: 22px;
}

#unit02 .im {
	margin: 0 auto;
	width: 200px;
	height: 200px;
}


#unit03 ul {
 width: 60%;
 padding: 0 20px;
 margin: 30px auto 40px;
}
#unit03 li {
 float: none;
 width: 100%;
 margin-bottom: 15px;
}
#unit03 li:nth-child(2n) { float: none;}
#unit03 li img {
 width: 100%;
 height: auto;
}
#unit03 li span {
 font-size: 13px;
 line-height: 1em;
 text-align: center;
 width: 100%;
 margin: 15px auto 0;
 box-sizing: border-box;
}

#unit04 ul { padding: 30px 0 15px;}
#unit04 li {
 float: left;
 width: 100%;
 padding: 0 10px 10px;
 box-sizing: border-box;
}
#unit04 li:nth-child(5n) { padding-right: 10px;}


footer { border-bottom-width: 13px;}
footer p { font-size: 10px;}


.pc { display: none;}

}

@media screen and (max-width: 500px) {
	
#unit02 .textUnit1 h3 {
	text-align: left;
	padding-left: 22px;
}
	
}