@font-face {

    font-family: NotoSansCJKJPReg;

    src: url(fonts/NotoSansCJKjp-Regular.otf);

  }

  @font-face {

    font-family: NotoSansCJKJPBlack;

    src: url(fonts/NotoSansCJKjp-Black.otf);

  }

  @font-face {

    font-family: NotoSansCJKJPMed;

    src: url(fonts/NotoSansCJKjp-Medium.otf);

  }

  @font-face {

    font-family: NotoSansCJKJPBold;

    src: url(fonts/NotoSansCJKjp-Bold.otf);

  }

  @font-face {

    font-family:Roboto-Bold;

    src: url(fonts/Roboto-Bold.ttf);

  }

  @font-face {

    font-family:YuGothB;

    src: url(fonts/YuGothB.ttc);

  }



  html, body {

    max-width: 100%;

    overflow-x: hidden;

}

html {scroll-behavior: smooth;}



body{padding:0px;margin:0px}



h1,h2,h3,h4,p{margin:0px}

h2{font-size:26px;font-family: NotoSansCJKJPReg;}

h2 span{font-size:39px; color:#FFEB00;font-family: NotoSansCJKJPBlack;}

h1{font-size:48px;font-family: NotoSansCJKJPBlack;}

h3{font-family: NotoSansCJKJPReg;font-size:16px}











.nav-bar{height: 93px;background:#fff;display:grid;grid-template-columns:auto auto;align-items: center;}

.nav-bar #logo{padding-left:29px}

.nav-bar .links{font-size:16px;font-family: NotoSansCJKJPReg;justify-self: end;}

.nav-bar .links a{color:black;padding-right:35px;cursor:default}

.nav-bar .links .btn{display: inline-block;

  padding-right: 37px;padding-left:37px;padding-top:16px;padding-bottom:16px;background:#CC2800;color:#fff;

border-radius:25px; font-size:15px;font-family: NotoSansCJKJPBold; letter-spacing: 1px; cursor: pointer; margin-right:29px;

}

.btn:hover{opacity:0.9}

a p{display: inline;cursor: pointer;}





.wrapper{max-width: 1200px;margin:0 auto; background:#FAFAFA;}

.inner{max-width: 1200px;margin:0 auto;

    text-align:center;

    

    height: 100%;

   

}





.title{padding-top:92px;padding-bottom:46px;display: grid;justify-items: center;}

.title h1{color:#fff;background:#CC2800;padding:1px;padding-right:25px;padding-left:25px}





.content h2{line-height: 56px;padding-bottom:52px;color:#fff}



.hero-sec{width: 100%;margin-bottom: -61px;background-color: #302f30d4;}





.hero-imagef{

background-image: url("./img/hero222.png");

height: 100%;

background-position: center;

background-repeat: no-repeat;

background-size: cover;

position:relative;

z-index: 4;

}

.desktop-v img{width: 100%; height: auto;z-index: 4;position: relative;}

.mobile-v img{width: 100%;z-index: 4;position: relative;display: none;}



.sec{margin-top:-63px;}



#hero-machine{top:0px;width: 27%;left:59%;position:absolute;z-index: 2;}



#hero22{width: 97%;height: 100%;}





.sec{width: 100%;height: auto;}

.sec1{



background-image: url("./img/sec1-image.png");



background-position: center;

background-repeat: no-repeat;

background-size: cover;

position:relative;



}

.sec1 .overlay{padding-bottom:70px}



#sec1-image1{position:absolute;bottom:0;margin-bottom:210px;right: 100px;}

#sec1-image2{position:absolute;bottom:0;margin-bottom:-90px;right: 190px;}





.overlay{background:#222222;width: 100%;height: 100%;opacity: 94%;}



.strengths-section .title{z-index: 3;position:relative}

.strengths-section{position:relative;width: 100%;}

.strengths-section .content{padding-left:37px}

.strengths-section span{color:#CC2800;font-size:125px;padding-right:15px;font-family: 'Roboto Condensed',Roboto-Bold;display: inline;}

.strengths-section h1{font-size:96px;}

.strengths-section  .el{text-align:start;display:grid;grid-template-columns: 1fr 1fr;padding-bottom:168px;column-gap: 107px;}

.strengths-section p{line-height: 36px; font-family: NotoSansCJKJPReg;font-size:20px;padding-bottom:32px;max-width: 488px;}





#under-img-strength{position:absolute;left:10px;top:80px;z-index: -2;}

#blur{position:absolute;top:0px;left:200px;;}

.right #blur{position:absolute;top:-230px;left:-55px;z-index:-2;}

.left #blur{position:absolute;top:-250px;left:20px;z-index:-2}





.strengths-section .title h1{font-size:48px}

.strengths-section .el .right{position:relative;margin-top:40px}

.strengths-section .el .left{position:relative;}



.strengths-section .images{position:relative;display: grid;margin-top: -40px;}

.left #strength-icons:nth-child(1){padding-right:50px;justify-self: right;}











.flow-section .titlee{background: #FAFAFA;}

.flow-section .title{padding-bottom:152px}

.flow-section .content{background:#FAFAFA;padding-top:30px}

.flow-section .content .el{display:grid;grid-template-columns: auto auto}

.flow-section span{color:#CC2800;font-size:50px;padding-right:15px;padding-left:48px;  font-family:'Roboto Condensed',Roboto-Bold;}

.flow-section h2{color:#000000;font-size:37px; font-family: NotoSansCJKJPBlack;}

.flow-section p{font-size:20px;line-height: 36px;}



.flow-section .el{padding-bottom:95px}

.flow-section .left{text-align:start;}

.flow-section .left p{padding-left:127px; font-family: NotoSansCJKJPReg;padding-right:20px}



.el:nth-child(even) .left{grid-column:2/3;}

.el:nth-child(even) .right{grid-column:1/2;grid-row:1/2}

.flow-section{position:relative}

#under-img-flow{position:absolute;left:10px;top:0px;z-index: -2;}















.copper-section .title{

  padding-top:95px;

  padding-bottom:95px;

  width: 100%;



}

.copper-section span{z-index: 9;position:relative}



.copper-section .line h3 span{font-size:32px; font-family: NotoSansCJKJPBlack;}

.copper-section .line h3{line-height: 56px;padding-bottom:78px;font-size: 26px; font-family: NotoSansCJKJPReg;}

.copper-section {

  background-image: url("./img/copper-sec-img.png");

background-repeat: no-repeat;



background-size: cover;

padding-bottom:111px;

background-position: center;





}

.copper-section .images{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap: 30px;}

#copper-float-image{left:60px;position:absolute;margin-top:-110px}



.faq{position:relative}

#under-faq{position:absolute;right:50px;top:-60px;max-width: 580px;height: 480px;}

.faq .title{padding-top:102px;padding-bottom:113px}

.faq .content{background:#fff}

.faq span{font-size:30px;color:#CC2800;line-height: 39px;font-family:Roboto-Bold;padding-right:42px}

.faq .inner{width: 90%;}







.accordion {

 

  color: #222222;

  cursor: pointer;

  padding: 18px;

  width: 100%;

  border: none;

  text-align: left;

  outline: none;

  font-size: 20px;

  transition: 0.4s;

  font-family: NotoSansCJKJPBold;

  margin-bottom:0px;

  z-index:4;

 position: relative;

  background:#fff;



 



}



 .accordion:hover {

  background:#CC2800 ;

  color:white

 

}



.accordion:hover > span{color:white}

.accordion:hover:after{color:#fff;}







.panel {

  padding: 18px;

  display: none;

  background-color: white;

  overflow: hidden;

 margin-bottom: 0px;

  text-align: start;

  font-size:16px;

  font-family: NotoSansCJKJPBold;

}

.panel{background:#FAFAFA; padding:18px}

.panel-open{

  display:grid;



}



 .accordion{background:#FAFAFA;display:grid;grid-template-columns: 80px auto 40px; align-items:center}



#accordion-icon{float:right;margin-top:10px;}

.plus{

  background-image: url("./img/plus.svg");

  height: 20px;width: 20px;

  background-position: center;

background-repeat: no-repeat;

background-size: cover;

float:right

}



.minus{

  background-image: url("./img/minus.svg");

  height: 3px;width: 20px;

  background-position: center;

background-repeat: no-repeat;

background-size: cover;

float:right;

margin-top:23px;

}





.accordion:after {

  content: '\002B';

  color: #CC2800;

  font-weight: bold;

  float: right;

  margin-left: 5px;

  font-size: 40px;;

}



.accordion.active:after {

  content: "\2212";

}





.sec-slider .owl-theme .owl-dots .owl-dot.active:after{content:''} 





.form .input{display:grid;grid-template-columns:1fr 34px 1fr;}

.space{width: 7px;height: 2px;background:#333333;align-self: center; justify-self: center;}

























.equipment-sec {

  background-image: url("./img/equipment-img.png");





background-repeat: no-repeat;

background-size: cover;

}



.equipment-sec .inner{padding-top:102px;padding-bottom:137px;}

.equipment-sec .content{display:grid;grid-template-columns:414px 1fr 1fr}

.equipment-sec .content .element{height: 50px;margin-bottom:20px}

.equipment-sec .content .left .element{display: grid;grid-template-columns:auto 0px;}

.equipment-sec .content .right .element{display:grid;align-items:center;background:#FAFAFA;font-size: 16px;}

.equipment-sec .content .left h3{font-size:18px; font-family: NotoSansCJKJPBlack;}

.equipment-sec .content .mid .element{display:grid;align-items:center;background:#FAFAFA;font-size:16px;}











.about-sec .title{padding-top:107px;padding-bottom:74px}

.about-sec .introduction{display:grid;grid-template-columns:auto auto}

.about-sec .introduction .right{padding-top:5px;padding-left:47px;text-align:start;

  font-family: NotoSansCJKJPReg;font-size:16px;line-height: 19px;display: grid;}

.about-sec .introduction .left{justify-self: start;}

.about-sec .introduction .right p{padding-top:25px;line-height: 19px;}

.about-sec .introduction .right h3{padding-top:34px;justify-self: end;line-height: 32px;font-size:24px;font-family:YuGothB;}

.about-sec .info{margin-top:100px;display: grid;grid-template-columns:414px auto}

.about-sec .info .left .element{min-height:50px;display:grid;grid-template-columns: auto 0px;margin-bottom:20px}

.element .rec{background:#CC2800;display: grid;font-size:18px;font-family: NotoSansCJKJPBlack;

  align-items: center;justify-items: center;color:#fff}

.element .triangle{

  width: 0;

	height: 0;

	border-top: 13px solid transparent;

	border-left: 15px solid #CC2800;

  border-bottom: 13px solid transparent;

  align-self:center;margin-left:-2px;

  z-index: 2;

}

.about-sec .info .right {display:grid;justify-items: start;}

.about-sec .info .right .element{padding-left:120px}

.about-sec .info .right .element{display:grid;justify-items: center;align-items: center;height: 50px;margin-bottom:20px;}

.about-sec .info .right h3{font-size:16px; font-family: NotoSansCJKJPReg;line-height: 24px;}



.map{margin-top:120px;height: 629px;margin-bottom:228px}









.form{height: 160vh;}















.prefooter{



  background-image: url("./img/prefooter-image.png");

  height: 378px;

  background-repeat: no-repeat;

  background-size: cover;

  color:#fff;

  

  }

  .prefooter .inner{

    display: grid;

  grid-template-columns: auto auto;

  align-content:center;

  }

.line1{font-size:20px;font-family: NotoSansCJKJPBold;}

.prefooter #icon{padding-top:22px;padding-bottom:22px}

.phone-number{font-size:34px; font-family:Roboto-Bold;}

.open-hours{font-size:15px;font-family: NotoSansCJKJPReg;padding-top:20px}

.prefooter .footer-btn{background:#CC2800;color:#fff;grid-template-columns:auto 130px}

.prefooter .footer-btn p{justify-self: end;font-size:19px;font-family:Roboto-Bold;}

.prefooter .footer-btn span{justify-self: end;padding-right:40px}

.prefooter .left{border-right:1px solid #D3D3D3}

.prefooter .right #icon{padding-bottom: 40px;}













.footer-btn{max-width: 375px; height: 64px;background:#fff;border-radius:32px;margin:0 auto; font-family:Roboto-Bold;

  display: grid;align-items: center;justify-items: center;color:#CC2814;font-size:16px;grid-template-columns:auto auto}

  .footer-btn:hover{opacity:0.9;cursor: pointer;}

.footer{background:#CC2800;color:#fff}

#footer-logo{padding-top:57px;padding-bottom:32px}

.footer .info{padding-top:32px;padding-bottom:34px;font-size:16px;font-family: NotoSansCJKJPReg;}

.footer .links{display:grid;grid-template-columns:repeat(7, 1fr);padding-bottom:83px}

a{text-decoration: none;color:#fff;font-family: NotoSansCJKJPReg;font-size:14px}

.links p:hover{opacity:0.8}

.copy{font-family: NotoSansCJKJPBold;font-size:12px;padding-bottom:41px}



.links a{width:100px}









.form textarea{width: 100%;min-height: 260px;border: none; background:#EFEFEF;}

.form .textarea label{align-self: start;grid-column:700px}



input[type=button], input[type=submit]{

  background-color: #CC2800;

  border: none;

  color: white;

  padding: 16px 32px;

  text-decoration: none;

  margin: 4px 2px;

  cursor: pointer;

  font-size:20px;font-family: NotoSansCJKJPBold;

  border-radius:30px;

  max-width: 300px;

}



.form{margin-bottom:600px}

textarea:focus, input:focus{

  outline: none;

}



.sec-slider{max-width: 1200px;margin:0 auto; margin-bottom:40px;padding-bottom:50px;background:#FAFAFA;}

#slider-wrapper{background:#FAFAFA;padding-top:80px;}



.owl-theme .owl-nav.disabled + .owl-dots {

  margin-top: 10px;

  display: block;

  

}





.sec-slider .owl-theme .owl-dots .owl-dot.active span {

  background: #CC2800;

}



.sec-slider .owl-theme .owl-nav.disabled + .owl-dots{margin-top:45px}

.sec-slider .owl-theme .owl-dots{margin-top:45px}





.owl-carousel {

  position:relative;

}



.owl-prev, .owl-next {

    position:absolute;

 }



.owl-prev {

    left:-25px;

    top:110px;

 }



 .owl-next {

    right:-25px;

    top:110px;

  

    

 }

 .sec-slider .owl-theme .owl-nav [class*='owl-']:hover {

  background: none;

  color: #FFF;

  text-decoration: none;

  outline: none;

  border:none;

  opacity: 0.8;

}





  .owl-next:focus, .owl-prev:focus {outline: none;}

















#logo-mobile{max-width: 70%;}



  .mobile-nav {

    overflow: hidden;

    position: relative;

    

    margin-top:10px;

    

    display: grid;

    align-items:center;

    

  

  }

  

  .mobile-nav #myLinks {

    display: none;

    background: #CC2800;

    padding: 14px 16px;

    text-align:center;

  

   border-bottom:2px solid #ac2504 

   

  }

  

  .mobile-nav a {

    color: white;

    text-decoration: none;

    font-size: 17px;

    display: block;

    padding-bottom:15px;

  }

  

  .mobile-nav .icon {

   

    display: block;

    position: absolute;

    right: 0;

    top: 0;

    color:#CC2800;

    width: 28px;

    display: grid;

    justify-items: center;

    cursor: pointer;

    padding-right:15px;

    margin: auto;

    position: absolute;

    top: 0;  bottom: 0; 

    font-size: 35px;

   

  }

  

  .mobile-nav a:hover {

    

  }

  

  .n-bar{ height: 0px;position: absolute;}

  .mobile-nav .active {}

    

  

  

  .mobile-nav h2{font-size: 10px;margin-top:0px;font-family:Roboto-Bold;letter-spacing: 2px;}







  .prefooter .footer-btn span {font-size: 28px;}

  .footer-btn span {font-size: 28px;}









  .info.info-mobile,.equipment-sec-mobile,.copper-section div.copper-images-mobile{display:none}

  .copper-content-mobile{display: none;}

  .str-icon-mobile{display:none}

  .str-left3-mobile{display:none}

  .sec div.sec1-content-mobile{display: none;}

  .mobile-nav{display: none;}

  .fixed-footer{display: none;}











  #under-img-flow{z-index: 1;}

.flow-section .title{background: #FAFAFA;}

  .flow-section .inner{position:relative;z-index: 2;background:#FAFAFA}

  .flow-section{background: #FAFAFA;}

  .faq{background: #FAFAFA;padding-bottom: 15vh;}



  .equipment-sec .inner {

    padding-top: 0px;

    padding-bottom: 137px;

}



.equipment-sec .inner .title{padding-bottom:66px}







.about-sec{position: relative;background:#FAFAFA;padding-bottom:1px}



#under-about{position:absolute;left:50px;;max-width: 580px;top:50px;}

.about-sec .introduction{position: relative;z-index: 5;}



.footer-btn{grid-template-columns: auto 80px;}

.footer-btn p{font-family:'Roboto';font-weight:600;font-size: 16px;justify-self: end;}



.phone-number h3{font-size:34px}



.yellow-wrap{display: grid;width: fit-content;margin:0 auto;display: inline-block;}

.yw-item1{}

.yw-item2{background:#FFEB00; opacity:45%;height: 22px;margin-top:-110px}

.line{padding-bottom: 76px}









.strengths-section .el h1{border-bottom: 25px solid rgba(255, 235, 0, 0.45);}

.strengths-section  .el h1 {

 

  width: fit-content;

  line-height: 65px;

  margin-bottom:15px

}









@media only screen and (min-width: 1400px) {

  



  

  .el:nth-child(1) .right #blur{margin-top:150px}

  #blur{width: 90vh;}

  





  .panel{ grid-template-columns: 80px auto;align-items:center}



.faq .content .button{margin-bottom:100px}

.faq .spacer{background:#FAFAFA;height: 30px;}



.faq span {

  padding-right: 0px;

  justify-self: center;

}



.content .panel .panel-open {

  display: grid; grid-template-columns: 80px auto

}

.panel{background:#FAFAFA}

.accordion{background: #fff;}

}



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

.sec{margin-top:-87px}



}

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

  .sec{margin-top:-95px}

  

  }



@media only screen and (max-width: 1440px) {.sec{margin-top:-95px}}





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







    .nav-bar .links a {

   

      padding-right: 15px;

  }

    #under-img-strength { width: 70%;}

    #blur {

      

      left: 100px;

      max-width: 33vh;

  }

  .strengths-section h1 {

    font-size: 56px;

}



.strengths-section span {

  

  font-size: 100px;

  

}

.strength-images{max-width: 100%;}

#copper-images{max-width: 100%;}

#strength-images{max-width: 100%;}

.right #blur{display:none}

.sec-slider{padding:20px;padding-bottom:50px}

#under-img-flow{max-width: 90%;}













.panel{grid-template-columns: 80px auto;align-items:center;background: #FAFAFA;}

.accordion{background:#fff;}



.faq .content .button{margin-bottom:100px}

.faq .spacer{background:#FAFAFA;height: 30px;}



.faq span {

  padding-right: 0px;

  justify-self: center;

}



.content .panel .panel-open {

  display: grid; grid-template-columns: 80px auto

}







#hero22 {

  width: 100%;

  height: auto;

}

.hero-sec {

height: auto;

width: 100%;

}



.mobile-v{display:none





  }



  .panel{background:#FAFAFA}

 



  .sec{margin-top:-55px}

  }



  

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



    .nav-bar .links .btn {

     

      padding-right: 20px;

      padding-left: 20px;

      padding-top: 13px;

      padding-bottom: 13px;

      background: #CC2800;

      color: #fff;

      border-radius: 25px;

      font-size: 10px;

      

  }

  #hero22 {

    width: 100%;

    height: auto;

}

.hero-sec {

  height: auto;

  width: 100%;

}



.mobile-v{display:none}





  }



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



  .nav-bar{display: none;}

  .mobile-nav{display: block;}

.sec{margin-top:-40px}

  }











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



    .inner{padding-right:40px;padding-left:40px}

    .overlay .content{display: grid; justify-items: center;}

    .overlay .content h2{max-width: 460px;}

#sec1-image1 {

    position: absolute;

    bottom: 0;

    margin-bottom: 510px;

    right: 10px;

}



#sec1-image2 {

  position: absolute;

  bottom: 0;

  margin-bottom: -90px;

  right: -40px;

}

.right #blur{display:block}

.sec{margin-top:-30px}

.sec{margin-top:-33px}

  }



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

    .mobile-v{display:block}

    .sec1 .overlay {

      margin-top: -40px;

  }

    





.sec-slider{margin-bottom:0px}

#under-img-strength {

  position: absolute;

  left: 20px;

  top: -80px;

  z-index: -2;

}

#under-img-strength {

  width: 94%;

}

.strengths-section .el {grid-template-columns:1fr}

#blur {

  left: 260px;

  top:50px;

}

.left #strength-icons:nth-child(1) {

  padding-right: 50px;

  justify-self: left;

}





.flow-section .content .el{

  display: block;

}



#under-img-flow, #under-faq{



  position: absolute;

  left: 20px;

  top: -80px;

  z-index: -2;

  width: 94%;

 

}

.flow-section .left p {

  padding-left: 0px; 

  font-family: NotoSansCJKJPReg;

  padding-right: 0px; 

  margin-bottom:20px;

}



#flow-images{width: 100%;}

#copper-float-image{display: none;}

.about-sec .introduction{display: block;}







.form-element{grid-template-columns:1fr}



div.form-container {  margin: 0px;}



.form {

  margin-bottom: 200px;

}







footer .links {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  padding-bottom: 83px;

  justify-items: center;

  row-gap:50px

}



footer .links p{line-height: 29px;padding-bottom:7px;font-size:14px}











 .info.info-mobile,.equipment-sec-mobile{display:block}

.info.info-desktop,.equipment-sec-desktop,.copper-section div.copper-images-desktop{display:none}

.copper-section div.copper-images-mobile{display:grid}



.copper-section div.copper-content-desktop{display:none}

.copper-section div.copper-content-mobile{display:block}

.str-icon-mobile{display:block}

.str-icon-desktop{display:none}

.str-left3-desktop{display:none}

.str-left3-mobile{display:grid}

.sec div.sec1-content-desktop{display: none;}

.sec div.sec1-content-mobile{display: block;}

.mobile-nav{display: block;}





















.element .triangle{transform: rotate(90deg);justify-self: center;align-self:start;margin-top:-10px}

.about-sec .introduction .right{padding-left:0px}

.about-sec .introduction .right p {

 

  line-height: 25px;

}

.about-sec .info .left .element {

 

  display: grid;

  grid-template-columns: auto;

  

}

.about-sec .info .left .element { margin-bottom: 0px;}

  

.about-sec .info .left .rec{ min-height: 50px;}





.equipment-sec .content .left .element{grid-template-columns: 1fr;}



.equipment-sec .content .left .rec {

  min-height: 50px;

}

.element-sub{display: grid;grid-template-columns:1fr 1fr;background:#fafafa;height: 50px;align-items:center}

.element-sub h5{font-size:16px; font-family: NotoSansCJKJPReg;padding:0px;margin:0px;}



.equipment-sec .content {

  display: block;

}

.equipment-sec .content .element {

  margin-bottom: 0px;

}

.panel{margin-top:0px;}



form{padding-bottom:0px}







.tampon{height: 390px;background:#fff}

.prefooter{height: auto;}

.prefooter .overlay{height: auto;padding-top:20px;padding-bottom:20px;}

.prefooter .left{

  position:relative

}

.prefooter .right{

  position:relative;

  display:grid;

}

.prefooter #icon {

  margin: auto;

  position: absolute;

  top: 0; left: 0; bottom: 0; right: 0;

  opacity:30%;

  position: absolute;

}

.prefooter #icon {

  position: absolute;

  top: 0;

  bottom: 0;

  z-index: -9;

  display: block;

  width: 10vh;

}

.prefooter .footer-btn {

  max-width: 136px;

  height: 40px;

  align-self: center;

  grid-template-columns: auto 40px;

}

.prefooter .footer-btn span {

  justify-self: end;

  padding-right: 5px;

  margin-top: -12px;

}



.prefooter .footer-btn p {

  justify-self: center;

  font-size: 12px;

  font-family: Roboto-Bold;

  padding-left:10px

}



.prefooter .line1 {

  font-size: 12px;

  font-family: NotoSansCJKJPBold;

}

.prefooter h3 {

  font-family: NotoSansCJKJPBold;

  font-size: 21px;

}

.prefooter .open-hours{padding-top:0px}

.prefooter .open-hours p{font-size: 12px;font-family: NotoSansCJKJPMed;padding-top:0px}

.prefooter .inner{

  padding-right: 0px;

  padding-left: 0px;

}







.footer .links {

  grid-template-columns: repeat(2, 1fr);

  padding-bottom: 83px;

  justify-items: center;

  padding-bottom:50px

}

.footer .copy{padding-bottom:15px}



.footer .footer-btn span {

  justify-self: end;

  padding-right: 5px;

  margin-top: -12px;

}



.footer .footer-btn {

  max-width: 274px;

  height: 44px;

  align-self: center;

  grid-template-columns: auto 20px;

  grid-template-columns: auto 40px;

}

.footer .footer-btn p{font-size:14px;font-family:Roboto-Bold;font-weight: bold;}

.footer .info{font-size:14px}

.footer .links p{line-height: 30px;}

.footer .inner{padding-left:40px;padding-right:40px}



.form textarea {margin-top:10px}

div.form-container {

  padding:0px

}

h1{font-size:25px}

.form .title {margin-bottom:0px}

.title {

  padding-top: 92px;

  padding-bottom: 51px;

  display: grid;

  justify-items: center;

}

.map{margin-bottom:0px;margin-top:93px}

.element .rec h3{ font-family: NotoSansCJKJPBlack; font-size:18px;letter-spacing: 1px;}

.element h3{font-family: NotoSansCJKJPReg; font-size: 16px;}



.about-sec .introduction .right h3{font-size: 18px;}

.about-sec .introduction .right p {

  font-size: 14px;

}

.about-img{width: 100%;}

.about-sec .title {

  padding-top: 107px;

 padding-bottom: 38px; 

}

.equipment-sec .inner {

  padding-top: 0px;

  padding-bottom: 107px;

}

#under-faq {

  position: absolute;

  left: 20px;

  top: -80px;

  z-index: -2;

  width: 55%;

  position: relative;

  height: auto;

  top:0px;

  right:0px;

  left:0px;

  z-index:2;

}











.faq {

  position: relative;

  display: grid;

  justify-items: center;

}

.faq .title {

  padding-top: 0px;

  padding-bottom: 80px;

  margin-top: -60px;

}

.copper-section .images {

  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-gap: 13px;

}

.copper-section {

 

  padding-bottom: 60px;

}





.copper-section .line h3 span {

  font-size: 18px;



}

.copper-section .line h3 {

  font-size: 14px;

  line-height: 26px;

  padding-bottom:38px;

}

.copper-section .title {

  padding-top: 60px;

  padding-bottom: 50px;

  width: 100%;

}

.title h1 {

  color: #fff;

  background: #CC2800;

  padding: 1px;

  padding-right: 15px;

  padding-left: 15px;

}



.flow-section .inner{padding-right:40px;padding-left:40px;text-align: center;}

.flow-section  p {font-size:  14px;line-height: 25px;}

  

.flow-section h2 {font-size: 20px;line-height: 43px;padding-bottom: 15px;}

  

  .flow-section span {

    padding:0px;

   display: block;

}

.flow-section .left {

  text-align: center;

}





.flow-section {

  

  display: grid;

  justify-items: center;

  padding-top:30px;

}

.flow-section .title {

  padding-bottom:70px

}

#under-img-flow {

 

  left: 20px;

  top: 0px;

  z-index: -2;

  width: 65%;

  position: relative;

  height: auto;

  top:0px;

  right:0px;

  left:0px;

  margin-top: -220px;

  z-index:2;

}

.strengths-section .el {

  text-align: start;

  display: grid;

  grid-template-columns: 1fr;

  padding-bottom: 0px;

  column-gap: 0px;

}

.strengths-section .content {

  padding-left: 0px;

}



.strengths-section span {

  font-size: 48px;

}

.strengths-section h1 {

  font-size: 37px;

}

.strengths-section p {

  line-height: 25px;

  

  font-size:  16px;

  padding-bottom: 15px;

  padding-top:10px

}

.strengths-section .title  {

  margin-bottom:30px

}

.strengths-section .left{margin-top:-30px}



.str-icon-mobile{position: absolute;right:-70px;margin-top:-60px;width:30%}

#strength-icons {  width: 30%;}

.strengths-section .title h1 {

  font-size: 25px;

}

.strengths-section .el .right {

  position: relative;

  margin-top: 0px;

  text-align: start;

}



.strengths-section h1 {

  margin-top:-20px;

  

}













.strengths-section{display:grid;justify-items: center;}

#under-img-strength {

 

  left: 20px;

  top: 0px;

  z-index: -2;

  position: relative;

  height: auto;

  top:0px;

  right:0px;

  left:0px;

  margin-top: -190px;

}







#under-about {

  position: absolute;

  left: 20px;

  top: -80px;

  z-index: -2;

  width: 55%;

 

  height: auto;

  top: 0px;

  right: 0px;

  left: 0px;

  z-index: 2;

  margin:auto;

  margin-top:30px

}













.sec-slider {

  padding-bottom:25px;

  margin-top:20px

}



.sec1 .content h2 {

  line-height: 26px;

  padding-bottom: 20px;

  font-size:14px

}

.sec1 .overlay {

  padding-bottom: 20px; 

}

.sec1 .content h2 span{font-size:18px}





#sec1-image2 {

  position: absolute;

  bottom: 0;

  margin-bottom: -45px;

  right: -25px;

  width: 35%;

}



#sec1-image1 {

  position: absolute;

  bottom: 0;

  margin-bottom: 187px;

  right: -15px;

  width: 30%;

}



.sec1 .title {

  padding-top: 40px;

  padding-bottom: 20px;

  display: grid;

  justify-items: center;

}



.sec1 .inner{padding-right: 40px;padding-left:40px;}





input[type=text], select {margin-top:15px}

.form textarea {

  margin-top: 15px;

}







.hero-image{background-image: none;}

.hero-sec{height: auto;}

#hero22{width: 100%;}

.hero-image{z-index: 4;}

.sec{margin-top: -25px;}



.mobile-nav #logo-mobile{margin-left:15px;width: 60%;}



.map{height: 362px;}

.map #i-map {}





.faq span {

  font-size: 30px;

  color: #CC2800;

  line-height: 39px;

  font-family: Roboto-Bold;

  padding-right: 10px;

}













.fixed-footer{position:fixed;background:#D95F42;height: 60px;

  display: grid;grid-template-columns: 1fr 1fr;padding:5px;

  column-gap: 10px;

  bottom: 0px;

  z-index: 999;

width: 100%;

padding-bottom:10px;

box-shadow: 0px -2px 10px -2px rgba(0,0,0,.2);



}

.fixed-footer>div{border-radius:10px;background:#fff;color:#CC2800;padding:5px;text-align: center;z-index: -3;}

.fixed-footer a{color: #cc2800}
.fixed-footer .phone h4{font-size:10px;letter-spacing: 2px;font-family: NotoSansCJKJPBold;line-height: 15px;}

.fixed-footer .phone h2{font-size:21px;font-family:Roboto-Bold;line-height: 28px;}

.fixed-footer .email{margin-right: 10px;position: relative;}

.fixed-footer .phone{position:relative;display:grid;align-items:center}

.fixed-footer .email h4{font-size:21px;font-family:Roboto-Bold;line-height: 28px;}

.fixed-footer #icon{

  position: absolute;color:#F1C6BC !important;

  margin: auto;

  position: absolute;

  top: 0; left: 0; bottom: 0; right: 0;

  width: 25%;

  z-index: -2;



}

.accordion:after {font-size: 20px;}





.accordion{ font-family: NotoSansCJKJPBold;margin-bottom:0px}

.accordion .panel {font-size: 14px !important; margin-bottom: 5px;}

.accordion .panel .panel-open{margin:0px; background: #FAFAFA;}



#about-img{width: 100%;}











#blur{left:100px;max-width: 60vh;}

.right #blur {

  

  top: -230px;

  left: -100px;



}

.str-icon-mobile {

  position: absolute;

  right: -70px;

  margin-top: -70px;

  width: 30%;

}



.line{padding-bottom:40px}



.inner{padding-left:20px;padding-right:20px}







.yellow-wrap{display: grid;width: fit-content;margin:0 auto}

.yw-item1{}

.yw-item2{background:#FFEB00; opacity:45%;height: 12px;margin-top:-15px}

.copper-section .line h3 {padding-bottom:0px}

.line{padding-bottom:20px}









.copper-section div.copper-content-mobile {



  padding-bottom: 35px;

}





.strengths-section .el h1{border-bottom: 10px solid rgba(255, 235, 0, 0.45);}

.strengths-section  .el h1 {

 

  width: fit-content;

  line-height: 20px;

  margin-bottom:10px;

  margin-top:15px

  

}

.strengths-section .right h1{

  margin-right: 0px;

    margin-left: auto;

}













 #blur .right{margin-top: 1000px !important;}

 .blur-mobile4{margin-top: 0px !important;}

 .str-left3-mobile .blur-mobile3{margin-top: 100px;left:70px !important; }



 .faq .spacer{height: 20px;}



 .sec {

  margin-top: 12px;

}



  }

    



  



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

    .sec1 .overlay {

      margin-top: -35px;

  }

    

    #under-img-strength { width: 80%;}

   

    #sec1-image1 {

      position: absolute;

      right: 10px;

      width: 23%;

      top: 0;

      margin-top: 150px;

  }

  #sec1-image2{  width: 30%;right: 0px;}

  









  

  }

 

  





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



    .sec1 .content h2{font-weight: 500;}



    .str-icon-mobile {

      position: absolute;

      right: -70px;

      margin-top: -90px;

      width: 30%;

    }



    .prefooter .footer-btn span {

      justify-self: end;

      padding-right: 7px;

      margin-top: 5px;

      font-size: 20px;

  }



  .footer .footer-btn span {



    justify-self: end;

    padding-right: 7px;

    margin-top: 5px;

    font-size: 20px;

  }





  #sec1-image1 {

    position: absolute;

    right: 10px;

    width: 23%;

    top: 0;

    margin-top: 150px;

}

#sec1-image2{  width: 30%;right: 0px;}









.owl-next, .owl-prev {

 top:50px



  }

  

  .accordion{font-size:15px;grid-template-columns: 30px auto 25px;}

  .panel{font-size:15px;line-height: 22px;grid-template-columns: 30px auto 25px;}

  .faq span{align-self:start;margin-top:-5px}

  .faq span{font-size:25px}

  .sec {

    margin-top: 13px;

}

  

  }

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

    .sec1 .overlay {

      margin-top: -28px;

  }

  .owl-next, .owl-prev {

    top:45px

   

     }

     .owl-next img{width: 80%}

     .owl-prev img{width: 80%}

     .sec {

      margin-top: 40px;

  }

  }



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

    .owl-next, .owl-prev {

      top:45px;

      font-size:16px

     

       }

      



  }

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

    .str-icon-mobile { margin-top: -55px;}

    #under-about {margin-top:40px}

  

    .fixed-footer #icon{width: 35%;}





  .accordion:active{padding-bottom:0px}



  

  .copper-section .line h3{z-index: 2;position: relative;}

 

  

  .owl-next, .owl-prev {

    top:35px;

    font-size:16px

   

     }

}