@charset "utf-8";


/* CSS Document */
/*--------------------------------------------------
Base adjust
--------------------------------------------------*/
#common_header .logo,
#tenshoku_header .logo,
#haken_header .logo {
  top: 33px;
}

.inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
._sp {
  display: none;
}

body.resource footer .each_navi,
body.resource footer .en_banner {
  display: none;
}
/*--------------------------------------------------
Layout:new
--------------------------------------------------*/
#resource-2020 {
  line-height: 1.8em;
  margin-bottom: 50px;
  font-size: 14px;
}

#resource-2020 * {
  box-sizing: border-box;
}

#resource-2020 figure img {
  margin: 15px 0;
}

#resource-2020 p {
  margin: 0 0 15px 0;
  font-feature-settings: "palt";
  letter-spacing: 0.07em;
}

#StaffingAgency,
#TempAgency,
#Consulting,
#Training {
  padding-top: 10px;
}


/*===== Main visual =====*/
#resource-2020 .mv {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
  padding-left: 50px;
  height: 580px;
  color: #fff;
  background: #004831 url(../images/mv.jpg) no-repeat center top;
  background-size: 1400px;
}

#resource-2020 .mv h1 {
  width: 360px;
  height: 88px;
  margin-bottom: 20px;
  position: relative;
  top: 150px;
  text-indent: -9999px;
  background: url(../images/mv-ttl.svg) no-repeat left 0px;
  background-size: 360px;
}

#resource-2020 .mv p {
  position: relative;
  top: 160px;
  font-size: 15px;
  font-size: 108%;
  line-height: 2.3;
  z-index: 10;
}

#resource-2020 p.mv-pct {
  position: absolute;
  width: 600px;
  top: -60px;
  right: -80px;
  z-index: 0;
}

#resource-2020 p.mv-pct img {
  width: 100%;
}


/*===== Layout: =====*/
#resource-2020 .section {
  position: relative;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 12px;
  background: url(../images/slash.png) repeat center top;
  background-size: 4px;
}

#resource-2020 .section-inner {
  padding: 68px 68px 48px;
  background: #fff;
}




#resource-2020 .section-text {
  padding: 0 16px;
}


/*===== Heading =====*/
#resource-2020 .section-heading {
  margin: 0px 0 24px;
  font-size: 28px;
  font-size: 200%;
  font-weight: bold;
  color: #003400;
  text-align: center;
}

#resource-2020 .svg-heading {
  width: 122px;
  padding: 0 15px;
  position: absolute;
  top: -38px;
  left: calc(50% - 60px);
  background-color: #fff;
}

#resource-2020 .svg-heading img {
  width: 92px;
  height: 92px;
}

#resource-2020 h4.heading-lv4 {
  margin: 50px 0 20px;
  padding: 10px 20px;
  font-size: 17px;
  font-size: 122%;
  font-weight: bold;
  color: #fff;
  background: -moz-linear-gradient(65deg, #004730, #8BC56C);
  background: -webkit-linear-gradient(65deg, #004730, #8BC56C);
  background: linear-gradient(25deg, #004730 60%, #8BC56C);
}

#resource-2020 .heading-lv5 {
  margin: 25px 0 5px;
  font-size: 16px;
  font-size: 115%;
  font-weight: bold;
  color: #004831;
}

#resource-2020 .heading-lv6 {
  margin: 25px 0 0px;
  font-size: 15px;
  font-size: 108%;
  font-weight: bold;
  color: #004831;
}

/*===== Parts:Button =====*/
#resource-2020 .btn a {
  margin: 5px 0;
  padding: 4px 50px;
  display: inline-block;
  font-size: 15px;
  font-size: 108%;
  font-weight: bold;
  text-align: center;
  color: #004831;
  border-radius: 4px;
  border: solid #004831 1px;
}

#resource-2020 .btn a.svg-icon-type2 svg {
  margin: 0 0 -2px 8px;
  fill: currentColor;
  width: 14.65px;
  height: 18px;
}

#resource-2020 .btn a:hover {
  color: #fff;
  background-color: #004831;
  transition: 1.0s;
  fill: #fff;
}

#resource-2020 .btn-follow a {
  position: relative;
  margin: 15px 0 20px;
  padding: 25px 0;
  text-align: center;
  width: 110px;
  position: fixed;
  top: 255px;
  right: 0;
  color: #fff;
  background-color: rgba(102, 145, 131, 0.9);
}

#resource-2020 .btn-follow a:after {
  content: '';/*何も入れない*/
  position: absolute;
  bottom: 3px;
  right: 3px;
  width: 11px;/*画像の幅*/
  height: 11px;/*画像の高さ*/
  background-image: url(../images/arrow.svg);
  background-size: contain;
  transform: rotate(-45deg);
}

#resource-2020 .btn-follow:first-child a {
  margin: 15px 0 20px;
  top: 170px;
}

#resource-2020 .btn-follow a.svg-icon-type2 svg {
  margin: 0 0 -3px 8px;
  fill: currentColor;
  width: 13.5px;
  height: 17px;
}

#resource-2020 .btn-contact {
  margin: 0 -8px;
}

#resource-2020 .btn-contact li {
  width: 100%;
  padding: 8px;
}

#resource-2020 .btn-contact a {
  box-sizing: border-box;
  margin: 40px auto 20px;
  padding: 20px 16px;
  display: block;
  width: 100%;
  color: #fff;
  border-radius: 4px;
  background: -moz-linear-gradient(65deg, #004730, #8BC56C);
  background: -webkit-linear-gradient(65deg, #004730, #8BC56C);
  background: linear-gradient(25deg, #004730, #8BC56C);
}


/*===== Parts:Anchor =====*/
#resource-2020 .link-anchor {
  margin: -75px auto 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#resource-2020 .link-anchor li {
  background-color: transparent;
}

#resource-2020 .link-anchor li .svg-icon img {
  margin: 25px auto 5px;
}

#resource-2020 .link-anchor li .svg-arrow {
  margin: 5px auto 0;
  fill: #fff;
}

#resource-2020 .link-anchor li a {
  display: inline-block;
  width: 150px;
  height: 150px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: #9ACD00;
}

#resource-2020 .link-anchor li a:hover {
  opacity: 100;
  transition: 1.0s;
  background-color: #c2e850;
}


/*===== Parts:List =====*/
#resource-2020 li.heading-lv5 {
  position: relative;
  padding-left: 15px;
}

#resource-2020 li.heading-lv5::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: 0em;
  width: 10px;
  height: 10px;
  background-color: #004831;
  border-radius: 100%;
}

#resource-2020 li.list-lv1 {
  position: relative;
  padding-left: 15px;
  color: #004831;
}



#resource-2020 li.list-lv1::after {
  display: block;
  content: '';
  position: absolute;
  top: .6em;
  left: 0em;
  width: 7px;
  height: 7px;
  background-color: #004831;
  border-radius: 100%;
}


/*===== Parts:括弧 =====*/
#resource-2020 .parenthesis {
  position: relative;
  -webkit-box-sizing: border-box;
}

#resource-2020 .parenthesis::before,
#resource-2020 .parenthesis::after {
  position: absolute;
  top: 0;
  content: '';
  width: 10px;
  height: 100%;
  border-top: 1px solid #9ACD00;
  border-bottom: 1px solid #9ACD00;
  -webkit-box-sizing: border-box;
}

#resource-2020 .parenthesis::before {
  left: 0;
  border-left: 1px solid #9ACD00;
}

#resource-2020 .parenthesis::after {
  right: 0;
  border-right: 1px solid #9ACD00;
}

/*===== Parts:括弧-2 =====*/
#resource-2020 .laurel {
  position: relative;
  padding: 7px 20px;
  color: #004831;
  font-weight: bold;
  text-align: center;
  width: 31%;
  font-size: 16px;
  font-size: 115%;
}

#resource-2020 .laurel::before,
#resource-2020 .laurel::after {
  position: absolute;
  top: 0;
  content: '';
  width: 23px;
  /*画像の幅*/
  height: 65px;
  /*画像の高さ*/
}

#resource-2020 .laurel::before {
  background-image: url(../images/laurel-left.png);
  background-size: contain;
  left: 0;
}

#resource-2020 .laurel::after {
  background-image: url(../images/laurel-right.png);
  background-size: contain;
  right: 0;
}


/*===== Parts:矢印-1 =====*/
#resource-2020 .arrow {
  position: relative;
}

#resource-2020 .arrow::before,
#resource-2020 .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto;
  content: "";
}

#resource-2020 .arrow::before {
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

#resource-2020 .arrow::after {
  right: 20px;
  width: 3px;
  height: 3px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*===== Parts:文字周り =====*/
#resource-2020 .section-outline {
  margin: 0px 0 40px;
  font-size: 15px;
  font-size: 108%;
  font-weight: bold;
  text-align: center;
}


#resource-2020 .heading-lv5 .details {
  font-size: 14px;
  font-size: 88%;
  font-weight: normal;
  color: #585C5F;
}

#resource-2020 .frame {
  padding: 10px 20px;
  border: 1px dotted #407664;
}

#resource-2020 .attention {
  padding: 10px 20px;
  border: 1px dotted #F2753F;
}

#resource-2020 .cap {
  font-size: 12px;
  font-size: 72%;
  line-height: 1.4;
}


/*===== Layout:お問い合わせエリア =====*/
#resource-2020 .contact {
  margin-top: 60px;
  padding: 60px 0px 60px;
  background: repeating-linear-gradient(-45deg, #e3e8e6, #e3e8e6 1px, white 1px, white 3.4px);
}

#resource-2020 .contact .svg-heading {
  width: 120px;
  height: 120px;
  margin: 0 auto 30px;
  padding: 0;
  padding-top: calc(60px - 35px);
  text-align: center;
  position: static;
  display: table;
  vertical-align: middle;
  fill: #fff;
  border-radius: 50%;
  background-color: #9ACD00;
}

#resource-2020 .contact .svg-heading img {
  width: 70px;
  height: 70px;
}


/*===== other =====*/
#resource-2020 .tac {text-align: center;}
#resource-2020 .mgl20 {margin-left: 20px;}


#resource-2020 .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}




@media screen and (max-width: 560px) {
  ._pc {
    display: none;
  }
  ._sp {
    display: block;
  }
  .inner {
    width: 100%;
  }
  body {
    padding-bottom: 16vw
  }
  #resource-2020 {
    line-height: 1.6em;
    font-size: 14px;
    font-size: 100%;
  }

  #resource-2020 h1, h2, h3, h4, p, li, th, td, dt, dd {
    background-color: transparent;
  }

  #resource-2020 figure img {
    width: 100%;
  }
  #resource-2020 .mv {
    padding: 5.21vw;
    height: 110vw;
    background: #004831 url(../images/mv.jpg) no-repeat center top;
    background-size: auto 104.17vw;
    overflow: hidden;
    margin: 0;
  }

  #resource-2020 .mv h1 {
    top: 1.3vw;
    width: 52vw;
    height: 13.75vw;
    margin-bottom: 2vw;
    background-size: 56.25vw;
  }

  #resource-2020 .mv p {
    top: 1.95vw;
    font-size: 2.6vw;
    line-height: 2.0;
  }

  #resource-2020 p.mv-pct {
    width: 100%;
    top: 18.14vw;
    right: 0;
  }
  #resource-2020 .link-anchor li a {
    width: 23.6vw;
    height: 23.6vw;
  }
  #resource-2020 .link-anchor li .svg-icon img {
    margin: 2vw auto 0.78vw;
  }
  #resource-2020 .link-anchor li .svg-arrow {
    margin: 0.78vw auto 0;
  }
  #resource-2020 .link-anchor li .svg-arrow svg {
    width: 2.66vw;
    height: auto;
  }
  #resource-2020 .section {
    margin: 6.25vw 2.34vw 2.34vw;
  }
  #resource-2020 .section-inner {
    padding: 10.63vw 0vw 3.13vw;
  }
  #resource-2020 .section-text {
    padding: 0 3.44vw;
  }
  #resource-2020 .section-heading {
    margin: 1.56vw 0 6.25vw;
    font-size: 2.81vw;
    font-size: 129%;
  }
  #resource-2020 h4.heading-lv4,
  #resource-2020 .heading-lv5,
  #resource-2020 .heading-lv6 {
    font-size: 93% !important;
  }

  #resource-2020 h4.heading-lv4 {
    margin-top: 6.25vw;
  }
  
  #resource-2020 .btn a.svg-icon-type2 svg {
    width: 3.13vw;
    height: auto;
    margin: 0 0 0.5vw 1.25vw;
  }

  #resource-2020 h4.heading-lv4 {
    margin-top: 6.25vw;
  }

  #resource-2020 .btn-contact {
    margin: 0;
  }

  #resource-2020 .btn-contact li {
    width: 80%;
    margin: auto;
    padding: 0 3.44vw;
  }

  #resource-2020 .btn-contact a {
    padding: 3.13vw 4.06vw;
  }

  #resource-2020 .btn-follow a {
    font-size: 80%;
    width: 50%;
    margin-bottom: 0;
    top: auto;
    bottom: 0;
    z-index: 10;
  }
  #resource-2020 .btn-follow:first-child a {
    margin-bottom: 0;
    top: auto;
    left: 0;
    border-right: solid 0.16vw #fff;
  }
  #resource-2020 .btn-follow a.svg-icon-type2 svg {
    margin: 0 0 -0.47vw 1.25vw;
    fill: currentColor;
    width: 3.13vw;
    height: auto;
  }
  #resource-2020 .btn-follow a:after {
    width: 3.44vw;/*画像の幅*/
    height: 3.44vw;/*画像の高さ*/
  }

  #resource-2020 .link-anchor {
    transform: scale(0.84, 0.84);
    font-size: 60%;
    line-height: 1.4;
    margin: -11.72vw auto 6.25vw;
  }
  
  #resource-2020 li.heading-lv5::after {
    top: .6em;
    left: -.1em;
    width: 2.19vw;
    height: 2.19vw;
  }
  #resource-2020 li.list-lv1 {
    font-size: 88%;
  }
  #resource-2020 .parenthesis {
    margin: 0 3.13vw;
  }
  #resource-2020 .laurel {
    margin: 3.13vw auto 0;
    padding: 1.88vw 3.13vw;
    width: 70%;
    font-size: 88%;
    line-height: 1.5;
  }

  #resource-2020 .laurel:first-child {
    margin-top: 6.25vw;
  }

  #resource-2020 .laurel::before,
  #resource-2020 .laurel::after {
    position: absolute;
    top: 0;
    content: '';
    width: 5.39vw;
    /*画像の幅*/
    height: 15.23vw;
    /*画像の高さ*/
  }
  #resource-2020 .arrow::before,
  #resource-2020 .arrow::after {
    right: 3.44vw;
  }

  #resource-2020 .arrow::before {
    width: 4.06vw;
    height: 4.06vw;
    border: 0.31vw solid #fff;
  }

  #resource-2020 .arrow::after {
    right: 5.31vw;
    width: 1.25vw;
    height: 1.25vw;
    border-top: 0.31vw solid #fff;
    border-right: 0.31vw solid #fff;
  }
  #resource-2020 .section-outline {
    font-size: 88%;
    text-align: left;
    padding: 0 4.69vw;
  }
  #resource-2020 p {
    font-size: 3vw;
  }
  #resource-2020 .svg-heading {
    width: 19.06vw;
    padding: 0 2.34vw;
    top: -5.94vw;
    left: calc(50% - 9.38vw);
  }
  #resource-2020 .svg-heading img {
    width: 14.38vw;
    height: 14.38vw;
  }
  #resource-2020 figure img {
    margin: 2.34vw 0;
  }
  #resource-2020 .contact {
    margin-top: 9.38vw;
    padding: 9.38vw 0vw 9.38vw;
    background: repeating-linear-gradient(-45deg, #e3e8e6, #e3e8e6 0.16vw, white 0.16vw, white 0.53vw);
  }
  #resource-2020 .contact .svg-heading {
    width: 18.75vw;
    height: 18.75vw;
    margin: 0 auto 4.69vw;
    padding-top: calc(9.38vw - 5.47vw);
    border-radius: 50%;
  }
  #resource-2020 .contact .svg-heading img {
    width: 10.94vw;
    height: 10.94vw;
  }
  #resource-2020 .flex-container {
    display: block;
  }
}