/* top-img */

.top_img_area01{width: 780px;height: 300px;position: relative;margin: 30px auto;}
.top_img01{width: 780px;height: 300px;position: absolute;top: 0px;left: 0px;animation: mkm_img01 15s infinite;}
.top_img02{width: 780px;height: 300px;position: absolute;top: 0px;left: 0px;animation: mkm_img02 15s infinite;}
.top_img03{width: 780px;height: 300px;position: absolute;top: 0px;left: 0px;animation: mkm_img03 15s infinite;}
@keyframes mkm_img01{
  0%{opacity: 1;}
  100%{opacity: 1;}
}
@keyframes mkm_img02{
  0%{opacity: 0;}
  35%{opacity: 0;}
  50%{opacity: 1;}
  85%{opacity: 1;}
  100%{opacity: 0;}
}
@keyframes mkm_img03{
  0%{opacity: 1;}
  35%{opacity: 1;}
  50%{opacity: 0;}
  85%{opacity: 0;}
  100%{opacity: 1;}
}



 /* topblue */
.topblue2022{
  width: 780px;height: 120px;display: flex;box-sizing: border-box;background:linear-gradient(to top, #00c, #00f 20%, #00f 80%, #00c 100%);border-top: 2px solid #006;border-bottom: 2px solid #006;margin-top: 20px;margin-bottom: 40px;
}

.topblue2022_left{
  width:35%; height: 100%; border-right:2px solid #006; display:flex; align-items:center; justify-content:center;
}

.topblue2022_left_text{
  font-size:23px; color:#eee; line-height:120%;
}

.topblue2022_right{
  width:65%; height:100%; background:linear-gradient(to top, #e4e4e4, #ffffff 20%, #ffffff 80%, #e4e4e4 100%); border-left:2px solid #aaa; display:flex;align-items:center;justify-content: center;
}

.topblue2022_right_text{
  font-size:27px; font-weight:bold; color:#006; line-height: 105%;
}

/* FAX */

.fax_pdf_area{width: 720px;display: flex;margin: 0 auto 150px;}
.fax_tegaki_pdf_area{width: 350px;border: 2px solid;box-shadow: 2px 2px 2px #888;margin: 0px 5px;position: relative;}
.fax_tegaki_pdf_area a{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.fax_tegaki_pdf_click{width: 100%;height: 40px;font-size: 26px;line-height: 40px;font-weight: bold;transition: 0.3s;}
.fax_tegaki_pdf_area:hover .fax_tegaki_pdf_click{color: #ff007a;font-size: 35px;transition: 0.3s;}