@charset "UTF-8";
/* =================================
Top Page CSS
================================= */

.pecial_menu h3 { margin-top: 30px;margin-bottom: 30px;  }

.pecial_menu .box_special{ margin-top: 30px;margin-bottom: 80px;  }

.pecial_menu .box_special img { margin-bottom: 20px;  }

.pecial_menu_02 .content_img_01 {
  margin-top: 40px; 
}

.pecial_menu_02 .box_special,
.pecial_menu_02 h3 { margin-top: 30px; }
.content_img_01 .box.box_03 {
    margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
  .pecial_menu .box_special{ margin-bottom: 40px;  }
  .pecial_menu_02 .content_img_01 {
    margin-top: 40px; 
  }
  
  .pecial_menu_02 .box_special,
  .pecial_menu_02 h3 { margin-top: 30px; }
  
  .box_special img,
  .box_special { width: 100%; }
  
  .box_special,
  .box_special p {
    font-size: 13px;
    line-height: 1.8em;
  }

  .content_img_01 .box div.box_content:first-child,
  .content_img_01 .box div.box_content:last-child {
    float: none;
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  
  .content_img_01 .box div.box_content:first-child img {
    width: 100%;
    height: auto;
    max-width: 400px;
  }
  
  .content_img_01 .box { margin-bottom: 20px; }
  .content_img_01 .box.box_03 div.box_content:first-child,
  .content_img_01 .box.box_03 div.box_content:last-child {
    float: none;
    width: 100%;
    height: auto;
    margin-top: 0;
  }
  
  .content_img_01 .box.box_03 div.box_content:first-child img {
    width: 100%;
    height: auto;
    max-width: 400px;
  }
  
  .content_img_01 .box.box_03 { margin-bottom: 0; }

  .box_special,
  .box_special p {
    font-size: 12px;
    line-height: 1.8em;
  }
  .content_img_00 .box_03{
    width: 100%;
    padding: 0;
  }
}