@charset "UTF-8";
/* CSS Document */

.rec_wrap{}
.rec_wrap .rec_ul{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1.0em 2%;}
.rec_wrap .rec_ul li{ flex: 0 0 32%;}
.rec_wrap .rec_ul li.tfs{ flex: 0 0 100%; }
.rec_wrap .rec_ul li a{ display: block; background: #003342; color: #FFFFFF; text-align: center; padding: 0.8em 0.5em; text-decoration: none; border-radius: 0.5em; font-size: 128%;}
.rec_wrap .rec_ul li.tfs a{ background: #FF9A48; color: #000000; font-size: 148%; font-weight: bold;}
.rec_wrap .rec_ul li a:hover{ opacity: 0.8;}
@media ( max-width: 480px ) {
  .rec_wrap .rec_ul{ display: block;}
  .rec_wrap .rec_ul li{ margin-top: 0.7em;}
}

.line_recruit{ display: flex; margin: 2.0em auto 0 auto; align-items: center; color: #FFFFFF; background: #39ce03; padding: 0.5em 1.5em; width: fit-content; font-weight: bold; font-size: 116%; border-radius: 0.5em; text-decoration: none !important;}
.line_recruit img{ display: block; height: 2.0em; width: auto; margin: 0 0.5em 0 0;}




footer{ display: none;}

/*
footer > *{ display: none;}
footer .footer_sns{ display: block;}
*/