.main-visual .btn-openClose{display:none;}
@media (min-width:268px) and (max-width:768px) {
 .head {
height: 144px;
z-index: 8;
}
 .main-visual {
display:none;
}
 #main-wrap {
width:100%;
}
 #main-contents {
padding:0 15px;
}
 .lnk-navi >div ul.link {
 display:none;
}
 #header-wrap .header .lnk-navi {
margin:0 15px;
}
 #header-wrap .header .lnk-navi >div {
width:100%;
padding:0 0 14px;
margin:0 auto;
*zoom:1;
}
 .wrap {
width:100%;
}
 .main-biz-top {
position:relative;
margin:0 auto;
padding:30px 0 0;
width:100%;
}
 .logo {
margin:20px auto;
text-align:center;
}
.l {
float:none;
}
.tr {
text-align:center;
background:#f8f8f8;
padding-bottom:14px;
}
 .main-notice .notice-view {
 display:none;
}
 .main-notice .notice-list, .main-right-con, .right-con-btm, .main-video {
width:100%;
display:block;
float:none;
padding-bottom:30px;
}
 .main-right-con, .main-blog, .main-video {
padding-top:30px;
overflow:hidden;
}
 .main-blog ul {
width:50%;
}
.main-video {
display:none;
}
 .main-biz-list {
width:100%;
overflow:hidden;
background:#f8f8f8;
padding:15px 0 0;
}
.main-biz-list li {
margin-right:0px;
width:50%;
margin-bottom:10px;
text-align:center;
}
.main-biz-list li img {
display:block;
margin:0 auto;
}
 .mainTxt-fade-wrap {
position:absolute !important;
top:0px;
left:50%;
margin-left:-375px;
overflow:hidden;
}
 #mainTxt-fade {
height:400px;
overflow:hidden;
}
 #mainTxt-fade li {
width:750px !Important;
height:400px;
overflow:hidden;
}
 .main-visual .btn-openClose {
position:absolute;
bottom:10px;
left:50%;
margin-left:-180px;
z-index:99;
}
 #footer-wrap {
height:auto;
margin:0;
padding:20px 0;
}
 .footer {
padding:0 15px;
margin:0 auto;
}
 .family-site, .footer-navi {
float:left;
margin-top:10px;
width:100%;
}
 .slct-fsite ul {
bottom:48px;
}
 .nav {
display:none;
}
 .menubtn {
 position:absolute;
 z-index: 101;
 color: #274a61;
 left:12px;
 text-indent:-999px;
 text-decoration: none;
 font-size: 0em;
 line-height: 0em;
 top:7px;
 padding: 15px 13px;
 background-image: url('../img/hamburger.png');
 background-position: 50% 50%;
 background-size: 18px 18px;
 background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
 color: #bdd43e;
 background-image: url('../img/hamburger-active.png');
}
 .menuclose {
display:block;
height:40px;
text-align:center;
line-height:40px;
font-size:16px;
background:#242424;
}

/** toggle menu **/
body.openmenu {
 position: fixed;
 overflow: hidden;
}
.overlay {
 position: fixed;
 z-index: 99;
 background-color: rgba(0, 0, 0, 0.5);
 bottom: 0;
 right: 0;
 left: 0;
}
.openmenu .overlay {
 top: 0;
}
#hamburgermenu {
 height: 100%;
 width: 0;
 background: #373737;
 position: fixed;
 top: 46px;
 left: 0;
 z-index: 101;
 overflow: hidden;
 -webkit-box-shadow: 3px 0 7px rgba(0, 0, 0, 0.55);
 -moz-box-shadow: 3px 0 7px rgba(0, 0, 0, 0.55);
 box-shadow: 3px 0 7px rgba(0, 0, 0, 0.55);
}
#hamburgermenu ul {
 z-index: 101;
 overflow-y: auto;
 overflow-x: hidden;
}
#hamburgermenu ul li {
 display: block;
}
#hamburgermenu ul li a {
 display: block;
 padding: 15px 0;
 min-width:130px;
 color: #cdcdcd;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
 text-align: left;
text-indent:15px;
border-bottom:1px solid #262626;
}
#hamburgermenu li a:hover {
 color: #fff;
 background: #2c2c2c;
}
#content-wrap {
	padding:0;
}

.cont-fl h2,.lnb01{ display:none;}
a.amyValue{ display:block;width:100%; text-align:center; line-height:44px; height:44px;background:url('../img/common/bg_lnb_off2.gif');color:#fff; font-size:14px;}
#content-wrap #contents .cont-fl {
	float:none;
	width:100%;
}
#content-wrap #contents .cont-fr {
	float:none;
	display:block;
	width:94%;
	margin:20px auto;
}
#content-wrap #contents .cont-fr .content,#content-wrap #contents .cont-fr .content p img{width:100%;}
.visual {
	position:relative;
	padding-top:10px;
	width:100%;
	height:auto;
	padding-bottom:10px;
}
.visual p,.visual strong{ display:none;}
.tech-visual.tech-center > div{ display:none;}
.tech-visual.tech-center img{max-width:100%;}
#path {
	top:0;
}/*location*/

.lnb01 {
	width:100%;
}
.lnb01 > li {
	overflow:hidden;
	background:url('../img/common/bg_lnb_off2.gif');
}
.lnb01 > li a {
	display:block;
	width:100%;
	height:30px;
	padding:14px 0 0 0px;
	vertical-align:middle;
	font-weight:bold;
	color:#d0d0d0;
	text-align:center;
}
.lnb01 > li.long-menu>a {
	padding:8px 0 0 0;
	height:36px;
	line-height:1.2;
}
.lnb01 > li.on {
	background:url('../img/common/bg_lnb_off2.gif');
}
.tab01 {
	margin-bottom:25px;
	border-bottom:none;
	height:auto;
	border-left:none;
*zoom:1;
}
.tab01 li a {
	padding:0 5px;
}
.l-type01 li p,.l-type01 li span{ display:none;}
.l-type01 li a{ font-size:14px;}
.biz-main >li {
	float:left;
	height:auto;
	overflow:hidden;
}
.biz-main >li.biz-main01 >a {
	background:#00876f;
	cursor:pointer;
	display:block;
}

.biz-main >li.biz-main02 >a {
	background:#18838a;
}
.biz-main >li.biz-main03 >a {
	background:#107dae;
}
.biz-main >li.biz-main04 >a {
	background:#056faf;
}
.biz-main >li.biz-main05 >a {
	background:#004ea6;
}

.biz-main >li >a {
	display:block;
	padding-top:0;
	width:100%;
}
.biz-main >li.biz-main01 {
	width:100%;
}
.biz-main >li.biz-main02 {
	width:100%;
}
.biz-main >li.biz-main03 {
	width:100%;
}
.biz-main >li.biz-main04 {
	width:100%;
}
.biz-main >li.biz-main05 {
	width:100%;
}
.biz-main >li ul {
	background:#333;
	height:auto;
	padding:30px 0;
}
.gall01-list li{width:43%;}
.resimg img{max-width:100%}
}
 @media (min-width: 768px) {
	 .biz-view {
	position:relative;
	background:#3d79c2;
	height:215px;
	padding:0px;
}
.biz-view dd {
	position:absolute;
	left:20px;
	top:100px;
	width:90%;
	color:#fff;
	font-size:14px;
}
.biz-view dt {
	color:#fff;
	font-size:36px;
	padding:20px;
}
.gall01-list li{width:22.4%;}

	 .tab01 li a {
	padding:0 14px;
}.biz-main >li ul {
	background:url('../img/bg_bizmain.gif') no-repeat;
	height:280px;
}

#path {
	top:159px;
}/*location*/

	 .amyValue{ display:none;}
#content-wrap #contents .cont-fl {
	float:left;
	width:235px;
}
#content-wrap {
	padding:30px 0 40px;
}

.lnb01 > li.long-menu>a {
	padding:8px 0 0 17px;
	height:36px;
	line-height:1.2;
}
.lnb01 > li.on {
	background:url('../img/common/bg_lnb_on.gif') no-repeat top left;
}

.lnb01 {
	width:235px;
}
.lnb01 > li {
	overflow:hidden;
	background:url('../img/common/bg_lnb_off.gif') no-repeat top left;
}
.lnb01 > li a {
	display:block;
	width:200px;
	height:30px;
	padding:14px 0 0 17px;
	vertical-align:middle;
	font-weight:bold;
	color:#d0d0d0;
}

 #header-wrap .header .lnk-navi >div {
width:970px;
padding:0 0 14px;
margin:0 auto;
*zoom:1;
}
 .wrap {
width:970px;
margin-left:auto;
margin-right:auto;
}
 .main-biz-top {
position:relative;
margin:0 auto;
padding:48px 0 0;
width:970px;
}
 .nav_lev2_1 {
width:970px;
}
 .nav_lev2_2 {
width:970px;
}
 .mainTxt-fade-wrap {
position:absolute !important;
top:0px;
left:50%;
margin-left:-485px;
overflow:hidden;
}
.mainTxt-fade-wrap .bx-prev {
	position:absolute;
	bottom:0px;
    margin:0 !Important;
	left:880px;
	z-index:100;
}
.mainTxt-fade-wrap .bx-next {
	position:absolute;
	bottom:0px;
	left:930px;
    margin:0 !Important;
	z-index:100;
}
.mainTxt-fade-wrap .bx-auto {
	position:absolute;
	bottom:0px;
    margin:0 !Important;
	left:832px;
	z-index:100;
}
 #mainTxt-fade {
height:400px;
overflow:hidden;
}
 #mainTxt-fade li {
width:970px !Important;
height:400px;
overflow:hidden;
}
 .main-visual .btn-openClose {
position:absolute;
bottom:10px;
left:50%;
margin-left:-280px;
z-index:99;
}
 .main-notice {
position:relative;
float:left;
width:271px;
}
.main-right-con {
float:right;
width:660px;
}
.right-con-btm {
width:660px;
overflow:hidden;
}
.main-biz-list {
margin-bottom:55px;
width:680px;
overflow:hidden;
}
 .main-biz-list li a {
display:block;
width:100px;
height:131px;
color:#2d2f33;
font-size:11px;
font-weight:bold;
text-align:center;
background-color:#e8e8e8;
}
 .main-biz-list li a img {
margin-bottom:13px;
width:100px;
height:93px;
}
.main-blog {
position:relative;
float:left;
width:360px;
}
.main-blog ul {
width:180px;
padding-bottom:40px;
}
.footer {
width:970px;
padding:0;
margin:0 auto;
}
 .footer-fl {
float:left;
padding-top:10px;
margin-right:18px;
color:#fff;
}
 .footer-fr {
float:right;
padding-top:10px;
width:630px;
position: relative;
}
#mobile_nav {
display:none;
}
	 #content-wrap #contents{width:970px; padding:0; margin:0 auto;}
	 #content-wrap #contents .cont-fr {
	float:right;
	width:700px;
}
.tech-shortcut {
	width:708px;
	margin-right:-20px;
	margin-top:20px;
}
.visual {
	position:relative;
	padding-top:10px;
	width:100%;
	height:169px;
}
.tab01 {
	height:35px;
}
.biz-main >li >a {
	display:block;
	padding-top:389px;
	width:161px;
}
.biz-main >li.biz-main01 {
	width:161px;
}
.biz-main >li.biz-main02 {
	width:161px;
}
.biz-main >li.biz-main03 {
	width:161px;
}
.biz-main >li.biz-main04 {
	width:161px;
}
.biz-main >li.biz-main05 {
	width:161px;
}
.biz-main >li {
	float:left;
	height:750px;
	overflow:hidden;
}
.biz-main >li.biz-main01 >a {
	background:#00876f url('../img/cytw/cy_y_5.jpg') no-repeat;
}
.biz-main >li.biz-main02 >a {
	background:#18838a url('../img/cytw/cy_y_4.jpg') no-repeat;
}
.biz-main >li.biz-main03 >a {
	background:#107dae url('../img/cytw/cy_y_6.jpg') no-repeat;
}
.biz-main >li.biz-main04 >a {
	background:#056faf url('../img/cytw/cy_y_3.jpg') no-repeat;
}
.biz-main >li.biz-main05 >a {
	background:#004ea6 url('../img/cytw/cy_y_1.jpg') no-repeat;
}
.biz-main >li.biz-main06 >a {
	background:#004ea6 url('../img/cytw/cy_y_2.jpg') no-repeat;
}
}
@media (min-width: 1200px) {
	.gall01-list li{width:23%;}
	.biz-view {
	position:relative;
	background:url('../img/bg_biz_view.jpg') no-repeat;
	height:215px;
	padding:25px 0 0px 620px;
}
.biz-view dd {
	position:absolute;
	left:620px;
	top:100px;
	width:245px;
	color:#fff;
	font-size:14px;
}
.biz-view dt {
	color:#fff;
	font-size:36px;
}

	.biz-main >li ul {
	background:url('../img/bg_bizmain.gif') no-repeat;
	height:100%;
}

	.biz-main >li {
	float:left;
	height:800px;
	overflow:hidden;
}
.biz-main >li.biz-main01 >a {
	background:#00876f url('../img/cytw/cy_y_5.jpg') no-repeat;
}
.biz-main >li.biz-main02 >a {
	background:#18838a url('../img/cytw/cy_y_4.jpg') no-repeat;
}
.biz-main >li.biz-main03 >a {
	background:#107dae url('../img/cytw/cy_y_6.jpg') no-repeat;
}
.biz-main >li.biz-main04 >a {
	background:#056faf url('../img/cytw/cy_y_3.jpg') no-repeat;
}
.biz-main >li.biz-main05 >a {
	background:#004ea6 url('../img/cytw/cy_y_1.jpg') no-repeat;
}
.biz-main >li.biz-main06 >a {
	background:#004ea6 url('../img/cytw/cy_y_2.jpg') no-repeat;
}

	#content-wrap {
	padding:30px 0 40px;
}
#path {
	top:159px;
}/*location*/
.biz-main >li >a {
	display:block;
	padding-top:389px;
	width:195px;
}
.biz-main >li.biz-main01 {
	width:195px;
}
.biz-main >li.biz-main02 {
	width:195px;
}
.biz-main >li.biz-main03 {
	width:195px;
}
.biz-main >li.biz-main04 {
	width:195px;
}
.biz-main >li.biz-main05 {
	width:195px;
}

	#content-wrap #contents {
	width:1170px;
	padding:0;
	margin:0 auto;
*zoom:1;
}.amyValue{ display:none;}
#content-wrap #contents .cont-fr {
	float:right;
	width:900px;
}
.tech-shortcut {
	width:888px;
	margin-right:-20px;
	margin-top:20px;
}
.lnb01 > li.long-menu>a {
	padding:8px 0 0 17px;
	height:36px;
	line-height:1.2;
}
.lnb01 > li.on {
	background:url('../img/common/bg_lnb_on.gif') no-repeat top left;
}


 #header-wrap .header .lnk-navi >div {
width:1170px;
padding:0 0 14px;
margin:0 auto;
*zoom:1;
}
 .main-biz-top {
position:relative;
margin:0 auto;
padding:48px 0 0;
width:1170px;
height:465px;
}
.wrap {
width:1170px;
margin-left:auto;
margin-right:auto;
}
 .nav_lev2_1 {
width:1170px;
}
 .nav_lev2_2 {
width:1170px;
}
 .mainTxt-fade-wrap {
position:absolute !important;
top:0px;
left:50%;
margin-left:-585px;
overflow:hidden;
}
.mainTxt-fade-wrap .bx-prev {
	position:absolute;
	bottom:0px;
    margin:0 !Important;
	left:1080px;
	z-index:100;
}
.mainTxt-fade-wrap .bx-next {
	position:absolute;
	bottom:0px;
    margin:0 !Important;
	left:1130px;
	z-index:100;
}
.mainTxt-fade-wrap .bx-auto {
	position:absolute;
	bottom:0px;
    margin:0 !Important;
	left:1032px;
	z-index:100;
}
 #mainTxt-fade {
height:400px;
overflow:hidden;
}
 #mainTxt-fade li {
width:1170px !Important;
height:400px;
overflow:hidden;
}
 .main-visual .btn-openClose {
position:absolute;
bottom:10px;
left:50%;
margin-left:-380px;
z-index:99;
}
 .main-notice {
position:relative;
float:left;
width:271px;
}
.main-right-con {
float:right;
width:852px;
}
.right-con-btm {
width:852px;
overflow:hidden;
}
.main-biz-list {
margin-bottom:55px;
width:852px;
overflow:hidden;
}
 .main-biz-list li a {
display:block;
// width:132px;
// height:131px;
width:198px;
height:197px;
color:#565d67;
font-size:11px;
font-weight:bold;
text-align:center;
background-color:#e8e8e8;
}
 .main-biz-list li a img {
margin-bottom:10px;
// width:132px;
// height:93px;
width:198px;
height:157px;
}
.main-blog {
position:relative;
float:left;
width:520px;
}
.main-blog ul {
width:260px;
}
 .footer {
width:1170px;
padding:0;
margin:0 auto;
}
 .footer-fl {
float:left;
padding-top:10px;
margin-right:18px;
color:#fff;
}
 .footer-fr {
float:right;
padding-top:10px;
width:809px;
position: relative;
}
#mobile_nav {
display:none;
}
#content-wrap #contents .cont-fl {
	float:left;
	width:235px;
}

.lnb01 {
	width:235px;
}
.lnb01 > li {
	overflow:hidden;
	background:url('../img/common/bg_lnb_off.gif') no-repeat top left;
}
.lnb01 > li.po_li{background:url('../img/common/bg_lnb_hopen.jpg') no-repeat top left;}
.lnb01 > li a {
	display:block;
	width:200px;
	height:30px;
	padding:14px 0 0 17px;
	vertical-align:middle;
	font-weight:bold;
	color:#d0d0d0;
}
.visual {
	position:relative;
	padding-top:10px;
	width:100%;
	height:169px;
}
.tab01 {
	height:35px;
}
.tab01 li a {
	padding:0 14px;
}

}
