/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important;
  margin: 0 auto; }
.sp { display: none !important; }

@media (max-width: 768px) {/*アイパッド対応------------------ */
  /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
  .pc { display: none !important; }
  .sp { display: block !important; }

  .header{
    height: 120px;

  }
  .header .tama{
    bottom: -300px;
  }
  .header_img{
    padding: 20px 0 70px 0;
  }

  .header_img img{
    width: 100%;
  }

  .menu_Button{
    margin-top: 300px;
  }
  .box{
    width: auto;
  }
  .box h2{
    text-shadow: none;
  }

.camera_pic .camera_pic_img1{
  padding-top: 50px;
}


.camera_illust{
  width: 50%;
}
.ann_illust{
  width: 50%;
}
.pro_illust{
  width: 50%;
}
.robo_illust{
  width: 50%;
}


.camera_title a{
  margin: 0 auto;
}
.ann_title a{
  margin: 0 auto;
}
.pro_title a{
  margin: 0 auto;
}
.robo_title a{
  margin: 0 auto;
}


.camera_pic_btn1{
  top: 460px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
}

.camera_pic_btn2{
  left: 60%;
  transform: translate(-60%);
  -webkit-transform: translate(-60%);
  -ms-transform: translate(-60%);
  width: 85%;
}
.camera_pic_btn2 ul li{
  font-size: 15px;
  line-height: 1.3;
}

.camera_pic2 h3{
  text-shadow: none;
  flex-direction: column;
}

.camera_pic_img2{
  flex-direction: column;
}

.camera_pic_img2 div{
  width: 90%;
  margin: 10px auto;
}

.camera_pic_img2 div ul{
  padding: 10px 0;
}

.camera_pic_img2 ul li{
  padding: 10px 10px 10px 30px;
}
.camera_pic_img2 ul{
  padding: 10px 0;
}

.ann_pic_img1{
  padding: 50px 0 0 0;
}

.ann_pic_btn1{
  top: 260px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform:translate(-50%);
  -ms-transform:translate(50%);
}

.ann_pic2 h3{
  text-shadow: none;
}
.ann_pic2 img{
  width: 90%;
  margin: 0 auto;
}

.ann_pic_setu{
  top: 0px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform:translate(-50%);
  -ms-transform:translate(50%);
  width: 100%;
}
.ann_pic_setu p{
  padding: 0px 20px;
}


.pro_pic p{
  line-height: 1;
  padding: 20px;
}

.pro_pic_btn1{
  top: 260px;
}

.pro_pic2 h3{
  text-shadow: none;
  margin: 0 0 20px 0;
}

.pro_pic_img1{
  padding-bottom: 40px;
}


.pro_pic_img2{
  flex-direction: column;
}
.pro_pic_img2 div{
  width: 90%;
  margin: 10px auto;
}

.pro_pic_img3 .img3 div{
  flex-direction: column;
}
.pro_pic_img3 .img3 div img
{
  padding: 0;
  margin: 10px auto;
}

.pro_pic_img3 .img3 .setsu p{
  font-size: 18px;
}


.robo_pic{
  padding: 0px;
}

.robo_pic_setu {
  top: 80px;
  left: 50%;
  width: 90%;
  text-align: left;
  transform: translate(-50%);
  -webkit-transform:translate(-50%);
  -ms-transform:translate(50%);
}

.robo_pic_setu p{
  font-size: 22px;
  line-height: 1.5;
}

.robo_pic_setu2{
  top: 1070px;
  left: 60%;
  width: 85%;
  text-align: left;
  transform: translate(-60%);
  -webkit-transform:translate(-60%);
  -ms-transform:translate(60%);
}

.robo_pic_btn1{
  top: 1150px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform:translate(-50%);
  -ms-transform:translate(50%);
}










.footer_haikei{
  padding: 20px;
  height: auto;
}

.sannkaku{
  width: 60px;
  margin: auto;
}


}