@media only screen and (min-width:900px) and (max-width:1260px){ .pc-1200px{display: none;} .headerwrap .header{padding-left: 2%;box-sizing: border-box;} .headerwrap .header .logo{height: auto;padding: 0;} .headerwrap .header .logo img{height: 46px;} .headerwrap .header .nav li>a{font-size: 14px;padding: 0 15px;} .headerwrap .header .pclanguage{padding: 0 20px;} .header .nav li .nav02 a{padding-left: 15px;font-size: 14px;line-height: 32px;} .header .nav li .nav02{width: 140px;top: 60px;} .headerwrap .header .nav li>a{height: 60px;line-height: 60px;} .closenav{width: 60px;height: 60px;padding: 15px;} .closenav .hamb-top{top:20px;} .closenav .hamb-middle{top: 30px;} .closenav .hamb-bottom{top: 40px;} .closenav .hamb-top, .closenav .hamb-middle, .closenav .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom{left: 17px;} .headerwrap .header .pclanguage{height: 60px;} .closenav.navisopen .hamb-bottom{top: 30px;} .header .nav li .nav02 a:before{top: 9px;} .bannerwrap video{display: none;} .bannerwrap img{display: block;width: 100%;height: 100%;object-fit: cover;} .bannerwrap .text h3{font-size: 32px;} .bannerwrap .text p{letter-spacing: 10px;} .index01wrap .text{padding-left: 2%;} .index01wrap .imgbox img{height: 68vh;object-fit: cover;} .index01wrap .text .top h3{font-size: 28px;margin-bottom: 20px;} .index01wrap .text .top p{font-size: 16px;} .i-tl h3{font-size: 28px;} .i-tl{margin-bottom: 30px;} .index02wrap{margin: 80px auto;} .index02wrap a .textshow img{height: 40px;} .index02wrap a font{top: 40px;} .index02wrap a .textshow{top: 80px;} .index02wrap a .textshow .font01{padding: 40px 0;} .index02wrap a .textshow h3, .index02wrap a .texthide .bot h3{font-size: 24px;} .index03wrap{margin: 80px auto;} .index03wrap a .text img{height: 40px;} .index03wrap a .text h3{font-size: 20px;} .index03wrap a .text{padding: 0 0 30px 30px;} .index03wrap a .text .more{width: 140px;height: 40px;line-height: 40px;} .index05wrap{padding: 80px 0;} .index05wrap .map-center{width: 96%;} .index05wrap .map-center .item .font h3{font-size: 12px;line-height: 12px;} .index04wrap{padding: 80px 0;} .contwidth{width: 96%;} .index04 .top .item .text .data{padding: 10px;} .index04 .top .item .text .b-text h3{font-size: 18px;} .index04 .top .item .text .data h3{font-size: 20px;} .index04 .top .right a .text .b-text h3{font-size: 14px;} .index04 .top .item .text{padding: 20px;} .index04 .top .item .text .b-text{bottom: 20px;} .index04 .bot a{padding: 20px 0;} .index04wrap .more{width: 160px;height: 40px;line-height: 40px;} .footerwrap .footer .left{width: 32%;} .footerwrap .footer .f-nav{width: 68%;-webkit-justify-content: flex-end;justify-content: flex-end;} .footerwrap .footer .f-nav li{margin-right: 80px;} .footerwrap .footer .left .f-logo img{height: 46px;} .footerwrap .footer .left .f-logo{margin-bottom: 40px;} .footerwrap .footer .left ul li i{width: 40px;height: 40px;} .footerwrap{padding: 60px 0 40px;} .footerwrap .copyright{margin-top: 60px;} .about01wrap{padding: 80px 0;} .about01top .left h3{font-size: 28px;} .innerbanner .text h3{font-size: 28px;} .about01top .left{padding: 0 40px 0 2%;} .about01top .left p{font-size: 18px;} .about01top .right{padding: 0 2% 0 40px;margin-bottom: 80px;} .about01wrap:after{width: 32%;} .about01top .right li h2{font-size: 40px;} .about02wrap{padding: 100px 0 80px;} .about02text h3{font-size: 28px;} .about02text .min h4{font-size: 14px;line-height: 26px;} .about02text .more{width: 140px;line-height: 40px;height: 42px;} .about03{margin: 80px auto;} .about03 .text h3{font-size: 28px;padding-bottom: 20px;margin-bottom: 20px;} .about03 .text h4{font-size: 14px;line-height: 24px;} .about03 .text{width: 66%;} .about03wrap{padding: 80px 0;} .about03wrap .tl h3{font-size: 28px;margin-bottom: 30px;} .about03wrap .tl h4{font-size: 14px;line-height: 26px;} .about04 .swiper-button-next, .about04 .swiper-button-prev{width: 30px;height: 40px;background-color: #E63327;font-size: 16px;color: #FFFFFF;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .about04 .swiper-button-next{right: 0;} .about04 .swiper-button-prev{left: 0;} .global01wrap .tl{font-size: 28px;} .global01wrap{margin: 80px auto;} .global01 .page{width: 96%;} .global02 .thumbwrap{padding: 40px 2% 40px 40px;} .global02 .gallery-thumbs .tl h3,.global02 .gallery-thumbs .tl font{font-size: 20px;} .global02 .gallery-thumbs .tl{padding-bottom: 15px;margin-bottom: 15px;} .global02 .gallery-thumbs ul li .item h3{width: 15%;} .global02 .gallery-thumbs ul li .item p{width: 85%;font-size: 14px;} .global02 .gallery-thumbs ul li h4{font-size: 14px;line-height: 26px;} .global02 .page .swiper-button-next, .global02 .page .swiper-button-prev{height: 60px;} .global02{padding: 60px 0;} .global03 a .text h3{font-size: 18px;} .global03 a .text{padding-top: 20px;} .global03wrap{margin: 80px auto;} .partner01wrap{padding: 80px 0;} .partner01 li{height: 180px;} .partner02wrap{padding: 80px 0;} .partner02 a .text h3{font-size: 22px;} .innerbanner{margin-top: 60px;} .mould01wrap{padding: 80px 100px;} .m-tl h3{font-size: 26px;} .m-tl h4{font-size: 14px;line-height: 26px;} .m-tl strong{width: 40px;margin: 20px auto;} .mould02wrap li .text{padding: 0 40px;} .mould02wrap li .text font{font-size: 46px;margin-bottom: 20px;} .mould02wrap li .text h3{font-size: 20px;margin-bottom: 20px;} .mould02wrap li .text h4{font-size: 14px;line-height: 24px;} .mould03wrap{padding: 80px 0;} .mould03{width: 96%;} .mould03 a .text{font-size: 18px;} .mouldtwo01wrap{width: 96%;} .mouldtwo01wrap .tl{padding: 0 100px;} .mouldtwo01wrap .tl h3{font-size: 24px;margin-bottom: 30px;} .mouldtwo01wrap .tl h4{font-size: 14px;line-height: 26px;} .mouldtwo01wrap{margin: 80px auto;} .desing01wrap{margin: 80px auto;} .desing01text h3{font-size: 24px;margin-bottom: 20px;} .desing01text h4{font-size: 14px;line-height: 26px;padding-left: 80px;} .desing01text h4:before{width: 60px;} .desing01imgbox .list li{width: 200px;height: 200px;} .desing01imgbox .list{top: -200px;} .desing01text{margin-bottom: 60px;} .desing03{margin: 80px auto 100px;} .desing02wrap{padding: 80px 0;} .desing02wrap h3{font-size: 26px;} .desing02wrap h4{font-size: 14px;} .desing02wrap .more{width: 160px;height: 40px;line-height: 40px;font-size: 14px;} .desing02wrap:before{height: 80px;top: -40px;} .prolink{width: 96%;} .pro01wrap .fontbox{width: 140PX;height: 140PX;left: 2%;} .pro01wrap .fontbox h3{font-size: 18PX;} .pro01wrap{padding-top: 70PX;} .pro02{width: 96%;padding-right: 100px;margin: 80px auto;} .pro02 h3{font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;} .pro02 h4{font-size: 16px;} .pro03{padding: 80px 0;} .pro03 .pro03min{width: 96%;} .culture03 .text p{margin-bottom: 30px;} .news01wrap .li{padding: 40px 2%;} .news01wrap .item .text{padding-right: 100px;} .news01wrap .item .text h3{margin-bottom: 20px;} .n-fywrap{padding: 0 2%;margin: 50px auto 80px;} .culture01wrap{margin: 80px auto;} .culture01 .text h3{font-size: 40px;margin-bottom: 30px;} .culture01 .text p{font-size: 18px;letter-spacing: 4px;} .culture01 .text h4{font-size: 14px;line-height: 30px;} .culture01 .text{padding-left: 2%;} .culture02 li h3{font-size: 28px;line-height: 32px;} .culture02 li p{font-size: 20px;margin-top: 30px;} .culture03{width: 96%;} .presonnel01wrap{padding: 80px 0;} .presonnel01-t font{font-size: 12px;margin-bottom: 20px;} .presonnel01-t h3{font-size: 26px;margin-bottom: 20px;} .presonnel01-t strong{margin: 20px 0;} .presonnel01-t h4{font-size: 14px;line-height: 26px;} .presonnel01-i .fontbox{width: 220px;height: 140px;padding: 0 20px;left: -80px;} .presonnel01-t{padding-right: 120px;} .presonnel01-t p{font-size: 18px;} .presonnel02wrap{padding: 80px 0;} .presonnel02 font{font-size: 12px;margin-bottom: 20px;} .presonnel02 h3{font-size: 26px;margin-bottom: 20px;} .presonnel02 h4{font-size: 14px;} .presonnel02 p{font-size: 16px;} .presonnel02 strong{margin: 20px 0;} .presonnel03wrap{padding: 80px 0;} .presonnel03 font{font-size: 12px;margin-bottom: 20px;} .presonnel03-t h3{font-size: 26px;} .presonnel03-t p{font-size: 16px;} .presonnel03-t h4{font-size: 14px;line-height: 26px;} .presonnel03-t strong{margin: 20px 0;} .presonnel03-t{padding-right: 60px;} .contact01{width: 96%;margin: 80px auto;} .contact01 .m-tl{padding-bottom: 30px;} .zym01top a .text h3{font-size: 22px;} .zym01top a .text strong{background-color: #E63327;} .zym01top a .text h4{font-size: 14px;line-height: 30px;} .zym01top a .text{padding: 0 40px;} .contact02wrap{padding: 80px 0;background-attachment: scroll;} .contact02 .tl{font-size: 24px;margin-bottom: 30px;} .wpcf7-form input{margin-bottom: 10px;} .contact02{width: 80%;} .newsinfowrap{margin-top: 60px;} .newsinfowrap .n-tlwrap .n-tl{width: 96%;} .newsinfo01{width: 96%;padding-right: 100px;} } @media only screen and (min-width:750px) and (max-width:1000px){ .pc-1200px{display: none;} .headerwrap .header{padding-left: 2%;box-sizing: border-box;} .headerwrap .header .logo{height: auto;padding: 0;} .headerwrap .header .logo img{height: 46px;} .headerwrap .header .nav li>a{font-size: 14px;padding: 0 15px;} .headerwrap .header .pclanguage{padding: 0 20px;} .header .nav li .nav02 a{padding-left: 15px;font-size: 14px;line-height: 32px;} .header .nav li .nav02{width: 140px;top: 60px;} .headerwrap .header .nav li>a{height: 60px;line-height: 60px;} .closenav{width: 60px;height: 60px;padding: 15px;} .closenav .hamb-top{top:20px;} .closenav .hamb-middle{top: 30px;} .closenav .hamb-bottom{top: 40px;} .closenav .hamb-top, .closenav .hamb-middle, .closenav .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom{left: 17px;} .headerwrap .header .pclanguage{height: 60px;} .closenav.navisopen .hamb-bottom{top: 30px;} .header .nav li .nav02 a:before{top: 9px;} .bannerwrap video{display: none;} .bannerwrap img{display: block;width: 100%;height: 100%;object-fit: cover;} .bannerwrap .text h3{font-size: 32px;} .bannerwrap .text p{letter-spacing: 10px;} .index01wrap .text{padding-left: 2%;} .index01wrap .imgbox img{height: 68vh;object-fit: cover;} .index01wrap .text .top h3{font-size: 28px;margin-bottom: 20px;} .index01wrap .text .top p{font-size: 16px;} .i-tl h3{font-size: 28px;} .i-tl{margin-bottom: 30px;} .index02wrap{margin: 80px auto;} .index02wrap a .textshow img{height: 40px;} .index02wrap a font{top: 40px;} .index02wrap a .textshow{top: 80px;} .index02wrap a .textshow .font01{padding: 40px 0;} .index02wrap a .textshow h3, .index02wrap a .texthide .bot h3{font-size: 24px;} .index03wrap{margin: 80px auto;} .index03wrap a .text img{height: 40px;} .index03wrap a .text h3{font-size: 20px;} .index03wrap a .text{padding: 0 0 30px 30px;} .index03wrap a .text .more{width: 140px;height: 40px;line-height: 40px;} .index05wrap{padding: 80px 0;} .index05wrap .map-center{width: 96%;} .index05wrap .map-center .item .font h3{font-size: 12px;line-height: 12px;} .index04wrap{padding: 80px 0;} .contwidth{width: 96%;} .index04 .top .item .text .data{padding: 10px;} .index04 .top .item .text .b-text h3{font-size: 18px;} .index04 .top .item .text .data h3{font-size: 20px;} .index04 .top .right a .text .b-text h3{font-size: 14px;} .index04 .top .item .text{padding: 20px;} .index04 .top .item .text .b-text{bottom: 20px;} .index04 .bot a{padding: 20px 0;} .index04wrap .more{width: 160px;height: 40px;line-height: 40px;} .footerwrap .footer .left{width: 32%;} .footerwrap .footer .f-nav{width: 68%;-webkit-justify-content: flex-end;justify-content: flex-end;} .footerwrap .footer .f-nav li{margin-right: 80px;} .footerwrap .footer .left .f-logo img{height: 46px;} .footerwrap .footer .left .f-logo{margin-bottom: 40px;} .footerwrap .footer .left ul li i{width: 40px;height: 40px;} .footerwrap{padding: 60px 0 40px;} .footerwrap .copyright{margin-top: 60px;} .about01wrap{padding: 80px 0;} .about01top .left h3{font-size: 28px;} .innerbanner .text h3{font-size: 28px;} .about01top .left{padding: 0 40px 0 2%;} .about01top .left p{font-size: 18px;} .about01top .right{padding: 0 2% 0 40px;margin-bottom: 80px;} .about01wrap:after{width: 32%;} .about01top .right li h2{font-size: 40px;} .about02wrap{padding: 100px 0 80px;} .about02text h3{font-size: 28px;} .about02text .min h4{font-size: 14px;line-height: 26px;} .about02text .more{width: 140px;line-height: 40px;height: 42px;} .about03{margin: 80px auto;} .about03 .text h3{font-size: 28px;padding-bottom: 20px;margin-bottom: 20px;} .about03 .text h4{font-size: 14px;line-height: 24px;} .about03 .text{width: 66%;} .about03wrap{padding: 80px 0;} .about03wrap .tl h3{font-size: 28px;margin-bottom: 30px;} .about03wrap .tl h4{font-size: 14px;line-height: 26px;} .about04 .swiper-button-next, .about04 .swiper-button-prev{width: 30px;height: 40px;background-color: #E63327;font-size: 16px;color: #FFFFFF;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .about04 .swiper-button-next{right: 0;} .about04 .swiper-button-prev{left: 0;} .global01wrap .tl{font-size: 28px;} .global01wrap{margin: 80px auto;} .global01 .page{width: 96%;} .global02 .thumbwrap{padding: 40px 2% 40px 40px;} .global02 .gallery-thumbs .tl h3,.global02 .gallery-thumbs .tl font{font-size: 20px;} .global02 .gallery-thumbs .tl{padding-bottom: 15px;margin-bottom: 15px;} .global02 .gallery-thumbs ul li .item h3{width: 15%;} .global02 .gallery-thumbs ul li .item p{width: 85%;font-size: 14px;} .global02 .gallery-thumbs ul li h4{font-size: 14px;line-height: 26px;} .global02 .page .swiper-button-next, .global02 .page .swiper-button-prev{height: 60px;} .global02{padding: 60px 0;} .global03 a .text h3{font-size: 18px;} .global03 a .text{padding-top: 20px;} .global03wrap{margin: 80px auto;} .partner01wrap{padding: 80px 0;} .partner01 li{height: 180px;} .partner02wrap{padding: 80px 0;} .partner02 a .text h3{font-size: 22px;} .innerbanner{margin-top: 60px;} .mould01wrap{padding: 80px 100px;} .m-tl h3{font-size: 26px;} .m-tl h4{font-size: 14px;line-height: 26px;} .m-tl strong{width: 40px;margin: 20px auto;} .mould02wrap li .text{padding: 0 40px;} .mould02wrap li .text font{font-size: 46px;margin-bottom: 20px;} .mould02wrap li .text h3{font-size: 20px;margin-bottom: 20px;} .mould02wrap li .text h4{font-size: 14px;line-height: 24px;} .mould03wrap{padding: 80px 0;} .mould03{width: 96%;} .mould03 a .text{font-size: 18px;} .mouldtwo01wrap{width: 96%;} .mouldtwo01wrap .tl{padding: 0 100px;} .mouldtwo01wrap .tl h3{font-size: 24px;margin-bottom: 30px;} .mouldtwo01wrap .tl h4{font-size: 14px;line-height: 26px;} .mouldtwo01wrap{margin: 80px auto;} .desing01wrap{margin: 80px auto;} .desing01text h3{font-size: 24px;margin-bottom: 20px;} .desing01text h4{font-size: 14px;line-height: 26px;padding-left: 80px;} .desing01text h4:before{width: 60px;} .desing01imgbox .list li{width: 200px;height: 200px;} .desing01imgbox .list{top: -200px;} .desing01text{margin-bottom: 60px;} .desing03{margin: 80px auto 100px;} .desing02wrap{padding: 80px 0;} .desing02wrap h3{font-size: 26px;} .desing02wrap h4{font-size: 14px;} .desing02wrap .more{width: 160px;height: 40px;line-height: 40px;font-size: 14px;} .desing02wrap:before{height: 80px;top: -40px;} .prolink{width: 96%;} .pro01wrap .fontbox{width: 140PX;height: 140PX;left: 2%;} .pro01wrap .fontbox h3{font-size: 18PX;} .pro01wrap{padding-top: 70PX;} .pro02{width: 96%;padding-right: 100px;margin: 80px auto;} .pro02 h3{font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;} .pro02 h4{font-size: 16px;} .pro03{padding: 80px 0;} .pro03 .pro03min{width: 96%;} .culture03 .text p{margin-bottom: 30px;} .news01wrap .li{padding: 40px 2%;} .news01wrap .item .text{padding-right: 100px;} .news01wrap .item .text h3{margin-bottom: 20px;} .n-fywrap{padding: 0 2%;margin: 50px auto 80px;} .culture01wrap{margin: 80px auto;} .culture01 .text h3{font-size: 40px;margin-bottom: 30px;} .culture01 .text p{font-size: 18px;letter-spacing: 4px;} .culture01 .text h4{font-size: 14px;line-height: 30px;} .culture01 .text{padding-left: 2%;} .culture02 li h3{font-size: 28px;line-height: 32px;} .culture02 li p{font-size: 20px;margin-top: 30px;} .culture03{width: 96%;} .presonnel01wrap{padding: 80px 0;} .presonnel01-t font{font-size: 12px;margin-bottom: 20px;} .presonnel01-t h3{font-size: 26px;margin-bottom: 20px;} .presonnel01-t strong{margin: 20px 0;} .presonnel01-t h4{font-size: 14px;line-height: 26px;} .presonnel01-i .fontbox{width: 220px;height: 140px;padding: 0 20px;left: -80px;} .presonnel01-t{padding-right: 120px;} .presonnel01-t p{font-size: 18px;} .presonnel02wrap{padding: 80px 0;} .presonnel02 font{font-size: 12px;margin-bottom: 20px;} .presonnel02 h3{font-size: 26px;margin-bottom: 20px;} .presonnel02 h4{font-size: 14px;} .presonnel02 p{font-size: 16px;} .presonnel02 strong{margin: 20px 0;} .presonnel03wrap{padding: 80px 0;} .presonnel03 font{font-size: 12px;margin-bottom: 20px;} .presonnel03-t h3{font-size: 26px;} .presonnel03-t p{font-size: 16px;} .presonnel03-t h4{font-size: 14px;line-height: 26px;} .presonnel03-t strong{margin: 20px 0;} .presonnel03-t{padding-right: 60px;} .contact01{width: 96%;margin: 80px auto;} .contact01 .m-tl{padding-bottom: 30px;} .zym01top a .text h3{font-size: 22px;} .zym01top a .text strong{background-color: #E63327;} .zym01top a .text h4{font-size: 14px;line-height: 30px;} .zym01top a .text{padding: 0 40px;} .contact02wrap{padding: 80px 0;background-attachment: scroll;} .contact02 .tl{font-size: 24px;margin-bottom: 30px;} .wpcf7-form input{margin-bottom: 10px;} .contact02{width: 80%;} /* 琛ュ厖 */ .bannerwrap .text{width: 96%;bottom: 12%;} .bannerwrap .text h3{font-size: 28px;} .bannerwrap{height: 600px;} .headerwrap .header .nav{display: none;} .index01wrap .imgbox img{height: 560px;} .index02wrap a .textshow{padding: 0 10px;} .index02wrap a font{top: 20px;} .index02wrap a .textshow{top: 50px;} .index02wrap a .textshow img{height: 36px;} .index02wrap a .textshow .font01{padding: 30px 0;} .index02wrap a .textshow h3, .index02wrap a .texthide .bot h3{font-size: 20px;} .index03wrap a .text img{margin-bottom: 20px;} .index03wrap a .text{transform: translateY(-150px);-webkit-transform: translateY(-150px);} .index05wrap .map-center{width: 120%;margin-left: -10%;} .index04 .top .right a{height: calc((100% - 20px)/2);margin-bottom: 20px;} .index04 .top .right .item .text .data{display: none;} .footerwrap .footer .f-nav li{margin-right: 20px;} .footerwrap .footer .left ul li{font-size: 12px;} .footerwrap .footer .left .f-logo{margin-bottom: 30px;} .footerwrap .footer .f-nav li .item{padding-left: 10px;} .footerwrap .footer .f-nav li .min a{font-size: 12px;margin-bottom: 10px;} .navopenwrap .imgbox{width: 50%;} .navopenwrap .oprnnav{width: 50%;} .navopenwrap .imgbox .text img{height: 60px;} .about01top .left h4{font-size: 14px;line-height: 26px;} .about02text{width: 96%;} .global02 .gallery-thumbs ul li .item h3{width: 18%;} .global02 .gallery-thumbs ul li .item p{width: 82%;} .global02{margin: 80px auto;} .partner01 li{height: 100px;} .partner02 a{width: calc((100% - 40px)/3);margin-right: 20px;} .mould02wrap li .imgbox img{height: 260px;object-fit: cover;} .mould02wrap li .text font{font-size: 36px;} .mould02wrap li .text h3{font-size: 16px;} .mould02wrap li .text{padding: 0 30px;} .mould02wrap li .imgbox .swiper-button-next, .mould02wrap li .imgbox .swiper-button-prev{width: 40px;height: 40px;} .mould03 a .text{font-size: 16px;} .mould03 .swiper-button-next, .mould03 .swiper-button-prev{width: 42px;height: 42px;} .mouldtwo01wrap .tl{padding: 0 60px;} .gallery-thumbswrap{padding: 10px 20px;} .mouldtwo01 .swiper-pagination{display: none;} .desing01imgbox .list li{width: 160px;height: 160px;} .desing01imgbox .list{top: -160px;} .desing01text{padding-right: 240px;} .prolink a{padding: 0 20px;} .pro02{padding-right: 0;} .pro03{width: 100%;} .culture03 .min a .text{padding: 20px 10px;} .culture03 .min a .text .font p{display: none;} .news01wrap .item .text{padding: 0 40px;width: 65%;} .news01wrap .item .imgbox{width: 35%;} .culture01 .text h3{font-size: 32px;line-height: 40px;} .culture02 li{padding: 50px 0;} .presonnel01-t p{line-height: 24px;} .presonnel02 p{line-height: 24px;} .presonnel03-t{padding-right: 40px;} .zym01thumbs .swiper-wrapper .swiper-slide{width: 80px;} .zym01top a .text h3{font-size: 20px;} .zym01top a .imgbox{width: 60%;} .zym01top a .text{width: 40%;} .zym01top a .text{padding: 0 20px;} .zym01thumbs{margin-bottom: 40px;} .pro01wrap{width: 96%;} .newsinfowrap{margin-top: 60px;} .newsinfowrap .n-tlwrap .n-tl{width: 96%;} .newsinfo01{width: 96%;padding-right: 0;} .culture0201 .item{padding: 50px 0;} .culture0201 .item .bot{bottom: 20px;font-size: 12px;line-height: 20px;} .culture0201 .item h4{width: 85%;font-size: 13px;line-height: 24px;} .culture0201 .item h3{font-size: 24px;margin-bottom: 20px;} .culture0201 .item p{font-size: 16px;} .culture0201 .item strong{margin: 20px auto;} } @media only screen and (max-width:760px){ .pc-1200px{display: none;} .headerwrap .header{padding-left: 2%;box-sizing: border-box;} .headerwrap .header .logo{height: 40px;padding: 0;} .headerwrap .header .logo img{height: 100%;} .headerwrap .header .right{display: none;} .headerwrap .header .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;background-color: #e63327;display: block;box-sizing: border-box;width: 60px;z-index: 9;} .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff;} .drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{padding-top: 100px;width: 100%;z-index: 5;} .drawer--right.drawer-open .drawer-hamburger{right: 0;} .drawer--right .drawer-nav{right: -100%;} .headerwrap .header{height: 60px;} .headerwrap .header .logo .logo02{display: block;} .headerwrap .header .logo .logo01{display: none;} .headerwrap{background-color: #FFFFFF;} .sj-language{position: absolute;right: 20px;bottom: 50px;} .drawer--right.drawer-open .drawer-nav{height: 100%;box-sizing: border-box;} .drawer-menu{height: 100%;} .drawer-menu-item:hover{color: #E63327;} .bannerwrap img.sjbanner{display: block;width: 100%;height: auto;object-fit: cover;} .bannerwrap video{display: none;} .bannerwrap{margin-top: 60px;height: auto;} .p-top-mv__scroll{display: none;} .bannerwrap .text p{font-size: 14px;letter-spacing: 2px;margin-bottom: 20px;} .bannerwrap .text h3{font-size: 20px;line-height: 30px;} .bannerwrap .text{width: 96%;} .bannerwrap .text p:before{width: 60px;margin-right: 10px;} .bannerwrap .text p:after{width: 60px;margin-left: 10px;} .index01wrap{padding: 50px 2%;display: block;} .index01wrap .imgbox{width: 50%;} .index01wrap .text{width: 100%;padding: 0;margin-bottom: 1px;} .index01wrap .text .top{padding: 0;} .index01wrap .text .top font{margin-bottom: 10px;} .index01wrap .text .top h3{font-size: 24px;margin-bottom: 20px;} .index01wrap .text .top p{font-size: 16px;} .index01wrap .mumping_mun li{padding: 20px 10px;} .index01wrap .mumping_mun li h2{font-size: 32px;} .index01wrap .mumping_mun li p{font-size: 14px;} .index01wrap .imgbox{width: 100%;} .index02wrap{margin: 50px auto;} .i-tl h3{font-size: 24px;} .i-tl font{margin-bottom: 10px;} .i-tl{margin-bottom: 30px;} .index02wrap{width: 96%;} .index02wrap .swiper-slide{box-sizing: border-box;} .index02wrap a{max-height: 400px;} .index02wrap a font{top: 50px;} .index02wrap a .textshow{top: 100px;} .index02wrap a .textshow .font01{padding: 80px 0;} .index02wrap a .textshow h3, .index02wrap a .texthide .bot h3{font-size: 22px;} .index03wrap{margin: 50px auto;width: 96%;} .i-tl h4{font-size: 14px;} .i-tl h4 br{display: none;} .index03wrap a .text{padding: 0 0 30px 30px;-webkit-transform: translateY(-130px);transform: translateY(-130px);} .index03wrap a .text img{height: 40px;margin-bottom: 20px;} .index03wrap a .text h3{font-size: 20px;margin-bottom: 20px;} .index03wrap a .text strong{margin: 20px 0;} .index03wrap a .text .more{width: 120px;height: 36px;line-height: 36px;} .index05wrap{margin: 50px 0 0;padding: 0;background: none;} .index05wrap .sjimg{display: block;width: 100%;} .index05wrap .map-center{display: none;} .index04wrap{padding: 50px 0q;} .contwidth{width: 96%;} .index04 .top .left{width: 100%;} .index04 .top{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .index04 .top .right{position: relative;width: 100%;margin-top: 30px;} .index04 .top .right a img,.index04 .top .item img{height: 240px;object-fit: cover;} .index04 .top .item .text .b-text h4{display: none;} .index04 .top .item .text .b-text h3{font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: normal;line-height: 26px;} .index04 .top .item .text .b-text{bottom: 30px;} .index04 .bot{display: none;} .index04wrap .more{width: 120px;height: 36px;line-height: 36px;margin-top: 40px;} .footerwrap .footer{display: none;} .footerwrap:before{display: none;} .footerwrap{padding: 10px 0;} .footerwrap .copyright{margin-top: 0;display: block;text-align: center;} .footerwrap .copyright h3{-webkit-justify-content: center;justify-content: center;margin-top: 8px;} /* about */ .innerbanner{margin-top: 60px;} .innerbanner img{height: 250px;object-fit: cover;} .innerbanner .text h3{font-size: 24px;} .innerbanner .text p{font-size: 14px;} .about01wrap{padding: 50px 2%;box-sizing: border-box;} .about01top{display: block;} .about01top .left{width: 100%;padding: 0;} .about01top .left h3{font-size: 24px;margin-bottom: 20px;} .about01top .left p{font-size: 16px;} .about01top .left strong{width: 40px;margin: 20px 0;} .about01top .left h4{font-size: 14px;line-height: 24px;} .about01wrap:after{display: none;} .about01top .right{width: 100%;padding: 0;margin-bottom: 30px;} .about01top .right li h2{color: #222222;font-size: 30px;} .about01top .right li p{color: #666666;font-size: 13px;} .about01top .right ul{display: flex;display: -webkit-flex;border: 1px solid #dddddd;} .about01top .right li{margin-bottom: 0;width: calc(100% / 3);box-sizing: border-box;border-right: 1px solid #DDDDDD;text-align: center;padding: 20px 5px;} .about01top .right li:last-child{border-right: none;} .about01top .right ul{margin-top: 30px;} .about01img{width: 100%;} .about02wrap{padding: 50px 2%;} .about02text{width: 100%;} .about02text h3{font-size: 24px;} .about02text strong{width: 40px;} .about02text .min h4{font-size: 14px;line-height: 24px;margin-bottom: 20px;} .about02text .more{width: 120px;height: 36px;line-height: 36px;} .about03{margin: 50px auto;display: block;} .about03 .imgbox{width: 100%;display: none;} .about03 .text{width: 100%;} .about03 .text h3{font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;} .about03 .text h4{font-size: 14px;line-height: 26px;} .about03wrap{padding: 50px 0;} .about03wrap .tl h4{width: 96%;font-size: 14px;line-height: 26px;} .about03wrap .tl h3{font-size: 24px;margin-bottom: 20px;} .about03wrap .tl{margin-bottom: 30px;} .about04 a{height: 250px;} .about04 a{padding: 20px 10px;} .about03wrap .swiper-pagination{margin-top: 30px;} /* 鍏ㄧ悆 */ .global01wrap{margin: 50px auto;} .global01wrap .tl{font-size: 24px;margin-bottom: 30px;} .global01{width: 96%;margin: auto;} .global01 a .text h3{font-size: 22px;} .global01 a .text h4{font-size: 14px;line-height: 24px;} .global01 .page{width: 100%;margin-top: 30px;} .global01 .swiper-scrollbar{width: calc(100% - 90px);} .global01 .page .swiper-button-next, .global01 .page .swiper-button-prev{width: 40px;height: 40px;} .global02{margin: 50px auto;padding: 0;width: 96%;display: block;} .global02 .gallery-top{position: relative;width: 100%;} .global02 .gallery-top img{width: 100%;height: auto;min-height: auto;} .global02 .thumbwrap{padding: 30px;width: 100%;} .global02 .gallery-thumbs .tl h3{font-size: 20px;} .global02 .gallery-thumbs .tl font{font-size: 20px;} .global02 .gallery-thumbs .tl{padding-bottom: 10px;margin-bottom: 10px;} /* .global02 .gallery-thumbs ul li .item{display: block;} */ .global02 .gallery-thumbs ul li .item h3{width: 22%;font-size: 12px;line-height: 26px;} .global02 .gallery-thumbs ul li .item p{width: 76%;font-size: 12px;line-height: 26px;} .global02 .gallery-thumbs ul li h4{font-size: 12px;line-height: 26px;} .global02 .gallery-thumbs ul li h2{font-size: 16px;margin-bottom: 10px;} .global02 .page{width: 100px;} .global02 .page .swiper-button-next, .global02 .page .swiper-button-prev{height: 50px;} .global03wrap{margin: 50px auto;} .global03wrap .tl{font-size: 24px;margin-bottom: 30px;} .global03wrap .page{margin-top: 30px;} .partner01wrap{padding: 50px 0;} .m-tl h3{font-size: 24px;} .m-tl strong{width: 40px;margin: 20px auto;} .m-tl h4{font-size: 14px;line-height: 26px;} .partner01 li{width: 49%;height: 120px;} .partner02wrap{padding: 50px 0;} .partner02 a{width: 100%;margin-bottom: 10px;} .partner02 a:last-child{margin-bottom: 0;} .partner02{display: block;} .partner02 a .text h3{font-size: 24px;} .partner02 a .text h4{font-size: 14px;} .mould01wrap{padding: 50px 2%;} .mould02wrap{width: 96%;margin: auto;} .mould02wrap li{display: block;margin-bottom: 30px;} .mould02wrap li:last-child{margin-bottom: 0;} .mould02wrap li .imgbox{width: 100%;} .mould02wrap li .imgbox .swiper-button-prev{left: 0;} .mould02wrap li .imgbox .swiper-button-next{right: 0;} .mould02wrap li .imgbox .swiper-button-next, .mould02wrap li .imgbox .swiper-button-prev{width: 40px;height: 40px;} .mould02wrap li .text{width: 100%;padding: 30px 10px;} .mould02wrap li .text font{font-size: 36px;margin-bottom: 20px;} .mould02wrap li .text h3{font-size: 18px;margin-bottom: 20px;line-height: 26px;} .mould02wrap li .text h4{font-size: 14px;line-height: 24px;} .mould03wrap{padding: 50px 0;} .mould03{width: 96%;} .mouldtwo01wrap{width: 96%;margin: 50px auto;} .mouldtwo01wrap .tl{padding: 0;} .mouldtwo01wrap .tl h3{font-size: 24px;line-height: 30px;margin-bottom: 30px;} .mouldtwo01wrap .tl h4{font-size: 14px;line-height: 26px;} .gallery-thumbswrap{padding: 10px;} .mouldtwo01 .swiper-pagination{display: none;} .cutting01wrap{margin: 50px auto;} .cutting02wrap{padding: 50px 0;} .cutting02bot{margin-top: 10px;display: block;padding-top: 60px;position: relative;width: 100%;} .cutting02bot .textlist{width: 100%;} .cutting02bot .gallery-thumbs{width: 100%;height: 40px;position: absolute;left: 0;top: 0;} .desing01wrap{margin: 50px auto;} .desing01text{padding: 0;} .desing01text h3{font-size: 24px;} .desing01text h4{padding-left: 0;font-size: 14px;line-height: 26px;} .desing01text h4:before{position: relative;width: 40px;top: 0;margin-bottom: 20px;background-color: #E63327;height: 2px;} .desing01text{margin-bottom: 30px;} .desing01imgbox .list{position: relative;top: 0;-webkit-justify-content: space-between;justify-content: space-between;display: flex;display: -webkit-flex;margin-top: 0px;} .desing01imgbox .list li{width: 50%;box-sizing: border-box;height: 180px;} .desing03{margin: 50px auto 80px;width: 96%;} .desing02wrap{padding: 50px 2%;box-sizing: border-box;} .desing02wrap:before{height: 60px;top: -30px;} .desing02wrap h3{font-size: 24px;} .desing02wrap h4{font-size: 14px;} .desing02wrap .more{width: 120px;height: 36px;line-height: 36px;} .prolink{width: 96%;margin: 50px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .prolink a{padding: 0;font-size: 13px;margin-right: 0;line-height: 40px;} .prolink a:last-child{margin-right: 0;} .prolink a:after{height: 2px;} .pro01wrap{padding-top: 40px;} .pro01wrap .fontbox{left: 2%;width: 130px;height: 80px;box-sizing: border-box;padding: 0 10px;text-align: center;} .pro01wrap .fontbox h3{font-size: 14px;} .pro01wrap .swiper-slide img{height: 200px;object-fit: cover;} .pro01wrap .swiper-pagination{bottom: 20px;} .pro01wrap{width: 96%;} .pro01wrap .swiper-pagination .swiper-pagination-bullet{margin: 0;margin-right: 10px;} .pro02{width: 96%;margin: 50px auto;padding: 0;} .pro02 h3{font-size: 22px;padding-bottom: 15px;margin-bottom: 15px;} .pro02 h4{font-size: 14px;line-height: 26px;} .pro03{padding: 50px 0;} .pro03 .pro03min{width: 96%;} .culture03 .min a{width: 100%;margin-bottom: 10px;} .culture03 .min a:last-child{margin-bottom: 0;} .newstabwrap{padding: 0 2%;} .newstab a{height: 40px;line-height: 40px;padding: 0 20px;} .newstab{margin-top: 50px;} .news01wrap .li{padding: 50px 2%;} .news01wrap .item{display: block;} .news01wrap .item .imgbox{width: 100%;} .news01wrap .item .text{width: 100%;padding: 0;margin-top: 20px;} .news01wrap .item .text h3{font-size: 18px;margin-top: 20px;} .news01wrap .item .text h4{font-size: 14px;line-height: 26px;} .n-fywrap{margin: 50px auto;} .culture01wrap{margin: 50px auto;} .culture01 .text h3{font-size: 24px;line-height: 30px;margin-bottom: 20px;padding-top: 0;} .culture01 .text p{font-size: 18px;letter-spacing: 0;line-height: 30px;} .culture01{width: 96%;} .culture01 .text{width: 100%;padding: 0;} .culture01 .text h4{font-size: 14px;line-height: 26px;margin-bottom: 20px;} .culture01font{display: none;} .culture01 .bg{display: none;} .culture02{position: relative;} /* .culture02wrap .bg{display: none;} .culture02wrap{background: url(../img/culturebg1.jpg) no-repeat;box-sizing: border-box;padding: 50px 2%;background-size: cover;} */ .culture02{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .culture02 li{width: 100%;border: 1px solid #ddd;margin-bottom: 2%;} .culture02 li:last-child{margin-bottom: 0;border: 1px solid #ddd;} .culture02 li{padding: 30px 0;} .culture02 li .bot{position: relative;bottom: 0;} .culture02 li .hovertext{opacity: 1;} .culture02 li h3{font-size: 26px;line-height: 30px;} .culture02 li h3 br{display: none;} .culture02 li p{font-size: 22px;margin-top: 30px;} .culture02 li .hovertext{font-size: 14px;line-height: 26px;width: 90%;margin: 20px auto;} .culture02 li .bot{margin-top: 20px;} .culture03{margin: 50px auto;width: 96%;} .culture03 .text p{margin-bottom: 30px;} .pro03{width: 100%; margin-bottom: 0;} .presonnel01wrap{padding: 50px 0;} .presonnel01-t{width: 100%;padding-right: 0;} .presonnel01{display: block;} .presonnel01-t font{margin-bottom: 20px;} .presonnel01-t h3{font-size: 24px;margin-bottom: 20px;} .presonnel01-t p{font-size: 14px;} .presonnel01-t h4{font-size: 14px;line-height: 26px;} .presonnel01-t strong{margin: 20px 0;} .presonnel01-i{width: 100%;margin-top: 60px;} .presonnel01-i .fontbox{left: 2%;width: 120px;height: 80px;padding: 10px;top: -40px;margin-top: 0;} .presonnel01wrap:after{display: none;} .presonnel02wrap{padding: 50px 0;} .presonnel02>div{width: 100%;} .presonnel02 h3{font-size: 24px;} .presonnel02 font{margin-bottom: 20px;} .presonnel02 p{font-size: 16px;line-height: 26px;} .presonnel02 h4{width: 100%;font-size: 14px;padding: 0;} .presonnel02 strong{width: 100%;margin: 20px 0;} .presonnel03wrap{padding: 50px 0;} .presonnel03-t{width: 100%;padding: 0;} .presonnel03{display: block;} .presonnel03 font{margin-bottom: 20px;} .presonnel03-t h3{font-size: 24px;margin-bottom: 20px;} .presonnel03-t p{font-size: 16px;line-height: 26px;} .presonnel03-t h4{font-size: 14px;} .presonnel03-t strong{width: 100%;margin: 20px 0;} .presonnel03-i{width: 100%;margin-top: 30px;} .presonnel03wrap:before{display: none;} .contact01{width: 96%;margin: 50px auto;} .zym01thumbs .swiper-wrapper .swiper-slide{width: 80px;font-size: 14px;margin-bottom: 10px;} .zym01thumbs{margin-bottom: 30px;} .zym01top a{display: block;} .zym01top a .imgbox{width: 100%;} .zym01top a .text{width: 100%;padding: 30px 10px;} .zym01top a .text h3{font-size: 20px;} .zym01top a .text strong{background-color: #E63327;margin: 20px 0;} .zym01top a .text h4{font-size: 14px;line-height: 26px;} .contact02wrap{padding: 50px 0;} .contact02{width: 96%;} .contact02 .tl{font-size: 24px;margin-bottom: 30px;} .wpcf7-form input{margin-bottom: 10px;} /* .newsinfowrap */ .newsinfowrap{margin-top: 60px;} .newsinfowrap .n-tlwrap .n-tl{width: 96%;} .newsinfowrap .n-tlwrap{padding: 50px 0;} .newsinfowrap .n-tlwrap .n-tl h3{font-size: 20px;} .newsinfowrap .n-tlwrap .n-tl p{font-size: 12px;} .newsinfo01{width: 96%;padding: 0;margin-bottom: 50px;} .newsinfo01 .cont p, .newsinfo01 .cont span, .newsinfo01 .cont font{font-size: 14px;line-height: 24px;} .newsinfo01 .cont img{margin:20px auto;} /* 20210305 */ .footerwrap .copyright h3 a:first-child{margin-left: 0;} .footerwrap .copyright h3 a:last-child{display: none;} .partner01wrap .m-tl h4{width: 100%;} .culture02wrap .bg{height: 60vh;object-fit: cover;} .culture0201 .item{padding: 50px 0;} .culture0201 .item h3{font-size: 22px;margin-bottom: 20px;} .culture0201 .item p{font-size: 16px;} .culture0201 .item strong{margin: 20px auto;} .culture0201 .item h4{line-height: 24px;font-size: 13px;} .culture0201 .item .bot{bottom: 20px;font-size: 12px;line-height: 22px;} }