/* ーーーーーーーーーtakasuzu header---------------- */
.header-takasuzu.tk_recruit .h-right #globalnavi .menu li {
    margin-right: 0;
    padding: 0 0 0 3%;
}
.toggle{
    position: absolute;
}
.header .h-right #globalnavi .menu {
    margin: 20px 0 0 0px;
    justify-content: flex-end;
    padding: 0;
}
header .header-takasuzu.tk_recruit .h-right #globalnavi .menu li a, header .header-takasuzu.tk_recruit #globalnavi .menu li p.click{
    color: #00488e;
    font-size: 15px;
    cursor: pointer;
}
header .header-takasuzu.tk_recruit #globalnavi .menu li p.click:hover {
    opacity: 0.6;
    cursor: pointer;
}
header .header-takasuzu .h-p .h-m-left {
    background: #007bc7;
}
header .header-takasuzu .h-p .h-m-left.two {
    background: #0068a1;
}
.header .h-p .h-m-left.two img {
    width: 85px;
}
header .header-takasuzu .h-p .h-m-right {
    background: #00488e;
}
.header.tk_recruit .logo {
    max-width: 300px;
    width: 30%;
}
.header.tk_recruit .h-right {
    margin-right: 0;
    width: calc(100% - 300px);
}
.toggle ul {
    position: relative;
    padding: 20px;
    text-align: left;
    color: #FFF;
    background: rgba(0,72,142,0.6);
    white-space: nowrap;
}
.toggle ul:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #00488e;
  top: -0.5px;
  left: 0;
}
.toggle ul li{
  padding: 0!important;
}
.toggle ul li a{
   margin: 10px 0;
}
.toggle ul li p{
  color: #FFF;
  font-size: 13px;
}
p.click{
  padding: 0px 10px;
}
p.click.open.close{
  background: rgba(0,72,142,0.6);
}
p.click.open.close a{
  color: #FFF!important;
  opacity: 1;
}
header .header-takasuzu.tk_recruit #globalnavi .menu li p.click.open.close:hover {
    opacity: 1;
    cursor: pointer;
}
p.triangle{
  position: relative;
  padding: 0 0 0 20px;
}
p.triangle:before {
    content: "";
    position: absolute;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #FFF;
    left: 5px;
    top: 8px;
}
.space{
  margin: 0 0 0 15px;
}
@media screen and (max-width: 769px) {
  .header.tk_recruit .logo {
    width: calc(100% - 65px);
}
  header .header-takasuzu .takasuzu-color a#btn {
    background: #0068a1;
}
.header:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: #FFF;
  top: 0;
  left: 0;
  z-index: 9999;
}
.header .h-right #globalnavi .menu {
    margin: 20px 0 0 0;
}
  .toggle{
      position: relative;
  }
  .toggle.sp {
    display: block!important;
}
.toggle ul:before {
    display: none;
}
.toggle ul li a {
    margin: 0;
}
.header-takasuzu.tk_recruit .h-right #globalnavi .menu li {
    margin-right: 0;
    padding: 15px 0;
}
.toggle ul {
    padding: 0px;
}
.toggle ul li p {
    color: #00488e;
    font-size: 15px;
}
.header.tk_recruit .h-right #globalnavi .menu .arrow:before {
    content: "";
    background: url(../img/takasuzu/arrow_tk.png) no-repeat;
    background-size: contain;
    width: 5px;
    height: 10px;
    position: absolute;
    right: 10%;
    top: 0;
    bottom: 0;
    margin: auto;
}
.MDL_window_wrap {
    top: 40px;
}
.toggle ul li p{
  padding: 0;
}
.toggle ul li p.top{
    line-height: 1;
    padding: 0 0 0 20%;
}
.toggle ul li a{
    padding: 0 0 0 20%!important;
}
.toggle ul li a p.space {
    padding: 0 0 0 30px;
}
.space {
    margin: 0;
}
.header.tk_recruit .h-right .ac-contact-area {
    background: #99c3d9;
}
.header.tk_recruit .h-right .ac-contact-area .ac-contact-button a {
    color: #0068a1;
}
.header.tk_recruit .h-right .ac-contact-area .ac-contact-button a:before {
    content: "";
    background: url(../img/takasuzu/contact_tk.png) no-repeat;
    background-size: contain;
}
.header.tk_recruit .toggle ul li a p.triangle:before {
    display: none;
}
}
/* ーーーーーーーーーfooterーーーーーーーーーーーー */
footer #footer-takasuzu.tk_recruit .flex-box .left-box {
    background: #00488e;
}
footer #footer-takasuzu.tk_recruit .flex-box .right-box {
    background: #007bc7;
}
footer #footer-takasuzu.tk_recruit .footer-topbutton {
    background: #007bc7;
}
footer .f-box .flex-box .right-box .top-box ul {
    margin-right: 30px;
}
footer .f-box .flex-box .right-box .top-box ul:last-child{
  margin-right: 0;
}
footer .tk_recruit .top-box li {
    padding: 0 0 10px 0!important;
    line-height: 1.2;
}
.left-box p.triangle {
    padding: 0 0 0 15px;
    font-size: 12px!important;
}
.left-box p.triangle:before {
    content: "";
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #FFF;
    left: 0px;
    top: 10px;
}
p.img_btm{
    margin: 0!important;
}
a.general_top{
  margin: 50px 0 0 0;
}
.mt30{
  margin-top: 30px;
}
footer .f-box .cp-text {
    color: #588bce;
}
@media screen and (max-width: 769px) {
  footer .f-box .flex-box .right-box .top-box ul li {
    padding: 0 0 10px 15px!important;
}
p.img_btm {
    display: none;
}
.left-box p.triangle {
    padding: 0 0 0 30px;
}
a.general_top {
    margin: 0;
}
.left-box p.triangle:before {
    left: 15px;
}
footer .f-box .flex-box .right-box .top-box .spttle li:first-child {
    width: auto;
}
.w100, .footer_list{
  width: 100%!important;
}
.footer_list {
    padding-left: 15px;
    line-height: 1;
    padding-bottom: 10px;
}
.footer_list li{
  display: inline;
}
.dot{
  position: relative;
  padding-left: 8px;
}
.dot:before {
    content: "・";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 2px;
    left: 2px;
    color: #FFF;
}
}
@media screen and (max-width: 769px) {
.recruit section:last-child {
    padding: 30px 0 80px 0;
}
}
/* ーーーーーーーー詳細ページーーーーーーーーーーーーー */
#KV {
    position: relative;
    max-width: 100vw;
    margin: auto;
    width: 100%;
    height: 250px;
    background: #0068a1;
    z-index: -2;
}
#KV:after {
    background: url(../img/takasuzu/detail/detailspage_KV.png) no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    right: 0;
    left: 0;
}
#KV:before{
 background: #58b1ce;
}
.tk_recruit section{
  max-width: 865px;
  margin: auto;
}
.tk_recruit .details_page h2 {
    color: #0068a1;
}
.tk_recruit .heading_3 h3 {
    color: #0068a1;
}
.tk_recruit .heading_3 h3:before {
    background: #0068a1;
}
.tk_recruit .flex .text{
    max-width: 435px;
    margin: 0 30px 0 0;
}
.tk_recruit .flex.reverse .text {
    margin: 0 0 0 30px;
}
.tk_recruit .flex .img{
    max-width: 400px;
    margin: auto;
    width: 100%;
}
.tk_recruit h4.heading_4 {
    color: #0068a1;
}
.tk_recruit h4.heading_4:before {
    background: #0068a1;
}
@media screen and (max-width: 769px) {
  #KV:after {
      background: url(../img/takasuzu/detail/detailspage_KV_SP.png) no-repeat;
      background-size: cover;
  }
  .tk_recruit section{
    max-width: 100%;
    margin: 0 10px;
  }
  .tk_recruit .flex .text {
    max-width: 100%;
    margin: 0 auto 30px 0;
}
}
/* ーーーーーーーーーー募集要項一覧ーーーーーーーーーーー */
.employment_detail{
  margin: auto;
}
.employment_detail li.menu{
  margin: 0 0 30px 0;
  padding: 20px;
  border: solid 1px #c9c9c9;
}
.employment_detail .flex .img{
    max-width: 280px;
    margin: 0 25px 0 0;
}
.employment_detail p {
    font-size: 20px;
    margin: 0 0 20px 0;
    line-height: 1;
}
.employment_detail p.station{
    line-height: 1.3;
}
.employment_detail .text ul li p{
    position: relative;
    padding: 3px 0 3px 35px;
}
.hidden{
  display: none;
}
/*   タブ実装    */
.panel{
  display:none;
}
.panel.is-show{
  display:block;
}
.tab_main{
  display: none;
}
.tab_main.is_show_tab {
display: block;
}
/*↑↑↑↑↑↑↑タブ実装 end ↑↑↑↑↑↑↑*/
.tk_recruit .employment_detail .flex .text {
    max-width: 100%;
    margin: 0;
}
.tk_recruit #employ_category ul{
    display: flex;
}
.tk_recruit .salary p:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../img/takasuzu/detail/employ_icon_1.png) no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
}
.tk_recruit .place p:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../img/takasuzu/detail/employ_icon_2.png) no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
}
.tk_recruit .occupation p:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../img/takasuzu/detail/employ_icon_3.png) no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
}
#employ_category .driver .img, #employ_category .staff .img{
  position: relative;
}
#employ_category .driver .img:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  background: #00488e;
  top: -5px;
  left: 0;
}
#employ_category .driver .img:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  background: #00488e;
  bottom: -5px;
  left: 0;
}
#employ_category .staff .img:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  background: #007bc7;
  top: -5px;
  left: 0;
}
#employ_category .staff .img:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  background: #007bc7;
  bottom: -5px;
  left: 0;
}
#employ_category .driver p{
    font-size: 22px;
    color: #00488e;
    padding: 20px 0;
    text-align: center;
}
#employ_category .staff p{
    font-size: 22px;
    color: #007bc7;
    padding: 20px 0;
    text-align: center;
}
#employ_category p.move {
    position: relative;
    right: -50%;
    border-bottom: 1px solid;
    margin: 0 auto 30px auto;
    padding: 20px 5px 10px 5px;
    width: fit-content;
    width: -moz-fit-content;
}
.tk_recruit a.detail_btn {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #FFF!important;
    padding: 0 50px 0 20px;
    border: 1px solid #00488e;
    height: 70px;
    max-width: 670px;
    background: #00488e;
    border-radius: 0px;
}
.tk_recruit .staff a.detail_btn {
    border: 1px solid #007bc7;
    background: #007bc7;
}
.tk_recruit a.detail_btn:before {
    content: "";
    position: absolute;
    right: 20px;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    border: 1px solid #FFF;
    background: #00488e;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.tk_recruit .staff a.detail_btn:before {
    background: #007bc7;
}
.tk_recruit a.detail_btn:after {
    content: "";
    position: absolute;
    right: 31.5px;
    width: 6px;
    height: 13px;
    background: url(../img/takasuzu/arrow01.svg) no-repeat;
    background-size: contain;
}
.tk_recruit #employ_category a.detail_btn{
  width: calc(100% - 20px);
  margin: 0 10px;
}
.tk_recruit #employ_category .second a.detail_btn{
    margin: 90px 10px 0 10px;
}
#employ_category .driver a p, #employ_category .staff a p{
    font-size: 18px;
    color: #FFF;
}
#employ_category .driver a p span,  #employ_category .staff a p span{
    display: block;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
}
#employ_category .staff p.move {
    position: relative;
    right: 0;
    left: 0;
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto 30px auto;
}
@media screen and (max-width: 769px) {
#employ_category, .employment_detail{
     max-width: 670px;
     width: calc(100% - 20px);
     margin: auto;
 }
 #employ_category p.move {
    right: auto;
}
#employ_category .driver p, #employ_category .staff p{
    font-size: 1.3em;
}
#employ_category .driver a p span, #employ_category .staff a p span {
    font-size: 0.65em;
    text-align: center;
}
#employ_category .driver p.sp{
  border-bottom: 1px solid;
  margin: 0 auto 30px auto;
  padding: 20px 5px 10px 5px;
  width: fit-content;
  width: -moz-fit-content;
}
.tk_recruit #employ_category a.detail_btn, .tk_recruit #employ_category .second a.detail_btn{
    width: 100%;
    margin: 0px 0px 50px 0px;
}
.tk_recruit #employ_category a.detail_btn p{
  width: 100%;
}
.tk_recruit .salary p:before, .tk_recruit .place p:before, .tk_recruit .occupation p:before {
      width: 18px;
      height: 18px;
      top: 4px;
  }
  .tk_recruit #employ_category ul {
    display: block;
}
.employment_detail{
  margin: 0 10px;
}
.employment_detail .flex .img {
  max-width: 670px;
  margin: 0 auto 30px auto;
}
.employment_detail .flex .text{
max-width: 670px;
margin: 0 auto;
}
.employment_detail p.station{
line-height: 1.5;
}
.employment_detail p {
  font-size: 1em;
  line-height: 1.7;
}
.employment_detail .text ul li p{
padding: 0 0 0 25px;
}
.entry_btn a p {
    line-height: 90px;
    font-size: 1.8em;
}
}
/* ーーーーーーーーーー募集要項詳細ーーーーーーーーーーー */
.tk_recruit #info_detail table td, .tk_recruit #info_detail table th {
    border-bottom: 1px solid #0068a1;
}
.tk_recruit .entry_btn a p {
    background: #0068a1;
}
.employment_info_detail .img{
  margin: 0 0 0 auto!important;
}
/* ーーーーーーーーーーお知らせ一覧ーーーーーーーーーーー */
.tk_recruit #news .flex .date p {
    color: #4db2da;
}
#news li.menu:after {
    background: #58b1ce;
}
@media screen and (max-width: 769px) {
  .tk_recruit #news .flex .date p {
      color: #0068a1;
  }
  #news li.menu:after {
      background: #0068a1;
  }
}
/* ーーーーーーーーーーお知らせ詳細ーーーーーーーーーーー */
.tk_recruit #news_info h5 {
    color: #0068a1;
}
/* ーーーーーーーーーー求める人物像ーーーーーーーーーーー */
.person.tk_recruit #person_top h2{
    line-height: 1.6;
}
#person_top .text{
    margin: 0 0 40px 0;
}
.person_message h3 {
    position: relative;
    line-height: 40px;
    font-size: 30px;
    color: #0068a1;
    background: linear-gradient(transparent 0%, #abd8e6 0%);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 30%;
    display: inline;
    padding: 0 2px;
}
.person_message p{
    margin: 30px 0 0 0;
}
@media screen and (max-width: 769px) {
.person.tk_recruit #person_top h2 {
      font-size: 1.32em;
}
#person_top .text {
    margin: 0 0 30px 0;
}
.person_message h3 {
    line-height: 2em;
    font-size: 1.2em;
}
}
/* ーーーーーーーーーードライバー（食品運送）の仕事ーーーーーーーーーーー */
.work_head .img{
  position: relative;
}
.work_head p.message {
    position: absolute;
    bottom: 40px;
    left: 0;
    background: linear-gradient(90deg, rgba(0,104,161,0.8) 0%, rgba(0,104,161,0.8) 60%, rgba(0,0,0,0) 100%);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 100%;
    color: #FFF;
    font-size: 35px;
    line-height: 1.5;
    padding: 30px 80px 30px 40px;
}
.work_head .text p{
    font-size: 20px;
    margin: 30px 0 0 0;
    line-height: 35px;
}
.work .heading_3 span{
    font-size: 14px;
}
.work_schedule{
  max-width: 100%!important;
}
.tk_recruit .schedule_detail{
    background: #f6fbfc;
}
.tk_recruit .schedule_block {
    position: relative;
    margin: 40px auto;
}
.tk_recruit .schedule_block:last-child {
    margin: 40px auto 0 auto;
}
.tk_recruit .schedule_detail h5:before {
    background: url(../img/takasuzu/detail/tk_headmark_1.png) no-repeat;
    background-size: contain;
}
.tk_recruit .schedule_detail h5:after {
    background: url(../img/takasuzu/detail/tk_headmark_2.png) no-repeat;
    background-size: contain;
}
.tk_recruit .schedule_detail h5 {
    color: #0068a1;
}
.tk_recruit p.heading_block {
    background: #0068a1;
}
.tk_recruit .schedule_block .flex, .tk_recruit .schedule_block p.description {
    border: 1px solid #0068a1;
}
.tk_recruit .schedule_block:after {
    background: #d5e2f2;
}
.clock_530:before {
    background: url(../img/takasuzu/detail/clock_530.png) no-repeat;
    background-size: contain;
}
.clock_6:before {
    background: url(../img/takasuzu/detail/clock_6.png) no-repeat;
    background-size: contain;
}
.clock_12:before {
    background: url(../img/takasuzu/detail/clock_12.png) no-repeat;
    background-size: contain;
}
.clock_1:before {
    background: url(../img/takasuzu/detail/clock_1.png) no-repeat;
    background-size: contain;
}
.clock_840:before {
    background: url(../img/takasuzu/detail/clock_840.png) no-repeat;
    background-size: contain;
}
.tk_recruit .schedule_block .text {
    width: 100%;
}
.tk_recruit #flow_hiring .hiring_detail ul li p {
    background: #0068a1;
    padding-left: 30%;
}
.tk_recruit #flow_hiring .hiring_detail ul li:after {
    border-top: 25px solid #93d3e9;
}
.tk_recruit #flow_hiring{
    margin: 0 auto 50px auto;
}
@media screen and (max-width: 769px) {
  .work_head p.message {
      font-size: 1.2em;
      padding: 12px 20px 12px 20px;
      bottom: 0;
  }
.work_head .text p {
    font-size: 1em;
    line-height: 2;
}
.work .heading_3 span {
    font-size: 0.75em;
}
.tk_recruit .flex.reverse .text {
    margin: 0 0 30px 0;
}
.work_schedule {
    margin: 0!important;
}
.tk_recruit #flow_hiring {
    margin: 0 10px 30px 10px;
}
.tk_recruit p.heading_block {
    line-height: 2;
    padding: 20px 20px 20px 60px;
}
p.heading_block:before {
    top: 24px;
}
.tk_recruit #flow_hiring .hiring_detail ul li p {
    padding-left: 28%;
}
}
/* ーーーーーーーーーー倉庫内作業スタッフの仕事ーーーーーーーーーーー */
.clock_4:before {
    background: url(../img/takasuzu/detail/clock_4.png) no-repeat;
    background-size: contain;
}
/* ーーーーーーーーーー採用担当からのメッセージーーーーーーーーーーー */
.person_message.message_detail h3 {
    position: relative;
    line-height: 70px;
    font-size: 30px;
    color: #0068a1;
    background: linear-gradient(transparent 0%, #0068a1 0%);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 3px;
    display: inline;
    padding: 0 2px 15px 2px;
}
.message_detail .flex{
    margin: 20px 0 0 0;
}
@media screen and (max-width: 769px) {
.person_message.message_detail h3 {
    line-height: 2.5em;
    font-size: 1.2em;
    padding: 0 2px 10px 2px;
}
}
/* ーーーーーーーーーーお問合せーーーーーーーーーーー */
.tk_recruit .contact_form{
    margin: 80px 0 0 0;
}
.tk_recruit .border{
  position: relative;
  max-width: 630px;
  width: 100%;
  margin: 15px 0 15px 30px;
}
.tk_recruit .border:before{
  content: "";
  position: absolute;
  background: #0068a1;
    width: 3px;
    height: 100%;
    left: -20px;
    top: 0;
}
.tk_recruit .form-01 input{
    height: 100px;
    background: #f2f2f2;
    width: 100%;
    padding: 20px;
    font-size: 20px;
}
.tk_recruit .form-01 .border select{
    font-size: 20px;
}
.tk_recruit .form-01 textarea{
    height: 280px;
    background: #f2f2f2;
    width: 100%;
    padding: 20px;
}
.tk_recruit .form-01 label{
    width: 100%;
    max-width: 180px;
    margin: 15px;
    font-size: 20px;
    color: #0068a1;
}

main.main-takasuzu-kyoshin.tk_recruit .text-button{
    margin: 60px auto;
    color: #FFF;
    text-align: center;
    font-size: 30px;
    line-height: 120px;
    border-radius: 0;
    background: #0068a1;
}

@media screen and (max-width: 769px) {
.tk_recruit.contact #employ_category .staff a.detail_btn{
  margin: 0;
}
.tk_recruit .contact_form {
    margin: 50px 0 0 0;
}
.tk_recruit .border {
    max-width: calc(100% - 30px);
    margin: 5px 0 15px 30px;
}
.tk_recruit .form-01 label, .tk_recruit .form-01 input, .tk_recruit .form-01 textarea{
    font-size: 1.2em;
}
main.main-takasuzu-kyoshin.tk_recruit .text-button {
    font-size: 1.5em;
}
}
/* ーーーーーーーーーーデータで見るタカスズグループーーーーーーーーーーー */
.tk_recruit #data_detail {
    background: #d5ebf2;
    max-width: 100%;
    margin: 50px 0;
    padding: 130px 0 50px 0;
}
.data_block {
    position: relative;
    max-width: 865px;
    width: calc(100% - 20px);
    margin: 80px auto 135px auto;
    background: #FFF;
    padding: 60px;
    left: 0px;
    top: -55px;
}
.data_block h3{
  position: absolute;
  color: #FFF;
  background: #0068a1;
  font-size: 30px;
  line-height: 2.5;
  padding: 0 50px;
  width: fit-content;
  width: -moz-fit-content;
  left: -20px;
  top: -55px;
}
.data_block p {
    font-size: 35px;
    text-align: center;
    margin: 30px 0 0 0;
    color: #0068a1;
    line-height: 1;
    font-weight: bold;
}
.data_block p span{
    font-size: 90px;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    margin: 0 15px;
}
.data_block .img.one{
  width: 355px;
  margin: auto;
}
.data_block .img.two{
  width: 245px;
  margin: auto;
}
.data_block .img.three{
  width: 480px;
  margin: auto;
  padding: 80px 0 0 0;
}
.data_block .img.three .chart-area{
  position: relative;
    width: 340px;
    height: 340px;
    margin: auto;
}
.chart-area .img{
  position: absolute;
}
.chart-area .age_10{
  width: 80px;
  top: -108px;
  left: 51%;
}
.chart-area .age_20{
  width: 85px;
    top: -50px;
    left: 60%;
}
.chart-area .age_30{
  width: 105px;
  top: 15px;
    left: 82%;
}
.chart-area .age_40{
  width: 112px;
  top: 180px;
    left: 85%;
}
.chart-area .age_50{
  width: 115px;
  top: 117px;
    left: -26%;
}
.chart-area .age_60{
  width: 95px;
  top: -33px;
    left: 2%;
}
.chart-area .age_70{
  width: 85px;
  top: -80px;
    left: 23%;
}
.data_block .img.four{
  width: 55px;
  margin: auto;
}
.data_block .img.five{
  width: 365px;
  margin: auto;
}
.data_block .img.five_2{
  width: 355px;
  margin: 60px auto 0 auto;
}
.data_block .img.six{
  width: 255px;
  margin: auto;
}
.data_block .img.seven{
  position: relative;
  width: 731px;
  margin: auto;
  padding: 170px 0 0 0;
}
.data_block .img.seven .chart-area{
  width: 285px;
  height: 285px;
  margin: auto;
}
.data_block .img.eight_1{
  max-width: 398px;
  margin: auto;
  display: inline-flex;
}
.data_block .img.eight_2{
    max-width: 277px;
    margin: auto auto auto 35px;
    display: inline-flex;
}
.data_block .img.nine{
  max-width: 237px;
  margin: auto;
}
.bar{
  content: "";
  width: 385px;
  height: 7px;
  margin: 30px auto;
  background: linear-gradient(90deg,#0068a1 0%,#0068a1 76%,#58b1ce 76%,#58b1ce 100%);
}
.data_number{
    text-align: center;
}
p.man, p.woman{
    display: inline;
}
p.woman{
    color: #58b1ce;
}
p.woman i{
  color: #0068a1;
}
.data_number p i{
    font-size: 25px;
    font-style: normal;
}
.data_block.age p{
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  top: 225px;
  left: 40.5%;
}
.data_block.average ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-end;
    border-bottom: 2px solid #0068a1;
    width: fit-content;
    width: -moz-fit-content;
    margin: auto;
}
.data_block.average ul li p{
    font-size: 17px;
    line-height: 1.5;
    margin: 30px 20px;
}
.data_number.five_2 p{
  letter-spacing: -1px;
}
.data_number.five_2 p span{
  letter-spacing: 1px;
  margin: 0 10px;
}
.establishment p span{
    letter-spacing: 7px;
    margin: 0;
}
.number_people .img.pc {
    position: relative;
    margin: 160px auto 0 auto;
}
.number_people .data_number{
  width: fit-content;
  width: -moz-fit-content;
}
.number_people .first{
    position: absolute;
    left: 61px;
    top: 250px;
    z-index: 1;
}
.number_people .first:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 135px;
    width: 266px;
    height: 50px;
    background: url(../img/takasuzu/detail/data_takasuzu_bar.png) no-repeat;
    background-size: cover;
}
.number_people .second{
    position: absolute;
    top: 0px;
    left: 33px;
    right: 0;
    margin: auto;
    z-index: 1;
}
.number_people .second:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 186px;
    width: 190px;
    height: 75px;
    background: url(../img/takasuzu/detail/data_takasuzu_sho_bar.png) no-repeat;
    background-size: cover;
}
.number_people .third {
    position: absolute;
    top: 205px;
    right: 68px;
    z-index: 1;
}
.number_people .third:before {
    content: "";
    position: absolute;
    right: 2px;
    top: 187px;
    width: 270px;
    height: 2px;
    background: url(../img/takasuzu/detail/data_motomiya_bar.png) no-repeat;
    background-size: cover;
}
.number_people .first p{
  text-align: left;
}
.number_people .first p span{
  margin: 0 10px 0 0;
}
.number_people p.small{
  font-size: 14px;
  margin: 10px 0;
}
.number_people p i{
    position: relative;
    display: block;
    margin: 0 0 10px 0;
    font-size: 17px;
}
.number_people .second p span, .number_people .third p span{
    padding: 0 0 0 35px;
}
.number_people .first p i:before{
  content: "";
  position: absolute;
  background: url(../img/takasuzu/detail/data_7_1.png) no-repeat;
  background-size: contain;
  width: 52px;
  height: 90px;
  right: -15px;
  top: 30px;
}
.number_people .second p i:before{
  content: "";
  position: absolute;
  background: url(../img/takasuzu/detail/data_7_1.png) no-repeat;
  background-size: contain;
  width: 52px;
  height: 90px;
  left: 10px;
  top: 30px;
}
.number_people .third p i:before{
  content: "";
  position: absolute;
  background: url(../img/takasuzu/detail/data_7_1.png) no-repeat;
  background-size: contain;
  width: 52px;
  height: 90px;
  left: -15px;
  top: 30px;
}
@media screen and (max-width: 865px) {
  .chart_data_wrapper{
    max-width: 290px;
    position: relative;
    margin: auto;
  }
  .data_block .img.seven {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 132px 0 100px 0px;
    right: -18px;
}
.data_block .img.seven .chart-area {
    width: 205px;
    height: 205px;
    margin: 0 auto;
}
.number_people .data_number p{
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto;
}
  .number_people p i {
      font-size: 0.8em;
  }
  .number_people .first p span {
      margin: 0 3px 0 0;
  }
  .number_people p.small {
      font-size: 0.6em;
      line-height: 1.3;
      text-align: center;
  }
  .number_people .first p i:before {
    width: 40%;
    height: 300%;
    background-size: contain;
    right: unset;
    left: 79px;
    top: 27px;
}
  .number_people .first p {
      margin: 0 0 0 5px;
  }
  .number_people .first p.small {
      margin: 0;
  }
  .number_people .first {
    position: absolute;
    left: -30px;
    top: unset;
    bottom: 30px;
    z-index: 1;
}
  .number_people .first:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -33px;
    width: 137px;
    height: 135px;
    background: url(../img/takasuzu/detail/data_takasuzu_bar_sp.png) no-repeat;
    background-size: cover;
}
.number_people .second {
    top: 0px;
    left: 50px;
    right: 0;
    margin: auto;
    z-index: 1;
}
  .number_people .second:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 98px;
    width: 145px;
    height: 60px;
    background: url(../img/takasuzu/detail/data_takasuzu_sho_bar.png) no-repeat;
    background-size: cover;
}

  .number_people .second p i:before{
      width: 30%;
      height: 300%;
      background-size: contain;
      left: unset;
      right: 67px;
      top: 25px;
  }
  .number_people .third {
    top: unset;
    right: -30px;
    bottom: 0px;
    z-index: 1;
}
.number_people .third:before {
  content: "";
  position: absolute;
  right: 2px;
  top: -46px;
  width: 161px;
  height: 147px;
  background: url(../img/takasuzu/detail/data_motomiya_bar_sp.png) no-repeat;
  background-size: cover;
}
  .number_people .third p i:before {
      width: 30%;
      height: 300%;
      background-size: contain;
      left: unset;
      right: 77px;
      top: 25px;
  }
}
.former_job{
    text-align: center;
}
.former_job p{
    font-size: 33px;
    font-weight: normal;
    line-height: 1.5;
}
.opinion{
  height: 750px;
  margin: 80px auto 40px auto;
}
.opinion .nine{
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  margin: auto;
}
.opinion p{
  position: absolute;
  font-size: 19px;
  line-height: 1.3;
  color: #FFF;
  font-weight: bold;
  padding: 11px 0 0 0;
}
.opinion p.opinion_1{
  width: 193px;
  height: 95px;
  background: url(../img/takasuzu/detail/data_9_1.png) no-repeat;
  background-size: contain;
  top: 10%;
  left: 24%;
}
.opinion p.opinion_2{
  width: 228px;
  height: 73px;
  background: url(../img/takasuzu/detail/data_9_2.png) no-repeat;
  background-size: contain;
  top: calc(10% + 113px);
  left: 6%;
  padding: 10px 24px 0 0;
}
.opinion p.opinion_3{
  width: 235px;
  height: 70px;
  background: url(../img/takasuzu/detail/data_9_3.png) no-repeat;
  background-size: contain;
  top: calc(10% + 223px);
  left: 3%;
  padding: 20px 32px 0 0;
}
.opinion p.opinion_4{
  width: 224px;
  height: 73px;
  background: url(../img/takasuzu/detail/data_9_4.png) no-repeat;
  background-size: contain;
  top: calc(10% + 336px);
  left: 6%;
  padding: 10px 24px 0 0;
}
.opinion p.opinion_5{
  width: 245px;
  height: 91px;
  background: url(../img/takasuzu/detail/data_9_5.png) no-repeat;
  background-size: contain;
  top: calc(10% + 437px);
  left: 19%;
  padding: 28px 0px 0 0;
  letter-spacing: -0.5px;
}
.opinion p.opinion_6{
  width: 220px;
  height: 95px;
  background: url(../img/takasuzu/detail/data_9_6.png) no-repeat;
  background-size: contain;
  top: 10%;
  left: 50.5%;
}
.opinion p.opinion_7{
  width: 222px;
  height: 73px;
  background: url(../img/takasuzu/detail/data_9_7.png) no-repeat;
  background-size: contain;
  top: calc(10% + 113px);
  left: 68%;
  padding: 10px 0 0 24px;
}
.opinion p.opinion_8{
  width: 232px;
  height: 73px;
  background: url(../img/takasuzu/detail/data_9_8.png) no-repeat;
  background-size: contain;
  top: calc(10% + 223px);
  left: 70.5%;
  padding: 10px 0 0 24px;
}
.opinion p.opinion_9{
  width: 232px;
  height: 73px;
  background: url(../img/takasuzu/detail/data_9_9.png) no-repeat;
  background-size: contain;
  top: calc(10% + 336px);
  left: 68%;
  padding: 10px 0 0 20px;
}
.opinion p.opinion_10{
  width: 209px;
  height: 91px;
  background: url(../img/takasuzu/detail/data_9_10.png) no-repeat;
  background-size: contain;
  top: calc(10% + 437px);
  left: 51.5%;
  padding: 28px 0px 0 0;
}
/*==================================================
ランダムに表示　スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/

.random{
	opacity: 0;
}

/*==================================================
動かしたい動き（今回は” ふわっ” を採用）
===================================*/

.fadeUp {
animation-name:fadeInAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
	transition: 5s;
  }

  to {
    opacity: 1;
  }
}



@media screen and (max-width: 769px) {
  .tk_recruit #data_detail {
      margin: 50px 0;
      padding: 65px 0 25px 0;
  }
.data_block {
    max-width: 650px;
    width: calc(100% - 40px);
    margin: 40px auto 65px auto;
    padding: 40px 30px 30px 30px;
    left: 0;
    top: 0;
}
.data_block.number_people{
  margin: 40px 20px 65px 20px;
}
.data_block h3 {
    font-size: 1.2em;
    padding: 10px 30px;
    left: -10px;
    top: -25px;
    line-height: 1.5;
}
.data_block p {
    font-size: 1.2em;
}
.data_block p span {
    font-size: 3em;
    margin: 0px 7px;
}
.data_block .img.one {
    max-width: 355px;
    width: 100%;
    margin: 30px auto;
}
.data_block .img.two {
    max-width: 245px;
    width: 100%;
}
.bar {
    content: "";
    max-width: 385px;
    width: 100%;
}
.data_number p i {
    font-size: 1em;
}
.data_block.age p {
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
}
.data_block .img.three {
    width: 250px;
    margin: auto;
    padding: 60px 0 0 0;
}
.data_block .img.three .chart-area {
    width: 250px;
    height: 250px;
    margin: auto;
}
.chart-area .age_10{
  width: 60px;
  top: -75px;
  left: 52%;
}
.chart-area .age_20{
  width: 64px;
    top: -38px;
    left: 65%;
}
.chart-area .age_30{
  width: 79px;
  top: 47px;
    left: 84%;
}
.chart-area .age_40{
  width: 84px;
  top: 170px;
    left: 80%;
}
.chart-area .age_50{
  width: 86px;
  top: 105px;
    left: -16%;
}
.chart-area .age_60{
  width: 71px;
  top: -17px;
    left: -2%;
}
.chart-area .age_70{
  width: 64px;
  top: -50px;
    left: 21%;
}
.data_block.average ul li p {
    font-size: 0.9em;
    line-height: 1.5;
    margin: 15px 5px;
}
.data_block .img.five {
    max-width: 365px;
    width: 100%;
}
.data_block .img.five_2 {
    max-width: 355px;
    width: 100%;
    margin: 30px auto 0 auto;
}
.data_block .img.six {
    max-width: 255px;
    margin: auto;
    width: 100%;
}

.data_block .img.eight_1 {
    width: 290px;
    margin: 15px auto;
    display: block;
}
.data_block .img.eight_2{
    width: 205px;
    margin: auto;
    display: block;
}
.opinion {
    height: 1000px;
    margin: 80px auto 40px auto;
}
.opinion .nine {
    max-width: 50%;
}
.data_block .img.nine {
    width: 150px;
    right: 30px;
    left: unset;
    margin: auto;
    top: 200px;
}
.data_block .img.nine.sp {
    right: unset;
    left: 30px;
    margin: auto;
    top: unset;
    bottom: 200px;
}
.opinion p{
    font-size: 1.1em;
    font-weight: 400;
}
.opinion p.opinion_1 {
    width: 153px;
    height: 72px;
    top: 90px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 7px 5px 0 0;
}
.opinion p.opinion_2 {
    width: 170px;
    height: 70px;
    top: calc(10% + 45px);
    left: calc(50% - 155px);
    padding: 6px 11px 0 0;
}
.opinion p.opinion_3 {
    width: 170px;
    height: 70px;
    top: calc(10% + 130px);
    left: calc(50% - 170px);
    padding: 13px 16px 0 0;
}
.opinion p.opinion_4 {
    width: 180px;
    height: 73px;
    background: url(../img/takasuzu/detail/data_9_4.png) no-repeat;
    background-size: contain;
    top: calc(10% + 211px);
    left: calc(50% - 155px);
    padding: 7px 14px 0 0;
}
.opinion p.opinion_5 {
    width: 210px;
    height: 91px;
    top: calc(10% + 285px);
    left: calc(50% - 82px);
    padding: 25px 0 0 0;
}
.opinion p.opinion_6 {
    width: 180px;
    height: 80px;
    top: 52.5%;
    left: 0;
    right: 0;
    margin: auto;
}
.opinion p.opinion_7 {
    width: 170px;
    height: 60px;
    top: calc(51.5% + 72px);
    left: calc(50% - 12px);
    padding: 7px 0 0 20px;
}
.opinion p.opinion_8 {
    width: 180px;
    height: 63px;
    top: calc(50% + 175px);
    left: calc(50% - 10px);
    padding: 7px 0 0 24px;
}
.opinion p.opinion_9 {
    width: 180px;
    height: 63px;
    top: calc(50% + 266px);
    left: calc(50% - 20px);
    padding: 7px 0 0 20px;
}
.opinion p.opinion_10 {
    width: 175px;
    height: 91px;
    background: url(../img/takasuzu/detail/data_9_10.png) no-repeat;
    background-size: contain;
    top: calc(50% + 338px);
    left: calc(50% - 110px);
    padding: 25px 0px 0 0;
}
}
/* ーーーーーーーーーータカスズグループで働く魅力ーーーーーーーーーーー */
.tk_recruit #benefit_top ul {
    justify-content: flex-start;
}
.tk_recruit #benefit_top ul li a.detail_btn {
    color: #0068a1!important;
    font-size: 20px;
    background: #FFF;
    border: 1px solid #0068a1;
}
.tk_recruit #benefit_top ul li a.detail_btn:before {
    border: 1px solid #0068a1;
    background: #FFF;
}
.tk_recruit #benefit_top ul li a.detail_btn:after {
  background: url(../img/takasuzu/arrow_tk.png) no-repeat;
  background-size: contain;
}
.tk_recruit.benefit .flex .img {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
}
.benefit_heading h3 {
    font-size: 30px;
    color: #FFF;
    background: linear-gradient(90deg, rgba(0,104,161,1) 0%, rgba(0,104,161,1) 30%, rgba(146,204,223,1) 100%);
    padding: 20px;
    margin: 0 0 30px 0;
    border-radius: 30px 30px 0px 0;
    text-align: center;
}
.training_detail{
    margin: 50px 0 0 30px;
}
.tk_recruit.benefit ul {
    position: unset;
}
.tk_recruit.benefit li {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}
.training_detail h5{
    position: relative;
    font-size: 25px;
    font-weight: bold;
    color: #0068a1;
    padding: 0 0 0 30px;
    margin: 50px 0 0 0;
}
.training_detail h5:before{
  content: "";
  position: absolute;
  width: 15px;
  height: 25px;
  background: url(../img/takasuzu/detail/benefit_mark.png) no-repeat;
  background-size: contain;
  top: 14%;
  left: 0;
}
.detail_1 p{
    margin: 30px 0 30px 30px;
}
.training_detail .detail_2 .toggle_click{
  position: relative;
    line-height: 110px;
    /* background: #00488e; */
    color: #FFF;
    padding: 0 30px;
    margin: 50px 0 50px 30px;
    font-size: 25px;
    width: calc(100% - 30px);
}
/* .training_detail .detail_2 .toggle_click.staff{
    background: #007eb9;
} */
.training_detail .detail_2 .toggle_click:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 110px;
    background: url(../img/takasuzu/detail/training_detail_bk_driver.jpg) no-repeat;
    background-size: cover;
    z-index: -1;
    transition: 0.8s;
    background-position: right;
}
.training_detail .detail_2 .toggle_click.staff:before{
  background: url(../img/takasuzu/detail/training_detail_bk_staff.jpg) no-repeat;
  background-size: cover;
  transition: 0.8s;
  background-position: right;
}
.training_detail .detail_2 .toggle_click.close:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 110px;
    background: url(../img/takasuzu/detail/training_detail_bk_driver2.jpg) no-repeat;
    background-size: cover;
    z-index: -1;
    transition: 0.8s;
    background-position: right;
}
.training_detail .detail_2 .toggle_click.staff.close:before{
  background: url(../img/takasuzu/detail/training_detail_bk_staff2.jpg) no-repeat;
  background-size: cover;
  transition: 0.8s;
  background-position: right;
}
/* .training_detail .detail_2 .toggle_click.staff:before {
    border-top: 2px solid #007eb9;
}
.training_detail .detail_2 .toggle_click:after {
    content: "";
    position: absolute;
    transform: rotate(90deg);
    display: block;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    top: 43px;
    right: 52px;
    width: 20px;
    height: 20px;
    border-top: 2px solid #00488e;
}
.training_detail .detail_2 .toggle_click.staff:after {
    border-top: 2px solid #007eb9;
}
.training_detail .detail_2 .plus_mark {
    content: "";
    position: absolute;
    top: 30px;
    right: 30px;
    width: 47px;
    height: 47px;
    border: 1px solid #00488e;
    border-radius: 30px;
    display: block;
    background: #FFF;
}
.training_detail .detail_2 .staff .plus_mark {
    border: 1px solid #007eb9;
} */
.toggle_detail{
    margin: 0 0 0 30px;
}
.toggle_detail h6{
    width: fit-content;
    width: -moz-fit-content;
    padding: 2px 15px;
    background: #0068a1;
    color: #FFF;
    margin: 30px 0;
}
.toggle_detail ul{
  margin: 30px 0;
}
.toggle_detail ul li{
  position: relative;
  padding: 0 0 0 20px;
}
.toggle_detail ul li:before{
  content: "・";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
}
.training_detail .detail_2 .toggle_click.open.close:after{
  display: none;
}
#career_step .content{
    display: none;
  }
#career_step .content.show {
    display: block;
  }
.tab-area{
      position: relative;
      background: url(../img/takasuzu/detail/career_step.png) no-repeat;
      background-size: contain;
      background-position: center;
      width: 100%;
      height: 535px;
}
p.career_heading{
    line-height: 80px;
    font-size: 30px;
    background: #FFF;
    color: #0068a1;
    width: fit-content;
    padding: 0px 10px;
    border: 3px solid #0068a1;
    margin: 50px 0 0 0;
}
.tk_recruit #career_step{
  max-width: 100%;
  background: #f8f8f8;
  padding: 80px 0;
  margin: 0 auto;
}
.career_inner{
  max-width: 865px;
  margin: auto;
}
.tab_btn {
    position: absolute;
    background: #27a7d4;
    width: fit-content;
    padding: 0 30px 2px 10px;
    border-radius: 30px;
    line-height: 23px;
}
.tab_btn a{
  position: relative;
  color: #FFF!important;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
.tab_btn a:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 7px;
    margin: auto;
    width: 8px;
    height: 8px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #FFF;
}
.step1{
    top: 71%;
    left: 6%;
}
.step2{
    top: 62%;
    left: 22.3%;
}
.step3{
    left: 38%;
    top: 53%;
}
.step4{
    right: 37.3%;
    top: 44%;
}
.step5{
    top: 34.5%;
    right: 21.3%;
}
.step6{
    right: 5.5%;
    top: 25.8%;
}
.benefit .career_detail{
    width: calc(100% - 40px);
    margin: 10px auto;
    background: #FFF;
    padding: 40px;
    border-top: 5px solid #0068a1;
    border-bottom: 2px solid #0068a1;
    border-left: 2px solid #0068a1;
    border-right: 2px solid #0068a1;
    border-radius: 0 0 30px 30px;
}
.career_detail p.step_head{
    position: relative;
    width: 115px;
    font-size: 20px;
    color: #0068a1;
    font-weight: bold;
    padding: 40px 0 0 0;
    line-height: 100%;
    top: 0;
}
.career_detail p.step_head:before{
  content: "";
  position: absolute;
  background: url(../img/takasuzu/detail/career_step_mark.png) no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  top: 0;
  left: 25%;
}
.career_desc{
    padding: 0 0 0 30px;
    border-left: 5px solid #0068a1;
    max-width: 660px;
    width: 100%;
}
.career_desc_head{
    font-size: 20px;
    color: #0068a1;
    margin: 0 0 30px 0;
}
#benefit_detail .flex {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.benefit_desc{
  border: 2px solid #0068a1;
  margin: 20px 0;
  width: calc(50% - 10px);
  padding: 20px;
}
.benefit_desc:nth-child(odd){
  margin: 20px 20px 20px 0;
}
p.benefit_desc_head{
  font-size: 20px;
  color: #0068a1;
  text-align: center;
  margin: 0px auto 20px auto;
}
.benefit_desc p span{
    display: block;
    font-size: 12px;
}
.benefit_desc.last{
    position: relative;
    color: #0068a1;
    border: none;
}
.benefit_desc.last p{
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 830px) {
  .step1 {
      top: 69.5%;
      left: 4%;
  }
  .step2 {
      top: 61%;
      left: 20.5%;
  }
  .step3 {
      left: 37.3%;
      top: 52.5%;
  }
.step4 {
  right: 36.5%;
  top: 44%;
}
.step5 {
  top: 35.5%;
  right: 20%;
}
.step6 {
  right: 3.5%;
  top: 26.8%;
}
}
@media screen and (max-width: 855px) {
  .step6 {
      right: 3.5%;
  }
  .step5 {
    right: 20.3%;
}
.step2 {
    left: 21.3%;
}
.step1 {
    left: 4.5%;
}
}
@media screen and (max-width: 769px) {
  .training_detail {
      margin: 0;
  }
  .detail_1 p {
      margin: 15px 0;
  }
  .toggle_detail ul {
      margin: 15px 0;
  }
  .toggle_detail h6 {
      margin: 30px 0 15px 0;
  }
  .career_inner {
    margin: auto 10px;
}
#career_step .content {
    display: block;
}
.benefit .career_detail {
    margin: 0px auto;
    padding: 15px 0!important;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
}
.benefit .career_detail .flex{
  display: flex!important;
}
.tk_recruit #career_step {
    padding: 80px 0 1px 0;
    margin: 0 auto;
}
#career_step .content-area{
    padding: 30px 0px;
    background: #FFF;
    border-top: 5px solid #0068a1;
    border-bottom: 2px solid #0068a1;
    border-left: 2px solid #0068a1;
    border-right: 2px solid #0068a1;
    border-radius: 0 0 30px 30px;
    margin: 30px 0;
}
.benefit_desc {
    width: 100%;
}
p.benefit_desc_head {
    text-align: left;
    font-size: 1.1em;
    margin: 0 0 15px 0;
}
.benefit_desc.last {
    margin: 0;
    padding: 0;
}
.benefit_heading h3 {
    font-size: 1.3em;
}
.training_detail h5 {
    font-size: 1.2em;
    margin: 30px 0 0 0;
}
.training_detail .detail_2 .toggle_click {
    line-height: 90px;
    width: 100%;
    margin: 30px 0 30px 0px;
    font-size: 1.2em;
}
.training_detail .detail_2 .toggle_click:before,.training_detail .detail_2 .toggle_click.close:before{
  height: 90px;
}
/* .training_detail .detail_2 .plus_mark {
    width: 30px;
    height: 30px;
}
.training_detail .detail_2 .toggle_click:before {
    top: 44px;
    right: 33px;
    width: 12px;
    height: 12px;
}
.training_detail .detail_2 .toggle_click:after {
    top: 39px;
    right: 44px;
    width: 12px;
    height: 12px;
} */
.career_detail p.step_head {
    width: 30%;
    font-size: 1.1em;
}
.career_desc {
    padding: 0 0 0 15px;
}
.benefit_desc.last p {
    position: unset;
    line-height: 1.3;
}
}
/* ーーーーーーーーーー社員インタビューーーーーーーーーーーー */
.interview_block{
  position: relative;
}
.interview_block:before{
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(0,104,161,1) 0%, rgba(0,104,161,1) 30%, rgba(146,204,223,1) 100%);
  height: 250px;
  max-width: 970px;
  width: 100vw;
  z-index: -1;
  left: -50px;
}
@media screen and (max-width: 969px) {
  .interview_block:before{
    left: 0px;
  }
}
.interview_block ul{
  display: flex;
  justify-content: center;
}
.interview_block li {
    max-width: 270px;
    width: 33%;
    background: #FFF;
    margin: 0px 3.2% 0 0;
}
.interview_block li:last-child{
  margin: 0;
}
p.interview_heading{
    font-size: 30px;
    color: #FFF;
    padding: 25px 0;
}
.interview_wrapper .interview_block .flex{
  display: block;
}
.interview_wrapper .interview_block .img{
    max-width: 270px;
}
.interview_wrapper .interview_block .text {
    max-width: 100%;
    margin: 0;
}
.interview_block p.name{
    position: relative;
    line-height: 50px;
    font-size: 26px;
    margin: 10px 0;
    padding: 0 45px 0 25px;
    color: #FFF;
    background: linear-gradient(90deg, rgba(0,104,161,1) 0%, rgba(0,104,161,1) 30%, rgba(146,204,223,1) 100%);
}
.interview_block p.name:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 10px;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    border: 1px solid #FFF;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.interview_block p.name:after {
    content: "";
    position: absolute;
    right: 25px;
    top: 17.5px;
    width: 6px;
    height: 13px;
    background: url(../img/takasuzu/arrow01.svg) no-repeat;
    background-size: contain;
}
.interview_block p.blue{
    font-size: 20px;
    color: #0068a1;
    margin: 20px 0;
}
@media screen and (max-width: 769px) {
.interview_block:before {
    left: 0px;
    width: 100%;
    height: 120px;
}
p.interview_heading {
    font-size: 1.2em;
    padding: 25px;
}
.interview_block ul {
    display: block;
    margin: 0 0 0 25px;
}
.interview_wrapper .interview_block .flex {
    display: flex!important;
}
.interview_wrapper .interview_block .img {
    margin: 0;
    background: #FFF;
}
.interview_wrapper .interview_block .text {
    margin: 55px 0 0 20px;
}
.interview_block li {
    max-width: 100%;
    width: 100%;
    background: none;
    margin: 0 0 45px 0;
}
.interview_block p.name {
    font-size: 1.1em;
}
.interview_block p.blue {
    font-size: 1.1em;
    margin: 15px 0;
    line-height: 1.5;
}
}
/* ーーーーーーーーーー社員インタビュー 詳細ページーーーーーーーーーーー */
.tk_recruit.interview_details #interview_top ul {
    position: unset;
    margin: 50px auto 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.tk_recruit.interview_details #interview_top ul li {
    position: relative;
    max-width: 425px;
    width: 48%;
    height: 80px;
    margin: 0 10px 10px 0;
}
.tk_recruit.interview_details #interview_top ul li:nth-child(even){
    margin: 0 0px 10px 0;
}
.tk_recruit.interview_details #interview_top ul li a.detail_btn{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #0068a1!important;
    font-size: 20px;
    padding-left: 30px;
    border-radius: 10px;
    background: #FFF;
    border: 1px solid #0068a1;
}
.tk_recruit.interview_details #interview_top ul li a.detail_btn:before {
    border: 1px solid #0068a1;
    background: #FFF;
}
.tk_recruit.interview_details #interview_top ul li a.detail_btn:after {
    background: url(../img/takasuzu/arrow_tk.png) no-repeat;
    background-size: contain;
}
.tk_recruit.interview_details #interview_top ul li p span{
  display: block;
}
.tk_recruit.interview_details .heading_interview h5 {
    font-size: 27px;
    color: #FFF;
    line-height: 1.3;
    letter-spacing: 0.5px;
    background: linear-gradient(90deg, rgba(0,104,161,1) 0%, rgba(0,104,161,1) 30%, rgba(146,204,223,1) 100%);
}
.tk_recruit.interview_details .heading_interview h5.big{
  font-size: 30px;
}
.tk_recruit.interview_details .top_wrapper p.name {
    color: #0068a1;
}
.tk_recruit.interview_details .top_wrapper p.occupation {
    background: #0068a1;
}
.tk_recruit.interview_details .interview_detail p.question_interview {
    background: #e6f3f7;
    color: #0068a1;
}
.tk_recruit.interview_details .interview_detail p.question_interview:after {
    background: #0068a1;
}
.tk_recruit.interview_details .interview_detail .flex .img {
    margin: 0 auto;
}
@media screen and (max-width: 769px) {
.tk_recruit.interview_details #interview_top ul{
  max-width: 500px;
}
.tk_recruit.interview_details #interview_top ul li{
    max-width: 100%;
    width: 100%;
    margin: 0 0px 10px 0;
}
.tk_recruit.interview_details .heading_interview h5 {
    font-size: 1.15em;
    padding: 10px 10px;
}
.tk_recruit.interview_details .heading_interview h5.big {
    font-size: 1.2em;
}
}
/* ーーーーーーーーーークロスインタビューーーーーーーーーーーー */
.tk_recruit.cross .heading_interview h5 {
    line-height: 1.7;
    border-radius: 0 100px 100px 0px;
}
.tk_recruit.cross #interview_top .text{
    margin: 70px auto 0 auto;
}
.tk_recruit.cross #interview_top .text p{
  font-size: 20px;
  margin: 50px 0 0 0;
}
.cross_block{
  clear: both;
}
.cross_wrap .img {
    max-width: 400px;
    width: 100%;
    float: right;
    margin: 0 0 12px 30px;
}
.cross_wrap.last .img {
    max-width: 100%;
    width: calc(100% - 70px);
    float: none;
    margin: 70px 0 0 70px;
}
.cross_wrap p{
  position: relative;
  margin: 50px 0 0 70px;
}
.cross_wrap p.space{
    padding: 0 0 0 45px;
}
.cross_wrap p span {
    position: absolute;
    left: -70px;
    top: 0;
    color: #0068a1;
    font-size: 18.5px;
    font-weight: bold;
}
.cross_wrap p span i {
    font-style: normal;
    font-size: 17px;
    text-indent: -6.5px;
    display: block;
}
.cross_wrap p span.cross_staff{
  color: #001E74;
}
.cross_wrap p span.cross_driver{
  color: #006697;
}
@media screen and (max-width: 769px) {
  .tk_recruit.cross #interview_top .text{
      margin: 50px auto 0 auto;
  }
.tk_recruit.cross #interview_top .text p {
    font-size: 1.1em;
    margin: 30px 0 0 0;
}
.cross_wrap p {
    margin: 30px 0 0 0px;
}
.cross_wrap p span {
    position: relative;
    left: 0px;
    margin: 0 20px 0 0;
}
.cross_wrap .img, .cross_wrap.last .img{
    max-width: 670px;
    width: 100%;
    float: none;
    margin: 0 auto;
}
.cross_block {
    clear: both;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
.cross_wrap p {
    margin: 0 0 30px 0px;
}
.cross_wrap.last .cross_block {
  display: block;
}
}



/* ーーーーーーーーーーTOPページーーーーーーーーーーーー */
main.main-takasuzu-kyoshin.tk_recruit #mv_erea {
    /* max-height: 655px;
    height: 56vw; */
    position: relative;
    max-width: unset;
}
.tk_recruit.toppage .swiper-container-top {
    /* max-height: 655px;
    height: 56vw; */
}
.tk_recruit .top_page #mv_erea #section_01 {
    max-width: 1200px;
    position: unset;
    padding: 0!important;
}
main.tk_recruit #mv_erea #section_01 .title h1 {
    font-size: 50px;
    font-weight: bold;
    line-height: 63px;
    color: #00488e;
}
.tk_recruit #mv_erea #section_01 .title {
    max-width: 600px;
    max-height: 220px;
    height: fit-content;
    height: -moz-fit-content;
    padding: 40px 60px!important;
    position: absolute;
    right: 0;
    /* top: unset;
    bottom: 50px; */
    background: rgba(255,255,255,0.85);
    z-index: 10;
}
.tk_recruit #mv_erea #section_01 .title p {
    font-size: 20px;
    color: #00488e!important;
    line-height: 35px;
    padding-left: 0px!important;
    letter-spacing: 0px!important;
}
.tk_recruit.toppage .contents_area{
  position: relative;
  padding-top: 0;
}

/* .tk_recruit.toppage .contents_area:before {
    content: "";
    background: url(../img/takasuzu/top_back.png) repeat;
    z-index: -999;
    position: absolute;
    top: 0;
    width: 100%;
    height: 55%;
    background-size:cover;
} */
.tk_recruit.toppage .main_contents:before {
    content: "";
    background: url(../img/takasuzu/top_back.png) repeat;
    z-index: -999;
    position: absolute;
    /* top: 0; */
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size:cover;
}
.tk_recruit_top header {
    background: unset;
}
.tk_recruit_top .header .logo {
    max-width: 300px;
    width: 30%;
}
.tk_recruit_top .header .h-right {
    margin-right: 0;
    width: calc(100% - 300px);
}
.tk_recruit.toppage .top-news h2 {
    color: #00488e;
}
.tk_recruit.toppage .top-news h2:after {
    background: #00488e;
}
.top-news.tk_news p{
    color: #007bc7;
}
.tk_recruit .top-news ul li:before {
    content: "";
    position: absolute;
    top: 35%;
    left: 0;
    width: 10px;
    height: 10px;
    background: url(../img/takasuzu/top_news_icon_pc.png) no-repeat;
    background-size: cover;
}
.tk_recruit #first_message .text{
    max-width: 385px;
    margin: 0 0 0 60px;
}
.tk_recruit #first_message .text p{
    font-size: 16px;
    line-height: 30px;
}
#top_work{
  position: relative;
  max-width: 1200px;
  margin: 100px auto;
}
.title_back.left{
  position: absolute;
  left: 0;
  top: 0;
    max-width: 941px;
    width: 100%;
    height: 315px;
    background: url(../img/takasuzu/top_title_left.png) no-repeat;
    background-size: cover;
    background-position: 100%;
    z-index: -50;
}
#top_work .title_back.left {
    height: 450px;
}
#top_company .title_back.left {
    height: 430px;
}
.top_page .detail_block{
  max-width: 865px;
  margin: auto;
}
.top_title.left{
  position: relative;
  top: 0px;
  left: 0;
  max-width: 460px;
  padding: 20px 0 0 0;
}
.top_title h3 {
    font-size: 40px;
    color: #FFF;
    font-weight: normal;
    border-bottom: 2px solid #FFF;
    line-height: 1;
    padding: 0px 0 20px 0;
    margin: 0!important;
}
.top_title p{
    font-size: 24px;
    color: #FFF;
    margin: 15px 0 30px 0;
}
.top_title p.desc{
    font-size: 16px;
    text-align: left;
}
#top_work .driver{
  position: relative;
}
#top_work .driver:before {
    content: "トラックドライバー";
    position: absolute;
    background: linear-gradient(90deg, rgba(0,72,142,1) 0%, rgba(0,51,115,1) 100%);
    height: 180px;
    width: 100%;
    z-index: -1;
    color: #FFF;
    font-size: 22px;
    text-align: center;
    padding: 20px 0 0 0;
}
#top_work .staff{
  position: relative;
  margin: 0 0 0 20px;
}
#top_work .staff:before {
    content: "倉庫内作業";
    position: absolute;
    background: linear-gradient(90deg, rgba(0,123,199,1) 0%, rgba(0,85,161,1) 100%);
    height: 180px;
    width: 100%;
    z-index: -1;
    color: #FFF;
    font-size: 22px;
    text-align: center;
    padding: 20px 0 0 0;
}
#top_work .work_block{
  position: relative;
  top: 77px;
    margin: 0 20px;
    padding: 0 0 77px 0;
}
.tk_recruit .flex .work_block .img{
    width: 100%;
    max-width: 260px;
    height: 200px;
}
.work_block p.title{
    height: 115px;
    font-size: 24px;
    color: #00488e;
    line-height: 2;
    text-align: center;
}
.work_block p.title span {
    display: block;
    font-size: 18px;
    line-height: 31.5px;
    border-top: 2px solid;
}
.tk_recruit .work_block a.detail_btn {
    max-width: 260px;
    height: 60px;
}

#top_work .detail_block .flex.wrapper{
    position: relative;
    top: 0px;
    z-index: 1;
}
#top_people {
    position: relative;
    max-width: 1200px;
    margin: 100px auto;
}
.title_back.right{
  position: absolute;
  right: 0;
  top: 0;
    max-width: 941px;
    width: 100%;
    height: 315px;
    background: url(../img/takasuzu/top_title_right.png) no-repeat;
    background-size: cover;
    /* background-position: -3px; */
    z-index: -50;
}
#top_people .title_back.right {
    height: 450px;
}
.top_title.right {
    position: relative;
    top: 0px;
    right: 0;
    margin: auto 0 0 auto;
    max-width: 460px;
    padding: 20px 0 0 0;
    text-align: right;
}
.sliderArea{
  position: relative;
  display: flex;
  max-width: 865px;
  width: 100%;
  margin: auto;
}
.sliderArea:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/takasuzu/slick_area_back2.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 337px;
}
.regular.slider {
    height: 337px;
    width: 100%;
    padding: 88px 0 0 0;
}
.regular.slider .slick-slide{
  max-width: 173px;
   width: 20%;
   position: relative;

}
/* .regular.slider .slick-slide.slick_odd:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 337px;
  background: linear-gradient(270deg, rgba(225,242,246,0.5) 0%, rgba(178,219,233,0.5) 100%);
  z-index: -1;
  bottom: 0;
} */
.regular.slider .slick_even{
  padding: 33px 0 0 0;
}
/* .regular.slider .slick-slide.slick_even:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 337px;
  background: rgba(180,224,240,0.5);
  z-index: -1;
  bottom: 0;
} */
.tk_recruit #top_people a.detail_btn {
    border: 1px solid #0068a1;
    height: 85px;
    background: #0068a1;
    font-size: 18px;
}
.tk_recruit #top_people a.detail_btn:before {
    background: #0068a1;
}
#top_people .link_btn{
  margin: 80px auto 0 auto;
  max-width: 370px;
}
#top_company{
    position: relative;
    max-width: 1200px;
    margin: 50px auto;
}
#top_company .top_company_back{
  max-width: 1200px;
  width: 100%;
}
#top_company .top_company_back.right{
  max-width: 1030px;
  width: 100%;
  height: 250px;
  background: rgba(147,211,233,0.3);
  margin: 0 0 80px auto;
}
#top_company .top_company_back.left{
  max-width: 1030px;
  width: 100%;
  height: 250px;
  background: rgba(147,211,233,0.3);
  margin: 0 auto 80px 0;
}

.top_company_detail{
    max-width: 745px;
    margin: 0 auto 0 0;
    padding: 20px;
}
.left .top_company_detail {
    margin: 0 0 0 auto;
}

.top_company_detail .flex {
    max-width: 865px;
    margin: auto;
}
.top_company_detail .flex .img{
    border-bottom: 7px solid #00488e;
}
.tk_recruit .top_company_detail a.detail_btn:before {
    background: #007bc7;
}
.tk_recruit .top_company_detail .flex .text {
    position: relative;
    width: 345px;
    margin: 0;
}
.tk_recruit .top_company_detail .flex .text .title{
  position: absolute;
  width: 470px;
  height: 55px;
  top: 40%;
}
.tk_recruit .top_company_detail .flex .text.first .title{
  background: url(../img/takasuzu/top_company_title1.png) no-repeat;
  background-size: contain;
  background-position: right;
  right: 0;
}
.tk_recruit .top_company_detail .flex .text.second .title{
  background: url(../img/takasuzu/top_company_title2.png) no-repeat;
  background-size: contain;
  background-position: left;
  left: 0;
}
.tk_recruit .top_company_detail .flex .text.third .title{
  background: url(../img/takasuzu/top_company_title3.png) no-repeat;
  background-size: contain;
  background-position: right;
  right: 0;
}
.tk_recruit .top_company_detail a.detail_btn {
  position: absolute;
  bottom: 0;
  right: 0;
    padding: 0 50px 0 20px;
    border: 1px solid #007bc7;
    height: 60px;
    width: 260px;
    background: #007bc7;
    margin: auto;
}
.tk_recruit .top_company_detail .second a.detail_btn{
  right: auto;
  left: 0;
}
#top_data {
    background: linear-gradient(90deg, rgba(88,177,206,1) 0%, rgba(39,120,162,1) 100%);
    width: 100%;
    max-width: 1200px;
}
#top_data .data_wrapper{
  max-width: 850px;
  margin: auto;
}
#top_data .data_wrapper a.detail_btn {
    color: #0068a1!important;
    font-size: 20px;
    background: #FFF;
    border: 1px solid #0068a1;
    border-radius: 10px;
    margin: 100px auto 50px auto;
    max-width: 415px;
}
#top_data .data_wrapper a.detail_btn:before {
    border: 1px solid #0068a1;
    background: #FFF;
}
#top_data .data_wrapper a.detail_btn:after {
    background: url(../img/takasuzu/arrow_tk.png) no-repeat;
    background-size: contain;
}
#top_data h3{
    font-size: 40px;
    color: #FFF;
    font-weight: normal;
    padding: 20px 50px;
    width: fit-content;
    width: -moz-fit-content;
    margin: 20px auto 80px auto;
    border-bottom: 2px solid;
}
#top_data .flex{
  justify-content: space-around;
  margin: 0 0 60px 0;
}
#top_data .top_data_detail{
  position: relative;
}
#top_data .top_data_detail p{
  position: absolute;
    color: #FFF;
    font-size: 17px;
    background: #0068a1;
    padding: 5px 20px;
    width: fit-content;
    width: -moz-fit-content;
    left: -10px;
    top: -10px;
}
#top_requirement{
  position: relative;
  max-width: 1200px;
    margin: 100px auto;
}
#top_requirement #employ_category{
    padding: 0 0 15px 0;
    background: #FFF;
}
.top_person_detail{
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 410px;
}
.top_person_detail.reverse{
    flex-direction: column-reverse;
    max-width: 420px;
    margin: 0 0 0 30px;
}
.tk_recruit .top_person_detail .img{
  width: 100%;
  max-width: unset;
}
.tk_recruit .top_person_detail h4{
    font-size: 35px;
    color: #00488e;
    line-height: 56px;
}
.tk_recruit .top_person_detail.reverse .img{
    margin: 0 0 50px 0;
}
#top_person .link_btn{
    margin: 80px auto 0 auto;
    max-width: 370px;
    width: 100%;
}
.tk_recruit #top_person .link_btn a.detail_btn {
    border: 1px solid #0068a1;
    height: 85px;
    background: #0068a1;
}
.tk_recruit #top_person .link_btn a.detail_btn:before {
    background: #0068a1;
}
#top_entry{
  max-width: 1200px;
  margin: auto;
}
#top_entry .entry_btn a p {
    max-width: 1030px;
    width: 100%;
    /* line-height: 200px; */
    line-height: 1.2;
    padding: 50px;
    background: #00488e;
    font-size: 38px;
    margin: 50px auto 100px auto;
    letter-spacing: 5px;
}
#top_entry .entry_btn a p span{
  display: block;
  font-size: 90px;
  letter-spacing: 25px;
}

@media screen and (max-width: 769px) {
  .tk_recruit.toppage .contents_area {
    padding-top: 60px;
    overflow-x:hidden;
}
.tk_recruit.toppage .contents_area:before {
    background-size: contain;
}
.tk_recruit_top .header .logo {
    max-width: 300px;
    width: calc(100% - 65px);
}
main.tk_recruit #mv_erea #section_01 .title {
    padding: 15px!important;
    top: unset!important;
    bottom: 50px;
    margin: 0!important;
}
main.tk_recruit #mv_erea #section_01 .title h1 {
    font-size: 1.4em;
    line-height: 1.5;
    color: #00488e!important;
}
.tk_recruit #mv_erea #section_01 .title p {
    font-size: 0.8em;
    color: #00488e!important;
    line-height: 2;
    padding: 0;
}
.recruit .top-news .btn p {
    background: #00488e;
}
.top-news.tk_news p {
    color: #00488e;
}
.tk_recruit .top-news ul li:before {
    top: 7px;
    background: url(../img/takasuzu/top_news_icon_sp.png) no-repeat;
    background-size: cover;
    width: 1em;
    height: 1em;
}
.tk_recruit .top_company_detail .flex .text.second .title {
    width: 100%;
}
#first_message .img{
    width: 90%;
    margin: auto;
}
.tk_recruit #first_message .text {
    max-width: 100%;
    margin: 30px auto 0 auto;
}
#top_work {
    max-width: 100%;
    margin: 0px auto;
}
#top_work .detail_block, #top_people .detail_block, #top_company .detail_block, #top_requirement .detail_block{
    max-width: 865px;
    margin: auto 10px;
}
.top_title h3 {
    font-size: 1.4em;
    padding: 0px 0 15px 0;
}
.top_title p {
    font-size: 1.2em;
    margin: 15px 0 20px 0;
    line-height: 1;
}
.top_title p.desc {
    font-size: 0.9em;
    line-height: 1.5;
}
.top_title.left {
    padding: 40px 0 0 0;
    margin: 0 13% 0 0;
    width: fit-content;
    width: -moz-fit-content;
}
.top_title.right {
  padding: 40px 0 0 0;
  margin: 0 0 0 13%;
  width: fit-content;
  width: -moz-fit-content;
}
#top_work .driver:before, #top_work .staff:before{
  display: none;
}
#top_work .driver .work_block:before {
    content: "トラックドライバー";
    position: absolute;
    background: linear-gradient(90deg, rgba(0,72,142,1) 0%, rgba(0,51,115,1) 100%);
    height: 75px;
    width: 100%;
    z-index: -1;
    color: #FFF;
    font-size: 1.2em;
    text-align: center;
    padding: 15px 0 0 0;
    top: -60px;
}
#top_work .staff{
  margin: 0;
}
#top_work .staff .work_block:before {
    content: "倉庫内作業";
    position: absolute;
    background: linear-gradient(90deg, rgba(0,123,199,1) 0%, rgba(0,85,161,1) 100%);
    height: 75px;
    width: 100%;
    z-index: -1;
    color: #FFF;
    font-size: 1.2em;
    text-align: center;
    padding: 15px 0 0 0;
    top: -60px;
}
.title_back.left, .title_back.right{
    max-width: 100%;
    width: 100%;
    height: 200px;
    background-size: 100% 100%;
}
#top_work .work_block {
    top: 60px;
    margin: 0px 10px 120px 10px;
    padding: 0;
}
#top_work .staff .work_block{
  margin: 0 20px 30px 20px;
}
.work_block p.title {
    font-size: 1.3em;
    padding: 20px 0;
    height: auto;
}
.work_block p.title span {
    display: block;
    font-size: 0.7em;
    padding: 0 20px;
    width: fit-content;
    width: -moz-fit-content;
    margin: auto;
}
.tk_recruit .flex .work_block .img {
    width: calc(100% - 20px);
    max-width: 100%;
    height: auto;
}
.tk_recruit .work_block a.detail_btn {
    margin: auto;
}
#top_people {
    margin: 100px auto 30px auto;
}
.sliderArea{
  max-width: 390px;
}
.sliderArea:before {
    background-size: 100% 100%;
    width: 100%;
    height: 210px;
}
.regular.slider {
    height: auto;
    padding: 100px 0 0 0;
}
.regular.slider .slick-slide{
  max-width: 173px;
   width: 20%;
}
.regular.slider .slick_even{
  padding: 21px 0 0 0;
}

#top_company {
    margin: 50px auto 0 auto;
}
#top_company .top_company_back.right, #top_company .top_company_back.left{
    position: relative;
    max-width: 100%;
    width: 100%;
    height: auto;
    background: none;
    margin: 0;
}
#top_company .top_company_back.right:before, #top_company .top_company_back.left:before{
    content: "";
    position: absolute;
    background: rgba(147,211,233,0.3);
    width: 100%;
    height: 130px;
    z-index: -50;
}
.tk_recruit .top_company_detail .flex .text {
    margin: auto;
    width: fit-content;
    width: -moz-fit-content;
}
.tk_recruit .top_company_detail a.detail_btn {
    position: relative;
    margin: 15px auto 50px auto;
}
.tk_recruit .top_company_back.last a.detail_btn {
    margin: 15px auto 0px auto;
}
.tk_recruit .top_company_detail .flex .text.first .title, .tk_recruit .top_company_detail .flex .text.third .title{
    background-size: 50% 60%;
    position: absolute;
    top: -150px;
    right: -71px;
}
.tk_recruit .top_company_detail .flex .text.second .title{
  background-size: 90% 60%;
  position: absolute;
  top: -150px;
  left: -71px;
}
.top_company_detail, .left .top_company_detail {
    margin: auto;
}
#top_data {
    width: 100%;
    margin: 0;
}
#top_data h3 {
    font-size: 1.3em;
    padding: 10px 30px;
    margin: 10px auto 60px auto;
}
#top_data .top_data_detail {
    max-width: fit-content;
    width: -moz-fit-content;
    margin: 60px auto;
    width: calc(100% - 40px);
}
#top_data .top_data_detail p {
    font-size: 1em;
}
#top_requirement {
    margin: 80px auto 0 auto;
}
#top_requirement #employ_category .driver p{
    border-bottom: 2px solid #00488e;
    margin: 0 auto 30px auto;
    width: fit-content;
    padding: 30px 0 5px 0;
}
#top_requirement #employ_category .staff p {
    border-bottom: 2px solid #007bc7;
    margin: 0 auto 30px auto;
    width: fit-content;
    padding: 30px 0 5px 0;
}
#top_requirement #employ_category .staff a.detail_btn{
    margin: 0;
}
.top_person_detail, .top_person_detail.reverse{
    max-width: 670px;
    margin: auto;
}
.tk_recruit .top_person_detail h4 {
    font-size: 1.3em;
    line-height: 1.7;
    margin: 0px 0 20px 10px;
}
.top_person_detail.reverse {
    margin: auto;
}
.tk_recruit .top_person_detail p{
    margin: 30px 10px;
}
#top_entry .entry_btn a p {
    width: calc(100% - 20px);
    line-height: 60px;
    font-size: 1.9em;
    margin: 30px auto 50px auto;
}
#top_entry .entry_btn a p span {
    font-size: 47px;
    letter-spacing: 15px;
}
#top_data .data_wrapper a.detail_btn {
    font-size: 17px;
    margin: 50px auto 30px auto;
    max-width: 315px;
}
}

/***ページ遷移　アニメーション用の疑似要素***/
.transition:after{
  content: "";
  position: fixed;/*固定表示*/
  top:0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999; /*他のスタッキングコンテキストとかち合った時用*/
  background: linear-gradient(90deg, rgba(0,104,161,1) 0%, rgba(0,104,161,1) 30%, rgba(146,204,223,1) 100%); /*シャッターの色*/
  animation: min-anim .8s forwards; /*アニメーション付与*/
  animation-delay: 0.6s; /*好みで遅延*/
  transform-origin: top; /*変化の起点*/
}
/*背景が縮むアニメーション*/
@keyframes min-anim{
  0% {
    transform: scaleY(1);/*画面全体を覆う*/
  }
  100% {
    transform: scaleY(0);/*高さ0*/
    visibility: hidden; /*非表示*/
  }
}
/* inview css */
.fadeIn_left {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 2s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 2s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}