@charset "utf-8";



/*-----------------------------------------------
Main内のスタイル
-----------------------------------------------*/

.mainvisual-3 {
  background-color: #ABCAE3;
  margin-bottom: 0px;

}


/*-------------------------------------------
リンクエリア  のスタイル
-------------------------------------------*/

.products-link {
  background-color: #ffffff;
  height: 160px;
  
}

.link-frame {
  width: 370px;
  padding-top: 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto; 
}

.co-bn {
  text-align: left;  
}

.cu-bn {
  text-align: right;  
}

/*-------------------------------------------
製品掲載枠エリア 1 のスタイル
-------------------------------------------*/

.products1 {
  background-color: #ffffff;
  height: 740px;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;

}


.title-img {
    width: auto;
    height: auto;

}

.link-bn {
  padding-top: 20px;
  width: 380px;
  padding-left: 40px;

}


/*-------------------------------------------
製品掲載枠エリア 2 のスタイル
-------------------------------------------*/

.products2 {
  background-color: #ffffff;
    height: 440px;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}



/*-------------------------------------------
製品掲載枠エリア 3 のスタイル
-------------------------------------------*/

.products3 {
  background-color: #c6c6c6;
  height: 600px;

}

/*-------------------------------------------
サポート　のスタイル
-------------------------------------------*/

.support {
  background-color: #F5F5F5;
  height: 360px;

.sh-support {
  padding-top: 25px;
  text-align: center;  
  padding-bottom: 20px;
}


}



/*-------------------------------------------
Footerのスタイル
-------------------------------------------*/
  #footer {
    background-color: #2d4961;
    color: #e6e4e4;
    height: 205px;
    padding-left: 15px;
  .co-text {
    font-size: 16px;
    padding-top: 16px;
    padding-bottom: 1px;
  }  
  .co-add {
    font-size: 14px;
    padding-bottom: 60px;
  }
  .border {
    width: 99%;
    text-align: center;
  }
  .co-link {
    padding-top: 5px;
    font-size: 14px;    
    text-align: right;
    padding-right: 12px;
    padding-bottom: 30px;
  }

  .copyright {
    text-align: right;
    font-size: 12px;
    padding-right: 10px;

  }
  

  }



/*-----------------------------------------------

スマートフォン

-----------------------------------------------*/

@medeia screen and (max-width: 767px) {

  #header {
   padding-top: 25px;
   padding-bottom: 25px;
  }
  #header .logo {
  max-width: 120px;
  }


/*-----------------------------------------------
ハンバーガーアイコン
-----------------------------------------------*/







}