/*--------------------------main-------------------*/
table{
  padding-bottom: 50px;
}
th{
  padding: 15px 30px 10px 20px;
}

.box2{
  padding-bottom: 30px;
}
.box3 table{
  margin-top: 30px;
}



/*-----------------map-----------------*/
.map{
  width: 80%;
  margin-top: -20px;
}
.map iframe{
  width: 910px;
  max-width: 100%;
}
/*-----------------レスポンシブ対応-------------------*/

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
  
  /*--main--*/
  .main img{
    width: 100%;
  }
  .main table{
    font-size: 14px;
  }
  .main .box2{
   font-size: 14px;
  }
  .main .box3{
    font-size: 14px;
  }
  .main .box3 p{
    font-size: 14px;
  }
  .main .box3 table{
    width: 100%;
    margin-top: 30px;
    font-size: 13px;
  }
  /*-----------------map-----------------*/
  .map{
    width: 100%;
  }

}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
  /*--main--*/
  .main table{
    font-size: 14px;
  }
  .main .box2{
   font-size: 14px;
  }
  .main .box2 p{
    font-size: 14px;
  }
  .main .box3{
    font-size: 14px;
  }
  .main .box3 p{
    font-size: 14px;
  }
  .main .box3 table{
    margin-top: 20px;
    font-size: 14px;
  }
  .main .box3 table tr th{
    width: 30%;
    padding: 20px;
  }

}


/*0〜414px対応*/
@media  only screen and (max-width: 414px){
  /*--main--*/
  .main table{
    font-size: 12px;
  }
  .main .box2 p{
    font-size: 12px;
    margin-left: 5px;
  }
  .main .box3 p{
    font-size: 12px;
    margin-left: 5px;
  }
  .main .box3 table{
    margin-top: 20px;
    font-size: 12px;
  }
  .main .box3 table tr th{
    padding: 14px 14px 14px 0;
  }
  
}