/* careerplan_page
-----------------------------------------------------------------*/
/* #Sec01
-----------------------------------------------------------------*/
.careerplan_page #Sec01{
  padding: 70px 50px 50px;
  position: relative;
}
.careerplan_page #Sec01 .inner{
  margin: 0 auto;
}

.careerplan_page #Sec01 .catch{
  font-size: 2rem;
  text-align: center;
  position: relative;
  padding-bottom: 8px;
}
.careerplan_page #Sec01 .catch:after{
  content: "";
  width: 35px;
  height: 4px;
  background-color: #C60813;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate( -50%, 0);
}
.careerplan_page #Sec01 .main_txt{
  text-align: center;
  margin-top: 50px;
  line-height: 3.5rem;
}

.careerplan_page #Sec01 .box{
  margin-top: 70px;
  padding: 60px 50px 50px;
  position: relative;
}
.careerplan_page #Sec01 .box.bg_pink{
  background-color: rgba(198,8,19,0.1);
}
.careerplan_page #Sec01 .box.bg_gr{
  background-color: #D1D1D1;
}
.careerplan_page #Sec01 .box.bg_red{
  background-color: rgba(198,8,19,0.4);
}
.careerplan_page #Sec01 .box .tag{
  color: #ffffff;
  background-color: #C60813;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.6rem;
  padding: 5px 30px;
}
.careerplan_page #Sec01 .box ul{
  
}
.careerplan_page #Sec01 .box ul li{
  margin-top: 20px;
}
.careerplan_page #Sec01 .box ul li a{
  display: block;
  position: relative;
  background-color: #ffffff;
  padding: 20px 40px 30px;
}
.careerplan_page #Sec01 .box ul li .ttl{
  font-size: 1.8rem;
  color: #C60813;
}
.careerplan_page #Sec01 .box ul li .txt{
  font-size: 1.4rem;
  margin-top: 5px;
}
.careerplan_page #Sec01 .box ul li .more{
  font-size: 1.2rem;
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #575757;
}

.careerplan_page #Sec01 .box .shikaku{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.careerplan_page #Sec01 .box .shikaku p{
  background-color: #ffffff;
  color: #C60813;
  font-size: 1.8rem;
  padding: 15px 30px;
  margin: 20px 20px 0 0;
}
.careerplan_page #Sec01 .box .shikaku p.etc{
  background-color: initial;
  color: #575757;
  padding: 0;
}


.sec_media{
  padding: 50px 0 50px;
}
.sec_media .catch{
  text-align: center;
  font-size: 2rem;
}
.sec_media .sec_inner{
  background-color: #F7F7F7;
  margin-top: 20px;
  padding: 40px 50px 70px;
}
.sec_media .sec_ttl{
  font-size: 2.6rem;
  color: #C60813;
  text-align: center;
}
.sec_media .news_slide{
  max-width: 1020px;
  margin: 0 auto;
}
.sec_media .news_slide:after{
	content: "";
	width: 31%;
}
.sec_media .link_btn{
  margin-top: -20px;
}

@media screen and (max-width: 767px) {
/* 767pxまでの幅の場合に適応される */

/* #Sec01
-----------------------------------------------------------------*/
.careerplan_page #Sec01{
  padding: 40px 20px 40px;
  position: relative;
}
.careerplan_page #Sec01 .inner{
  max-width: 640px;
  margin: 0 auto;
}

.careerplan_page #Sec01 .catch{
  font-size: 1.6rem;
  text-align: center;
  position: relative;
  padding-bottom: 8px;
}
.careerplan_page #Sec01 .catch:after{
  content: "";
  width: 26px;
  height: 3px;
  background-color: #C60813;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate( -50%, 0);
}
.careerplan_page #Sec01 .main_txt{
  text-align: center;
  margin-top: 20px;
  font-size: 1.3rem;
  line-height: 2.3rem;
}

.careerplan_page #Sec01 .box{
  margin-top: 30px;
  padding: 30px 20px 40px;
  position: relative;
}
.careerplan_page #Sec01 .box.bg_pink{
  background-color: rgba(198,8,19,0.1);
}
.careerplan_page #Sec01 .box.bg_gr{
  background-color: #D1D1D1;
}
.careerplan_page #Sec01 .box.bg_red{
  background-color: rgba(198,8,19,0.4);
}
.careerplan_page #Sec01 .box .tag{
  color: #ffffff;
  background-color: #C60813;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.2rem;
  padding: 3px 20px;
}
.careerplan_page #Sec01 .box ul{
  
}
.careerplan_page #Sec01 .box ul li{
  margin-top: 20px;
}
.careerplan_page #Sec01 .box ul li a{
  display: block;
  position: relative;
  background-color: #ffffff;
  padding: 20px 20px 30px;
}
.careerplan_page #Sec01 .box ul li .ttl{
  font-size: 1.4rem;
  color: #C60813;
}
.careerplan_page #Sec01 .box ul li .txt{
  font-size: 1.2rem;
  margin-top: 5px;
}
.careerplan_page #Sec01 .box ul li .more{
  font-size: 1rem;
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #575757;
}

.careerplan_page #Sec01 .box .shikaku{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.careerplan_page #Sec01 .box .shikaku p{
  background-color: #ffffff;
  color: #C60813;
  font-size: 1.2rem;
  padding: 10px 15px;
  margin: 10px 8px 0 0;
}
.careerplan_page #Sec01 .box .shikaku p.etc{
  background-color: initial;
  color: #575757;
  padding: 0;
}


.sec_media{
  padding: 50px 0 30px;
}
.sec_media .catch{
  text-align: center;
  font-size: 2rem;
}
.sec_media .sec_inner{
  background-color: #F7F7F7;
  margin-top: 20px;
  padding: 40px 50px 70px;
}
.sec_media .sec_ttl{
  font-size: 2.6rem;
  color: #C60813;
  text-align: center;
}
.sec_media .news_slide{
  max-width: 480px;
  margin: 0 auto;
}
.sec_media .link_btn{
  margin-top: -20px;
}


/* 767pxまでの幅の場合に適応される */
}