.main_box
{
  padding-top: 30px;
  color: white;
}

.contents2 {
  padding-top: 30px;
}

.sub_box
{
  /* border: 1px black solid; */
  height: 250px;
  box-shadow: 0px 20px 20px -12px rgba(0, 0, 0, 0.3);
}

.sub_box p
{
  font-size: 30px;
}

.sub_box img
{
  width: 80%;
}

.main_btn 
{
  width: 100%;
  height: 100%;
  font-size: 16px;
  background-color: #8BA7BD;
  border: 1px solid #6F8AA0;
}

.main_btn:hover
{
  background-color: #6F8AA0;
  border: 1px solid #6F8AA0;
}

.main_btn:focus
{
  background-color: #D0ECFF;
  border: 1px solid #6F8AA0;
}
 /* タブレットの設定
@media screen and (max-width: 1024px) and (orientation: landscape)
{
  body{zoom:86%}
  .container-fluid{zoom:100%}
  .container{zoom:100%} 
  div.row.justify-content-center.contents2 > div:nth-child(3) > div > a > p
  {
    font-size: 24px;
  }
  .col-md-3 {
    flex: 0 0 26%;
    max-width: 25%;
}
} */