@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	.munes,.xxl,.footer .f1{ display:none;}
	#hamburger,.xl{ display:block;}
	.bottomlist{ display:block;}
	.footer{ margin-bottom:0px;}
}

/*index*/
@media screen and (max-width: 750px) {
	.bottomlist{ left:0;}
}
@media screen and (max-width: 720px) {
	.header .phone{ padding:25px 25px 20px 0;}
	.header .logo{ padding:2px 50px 2px 20px;}
	.header .logo img{ max-width:90%;}
	.header .phone img{ width:45px;}
	.header .phone .t h3{ font-size:1.8em;}
	.header .phone .t h4{ font-size:2.2em; line-height:32px;}
	.header .mune .m-list>a{ font-size:2em; padding:20px 0;}
	.tits h3{ font-size:3em;}
	.tits a{ font-size:2em;}
	.iab .txt{ margin-top:30px;}
	.iab .txt p{ font-size:2em;}
	.ip input{ font-size:2em; padding:10px 20px;}
	.ip .tits{ padding-top:40px;}
	.ip .boxs{ margin-top:25px;}
	.ip .boxs .box .t p{ font-size:2em; margin:5px 0 0 0;}
	.inews .inboxs #intit div{ font-size:2em; padding:10px 40px;}
	.inews .inboxs .inb .t h3{ font-size:2em; line-height:24px; height:24px;}
	.inews .inboxs .inb .t p{font-size:1.8em;line-height:28px;height: 78px;-webkit-line-clamp:3;}
	.inews .inboxs .inb .t { width: calc(100% - 180px);}
	.inews .inboxs .inb .img{ width:160px;}
	.inews .inboxs .inls .inl p{ font-size:2em;}
	.inews .inboxs .inls .inl span{ font-size:1.8em;}
	.inews .inboxs .inb .more p{ font-size:1.6em; margin-top:10px;}
	.inews .inboxs .inls .inl{ padding:8px 0;}
	.inews .inboxs .nm a{ font-size:2em; padding:16px 120px;}
	.footer p{ font-size:1.6em;}
	.bottomlist>ul>li>a>p{ font-size:2em; line-height:1.2;}
	.bottomlist ul li img{ width:55px; height:55px;}
}
@media screen and (max-width: 650px) {
	.header .logo img{ width:220px;}
	.header .logo{ padding:2px 40px 2px 20px;}
	.header .phone .t h3{ font-size:1.6em;}
	.header .phone .t h4{ font-size:2em; line-height:24px;}
	.header .phone img{ width:40px;}
	.header .phone{ padding:20px 25px 20px 0;}
	.header .mune .m-list>a{ font-size:1.6em; padding:16px 0;}
	.tits h3{ font-size:2.4em;}
	.tits a{ font-size:1.6em;}
	.iab .txt p{ font-size:1.6em;}
	.iab{ padding:40px 0 30px 0;}
	.ip input{ font-size:1.6em; padding:10px 20px;}
	.ip form{ border-radius:10px;}
	.ip .fc-btn{ width:60px;}
	.ip .fc-input { width: calc(100% - 60px);}
	.ip .boxs .box .t p{ font-size:1.8em;}
	.inews .inboxs{ margin-top:30px;}
	.inews .inboxs #intit div{ font-size:1.6em;}
	.inews .inboxs .inb .t h3{ font-size:1.8em;}
	.inews .inboxs .inb .t p{ font-size:1.6em;}
	.inews .inboxs .inls .inl p{ font-size:1.8em;}
	.inews .inboxs .inls .inl span{ font-size:1.6em; width:90px;}
	.inews .inboxs .inls .inl p{ width:calc(100% - 90px);}
	.footer{ padding:45px 0 160px 0;}
	.bottomlist>ul>li>a>p{ font-size:1.8em;}
}
@media screen and (max-width: 550px) {
	.warp{ padding:0 20px;}
	.header .phone{ padding:15px 20px 10px 0;}
	.header .mune .m-list>a{ padding:12px 0;}
	.header .logo img{ width:180px;}
	.header .phone img{ width:30px;}
	.header .phone .t h3{ font-size:1.4em;}
	.header .phone .t h4{ font-size:1.8em;}
	.iab .txt p{ font-size:1.4em;}
	.iab .txt{ margin-top:20px;}
	.ip input{ padding:10px 15px;}
	.ip .boxs .box .t p{ font-size:1.6em;}
	.ip .boxs .box a{ padding:5px;}
	.ip .boxs .box{ width:calc(50% - 10px); margin:5px;}
	.inews .inboxs #intit div{ padding:6px 30px;}
	.inews .inboxs .inb .t h3{ font-size:1.6em; line-height:24px; height:24px;}
	.inews .inboxs .inb .t p{ font-size:1.4em; line-height:24px; height:72px;}
	.inews .inboxs .inb .more p{ font-size:1.4em; }
	.inews .inboxs .inb .int{ margin:20px 0;}
	.inews .inboxs .inls .inl{ padding:5px 0;}
	.inews .inboxs .inls .inl p{ font-size:1.6em;}
	.inews .inboxs .nm a{ font-size:1.8em; padding:12px 80px;}
	.bottomlist>ul>li>a>p{ font-size:1.6em;}
	.bottomlist ul li img{ width:40px; height:40px;}
	.footer{ padding:35px 0 130px 0;}
	.tits h3{ font-size:2em;}
	.tits a{ font-size:1.4em;}
}
@media screen and (max-width: 480px) {
	.header .mune .m-list>a{ font-size:1.4em; padding:10px 0;}
	.header .logo img{ width:160px; padding:2px 0;}
	.header .phone img{ width:25px;}
	.header .phone .t h3{ line-height:1.2;}
	.header .phone .t h4{ font-size:1.4em; line-height:1.2;}
	.iab{ padding:30px 0 20px 0;}
	.tits h3{ font-size:1.6em; border-left:2px solid #fec628; padding:0 5px;}
	.ip input{ font-size:1.4em; padding:6px 15px;}
	.ip .tits{ padding-top:30px;}
	.ip .boxs{width:100%;margin: 15px 0 0 0px;}
	.ip{ padding-bottom:30px;}
	.inews{ padding:30px 0;}
	.inews .inboxs{ margin-top:25px;}
	.inews .inboxs #intit div{ font-size:1.4em;}
	.inews .inboxs .inb .t { width: calc(100% - 100px); }
	.inews .inboxs .inb .t p{ -webkit-line-clamp: 2; height:48px;}
	.inews .inboxs .inb .img{ width:90px; margin-left:10px;}
	.inews .inboxs .inls .inl p{ font-size:1.4em; width:calc(100% - 65px); line-height:24px; height:24px;}
	.inews .inboxs .inls .inl span{ font-size:1.2em; width:65px; line-height:24px;}
	.inews .inboxs .inls .inl p:after{ width:12px; top:12px;}
	.inews .inboxs .inb .t h3{ margin-bottom:5px;}
	.inews .inboxs .nm a{ font-size:1.6em; padding:12px 60px; margin-top:20px;}
	.footer p{ font-size:1.4em;}
	.footer{ padding:25px 0 110px 0;}
	.bottomlist>ul>li>a>p{ font-size:1.4em;}
	.bottomlist ul li:nth-child(3) img{ margin-top:-35%;}
}
@media screen and (max-width: 420px) {
	.header .logo{ padding:2px 20px 2px 6px;}
	.header .phone{ padding:15px 10px 0 0;}
	.ip .boxs .box .t p{ font-size:1.4em; line-height:20px; height: 20px;}
	.ip .boxs{ width:100%;}
	.footer .warp{ padding:0;}
	.footer{ padding:25px 0 90px 0;}
	.bottomlist ul li img{ width:30px; height:30px;}
}

/*about*/
@media screen and (max-width: 650px) {
	.a-list a,.about .t p{ font-size:2em;}
	.equipment h3{ font-size:2.4em; margin-bottom:20px;}
}
@media screen and (max-width: 550px) {
	.a-list a,.about .t p{ font-size:1.8em;}
	.a-list a{ padding:12px 0;}
	.about .t{ padding:40px 0;}
	.equipment .dot{ padding:20px 0;}
	.equipment h3{ font-size:2.2em; margin-bottom:15px;}
}
@media screen and (max-width: 450px) {
	.a-list a,.about .t p{ font-size:1.6em;}
	.about .t{ padding:30px 0;}
	.equipment h3{ font-size:2em;}
	.equipment .warp img{ padding:20px 0 0 0;}
}
@media screen and (max-width: 420px) {
	.a-list a,.about .t p{ font-size:1.4em;}
	.equipment h3{ font-size:1.6em; margin-bottom:6px;}
	.equipment .t{ padding:10px 0;}
}

/*news*/
@media screen and (max-width: 650px) {
	.news .n-list a{ font-size:2em; padding:12px 40px;}
	.news .dots .dot .t h3{ font-size:2.4em; line-height:32px; height:32px;}
	.news .dots .dot .t p{ font-size:1.8em;}
	.news .dots .dot .t h4{ line-height:20px;}
	.news .dots .dot{ padding:20px 0;}
}
@media screen and (max-width: 550px) {
	.news .n-list a{ font-size:1.8em; padding:12px 30px;}
	.news .dots .dot .t h3{ font-size:2em;}
	.news .dots .dot .t h4{ font-size:1.8em; margin:6px 0;}
	.news .dots .dot span img{ width:20px;}
	.news .dots .dot .t p{ font-size:1.6em;}
	.news .n-list{ margin-bottom:10px;}
}
@media screen and (max-width: 450px) {
	.news .n-list a{ font-size:1.6em; padding:8px 20px;}
	.news .dots .dot .t h3{ font-size:1.6em;}
	.news .dots .dot .t h4,.news .dots .dot .t p{ font-size:1.4em; line-height:24px;}
	.news .dots .dot .t p{ height:24px;}
	.news .dots .dot .t h4{ margin:0;}
	.news .dots .dot{ padding:14px 0;}
	div.fy a,div.fy span.current,div.fy span.disabled{ padding:4px 8px; }
}
@media screen and (max-width: 420px) {
	.news .dots .dot .t{ width:calc(100% - 40px);}
	.news .dots .dot span{ width:30px;}
	.news .dots .dot span img{ width:16px;}
}

/*newsshow*/
@media screen and (max-width: 600px) {
	.newsshow .tit h3{ font-size:1.6em;}
	.newsshow .tit .dot h4{ font-size:1em; padding:10px 2px;}
	.newsshow .tit{ padding:30px 20px 0 20px;}
	.newsshow .btn{ padding:0px 20px 30px 20px;}
	.newsshow .btn a { padding: 4px 10px;}
}

/*join*/
@media screen and (max-width: 650px) {
	.join .dots .dot p{ font-size:1.6em;}
	.join .dots .dott p{ font-size:2em;}
	.join .dots div p:nth-child(3),.join .dots div p:nth-child(1){ width: 90px;}
	.join .dots{ margin-top:30px;}
	
	.joinshow .tit h3{ font-size:1.8em; margin-bottom:20px;}
	.joinshow .tit .dot{ padding:0 20px; }
	.joinshow .tit .dot h4{ padding:10px 10px;}
	.joinshow .txt{ padding: 0px 30px;}
	.joinshow .btn a{ padding:8px 15px; margin-top:0px;}

	.joinshow .tit{ padding: 30px 30px 20px 30px;}
	.joinshow .tit h3{ font-size: 2em;}
	.joinshow .btn{ padding: 0px 30px 30px 30px;}
	.joinshow .txt .t{ margin:20px 0;}
	.joinshow .txt .t h3{ font-size: 1.6em; font-weight: bold; margin-bottom: 10px;}
	.joinshow .txt .t p{ font-size: 1.4em; line-height: 1.5;}
}
@media screen and (max-width: 550px) {
	.join .dots .dot p{ font-size:1.4em; padding:0 6px;}
	.join .dots .dott p{ font-size:1.6em; padding:8px 6px;}
}
@media screen and (max-width: 450px) {
	.join .dots .dott p{ font-size:1.4em;}
	.join .dots div p:nth-child(3),.join .dots div p:nth-child(1){ width: 65px;}
	.join .dots .dot p:nth-child(3){ font-size:1.2em; padding:0;}
	
	.joinshow .tit h3{ font-size:1.6em; margin-bottom: 10px;}
	.joinshow .tit{ padding: 30px 30px 0px 30px;}
	.joinshow .txt .t h3{ font-size: 1.4em; margin-bottom: 6px;}
}

/*contact*/
@media screen and (max-width: 650px) {
	.contact .dot h3{ font-size:2.2em; margin-bottom:10px;}
	.contact .dot p{ font-size:2em;}
	.contact input, .contact textarea{ font-size:1.8em;}
	.contact .fc-input{ margin-bottom:20px;}
	.contact textarea{ margin-bottom:30px;}
}
@media screen and (max-width: 550px) {
	.contact .dot h3{ font-size:1.8em; margin-bottom:10px;}
	.contact .dot p{ font-size:1.6em;}
	.contact .dot p span img{ width:15px; margin:0 4px -5px 0;}
	.contact .dot{ margin-bottom:30px;}
	.contact .tits{ margin-bottom:30px;}
	.contact input, .contact textarea{ font-size:1.6em; padding:12px 20px;}
	.contact .fc-input{ border-radius:5px;}
	.contact .btn .fc-btn{ border-radius:5px; font-size:1.6em;}
	.contact{ padding:40px 0 0 0;}
	.contact .fc-input{ margin-bottom:15px;}
	.contact textarea{ margin-bottom:20px;}
}
@media screen and (max-width: 480px) {
	.contact .dot h3{ font-size:1.6em;}
	.contact .dot p{ font-size:1.4em;}
	.contact input, .contact textarea{ font-size:1.4em; padding:8px 15px;}
	.contact .tits{ margin-bottom:20px;}
	.contact .btn .fc-btn{ font-size:1.4em;}
}

/*productshow*/
@media screen and (max-width: 650px) {
	.productshow .txt p{ font-size:2em;}
}
@media screen and (max-width: 550px) {
	.productshow .txt p{ font-size:1.8em;}
	.productshow .img{ margin:30px 0;}
}
@media screen and (max-width: 450px) {
	.productshow .txt p{ font-size:1.6em;}
}
@media screen and (max-width: 420px) {
	.productshow .txt p{ font-size:1.4em;}
	.productshow .img{ margin:20px 0;}
}