/*!
sp css
 ______________________________*/
@media screen and (max-width: 599px) {
  /*
header
______________________________*/
    
    
/*
.scroll-table
_____________________________*/

.scroll-table {
  overflow: auto;
  white-space: nowrap;
  /*border: solid 1px #ddd;*/
}

header {
  padding:5px;
  }

  .top_about,.top_hope,.top_management{
    padding: 20px 0;
}

h3 {
  font-size: 2rem;
}
h3 span {
  font-size: 1.3rem;
}
.top_about h4 {
  margin: 20px 0 10px;
  font-size: 2rem;
}
p {
  font-size: 1.2rem;
}

.top_letter_tx {
  margin: 0 0;
}
.top_hope h3 {
  margin-bottom: 20px;
}
.top_management_flex,.top_link,footer ul{
  display: block;
  margin:0;
}
.top_management_flex li:nth-child(1),
.top_management_flex li:nth-child(2),
.top_link li{
  width:100%;
  margin-bottom: 20px;
}

footer ul li:nth-child(1),
footer ul li:nth-child(2){
  width:100%;
}

  /*_______________________

.flex_box
________________________*/
  .flex_box {
    display: block;
  }
  .img_box, .img250 .img_box, .img350 .img_box, .text_box {
    width: 100% !important;
  }
  .img_box img, .img250 .img_box img, .img350 .img_box img {
    width: 100% !important;
  }
  .img_float .img_box {
    float: right;
    width: 40% !important;
    margin-left: 3%;
  }
  .img_float ::after {
    content: "";
    display: block;
    clear: both;
  }
  .hero_img img {
    width: 80%;
    height: auto;
  }
  /*___________________________________*/
}