.pc{display:block;}
.mobile{display:none;}
.mobile>div>img{max-width:100%}
.iAbout{width:1300px;margin:100px auto auto;display:flex;flex-direction:column;}
/* .iAbout .iAboutTitle{font-size:36px;color:#039519;text-align:center;padding-top:120px} */
.iAbout .iAboutTitle{font-family:ＭＳ Ｐゴシック;}
.iAbout .iAboutTitle>span:nth-of-type(1){font-size:36px;color:#72a7d9;text-align:center;padding-top:120px;display
:block;}
.iAbout .iAboutTitle>span:nth-of-type(2){font-size:18px;color:#333;text-align:center;display:block;line-height:30px;}





.iAbout .iAboutTest{width:1000px;margin:auto;text-align:center;line-height:30px;font-size:18px}
.iAbout .iAboutImgs{display:flex;width:1300px;margin-top:70px}
.iAbout .iAboutImgs .iAboutImgLis{font-size:0;width:calc((100% - 2 * 30px)/ 3);position:relative;display:block;overflow:hidden}
.iAbout .iAboutImgs .iAboutImgLis:not(:nth-last-of-type(1)){margin-right:30px}
.iAbout .iAboutImgs .iAboutImgLis img{width:100%;transition:.5s}
.iAbout .iAboutImgs .iAboutImgLis:hover img{transform:scale(1.05)}
.iAbout .iAboutImgs .iAboutImgLis .iAboutImgLisTest{font-size:24px;/*color:#fff;position:absolute;top:200px;left:10px*/color:#333;line-height:50px;text-align:center;}
.iNews{margin-top:100px;background-color:#f7fbfe;position:relative;padding-bottom:110px}
.iNews .iNewsTitle{font-size:36px;color:#039519;text-align:center;padding-top:80px}
.iNews .iNewsCons{display:flex;width:1300px;margin:90px auto auto}
.iNews .iNewsCons>div{width:5.6rem}
.iNews .iNewsCons>div:nth-of-type(1){margin-right:calc(100% - 560px * 2)}
.iNews .iNewsCons .iNewsConsTitle{font-size:24px;color:#323232;line-height:60px;border-bottom:1px solid rgba(0,0,0,.1)}
.iNews .iNewsCons .iNewsConsLis{display:flex;-ms-flex-direction:column;flex-direction: column;padding:15px 0 20px 0;border-bottom:1px solid rgba(0,0,0,.1);cursor:pointer}
.iNews .iNewsCons .iNewsConsLis .lisTime{line-height:45px;font-size:16px;color:#646464}
.iNews .iNewsCons .iNewsConsLis .lisRemark{font-size:18px;color:#323232;line-height:30px;width:100%;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.iNews .iNewsCons .iNewsConsLis:hover{border-bottom:1px solid #039519}
.iNews .iNewsCons .iNewsConsLis:hover .lisRemark{color:#039519}
.iNews .iNewsMore{padding:15px 40px;border:1px solid #039519;color:#039519;width:max-content;margin:45px auto auto;font-size:16px;cursor:pointer;transition:.2s}
.iNews .iNewsMore:hover{color:#fff;background-color:#039519}
.iNews .iNewsFloat{position:absolute;bottom:210px;right:20px;width:2.5rem}
.iNews .iNewsFloat img{width:100%;cursor: pointer;}
.iNews .iNewsFloat .iNewsFloatTop{border:3px solid #d1d2e0;font-size:0}
.iNews .iNewsFloat .iNewsFloatMid{margin:5px 0 10px 0;font-size:0}
.iNews .iNewsFloat .iNewsFloatBot{font-size:0}
@media screen and (max-width:1300px){
.iAbout,.iNews .iNewsCons{width:100%;padding:0 30px;box-sizing:border-box}
.iAbout .iAboutTest{width:90%}
.iAbout .iAboutImgs{width:100%}
.iNews{padding-bottom:50px}
.iNews .iNewsTitle,.iAbout .iAboutTitle,.iAbout .iAboutTitle>span:nth-of-type(1){font-size:24px}
.iNews .iNewsCons .iNewsConsTitle{font-size:20px;line-height:50px}
.iNews .iNewsCons>div{width:40%}
.iNews .iNewsCons>div:nth-of-type(1){margin-right:6%}
.iNews .iNewsCons .iNewsConsLis .lisTime{line-height:30px}
.iNews .iNewsCons .iNewsConsLis .lisRemark{font-size:16px;line-height:25px}
.iNews .iNewsFloat{width:12%;bottom:150px}
.iAbout .iAboutImgs .iAboutImgLis .iAboutImgLisTest{top:2.45rem}
}
@media screen and (max-width:900px){
.iAbout,.iNews{margin-top:60px;padding:0 16px}
.iAbout .iAboutTest{line-height:25px}
.iAbout .iAboutImgs{margin-top:40px}
.iAbout .iAboutImgs .iAboutImgLis .iAboutImgLisTest{font-size:18px}
.iNews{padding-bottom:50px}
.iNews .iNewsTitle,.iAbout .iAboutTitle,.iAbout .iAboutTitle>span:nth-of-type(1){padding-top:40px}
.iNews .iNewsCons{padding:0;margin-top:40px}
}
@media screen and (max-width:783px){
.pc{display:none !important;}
.mobile{display:block !important;}
.iAbout .iAboutImgs{-ms-flex-direction:column;flex-direction: column;}
.iAbout .iAboutImgs .iAboutImgLis{margin-right:0!important;width:100%}
.iAbout .iAboutImgs .iAboutImgLis:not(:nth-last-of-type(1)){margin-bottom:30px}
.iNews{padding-bottom:45px}
.iNews .iNewsCons{-ms-flex-direction:column;flex-direction: column;}
.iNews .iNewsCons>div{width:100%}
.iNews .iNewsCons>div:nth-of-type(1){margin-right:unset}
.iNews .iNewsFloat{display:none}
.iNews .iNewsCons>div:nth-of-type(1){margin-bottom:30px}
.iNews .iNewsMore{padding:12px 25px}
.iAbout .iAboutImgs .iAboutImgLis .iAboutImgLisTest{top:unset;bottom:40px}
}
.topLine{width:100%;height:0;border-top:1px solid #f0f0f0}
.BreadCrumbs{display:flex;width:1300px;margin:auto;/*position:sticky;top:140px;*/background-color:#fff;z-index:2}
.BreadCrumbs a,.BreadCrumbs span{display:block;font-size:14px;line-height:70px;font-family:小塚ゴシック Pr6N}
.BreadCrumbs a{color:rgba(3,149,25,.65)}
.BreadCrumbs span{color:#323232}
.BreadCrumbs span:not(:nth-last-of-type(1)){padding:0 5px}
.AboutMain{width:1300px;margin:auto;display:flex;justify-content:space-between}
.AboutMain .MainMenu{width:280px;margin-right:40px;position:sticky;/*top:210px;*/height:max-content;z-index:2;top:140px}
.AboutMain .MainMenu .MenuTitle{font-size:32px;background-color:rgba(3,149,25,.65);line-height:140px;color:#fff;padding-left:30px;font-family:ＭＳ Ｐゴシック;box-sizing:border-box}
.AboutMain .MainMenu ul{margin:0;padding:0;background-color:#fff}
.AboutMain .MainMenu ul a{list-style:none;color:#323232;font-size:16px;line-height:60px;border-bottom:1px solid #ddd;display:flex;align-items:center;padding:0 20px;box-sizing:border-box;font-family:小塚ゴシック Pr6N}
.AboutMain .MainMenu ul a.active{background-color:#eee}
.AboutMain .MainMenu ul a img{width:20px;height:20px;display:block;padding:0 10px}
.AboutMain .MainMenu ul a.active{background-color:#f0f0f0;color:#039519}
.AboutMain .MainCons{width:calc(100% - 50px - 280px)}
.AboutMain .MainCons .Title{font-size:36px;color:#fff;padding:40px 0 40px 30px;font-family:ＭＳ Ｐゴシック;background-image:url("../imgs/pcimg15.png");margin-bottom:20px;box-sizing:border-box;}
.AboutMain.ProductMain .MainCons .Title{background-image:url("../imgs/pcimg18.jpg");}
.AboutMain .MainCons .Box{width:100%;border:1px solid #ddd;display:flex;-ms-flex-direction:column;flex-direction: column;box-sizing:border-box}
.AboutMain .MainCons .Box .lis{line-height:50px;color:#323232;font-size:18px;display:flex;font-family:ＭＳ Ｐゴシック}
.AboutMain .MainCons .Box .lis .LisTitle{width:200px;background-color:#eee;padding-left:20px;box-sizing:border-box;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.AboutMain .MainCons .Box .lis .span{width:calc(100% - 200px);padding:0 30px;box-sizing:border-box;border-bottom:1px solid #ddd}
.AboutMain .MainCons .Box .lis:nth-last-of-type(1) .span{height:170px;line-height:30px;padding-top:10px}
.AboutMain .MainCons .Address{display:flex;-ms-flex-direction:column;flex-direction: column;margin-top:40px;font-family:ＭＳ Ｐゴシック}
.AboutMain .MainCons .Address>div{font-size:18px;color:#323232;display:block;line-height:40px}
.AboutMain .MainCons .Address .pc,.AboutMain .MainCons .Address .mobile{margin-top:10px;max-width:100%;height:auto;margin-bottom:40px}
.AboutMain .MainCons .Address .pc img,.AboutMain .MainCons .Address .mobile img{width:100%}
#map {width: 100%;height: 500px;margin-bottom:160px;}
.AboutMain .MainCons .Partner{margin-bottom:180px}
.AboutMain .MainCons .Partner>.span{font-size:30px;color:#323232;display:block;padding:80px 0 40px 0;font-family:ＭＳ Ｐゴシック}
.AboutMain .MainCons .Partner .a1{display:flex}
.AboutMain .MainCons .Partner .a1 .b1{display:flex;margin-right:80px;padding-top:20px}
.AboutMain .MainCons .Partner .a1 .b1 ul{margin:0;padding:0;display:flex}
.AboutMain .MainCons .Partner .a1 .b1 li{list-style:none;font-size:0;width:max-content}
.AboutMain .MainCons .Partner .a1 .b1 li:nth-of-type(1){margin-right:20px}
.AboutMain .MainCons .Partner .a1 .b1 li img{border:1px solid #000;height:70px;font-size:0;padding:5px 15px;box-sizing:border-box}
.AboutMain .MainCons .Partner .a1 .b1 li .span{display:block;font-size:16px;color:#323232;line-height:40px;text-align:center;margin:0;font-family:ＭＳ Ｐゴシック;padding-bottom:15px}
.AboutMain .MainCons .Partner .a1 .b2{font-size:0;width:200px;margin-right:90px}
.AboutMain .MainCons .Partner .a1 .b2 img{height:90px}
.AboutMain .MainCons .Partner .a1 .b2 img:nth-of-type(1){margin-right:20px}
.AboutMain .MainCons .Partner .a1 .b2 div{margin-bottom:5px}
.AboutMain .MainCons .Partner .a1 .b2 .span{font-size:16px;color:#323232;line-height:25px;font-family:ＭＳ Ｐゴシック;padding-bottom:15px}
.AboutMain .MainCons .Partner .a1 .b3{font-size:0;display:flex;-ms-flex-direction:column;flex-direction: column;}
.AboutMain .MainCons .Partner .a1 .b3 img{height:90px}
.AboutMain .MainCons .Partner .a1 .b3>.span{font-size:16px;line-height:35px;color:#323232;font-family:ＭＳ Ｐゴシック}
.AboutMain .MainCons .IdeaTitle{font-size:36px;color:#039519;display:flex;align-items:flex-end;font-family:ＭＳ Ｐゴシック}
.AboutMain .MainCons .IdeaTitle p{font-size:16px;padding:0;margin:0;line-height:25px;padding-left:40px;color:rgba(3,149,25,.85)}
.AboutMain .MainCons .IdeaDesc{font-size:18px;color:rgba(50,50,50,.78);font-family:ＭＳ Ｐゴシック;line-height:35px;padding-top:35px}
.AboutMain .MainCons .IdeaImg{height:390px;width:100%;font-size:0;display:flex;margin-top:60px}
.AboutMain .MainCons .IdeaImg img{height:100%;width:max-content;margin:auto}
.AboutMain .MainCons .IdeaRemark{padding:100px 0 160px 0}
.AboutMain .MainCons .IdeaRemark p{font-size:18px;color:rgba(50,50,50,.75);margin:0;padding:0;line-height:40px;font-family:ＭＳ Ｐゴシック}
.AboutMain .MainCons .History{position:relative;width:100%}
.AboutMain .MainCons .History>p{font-size:18px;color:#323232;line-height:35px;padding:0;margin:0;width:100%;font-family:ＭＳ Ｐゴシック}
.AboutMain .MainCons .HistoryCons{position:relative;padding-bottom:220px}
.AboutMain .MainCons .HistoryCons .swiper{width:90%;overflow:hidden;margin:70px auto auto;padding-bottom:120px;position:relative}
.AboutMain .MainCons .HistoryCons .swiper .HistoryTime{font-family:DINPRO-BOLD;font-size:40px}
.AboutMain .MainCons .HistoryCons .swiper .HistoryLine{width:100%;height:4px;background-color:#5bba69}
.AboutMain .MainCons .HistoryCons .swiper .HistoryDesc{font-size:18px;color:#323232;font-family:ＭＳ Ｐゴシック;padding-top:25px;line-height:30px}
.AboutMain .MainCons .HistoryCons .decorateLine{position:absolute;top:54px;width:100%;height:1px;background-color:#ddd}
.AboutMain .MainCons .HistoryCons .LeftCircle,.AboutMain .MainCons .HistoryCons .RightCircle{width:10px;height:10px;background-color:#5bba69;border-radius:50%;position:absolute;top:49px}
.AboutMain .MainCons .HistoryCons .RightCircle{right:0}
.AboutMain .MainCons .HistoryCons .LeftArrow,.AboutMain .MainCons .HistoryCons .RightArrow{display:flex;align-items:center;font-size:32px;line-height:26px;color:#5bba69;position:absolute;bottom:0;cursor:pointer}
.AboutMain .MainCons .HistoryCons .LeftArrow{left:45%}
.AboutMain .MainCons .HistoryCons .RightArrow{right:45%}
.AboutMain .MainCons .HistoryCons .LeftArrow span,.AboutMain .MainCons .HistoryCons .RightArrow span{width:2px;height:2px;background-color:#5bba69;margin:0 4px;border-radius:50%}
.AboutMain .MainCons .Info{padding-top:30px}
.AboutMain .MainCons .Info .Imgs{font-size:0;width:100%}
.AboutMain .MainCons .Info .Imgs img{max-width:100%}
.AboutMain .MainCons .Info .Desc{font-size:18px;color:#c55a11;font-family:ＭＳ Ｐゴシック;display:flex;margin:80px 0 260px 0}
.AboutMain .MainCons .Info .Desc p{margin:0;padding:0 0 0 10px;line-height:30px}
.AboutMain .MainCons .Info .Desc em,.AboutMain .MainCons .Info .Desc i{transform:rotate(45deg);font-size:14px;width:max-content;height:max-content;line-height:30px}
.AboutMain .MainCons .Client{display:flex;flex-wrap:wrap;margin-bottom:230px}
.AboutMain .MainCons .Client .lis{width:calc((100% - 15px * 3)/ 4);border:1px solid #ddd;font-size:0;height:90px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin-bottom:20px;overflow:hidden;transition:.8s}
.AboutMain .MainCons .Client .lis img{padding:10px;box-sizing:border-box;max-width:100%;max-height:100%;width:auto;height:auto}
.AboutMain .MainCons .Client .lis:not(:nth-of-type(4n)){margin-right:15px}
.AboutMain .MainCons .Client .lis:hover img{transform:scale(1.05)}
.AboutMain .MainCons .CSR{display:flex;-ms-flex-direction:column;flex-direction: column;}
.AboutMain .MainCons .CSR .lis{display:flex}
.AboutMain .MainCons .CSR .lis em,.AboutMain .MainCons .CSR .lis i{transform:rotate(45deg);font-size:15px;display:block;width:max-content;height:max-content;line-height:35px;color:#00afec}
.AboutMain .MainCons .CSR .lis p{font-size:18px;color:#323232;font-family:ＭＳ Ｐゴシック;margin:0;padding-left:10px;line-height:35px}
.AboutMain .MainCons .CSR .CSRTitle{font-size:30px;color:#039519;font-family:ＭＳ Ｐゴシック;padding:50px 0 40px 0}
.AboutMain .MainCons .CSR .CSRCons{display:flex;margin-bottom:140px}
.AboutMain .MainCons .CSR .CSRCons .Les{font-size:0;width:35%}
.AboutMain .MainCons .CSR .CSRCons .Les img{max-width:100%}
.AboutMain .MainCons .CSR .CSRCons .Les img:nth-of-type(1){padding-bottom:100px}
.AboutMain .MainCons .CSR .CSRCons .Les img:nth-of-type(2){padding-top:20px}
.AboutMain .MainCons .CSR .CSRCons .Les p{color:#d71a1a;font-size:16px;margin:0;padding:0;line-height:35px;font-family:ＭＳ Ｐゴシック}
.AboutMain .MainCons .CSR .CSRCons .Ris{margin-left:70px;font-size:0;width:65%}
.AboutMain .MainCons .CSR .CSRCons .Ris p{font-size:16px;font-family:ＭＳ Ｐゴシック;margin:0;padding:0;line-height:35px}
.AboutMain .MainCons .CSR .CSRCons .Ris img{padding-top:50px;max-width:100%}

.AboutMain .MainCons .Certification{}
.AboutMain .MainCons .Certification .CertificationTitle{font-size:36px;color:#323232;font-family:ＭＳ Ｐゴシック;}
.AboutMain .MainCons .Certification .LineOne{margin-top:90px;display:flex;align-items:center;justify-content:center;}
.AboutMain .MainCons .Certification .LineOne .Lis:nth-of-type(1){margin-right:50px}
.AboutMain .MainCons .Certification .LineOne .Lis{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:calc((100% - 50px) / 2);}
.AboutMain .MainCons .Certification .LineOne .Lis img{width:100%;}
.AboutMain .MainCons .Certification .LineOne .Lis .span{font-size:24px;color:#323232;font-family:ＭＳ Ｐゴシック;padding-top:20px;line-height:25px;}
.AboutMain .MainCons .Certification .LisTwo{margin-top:110px;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.AboutMain .MainCons .Certification .LisTwo .imgs{font-size:0}
.AboutMain .MainCons .Certification .LisTwo .imgs img:nth-of-type(1){margin-right:50px}
.AboutMain .MainCons .Certification .LisTwo .imgs img{max-width:calc((100% - 50px) / 2);}
.AboutMain .MainCons .Certification .LisTwo .span{font-size:24px;color:#323232;font-family:ＭＳ Ｐゴシック;padding-top:20px;line-height:25px;}
.AboutMain .MainCons .Certification .LisThree{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:110px 0}
.AboutMain .MainCons .Certification .LisThree .span{font-size:24px;color:#323232;font-family:ＭＳ Ｐゴシック;padding-top:20px;line-height:25px;}
.AboutMain .MainCons .Certification .LisThree img{max-width:100%}

.AboutMain .MainCons .Business .BusinessSubTitle{font-size:18px;color:#323232;font-family:ＭＳ Ｐゴシック;line-height:36px}
.AboutMain .MainCons .Business .BusinessTitle{font-size:30px;color:#323232;font-family:ＭＳ Ｐゴシック;line-height:36px;padding-top:40px;text-align:center;}

.AboutMain .MainCons .Business .BusinessTitle1{display:flex;flex-direction:column;text-align:center;font-family:ＭＳ Ｐゴシック;}
.AboutMain .MainCons .Business .BusinessTitle1>div:nth-of-type(1){font-size: 30px;color:#72a7d9;}
.AboutMain .MainCons .Business .BusinessTitle1>div:nth-of-type(2){font-size: 18px;}

.AboutMain .MainCons .Business .pc img,.AboutMain .MainCons .Business .mpbile img{margin: 90px 0;max-width:100%;}
.AboutMain .MainCons .Business .BusinessContents{display:flex;margin:70px 0 140px;}
.AboutMain .MainCons .Business .BusinessContents .Lis{position: relative;font-size:0;width:calc((100% - 2 * 20px) / 3)}
.AboutMain .MainCons .Business .BusinessContents .Lis:not(:nth-last-of-type(1)){margin-right:20px;}
.AboutMain .MainCons .Business .BusinessContents .Lis img{width:100%;}
.AboutMain .MainCons .Business .BusinessContents .Lis .span{font-size:18px;/*color:#fff;position: absolute;top:150px;left:15px*/color:#333;padding-top:10px;text-align:center;}

.AboutMain .MainCons .Product{}
.AboutMain .MainCons .Product .span{font-size:18px;color:#323232;font-family:ＭＳ Ｐゴシック;line-height:30px;}
.AboutMain .MainCons .Product .ImgListOne{display:flex;font-size:0;margin-top:60px;}
.AboutMain .MainCons .Product .ImgListOne img{width:calc((100% - 20px * 4) / 5);}
.AboutMain .MainCons .Product .ImgListOne img:not(:nth-last-of-type(1)){margin-right:20px;}
.AboutMain .MainCons .Product .ImgListTwo{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.AboutMain .MainCons .Product .ImgListTwo img{margin-top:60px;max-width:100%;}
.AboutMain .MainCons .Product .ImgListTwo>div{margin-left:50px}
.AboutMain .MainCons .Product .ImgListTwo>div img:not(:nth-last-of-type(1)){margin-right:50px}
.AboutMain .MainCons .Product .ImgListThree{max-width:100%;margin:10px auto 120px;width:max-content;}
.AboutMain .MainCons .Product .ImgListThree img{width:100%;}
.AboutMain .MainCons .Product .ProductTitle{font-size:30px;color:#323232;font-family:ＭＳ Ｐゴシック;text-align:center;margin:80px auto 30px }
.AboutMain .MainCons .Product .ProductSubTitle{font-size:30px;color:#323232;font-family:ＭＳ Ｐゴシック;}
.AboutMain .MainCons .Product .UseImgs{width:100%;margin:60px auto;}
.AboutMain .MainCons .Product .UseImgs img{width:100%}
.AboutMain .MainCons .Product .UseImgs img:nth-last-of-type(1){display:none}
.AboutMain .MainCons .Product .span1{font-size:24px;color:#323232;font-family:ＭＳ Ｐゴシック;margin:50px 0 30px;line-height:30px}
.AboutMain .MainCons .Product ul{display:flex;flex-wrap:wrap;margin:0 0 90px 0;padding:0}
.AboutMain .MainCons .Product ul li{font-size:20px;color:#323232;font-family:ＭＳ Ｐゴシック;list-style:none;width:50%;line-height:30px;}
.AboutMain .MainCons .Product ul li p {margin:0;}







@media screen and (max-width:1300px){
.BreadCrumbs{top:110px}
.AboutMain .MainMenu{/*top:180px*/top:110px}
.AboutMain,.BreadCrumbs{width:100%;padding:0 30px;box-sizing:border-box}
.AboutMain .MainMenu{width:230px}
.AboutMain .MainMenu ul a{padding:0}
.AboutMain .MainMenu .MenuTitle{font-size:28px;line-height:110px}
.AboutMain .MainCons{width:calc(100% - 50px - 230px)}
.AboutMain .MainCons .Title{font-size:32px;margin:35px 0}
.AboutMain .MainCons .Partner .a1 .b1,.AboutMain .MainCons .Partner .a1 .b2{margin-right:20px}
.AboutMain .MainCons .Partner .a1 .b1 li img{height:55px}
.AboutMain .MainCons .Partner .a1 .b2 img,.AboutMain .MainCons .Partner .a1 .b3 img{height:80px}
.AboutMain .MainCons .HistoryCons .LeftArrow{left:40%}
.AboutMain .MainCons .HistoryCons .RightArrow{right:40%}
.AboutMain .MainCons .Business .BusinessContents .Lis .span{top:2rem}
}
@media screen and (max-width:1100px){
.AboutMain .MainCons .Partner .a1{flex-wrap:wrap}
.AboutMain .MainCons .Partner .a1 .b1,.AboutMain .MainCons .Partner .a1 .b2{margin-right:40px}
.AboutMain .MainCons .IdeaTitle{font-size:28px}
.AboutMain .MainCons .CSR .CSRCons .Les{width:40%}
.AboutMain .MainCons .CSR .CSRCons .Ris{width:60%}
.AboutMain .MainCons .CSR .CSRCons .Les img:nth-of-type(1){padding-bottom:60px}
.AboutMain .MainCons .Business .BusinessContents .Lis .span{top:1.8rem}
}
@media screen and (max-width:1000px){
.AboutMain{-ms-flex-direction:column;flex-direction: column;}
.AboutMain .MainCons,.AboutMain .MainMenu{width:100%}
.AboutMain .MainMenu .MenuTitle{display:none}
.AboutMain .MainMenu ul{display:-webkit-box;overflow-x:auto;border-bottom:1px solid #ddd}
.AboutMain .MainMenu ul a{border-bottom:unset;padding-right:10px}
.AboutMain .MainCons .IdeaRemark{padding:60px 0 80px 0}
#map{margin-bottom:60px}
.AboutMain .MainCons .Product .ImgListThree{margin:auto auto 60px;}
.AboutMain .MainCons .Business .BusinessContents .Lis .span{top:2.45rem}
}
@media screen and (max-width:900px){
.AboutMain,.BreadCrumbs{padding:0 20px}
.BreadCrumbs{top:90px}
.AboutMain .MainMenu{/*top:160px*/top:90px}
}
@media screen and (max-width:783px){
  #map {width: 100%;height: 400px;}
.BreadCrumbs{top:60px}
.AboutMain .MainMenu{/*top:130px*/top:60px}
.AboutMain .MainCons .Box .lis .LisTitle{width:150px;padding-left:15px}
.AboutMain .MainCons .Box .lis .span{width:calc(100% - 150px);padding:0 15px}
.AboutMain .MainCons .Box .lis{font-size:16px}
.AboutMain .MainCons .Box .lis:nth-last-of-type(1) .span{min-height:max-content;height:auto;padding-bottom:15px}
.AboutMain .MainCons .IdeaTitle{-ms-flex-direction:column;flex-direction: column;align-items:flex-start}
.AboutMain .MainCons .IdeaTitle p{padding-left:0;line-height:40px}
.AboutMain .MainCons .IdeaDesc{padding-top:10px;line-height:30px}
.AboutMain .MainCons .IdeaImg{height:max-content}
.AboutMain .MainCons .IdeaImg img{max-width:100%;height:auto}
.AboutMain .MainCons .HistoryCons .swiper{padding-bottom:100px}
.AboutMain .MainCons .HistoryCons{padding-bottom:70px}
.AboutMain .MainCons .Info .Desc{margin:60px 0 100px 0}
.AboutMain .MainCons .Client .lis:not(:nth-of-type(4n)){margin-right:0}
.AboutMain .MainCons .Client .lis{width:calc((100% - 15px * 2)/ 3)}
.AboutMain .MainCons .Client .lis:not(:nth-of-type(3n)){margin-right:15px}
.AboutMain .MainCons .Client{margin-bottom:100px}
.AboutMain .MainCons .CSR .CSRCons{-ms-flex-direction:column;flex-direction: column;}
.AboutMain .MainCons .CSR .CSRCons .Les,.AboutMain .MainCons .CSR .CSRCons .Ris{width:100%}
.AboutMain .MainCons .CSR .CSRCons .Ris{margin:0}
.AboutMain .MainCons .CSR .CSRCons .Les img{width:100%}
.AboutMain .MainCons .CSR .CSRCons .Les img:nth-of-type(1){padding-bottom:20px}
.AboutMain .MainCons .CSR .CSRCons .Les img:nth-of-type(2){padding-bottom:20px}
.AboutMain .MainCons .Certification .LineOne,.AboutMain .MainCons .Certification .LisTwo,.AboutMain .MainCons .Certification .LisThree{margin-top:50px}
.AboutMain .MainCons .Certification .LisThree{margin-bottom:50px}
.AboutMain .MainCons .Product .ImgListTwo{flex-direction:column;}
.AboutMain .MainCons .Product .ImgListTwo>div{margin-left:0;}
.AboutMain .MainCons .Product .UseImgs img:nth-last-of-type(1){display:block}
.AboutMain .MainCons .Product .UseImgs img:nth-of-type(1){display:none}
.AboutMain .MainCons .Product .UseImgs{margin:30px 0}
.AboutMain .MainCons .Product ul li{font-size:16px;}
.AboutMain .MainCons .Business .BusinessContents .Lis .span{top:.8rem}
}
@media screen and (max-width:700px){
  .AboutMain .MainCons .Business .BusinessContents{flex-direction:column;margin:30px 0 60px }
  .AboutMain .MainCons .Business .BusinessContents .Lis{margin-right:0;width:100%;margin-bottom:20px}
  .AboutMain .MainCons .Business .BusinessContents .Lis .span{top:unset;bottom:30px;}
}
@media screen and (max-width:600px){
  .AboutMain .MainCons .Box .lis{line-height:40px}
.AboutMain .MainCons .HistoryCons .LeftArrow{left:30%}
.AboutMain .MainCons .HistoryCons .RightArrow{right:30%}
.AboutMain .MainCons .Title{font-size:24px;margin:20px 0}
.AboutMain .MainCons .Partner>.span{padding:35px 0 20px 0;font-size:24px}
.AboutMain .MainCons .Partner{margin-bottom:70px}
.AboutMain .MainCons .IdeaTitle{font-size:24px}
.AboutMain .MainCons .IdeaRemark p,.AboutMain .MainCons .History>p,.AboutMain .MainCons .CSR .lis p,.AboutMain .MainCons .CSR .CSRCons .Les p,.AboutMain .MainCons .CSR .CSRCons .Ris p{line-height:30px}
.AboutMain .MainCons .HistoryCons .swiper{margin:30px auto auto;padding-bottom:60px}
.AboutMain .MainCons .CSR .CSRTitle{font-size:24px}
.AboutMain .MainCons .CSR .CSRCons .Ris img{padding-top:30px}
.AboutMain .MainCons .CSR .CSRCons{margin-bottom:70px}
.AboutMain .MainCons .Mechanical .MechanicalCons .Les .MechanicalTitle{padding:30px 0 20px 0}
.AboutMain .MainCons .Certification .CertificationTitle{font-size:24px}
.AboutMain .MainCons .Certification .LineOne .Lis .span,.AboutMain .MainCons .Certification .LisTwo .span,.AboutMain .MainCons .Certification .LisThree .span{font-size:18px;}
.AboutMain .MainCons .Certification .LineOne .Lis:nth-of-type(1),.AboutMain .MainCons .Certification .LisTwo .imgs img:nth-of-type(1){margin-right:20px}
.AboutMain .MainCons .Certification .LineOne .Lis,.AboutMain .MainCons .Certification .LisTwo .imgs img{max-width:calc((100% - 20px) / 2)}

.AboutMain .MainCons .Business .BusinessSubTitle{line-height:25px;}
.AboutMain .MainCons .Business .BusinessTitle,.AboutMain .MainCons .Product .ProductTitle{font-size:24px;padding-top:20px;}
.AboutMain .MainCons .Product .ProductSubTitle,.AboutMain .MainCons .Product .ProductSubTitle{font-size:24px}
.AboutMain .MainCons .Product .span1{font-size:20px;margin:25px 0 15px;}
.AboutMain .MainCons .Product .ProductTitle{margin:40px auto 25px}
.AboutMain .MainCons .Business .pc img,.AboutMain .MainCons .Business .mpbile img{margin:30px 0}

#map {width: 100%;height: 300px;}


}
@media screen and (max-width:500px){
.AboutMain .MainCons .Client .lis:not(:nth-of-type(3n)){margin-right:0}
.AboutMain .MainCons .Client .lis{width:calc((100% - 15px)/ 2)}
.AboutMain .MainCons .Client .lis:not(:nth-of-type(2n)){margin-right:15px}
.AboutMain .MainCons .Product ul{flex-direction:column}
.AboutMain .MainCons .Product ul li{width:100%;}
}
.AboutMain .MainCons .Mechanical{width:100%}
.AboutMain .MainCons .Mechanical .remark{font-size:18px;color:#323232;font-family:ＭＳ Ｐゴシック;width:60%;line-height:35px}
.AboutMain .MainCons .Mechanical .MechanicalCons{position: relative;}
.AboutMain .MainCons .Mechanical .MechanicalCons .MechanicalLogo{display:flex;align-items:center;padding-top:40px;}
.AboutMain .MainCons .Mechanical .MechanicalCons .MechanicalLogo .MechanicalLogoTitle{font-size:24px;color:#fff;background-color:#0871c1;width:260px;line-height:50px;text-align:center;margin-left:30px;}
.AboutMain .MainCons .Mechanical .MechanicalCons .MechanicalLogoSubTitle{font-size:24px;color:#039519;display:flex;align-items:center;padding-top:40px;letter-spacing:-1px;}
.AboutMain .MainCons .Mechanical .MechanicalCons .MechanicalLogoSubTitle em,.AboutMain .MainCons .Mechanical .MechanicalCons .MechanicalLis .MechanicalLisName em{transform:rotate(45deg);display:block;width:max-content;height:max-content;font-size:8px;margin-right:12px;}
.AboutMain .MainCons .Mechanical .MechanicalCons .MechanicalLis{color:#039519;display:flex;align-items:flex-start;padding-top:20px;}
.AboutMain .MainCons .Mechanical .MechanicalCons .MechanicalLis:nth-of-type(3) .MechanicalLisDesc{width:35%}
.AboutMain .MainCons .Mechanical .MechanicalCons .MechanicalLis:nth-last-of-type(1){padding-bottom:50px}
.AboutMain .MainCons .Mechanical .MechanicalCons .MechanicalLis .MechanicalLisName{font-size:18px;color:#039519;display:flex;align-items:center;width:120px;line-height:30px;}
.AboutMain .MainCons .Mechanical .MechanicalCons .MechanicalLis .MechanicalLisDesc{font-size:18px;color:#323232;width:75%;line-height:30px;}
.AboutMain .MainCons .Mechanical .MechanicalCons .MechanicalLis:nth-last-of-type(6) .MechanicalLisDesc{width:30%}
.AboutMain .MainCons .Mechanical .MechanicalCons>img{position:absolute;top:0;right:0;width:52%;}
.AboutMain .MainCons .Mechanical .MechanicalImgs{font-size:0;padding-bottom:90px}
.AboutMain .MainCons .Mechanical .MechanicalImgs img{width:calc((100% - 25px * 2)/ 3);margin-bottom:25px;overflow:hidden}
.AboutMain .MainCons .Mechanical .MechanicalImgs img:not(:nth-of-type(3n)){margin-right:25px}
.AboutMain .MainCons .Mechanical .MechanicalImgs img:hover{transform:scale(1.01)}
.AboutMain .MainCons .Mechanical .MechanicalSubTitle{font-size:30px;font-family:ＭＳ Ｐゴシック;color:#323232}
.AboutMain .MainCons .Mechanical .MechanicalSubImg{width:100%;font-size:0;padding:50px 0 140px}
.AboutMain .MainCons .Mechanical .MechanicalSubImg img{max-width:100%}
.AboutMain .MainCons .Chemical{font-size:0;width:100%;font-family:ＭＳ Ｐゴシック;color:#323232;margin-bottom:90px}
.AboutMain .MainCons .Chemical .ChemicalCons{display:flex;justify-content:space-between;}
.AboutMain .MainCons .Chemical .ChemicalCons .ChemicalLes{width:47%;}
.AboutMain .MainCons .Chemical .ChemicalCons .ChemicalLes .ChemicalLogo{font-size:0;display:flex;align-items:center;padding-bottom:40px}
.AboutMain .MainCons .Chemical .ChemicalCons .ChemicalLes .ChemicalLogo .LogoTitle{font-size:30px;color:#5eb9a7;font-family:ＭＳ Ｐゴシック;letter-spacing:-1px;padding-left:20px;}
.AboutMain .MainCons .Chemical .ChemicalCons .ChemicalLes .ChemicalLesLis{display:flex;align-items:center;font-size:18px;font-family:ＭＳ Ｐゴシック;color:#323232;padding-bottom:30px}
.AboutMain .MainCons .Chemical .ChemicalCons .ChemicalLes .ChemicalLesLis .ChemicalLesLisName{width:100px;}
.AboutMain .MainCons .Chemical .ChemicalCons .ChemicalLes .ChemicalLesLis .ChemicalLesLisDesc{width:calc(100% - 100px)}
.AboutMain .MainCons .Chemical .ChemicalCons .ChemicalLes .ChemicalLesSpan{font-size:18px;font-family:ＭＳ Ｐゴシック;color:#323232;line-height:30px;}
.AboutMain .MainCons .Chemical .ChemicalCons .ChemicalRis{width:52%;}
.AboutMain .MainCons .Chemical .ChemicalCons .ChemicalRis img{width:100%}
.AboutMain .MainCons .Chemical p{font-size:0;}
.AboutMain .MainCons .Chemical>img{max-width:100%;padding:60px 0 30px}
.AboutMain .MainCons .Close{font-family:ＭＳ Ｐゴシック;color:#323232}
.AboutMain .MainCons .Close .remark{font-size:18px;line-height:30px;padding:30px 0 50px;}
.AboutMain .MainCons .Close .STitle{font-size:30px;}
.AboutMain .MainCons .Close .SubTitle{font-size:30px;padding:80px 0 70px}
.AboutMain .MainCons .Close .SubImg{font-size:0;width:100%;display:flex;justify-content:center;}
.AboutMain .MainCons .Close .SubImg img{max-width:100%}
.AboutMain .MainCons .Close .CloseLis{padding:100px 0 140px}
.AboutMain .MainCons .Close .CloseLis ul{margin:0;padding:0}
.AboutMain .MainCons .Close .CloseLis ul li{font-size:18px;font-family:ＭＳ Ｐゴシック;color:#323232;list-style:none;line-height:30px}
.AboutMain .MainCons .Close .CloseLis ul li p{margin:0}
.AboutMain .MainCons .Close .CloseLis ul li p:nth-of-type(2){font-size:16px;margin:0;/*padding-bottom:20px*/}

.AboutMain .MainCons .Product .ImgListTwo img,.AboutMain .MainCons .Product .ImgListOne{margin-top:30px}

@media screen and (max-width:1300px){
.AboutMain .MainCons .Mechanical .MechanicalCons .Les .MechanicalTitle{font-size:30px}
.AboutMain .MainCons .Mechanical .MechanicalCons .Les .MechanicalDesc{font-size:24px}
.AboutMain .MainCons .Mechanical .MechanicalCons>img{position: relative;padding-top:30px;width:100%;}
.AboutMain .MainCons .Mechanical .MechanicalCons .MechanicalLis .MechanicalLisDesc{width:calc(100% - 120px) !important}
.AboutMain .MainCons .Chemical .ChemicalCons{flex-direction:column;}
.AboutMain .MainCons .Chemical .ChemicalCons .ChemicalLes,.AboutMain .MainCons .Chemical .ChemicalCons .ChemicalRis{width:100%;}
.AboutMain .MainCons .Chemical .ChemicalCons .ChemicalRis{margin-top:40px;}
}
@media screen and (max-width:1100px){
.AboutMain .MainCons .Mechanical .MechanicalCons .Les,.AboutMain .MainCons .Mechanical .MechanicalCons .Ris,.AboutMain .MainCons .Mechanical .remark{width:100%}
.AboutMain .MainCons .Mechanical .MechanicalCons{-ms-flex-direction:column;flex-direction:column}
.AboutMain .MainCons .Mechanical .MechanicalCons .Ris{padding-top:30px}
.AboutMain .MainCons .Mechanical .MechanicalLis ul li .name{width:20%}
.AboutMain .MainCons .Mechanical .MechanicalLis ul li .desc{width:80%}
}
@media screen and (max-width:600px){
.AboutMain .MainCons .Mechanical .MechanicalLis ul li .name{width:130px}
.AboutMain .MainCons .Mechanical .MechanicalLis ul li .desc{width:calc(100% - 130px)}
.AboutMain .MainCons .Mechanical .MechanicalImgs img{width:calc((100% - 18px)/ 2);margin-bottom:18px}
.AboutMain .MainCons .Mechanical .MechanicalImgs img:not(:nth-of-type(3n)){margin-right:0}
.AboutMain .MainCons .Mechanical .MechanicalImgs img:not(:nth-of-type(2n)){margin-right:18px}
.AboutMain .MainCons .Mechanical .MechanicalImgs{padding-bottom:60px}
.AboutMain .MainCons .Mechanical .MechanicalSubImg{padding:30px 0 80px}
.AboutMain .MainCons .Chemical>img{padding:30px 0 }
.AboutMain .MainCons .Close .STitle{font-size:24px}
.AboutMain .MainCons .Close .SubTitle{padding:40px 0 35px;font-size:24px}
.AboutMain .MainCons .Close .CloseLis{padding:40px 0 70px}
.AboutMain .MainCons .Mechanical .MechanicalSubTitle{font-size:24px}
}
@media screen and (max-width:500px){
.AboutMain .MainCons .Mechanical .remark{line-height:30px}
.AboutMain .MainCons .Mechanical .MechanicalCons .Les .MechanicalTitle{font-size:24px}
.AboutMain .MainCons .Mechanical .MechanicalCons .Les .MechanicalDesc{font-size:20px}
.AboutMain .MainCons .Mechanical .MechanicalLis{padding-top:30px}
.AboutMain .MainCons .Mechanical .MechanicalLis ul li{padding-bottom:10px}
.AboutMain .MainCons .Mechanical .MechanicalImgs{padding-bottom:40px}
}
.AboutMain .MainCons .News{border-top:1px solid rgba(0,0,0,.1);padding-bottom:90px}
.AboutMain .MainCons .News ul{margin:0;padding:0}
.AboutMain .MainCons .News ul li{line-height:40px;list-style:none}
.AboutMain .MainCons .News ul li a{display:block;border-bottom:1px solid rgba(0,0,0,.1)}
.AboutMain .MainCons .News ul li a .NewsTime{color:#646464;font-size:16px;padding-top:40px}
.AboutMain .MainCons .News ul li a .NewsTitle{color:#323232;font-size:18px;padding-bottom:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:98%}
.AboutMain .MainCons .News ul li a:hover{border-bottom:1px solid #039519}
.AboutMain .MainCons .News ul li a:hover .NewsTitle{color:#039519}
.NewsMain{width:1000px;margin:auto}
.NewsMain .NewsMainTitle{font-size:30px;color:#06173a;font-family:小塚ゴシック Pr6N;padding:30px 0}
.NewsMain .NewsMainDate{font-size:18px;color:#646464;font-family:ＭＳ Ｐゴシック}
.NewsMain .NewsMainCons{padding:50px 0 360px;font-size:0}
.NewsMain .NewsMainCons p{padding-top:15px;font-size:18px;color:#323232;font-family:ＭＳ Ｐゴシック;line-height:35px;margin:0}
.NewsMain .NewsMainCons img{max-width:100%;padding-top:55px}
@media screen and (max-width:1300px){
.NewsMain{width:100%;padding:0 30px;box-sizing:border-box}
}
@media screen and (max-width:783px){
  .NewsMain .NewsMainCons{padding:50px 0 140px}
}
@media screen and (max-width:600px){
  .NewsMain .NewsMainTitle{font-size:24px}
  .NewsMain .NewsMainCons{padding:20px 0 80px}
  .NewsMain .NewsMainCons img{padding-top:20px}
}
.iBanner{width: 1300px;margin: auto;font-size: 36px;height:240px;background-size:auto 100%;background-position:center;color:#fff;font-family: ＭＳ Ｐゴシック;}
/* .iBanner img{width: 100%;} */
.iBanner>div{padding-left:100px;line-height:240px}

.Development{width: 1300px;margin: auto;padding-top: 50px;}
.DevelopmentRemark{font-family: ＭＳ Ｐゴシック;font-size: 18px;color: #323232;line-height: 35px;}
.DevelopmentTitle{font-size: 36px;font-family:ＭＳ Ｐゴシック ;color: #323232;padding: 60px 0 30px;text-align: center;}
.DevelopmentSpan p{font-size: 18px;color: #323232;font-family: ＭＳ Ｐゴシック;line-height: 35px;}
.DevelopmentList1 ul,.DevelopmentList2 ul{margin: 0;padding: 10px 0 0;}
.DevelopmentList1 ul li{font-family: ＭＳ Ｐゴシック;font-size: 18px;color: #323232;list-style: none;line-height: 35px;}
.DevelopmentImg,.DevelopmentImg2{width: 100%;padding-top: 80px;}
.DevelopmentImg img,.DevelopmentImg2 img{max-width: 100%;}
.DevelopmentImg2{padding-bottom:220px}
.DevelopmentList2 ul li{font-size: 16px;font-family: ＭＳ Ｐゴシック;color: #323232;list-style: none;line-height: 35px;}
.DevelopmentConsImgs{display: flex;flex-wrap: wrap;padding-top: 70px;}
.DevelopmentConsImgs .lis{width: calc((100% - 15px * 4) / 5);font-size: 0;padding-bottom: 20px;overflow:hidden;transition:.8s}
.DevelopmentConsImgs .lis img{max-width: 100%;width: 100%;}
.DevelopmentConsImgs .lis:hover img{transform:scale(1.01)}
.DevelopmentConsImgs .lis p{margin: 0;padding: 0;font-size: 16px;font-family: 小塚ゴシック Pr6N;color: #323232;text-align: center;line-height: 40px;}
.DevelopmentConsImgs .lis:not(:nth-of-type(5n)){margin-right: 15px;}
.DevelopmentA1{padding-top:70px}
.DevelopmentA1,.DevelopmentA2{display: flex;align-items: center;}
.DevelopmentA1>div,.DevelopmentA2>div{width: 50%;font-size: 0;}
.DevelopmentA1 .img img{max-width:calc(100% - 65px - 40px - 40px);}
.DevelopmentA1 .span{display: flex;align-items: center;}
.DevelopmentA1 .span i,.DevelopmentA1 .span em{color: #3183ff;font-size: 40px;transform: rotate(-135deg);width: max-content;height: max-content;padding: 0 65px 0 40px;}
.DevelopmentA1 .span p{font-family: ＭＳ Ｐゴシック;font-size: 18px;color: #323232;line-height: 35px;}
.DevelopmentA2{padding-top: 20px;}
.DevelopmentA2 .span p{font-family: ＭＳ Ｐゴシック;font-size: 18px;color: #323232;line-height: 35px;margin: auto;}
.DevelopmentA2 .span p:nth-of-type(2){padding-top: 30px;}
.DevelopmentA2 .img img{max-width:calc(100% - 65px - 40px - 40px);}
.DevelopmentA2 .img{display: flex;align-items: center;}
.DevelopmentA2 .img i,.DevelopmentA2 .img em{color: #3183ff;font-size: 40px;transform: rotate(45deg);width: max-content;height: max-content;display: block;padding: 0 65px 0 40px;}
.DevelopmentSubTitle{font-size: 30px;font-family: ＭＳ Ｐゴシック;color: #323232;padding-top: 70px;text-align: center;}
@media screen and (max-width:1300px){
  .iBanner{width:calc(100% - 60px);overflow:hidden}
  /* .iBanner img{height:240px;width:auto} */
  .Development{width:100%;padding:0 30px;box-sizing:border-box}
}
@media screen and (max-width:1100px){
  /* .DevelopmentA1,.DevelopmentA2{flex-direction:column}
  .DevelopmentA1>div, .DevelopmentA2>div{width:100%} */
  .DevelopmentA1 .span i, .DevelopmentA1 .span em,.DevelopmentA2 .img i, .DevelopmentA2 .img em{display:none}
  .DevelopmentA2 .img img,.DevelopmentA1 .img img{width:100%;max-width:100%}
  .DevelopmentA1 .span p{padding-left:40px}
  .DevelopmentA2 .span p:nth-of-type(2){padding-top:15px}
  .DevelopmentA2 .span p{padding-right:40px}
  .DevelopmentImg2{padding-bottom:150px}
}
@media screen and (max-width:900px){
  .iBanner{width:calc(100% - 40px)}
  .Development{padding:0 20px;box-sizing:border-box}
  .DevelopmentConsImgs .lis:not(:nth-of-type(5n)){margin-right:0}
  .DevelopmentConsImgs .lis{width:calc((100% - 15px) / 2)}
  .DevelopmentConsImgs .lis:not(:nth-of-type(2n)){margin-right:15px}
  .DevelopmentA1{-ms-flex-direction:column;flex-direction:column}
  .DevelopmentA2{-ms-flex-direction:column-reverse;flex-direction:column-reverse}
  .DevelopmentA1>div, .DevelopmentA2>div{width:100%}
  .DevelopmentA1 .span p,.DevelopmentA2 .span p{padding:0}
}
@media screen and (max-width:600px){
  .iBanner{height:150px}
  .iBanner>div{padding:0;text-align:center;font-size:26px;line-height:150px}
  .DevelopmentRemark,.DevelopmentSpan p,.DevelopmentList1 ul li,.DevelopmentA1 .span p,.DevelopmentA2 .span p{line-height:30px}
  .DevelopmentTitle{font-size:26px;padding:20px 0 0 }
  .DevelopmentSubTitle{font-size:22px}
  .DevelopmentImg, .DevelopmentImg2{padding-top:25px}
  .DevelopmentImg2{padding-bottom:70px}
}
.RecruitmentDesc{width: 1300px;margin: auto;padding-top: 60px;}
.RecruitmentDesc p{font-size: 18px;font-family:ＭＳ Ｐゴシック;line-height: 35px;margin: 0;}

.RecruitmentBox{width: 1300px;border: 1px solid #dddddd;display: flex;-ms-flex-direction: column;flex-direction: column;margin:80px auto 210px auto;box-sizing:border-box;}
.RecruitmentBox .lis{line-height: 50px;color: #323232;font-size: 18px;display: flex;}
.RecruitmentBox .lis .LisTitle{width: 200px;background-color: #eeeeee;padding-left: 20px;box-sizing: border-box;border-right:  1px solid #dddddd;}
.RecruitmentBox .lis .span{width: calc(100% -  200px);padding: 0 30px;box-sizing: border-box;}
.RecruitmentBox .lis:not(:nth-last-of-type(1)){border-bottom: 1px solid #ddd;}
@media screen and (max-width:1300px){
  .RecruitmentDesc{padding:0 30px;box-sizing:border-box;width:100%}
  .RecruitmentBox{width:calc(100% - 60px)}
}
@media screen and (max-width:900px){
  .RecruitmentDesc{padding:0 20px;box-sizing:border-box;width:100%}
  .RecruitmentBox{width:calc(100% - 40px)}
}
@media screen and (max-width:600px){
  .RecruitmentDesc p{line-height:30px}
  .RecruitmentBox .lis{line-height: 35px;}
  .RecruitmentBox{margin:30px auto 70px auto}
}
@media screen and (max-width:500px){
  .RecruitmentBox .lis .LisTitle{padding-left:5px;width:120px}
  .RecruitmentBox .lis .span{width:calc(100% - 120px);padding:0px 10px}
}
.connect{font-family: ＭＳ Ｐゴシック;font-size: 18px;}
.connectDesc{width: 1300px;margin: auto;padding-top: 60px;}
.connectDesc p{color: #323232;margin: 0;line-height: 35px;}
.connectBox{padding-top: 40px;width: 1300px;margin: auto;position:relative}
.connectBoxTitle{color: #e60000;width: 1300px;margin: auto;padding-bottom: 40px;}
.connectLis{display: flex;width: 70%;padding-bottom: 20px;}
.connectLisName{width: 210px;text-align: right;padding-right: 30px;box-sizing: border-box;line-height: 50px;}
.connectLisName a{color: #e60000;}
.connectLisDesc{width:calc(100% - 210px);border: 1px solid #ddd;}
.connectLisDesc input{border: unset;outline:medium;line-height: 50px;font-size: 16px;width: 100%;padding-left: 30px;box-sizing: border-box;}
.connectLisDesc textarea{border: unset;padding: 10px 0 0 30px;box-sizing: border-box;outline:medium;width: 100%;max-width: 100%;min-width: 100%;display: block;min-height: 200px;font-size:16px}
.connectSubmit{width: 160px;line-height: 40px;background-color: #039519;color: #fff;text-align: center;margin: 25px auto 110px 210px;cursor: pointer;}
.connectFlow{position: absolute;top: 40px;right: 0;display: flex;-ms-flex-direction: column;flex-direction: column;}
.connectFlow img:nth-of-type(1){border: 2px solid #d1d2e0;}
.connectFlow img:nth-of-type(2){margin: 5px auto 10px ;}

.connectFlow img:hover{cursor:pointer;}
@media screen and (max-width:1300px){
  .connectDesc,.connectBox{width:100%;padding:0 30px;box-sizing:border-box}
  .connectBoxTitle{width:100%}
}
@media screen and (max-width:900px){
  .connectDesc,.connectBox{padding:0 20px}
  .connectLisName{font-size:16px;width:150px;padding-right:10px}
  .connectLis{width:100%}
  .connectFlow{display:none}
  .connectLisDesc{width:calc(100% - 150px)}
  .connectSubmit{margin:25px auto 110px 150px}
}
@media screen and (max-width:600px){
  .connectDesc p{line-height:30px}
  .connectBoxTitle{padding-bottom:25px}
  .connectLisName,.connectLisDesc input{line-height:40px}
  .connectLisDesc input{padding-left:15px}
  .connectLisDesc textarea{min-height:100px;padding:10px 0 0 15px}
}
@media screen and (max-width:540px){
  .connectSubmit{margin:25px auto}
}