.wrap{ margin: 0 auto; padding: 0 20px;}
.wrap img{max-width: 100%;}
.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 85%, #EB868C 0%); padding: 0 20px;}
.cat_name + p{font-size: 2rem; text-align: center; line-height: 1.8; max-width: 980px; margin: 0 auto}

ul.navigation{display: flex; justify-content: space-between; max-width: 960px; margin: 60px auto;}
ul.navigation li{width: 23%;}
ul.navigation li a{ display: block; text-align: center; padding: 20px; border: solid 2px #fff; border-radius: 10px; }
ul.navigation li a figure figcaption{ font-size: 2rem; font-weight: 500; margin-top: 10px; }
ul.navigation li a:hover{ background:#EB868C;  }

.heading{margin: 80px calc(50% - 50vw) 40px; width: 100vw; background: #fff; padding: 20px;}
.heading_inner{max-width: 960px; margin: 0 auto; display: flex; align-items: center;}
.heading_inner .icon{ background: #EB868C; padding: 10px; border-radius: 10px; text-align: center; margin-right: 20px; }
.heading_inner .icon img{width: 80%;}
.entry_area { padding-top: 50px; background: url(/recruit/chubu/img/wave_footer2.gif) center 0 no-repeat !important;}
.heading_inner h3{color: #D80C18; font-size: 3.5rem; font-weight: 800; }
.heading_inner h3 span{color: #000; font-size: 2rem; display: block; font-weight: 200; margin-top: 10px}

.infographic{max-width: 960px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.infographic .unit_wrap {background: #E4555E; margin-bottom: 20px; }
.infographic:after {content: ""; display: block; width: 32%; height: 0;}
.infographic .unit_wrap h4{ background: #fff; color: #D80C18; font-size: 2.5rem; padding: 10px; }
.infographic .unit_wrap h4 span{ display: block; font-size: 16px; margin-top: 10px; }
.infographic .graphic{ padding: 25px; text-align: center;}



@media screen and (max-width: 650px) {
.cat_name{margin: 30px 0}
.cat_name h2{font-size: 2.5rem; padding: 0;}
.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;}
.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;}

ul.navigation { flex-wrap: wrap; margin: 30px 0;}
ul.navigation li{width: 48%; margin: 10px 0;}
ul.navigation li a figure figcaption{font-size: 1.6rem;}

.heading{margin: 40px calc(50% - 50vw) 20px;}
.heading_inner h3{font-size: 2.5rem;}
.heading_inner h3 span{font-size: 1.6rem;}
.heading_inner .icon{width:30%;}
.infographic .unit_wrap h4{font-size:2rem;}
.infographic {display: block;}
.infographic .unit_wrap {width: 100%;}

}