@charset "UTF-8";

/*-------------------------
__topics_style
-------------------------*/
.topics .topics_inner{text-align:left;padding:30px 30px 0;overflow:hidden;box-sizing:border-box;border-radius:20px;background-color:#f0f0ee;}
.topics .topics_ttl{font-size:2em;margin:0 0 20px;padding:15px;border-radius:10px;color:#FFF;background-color:#33513b;}
.topics .topics_txt{font-size:1.6em;line-height:1.5;word-break:break-all;margin:0 0 30px;}
.topics .topics_img{margin:0 0 30px;padding:30px;border-radius:10px;background-color:#FFF;}
.topics .topics_img ul{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;margin:auto;}
.topics .topics_img ul li{display:block;width:calc((100% - 30px)/2);height:100%;margin:0 0 30px 0;overflow:hidden;box-sizing:border-box;border-radius:10px;background-color:#FFF;border:1px solid #c4c4c4;position:relative;}
.topics .topics_img ul li:first-child{margin-right:auto;margin-left:auto;}
.topics .topics_img ul li:nth-child(even){margin-left:30px;}
.topics .topics_img ul li:nth-last-child(1),
.topics .topics_img ul li:nth-last-child(2){margin-bottom:0;}
.topics .topics_img ul li::before{content:"";display:block;padding-top:75%;}
.topics .topics_img ul li a{display:block;position:absolute;top:0;right:0;bottom:0;left:0;}
.topics .topics_img ul li img{width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;;left:0;}
.topics .topics_img + .form_base{margin-top:30px;}
.topics .form_base{margin:0 0 30px;padding:30px;box-sizing:border-box;border-radius:10px;background-color:#FFF;}
.topics .form_base .form_ttl{font-size:1.8em;font-weight:700;text-align:center;margin:0 0 20px;padding:15px 10px;border-radius:10px;color:#FFF;background-color:#33513b;}

@media screen and (min-width:768px) {
  .topics .topics_img ul li a img{transition:transform .3s;}
  .topics .topics_img ul li a:hover img{transform:scale(1.2);}
}
@media screen and (max-width:980px) {
  .topics .topics_ttl{font-size:1.9em;}
  .topics .topics_txt{font-size:1.5em;}
}
@media screen and (max-width:767px) {
  .topics .topics_inner{padding:10px 10px 0;border-radius:10px;}
  .topics .topics_ttl{font-size:1.8em;margin:0 0 10px;padding:10px;border-radius:5px;}
  .topics .topics_txt{font-size:1.4em;margin:0 0 15px;}
  .topics .topics_img{margin:0 0 15px;padding:10px;border-radius:5px;}
  .topics .topics_img ul li{width:calc((100% - 10px)/2);margin:0 0 10px 0;}
  .topics .topics_img ul li:nth-child(even){margin-left:10px;}
  .topics .form_base{margin:0 0 15px;padding:10px;border-radius:5px;}
  .topics .form_base .form_ttl{font-size:1.6em;margin:0 0 15px;border-radius:5px;}
  .topics .form_base table{padding:10px;}

  #content .form_base td .w8em{width:5em;}
  #content .form_base td input[type="button"]{font-size:11px;margin:5px 0 0;padding:13px 5px 14px;}
}