.wrap{ margin: 0 auto; padding: 0 20px;}
.cat_name{ text-align: center; margin: 50px 0;}
.cat_name h2{ font-size: 6rem; font-style: normal; font-weight: bold; display: table; margin: 0 auto; background: linear-gradient(transparent 75%, #EB868C 0%); padding: 0 20px;}
.cat_name + p{font-size: 2rem; text-align: center; line-height: 1.8; max-width: 980px; margin: 0 auto}
.wrap_tab{max-width: 960px; margin: 0 auto; padding: 0 20px;}
#tab-button { display: table; table-layout: fixed; width: 100%; margin: 60px auto 40px; padding: 0; list-style: none; border-bottom: solid 5px #fff;}
#tab-button li { display: table-cell; width: 25%; margin:0;}
#tab-button li a { display: block; padding: .5em; background: #d80c18; border: 1px solid #fff; border-radius: 5px 5px 0 0; text-align: center; color: #fff; margin-right:1px; text-decoration: none;}
#tab-button li:not(:first-child) a {border-left: none;}
#tab-button li a:hover,
#tab-button .is-active a { border-bottom-color: transparent; background: #fff; color:#d80c18;}
.photo{display: flex; justify-content: center; flex-wrap: wrap; max-width: 1400px; margin: 60px auto 0 auto;}
.photo a{display: block;width: 280px;position: relative;margin-bottom: 30px;overflow: hidden; padding: 5px 5px 40px 5px; background: url('../img/logo.png') 10px 218px no-repeat #fff; margin: 10px;}
.photo a div{position: absolute; right: 10px; bottom: 10px;}
.photo a figure img{width: 100%;}
.photo a figure figcaption{width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); opacity: 0; color: #fff; display: flex; align-items: center; text-align: center; padding: 30px;}
.photo a:hover figcaption{opacity: 1; transition:all 0.6s ease; line-height: 1.5;}

a.none{background: none;}
.fancybox-caption__body{color: #D80C18; padding: 20px; background: #fff;}

.entry_area { padding-top: 50px; background: url(/recruit/kyushu/img/wave_footer2.gif) center 0 no-repeat !important;}

@media screen and (max-width: 650px) {
.cat_name{margin: 30px 0}
.cat_name h2{font-size: 3rem;}
.cat_name + p{font-size: 1.4rem; margin-bottom: 20px; line-height: 1.5;}
.cat_name + p br{display: none;}
.cat_name + p small{display: block;}
#tab-button{display: flex; justify-content: space-between; border-bottom: none; flex-wrap: wrap; margin: 20px 0 40px 0;}
#tab-button li{ width: 48%; margin-top: 20px; }
#tab-button li:not(:first-child) a { border: 1px solid #fff;}
#tab-button li a{ padding: 1em; margin: 0; border-radius: 5px; }
.photo{ margin-top: 20px; justify-content: space-between;}
.photo a { width: 47%; background: url(../img/logo.png) 10px 91% no-repeat #fff; margin: 10px 0 10px; background-size: 60%;}
a.none{background: none;}
.photo a figure figcaption{padding: 10px;}
}