.wrap{max-width: 1000px; 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}
.list_people{display: flex; justify-content: center; flex-wrap: wrap;}
.list_people li {text-align: center; width: 20%; margin-bottom: 40px;}
.list_people li figure .img{ display: flex; align-items: flex-end; }
.list_people li figure img { margin: 0 auto; width: 100%; }
.list_people li figure figcaption{ background: #fff; margin: -40px 10px 0 10px; padding: 50px 0 20px 0;}
.list_people li figure figcaption em{font-size: 1.4rem; font-style: normal; color: #D80C18; text-align: center; font-weight: bold; margin-top: 10px;}
.list_people li figure figcaption .name{font-size: 2rem; font-weight: bold; color: #000; margin: 5px 0 10px 0; font-style: normal; }
.list_people li figure figcaption + span{ position: relative; display: table; margin: -20px auto 0 auto; padding: 10px 20px 10px 30px; line-height: 1; font-size:1.4rem; color: #D80C18; border: solid 2px #FF8D94; transform: skewX(-15deg); background: #fff;}
.list_people li figure figcaption + span:before{ content: '●' ; color: #D80C18; font-size:1rem; left: 12px; top: 12px; transform: skewX(15deg); position: absolute}
.list_people li figure figcaption + span{transform: skewX(-15deg); display: block; font-weight: bold; font-style: normal; width: 70%; }
.list_people li a:hover figure figcaption + span{background: #D80C18; color: #fff; border: solid 2px #fff;}
.list_people li a:hover figure figcaption + span:before{ color: #fff; }
#tab-button { display: table; table-layout: fixed; width: 100%; margin: 60px 0 40px 0; padding: 0; list-style: none; border-bottom: solid 5px #fff;}
#tab-button li { display: table-cell; width: 20%; 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;}

.tab-contents {margin-top: 20px;}
.entry_area{background: url('/recruit/kyushu/img/wave_footer2.gif') center 0 no-repeat !important;height: 527px;padding-top: 150px;}

@media screen and (min-width: 650px) {
.tab-button-outer { position: relative; z-index: 2; display: block;}

.tab-contents { position: relative; top: -1px; margin-top: 0;}
/* select#tab-select{ width:100%; padding: 10px;border-radius: 5px;} */
}

@media screen and (max-width: 900px) {
.data ul{ display: block; }
.data ul li{ width: 90%; margin: 0 auto 20px auto; }
.data ul li div{justify-content: center;}
.data ul li div:first-child{ margin-right: 20px; }
}

@media screen and (max-width: 700px) {
.list_people li {text-align: center; width: 33%; }
}

@media screen and (max-width: 650px) {
.cat_name{margin: 30px 0}
.cat_name h2{font-size: 3rem;}
.list_people{justify-content: space-between;}
.list_people:after { display: block; content:""; width: 33%;}
.list_people li {text-align: center; margin-bottom: 0;}
.list_people li figure figcaption em{ font-size: 1.2rem; }
.list_people li figure figcaption a{padding: 20px 10px}
.list_people li figure figcaption a:before{display: none;}
.list_people li figure figcaption{height: 10em; margin: -40px 5px;}
.cat_name + p{font-size: 1.4rem; margin-bottom: 20px; line-height: 1.5;}
.cat_name + p br{display: none;}
#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:first-child{ width: 100%; }
#tab-button li a{ padding: 1em; margin: 0; border-radius: 5px; }
.list_people li figure figcaption + span{width: 90%; margin: 20px auto 0 auto; padding:10px 10px 10px 25px; font-size: 1.2rem;}

/* #tab-select{ width: 100%; border: solid 2px #fff; border-radius: 5px;padding: 10px; }
.tab-select-outer{position: relative;}
.tab-select-outer:before{ content: ''; width: 10px; height: 10px; border: 0; border-bottom: solid 2px #fff; border-right: solid 2px #fff; position: absolute; top: 47%; right: 20px; margin-top: -6px; transform: rotate(45deg);} */

}