@charset "UTF-8";
#recruit {
  color: #000;
}
.container .sec-maintitle {
  background: #000;
  margin: 0;
  padding: 177px 0 46px;
  color: #fff;
  text-align: center;
}
.container .sec-maintitle .tit {
  margin: 0 auto 66px;
  width: 245px;
}
.container .sec-maintitle .menu_language {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  text-align: center;
  justify-content: center;
}
.container .sec-maintitle .menu_language li {
  padding: 0 13px;
  font-size: 20px;
  line-height: 32px;
}
.container .sec-maintitle .menu_language li:first-of-type {
  border-right: 1px solid #fff;
}
.container .sec-maintitle .menu_language li a {
  color: #fff;
  text-decoration: none;
}
.container .sec-maintitle .menu_language li a:hover {
  text-decoration: underline;
}
/*
.container .sec-maintitle .main_copy {
	margin-bottom: 30px;
	font-size: 32px;
	line-height: 52px;
}
.container .sec-maintitle .main_note {
	font-size: 22px;
	line-height: 22px;
}*/
.container .sec-rec-job {
  background: #fff;
  padding: 130px 0 117px;
  text-align: left;
}
.container .sec-rec-job .job_main_title {
  margin: 0 auto 82px;
  width: 317px;
}
.container .sec-rec-job .job_title {
  margin-bottom: 50px;
}
.container .sec-rec-job .job_text {
  margin-bottom: 55px;
  font-size: 26px;
  line-height: 46px;
  letter-spacing: 0.04em;
}
.container .sec-rec-job .job_tit_entry {
  margin-bottom: 30px;
  color: #54b2c6;
  font-size: 33px;
  font-weight: 900;
  line-height: 33px;
}
.container .sec-rec-job dl {
  margin-bottom: 40px;
}
.container .sec-rec-job dt {
  background-color: #65bdcf;
  display: inline-block;
  margin-bottom: 20px;
  padding: 5px 10px;
  font-size: 30px;
  font-weight: 900;
  line-height: 30px;
}
.container .sec-rec-job dd {
  padding: 0 0 30px;
  font-size: 26px;
  line-height: 46px;
  border-bottom: 1px solid #000;
}
.container .sec-rec-job dl:last-of-type {
  margin-bottom: 90px;
}
.container .sec-rec-job dl:last-of-type dt {
  background-color: none;
  display: inline-block;
  padding: 0;
  font-size: 0;
  line-height: 1;
}
.container .sec-rec-job dl:last-of-type dd {
  padding: 0;
  font-size: 26px;
  line-height: 46px;
  border-bottom: none;
}
.container .sec-rec-job .job_btn_entry {
  margin: 0 auto 60px;
  width: 835px;
  /*animation: boundy 0.3s ease infinite alternate;*/
}
.container .sec-rec-job .job_btn_entry a {
  display: block;
  width: 835px;
  height: 118px;
  background: url(../img/recruit/bg_btn_entry_effect.png) repeat-x 0 0;
  animation: gradation 3s linear infinite;
}
.container .sec-rec-job .job_btn_entry a:hover {
  transition: 0.3s linear;
  transform: scale(1.2, 1.2);
}
.container .sec-rec-job .job_other_menu {
  margin: 0 auto;
  padding: 0;
  width: 836px;
}
.container .sec-rec-job .job_other_menu li {
  flex-basis: 402px;
}
.container .sec-rec-treatment {
  background: #ffff00;
  padding: 111px 0 116px;
}
.container .sec-rec-treatment .treatment_title {
  margin: 0 auto 82px;
  width: 241px;
}
.container .sec-rec-treatment table,
.container .sec-rec-treatment table th,
.container .sec-rec-treatment table td {
  border: 0;
  border-collapse: collapse;
}
.container .sec-rec-treatment table {
  margin: 0;
  width: 100%;
}
.container .sec-rec-treatment table th,
.container .sec-rec-treatment table td {
  padding: 50px 40px;
  font-size: 24px;
  line-height: 42px;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #fff;
}
.container .sec-rec-treatment table th {
  background-color: #191919;
  color: #fff;
}
.container .sec-rec-treatment table td {
  background-color: #f2f0f0;
  text-align: left;
}
.container .sec-rec-entry {
  background: #aa73b4;
  padding: 111px 0 108px;
  text-align: left;
}
.container .sec-rec-entry .entry_title {
  margin: 0 auto 93px;
  width: 355px;
}
.container .sec-rec-entry .entry_box {
  background-color: #fff;
  padding: 89px 86px 89px 39px;
}
.container .sec-rec-entry .entry_box dl {
  margin: 0 0 30px;
  font-size: 26px;
  line-height: 48px;
  letter-spacing: 0.05em;
  clear: both;
}
.container .sec-rec-entry .entry_box dl:last-of-type {
  margin: 0 0 50px;
}
.container .sec-rec-entry .entry_box dt {
  width: 47px;
}
.container .sec-rec-entry .entry_box dd {
  width: 836px;
}
.container .sec-rec-entry .entry_box .entry_note {
  margin: 0 0 0 25px;
  font-size: 22px;
  line-height: 36px;
  letter-spacing: 0.1em;
  text-indent: -25px;
}
.container .sec-rec-flow {
  background: #a2cd50;
  padding: 120px 0 110px;
  text-align: left;
}
.container .sec-rec-flow .flow_title {
  margin: 0 auto 80px;
  width: 374px;
}
.container .sec-rec-flow .flow_box {
  background-color: #fff;
  padding: 92px 86px 117px 68px;
}
.container .sec-rec-flow .flow_box_in {
  background: url("../img/recruit/bg_flow.jpg") repeat-y left top;
}
.container .sec-rec-flow .flow_box_in dl {
  padding: 0 0 64px;
  line-height: 1;
}
.container .sec-rec-flow .flow_box_in dl:last-of-type {
  padding: 0;
}
.container .sec-rec-flow .flow_box_in dt {
  width: 118px;
  font-size: 0;
}
.container .sec-rec-flow .flow_box_in dd {
  width: 726px;
  font-size: 28px;
  line-height: 42px;
  letter-spacing: 0.03em;
}
.container .sec-rec-flow .flow_box_in dd .flow_tit {
  padding: 48px 0 0 34px;
  font-size: 41px;
  line-height: 66px;
  letter-spacing: 0.1em;
  border-bottom: 2px solid #cccccc;
}
.container .sec-rec-flow .flow_box_in dd .flow_text_box {
  padding: 35px 0 0 34px;
}
.container .sec-rec-flow .flow_box_in dd .flow_text_list {
  padding: 35px 0 45px 20px;
}
.container .sec-rec-flow .flow_box_in dd .flow_text_list li {
  font-size: 22px;
  line-height: 36px;
  letter-spacing: 0.1em;
}
.container .side_left01,
.container .side_left02,
.container .side_left03,
.container .side_left04 {
  width: 489px;
  position: absolute;
  left: 0;
  z-index: 3;
}
.container .side_left01 {
  top: -90px;
}
.container .side_left02 {
  top: -542px;
}
.container .side_left03 {
  top: -470px;
}
.container .side_left04 {
  top: 146px;
}
.container .side_right01,
.container .side_right02,
.container .side_right03,
.container .side_right04 {
  width: 533px;
  position: absolute;
  right: 0;
  z-index: 3;
}
.container .side_right01 {
  top: 114px;
}
.container .side_right02 {
  top: -221px;
}
.container .side_right03 {
  top: -300px;
}
.container .side_right04 {
  top: 723px;
}
.container .sec-recruit {
  z-index: 4;
}
footer {
  border-top: 2px solid #000000;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .container .sec-maintitle {
    padding: 6.666vw 0 5.333vw;
  }
  .container .sec-maintitle .tit {
    margin: 0 auto 8vw;
    width: 23.333%;
  }
  .container .sec-maintitle .menu_language {
    display: flex;
  }
  .container .sec-maintitle .menu_language li {
    padding: 0 1.866vw;
    font-size: 2.033vw;
    line-height: 2.933vw;
  }
  .container .sec-rec-job {
    padding: 8vw 3.6% 8.8vw;
  }
  .container .sec-rec-job .job_title {
    margin-bottom: 2.666vw;
  }
  .container .sec-rec-job .job_text {
    margin-bottom: 5.333vw;
    font-size: 3.2vw;
    line-height: 5.333vw;
  }
  .container .sec-rec-job .job_tit_entry {
    margin-bottom: 4vw;
    font-size: 4vw;
    line-height: 4vw;
  }
  .container .sec-rec-job dl {
    margin-bottom: 4.666vw;
  }
  .container .sec-rec-job dt {
    margin-bottom: 20px;
    font-size: 4vw;
    line-height: 4vw;
  }
  .container .sec-rec-job dd {
    padding: 0 0 4vw;
    font-size: 3.2vw;
    line-height: 5.333vw;
  }
  .container .sec-rec-job dl:last-of-type {
    margin-bottom: 8vw;
  }
  .container .sec-rec-job dl:last-of-type dt {
    background-color: none;
    display: inline-block;
    padding: 0;
    width: 52.8vw;
    font-size: 0;
    line-height: 1;
  }
  .container .sec-rec-job dl:last-of-type dd {
    padding: 0;
    font-size: 3.2vw;
    line-height: 5.333vw;
    border-bottom: none;
  }
  .container .sec-rec-job dl:last-of-type dd img {
    width: 100%;
  }
  .container .sec-rec-job .job_btn_entry {
    margin: 0 auto 5.333vw;
    width: 76.266vw;
    height: 14.266vw;
    /*animation: boundy 0.3s ease infinite alternate;*/
  }
  .container .sec-rec-job .job_btn_entry a {
    display: block;
    width: 76.266vw;
    height: 14.266vw;
    background: url(../img/recruit/bg_btn_entry_effect.png) repeat-x 0 0;
    background-size: auto 100%;
    animation: gradation 3s linear infinite;
  }
  .container .sec-rec-job .job_btn_entry a:hover {
    transition: 0.3s linear;
    transform: scale(1.2, 1.2);
  }
  .container .sec-rec-job .job_other_menu {
    display: flex;
    width: 100%;
  }
  .container .sec-rec-job .job_other_menu li {
    flex-basis: 44.8vw;
  }
  .container .sec-rec-treatment {
    padding: 6.133vw 3.6% 3.466vw;
  }
  .container .sec-rec-treatment .treatment_title {
    margin: 0 auto 4.266vw;
    width: 27.298%;
  }
  .container .sec-rec-treatment table th,
  .container .sec-rec-treatment table td {
    padding: 5.333vw 2.873%;
    font-size: 3.466vw;
    line-height: 4.533vw;
  }
  .container .sec-rec-treatment table td {
    font-size: 3.2vw;
  }
  .container .sec-rec-entry {
    padding: 4.687vw 3.6% 3vw;
  }
  .container .sec-rec-entry .entry_title {
    margin: 0 auto 4.266vw;
    width: 39.942%;
  }
  .container .sec-rec-entry .entry_box {
    background-color: #fff;
    padding: 4vw 3.879%;
  }
  .container .sec-rec-entry .entry_box dl {
    display: flex;
    margin: 0 0 4vw;
    font-size: 3.733vw;
    line-height: 5.866vw;
    letter-spacing: 0.03em;
  }
  .container .sec-rec-entry .entry_box dl:last-of-type {
    margin: 0 0 5.333vw;
  }
  .container .sec-rec-entry .entry_box dt {
    width: 6.25%;
  }
  .container .sec-rec-entry .entry_box dd {
    width: 91.406%;
  }
  .container .sec-rec-entry .entry_box .entry_note {
    margin: 0 0 0 3%;
    font-size: 3.2vw;
    line-height: 4.8vw;
    text-indent: -3%;
  }
  .container .sec-rec-flow {
    padding: 6.133vw 3.6% 3.466vw;
  }
  .container .sec-rec-flow .flow_title {
    margin: 0 auto 4.266vw;
    width: 42.241%;
  }
  .container .sec-rec-flow .flow_box {
    background-color: #fff;
    padding: 4.533vw 4.31%;
  }
  .container .sec-rec-flow .flow_box_in {
    background: url("../img/recruit/bg_flow.jpg") repeat-y left top / 14%;
  }
  .container .sec-rec-flow .flow_box_in dl {
    display: flex;
    padding: 0 0 5.333vw;
    line-height: 1;
  }
  .container .sec-rec-flow .flow_box_in dl:last-of-type {
    padding: 0;
  }
  .container .sec-rec-flow .flow_box_in dt {
    width: 13.522%;
  }
  .container .sec-rec-flow .flow_box_in dd {
    width: 82.704%;
    font-size: 3.466vw;
    line-height: 5.6vw;
  }
  .container .sec-rec-flow .flow_box_in dd .flow_tit {
    padding: 2.5vw 0 0 2%;
    font-size: 4.533vw;
    line-height: 8.8vw;
    letter-spacing: 0.07em;
    border-bottom: 1px solid #cccccc;
  }
  .container .sec-rec-flow .flow_box_in dl:first-of-type dd .flow_tit {
    padding: 2.5vw 0 0 2%;
    line-height: 8.8vw;
    letter-spacing: normal;
  }
  .container .sec-rec-flow .flow_box_in dd .flow_text_box {
    padding: 3.2vw 0 0 2%;
  }
  .container .sec-rec-flow .flow_box_in dd .flow_text_list {
    padding: 0 0 0 7%;
  }
  .container .sec-rec-flow .flow_box_in dd .flow_text_list li {
    font-size: 3.2vw;
    line-height: 4.8vw;
  }
  .container .sec-rec-flow .flow_box_in dd .btn_entry {
    width: 82.129%;
  }
  footer {
    border-top: 2px solid #000000;
    position: relative;
  }
  /* サイド画像 */
  .container .sec-maintitle .sp_side_left01 {
    width: 19.6vw;
    position: absolute;
    left: 0;
    top: 0;
  }
  .container .sp_side_left01 .side1 {
    width: 21.6vw;
    left: -14vw;
    top: 5.866vw;
  }
  .container .sp_side_left01 .side6 {
    width: 28.133vw;
    left: -8vw;
    top: -5.466vw;
  }
  .container .sp_side_left01 .side6 img {
    transform: rotate(90deg);
  }
  footer .sp_side_left02 {
    width: 10.666vw;
    position: absolute;
    left: 0;
    top: 53.6vw;
  }
  footer .sp_side_left02 img {
    width: 100%;
  }
  footer .sp_side_left02 .side16 {
    width: 27.6vw;
    left: -12vw;
    top: 5vw;
  }
  footer .sp_side_left02 .side16 img {
    transform: rotate(-20deg);
  }
  .container .sec-maintitle .sp_side_right01 {
    width: 15.466vw;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    height: 40vw;
  }
  .container .sp_side_right01 .side12 {
    width: 24.266vw;
    right: -9vw;
    top: 11vw;
  }
  .container .sp_side_right01 .side29 {
    width: 16.933vw;
    right: -4vw;
    top: 0vw;
  }
  .container .sp_side_right01 .side29 img {
    transform: rotate(-37deg);
  }
  .container .sec-rec-treatment {
    position: relative;
  }
  .container .sec-rec-treatment .sp_side_right02 {
    width: 21.066vw;
    position: absolute;
    right: 0;
    top: -2.666vw;
    overflow: hidden;
    height: 40vw;
  }
  .container .sp_side_right02 .side3 {
    width: 40.266vw;
    right: -21vw;
    top: 12vw;
  }
  .container .sp_side_right02 .side32 {
    width: 17.866vw;
    right: -6vw;
    top: 5vw;
  }
  .container .sec-rec-entry .sp_side_right03 {
    width: 21.866vw;
    position: absolute;
    right: 0;
    top: -4.133vw;
    overflow: hidden;
    height: 40vw;
  }
  .container .sp_side_right03 .side21 {
    width: 31.333vw;
    right: -11vw;
    top: 5vw;
  }
  .container .sp_side_right03 .side30 {
    width: 15.466vw;
    right: -5vw;
    top: 5vw;
  }
}
@media only screen and (max-width: 640px) {
  .container section .inner {
    width: 100%;
    box-sizing: border-box;
  }
  .container .sec-maintitle {
    padding: 6.666vw 0 5.333vw;
  }
  .container .sec-maintitle .tit {
    margin: 0 auto 6.152vw;
    width: 23.925%;
  }
  .container .sec-maintitle .menu_language {
    display: flex;
  }
  .container .sec-maintitle .menu_language li {
    padding: 0 1.367vw;
    font-size: 3.548vw;
    line-height: 3.548vw;
  }
  .container .sec-rec-job {
    background: #fff;
    padding: 12.597vw 4% 11.425vw;
    text-align: left;
  }
  .container .sec-rec-job .job_main_title {
    margin: 0 auto 7.812vw;
    width: 30.957vw;
  }
  .container .sec-rec-job .job_text {
    margin-bottom: 11.132vw;
    font-size: 3.2vw;
    line-height: 5.333vw;
  }
  .container .sec-rec-job dt {
    margin-bottom: 3.92vw;
    font-size: 4vw;
    line-height: 4vw;
  }
  .container .sec-rec-job .job_btn_entry {
    width: 76.4vw;
    height: 14.266vw;
  }
  .container .sec-rec-job .job_other_menu {
    display: flex;
    width: 100%;
  }
  .container .sec-rec-job .job_other_menu li {
    flex-basis: 44.8vw;
  }
  .container .sec-rec-job .job_other_menu li img {
    width: 100%;
  }
  .container .sec-rec-treatment {
    padding: 10.839vw 4% 11.328vw;
  }
  .container .sec-rec-treatment .treatment_title {
    margin: 0 auto 8.227vw;
    width: 23.535vw;
  }
  .container .sec-rec-treatment table th,
  .container .sec-rec-treatment table td {
    padding: 4.882vw 2.873%;
    font-size: 2.734vw;
    line-height: 4.533vw;
  }
  .container .sec-rec-treatment table th {
    width: 30%;
  }
  .container .sec-rec-treatment table td {
    width: 70%;
    font-size: 2.539vw;
  }
  .container .sec-rec-entry {
    padding: 10.644vw 4%;
  }
  .container .sec-rec-entry .entry_title {
    margin: 0 auto 9.082vw;
    width: 34.667vw;
  }
  .container .sec-rec-entry .entry_box {
    padding: 10vw 4%;
  }
  .container .sec-rec-entry .entry_box dl {
    display: flex;
  }
  .container .sec-rec-entry .entry_box dt {
    width: 10%;
  }
  .container .sec-rec-entry .entry_box img {
    width: 75%;
  }
  .container .sec-rec-entry .entry_box dd {
    width: 90%;
  }
  .container .sec-rec-flow {
    padding: 11.718vw 4% 10.742vw;
  }
  .container .sec-rec-flow .flow_title {
    margin: 0 auto 8.007vw;
    width: 36.523vw;
  }
  .container .sec-rec-flow .flow_box {
    padding: 8.984vw 4%;
  }
  .container .sec-rec-flow .flow_box_in {
    background: url("../img/recruit/bg_flow.jpg") repeat-y left top / 15.5%;
  }
  .container .sec-rec-flow .flow_box_in dl {
    display: flex;
    padding: 0 0 6.25vw;
    line-height: 1;
  }
  .container .sec-rec-flow .flow_box_in dl:last-of-type {
    padding: 0;
  }
  .container .sec-rec-flow .flow_box_in dt {
    width: 15%;
    font-size: 0;
  }
  .container .sec-rec-flow .flow_box_in dd {
    width: 80%;
    font-size: 2.734vw;
    line-height: 4.101vw;
    letter-spacing: 0.03em;
  }
  .container .sec-rec-flow .flow_box_in dd .flow_tit {
    padding: 3.7vw 0 0 4%;
    font-size: 4.003vw;
    line-height: 8.8vw;
    letter-spacing: 0.1em;
    border-bottom: 2px solid #cccccc;
  }
  .container .sec-rec-flow .flow_box_in dl:first-of-type dd .flow_tit {
    padding: 0 0 0 4%;
    line-height: 6.4vw;
  }
  .container .sec-rec-flow .flow_box_in dd .flow_text_box {
    padding: 4vw 0 0 4%;
  }
  .container .sec-rec-flow .flow_box_in dd .flow_text_list {
    padding: 4.666vw 0 6vw 2.666vw;
  }
  .container .sec-rec-flow .flow_box_in dd .flow_text_list li {
    list-style: disc;
    font-size: 2.148vw;
    line-height: 3.515vw;
    letter-spacing: 0.1em;
  }
  .container .sec-rec-flow .flow_box_in dd .btn_entry {
    width: 51.562vw;
  }
}

.container .side_left01 {
  transform-origin: top left;
  transform: scale(0.9, 0.9) translateX(0px);
}
.container .side_left02 {
  transform-origin: top left;
  transform: scale(0.9, 0.9) translateX(0px);
}
.container .side_left03 {
  transform-origin: top left;
  transform: scale(0.9, 0.9) translateX(0px);
}
.container .side_left04 {
  transform-origin: top left;
  transform: scale(0.9, 0.9) translateX(0px);
}
.container .side_right01 {
  transform-origin: top right;
  transform: scale(0.9, 0.9) translateX(0px);
}
.container .side_right02 {
  transform-origin: top right;
  transform: scale(0.9, 0.9) translateX(0px);
}
.container .side_right03 {
  transform-origin: top right;
  transform: scale(0.9, 0.9) translateX(0px);
}
.container .side_right04 {
  transform-origin: top right;
  transform: scale(0.9, 0.9) translateX(0px);
}
@media only screen and (max-width: 1800px) {
  .container .side_left01 {
    transform-origin: top left;
    transform: scale(0.8, 0.8) translateX(-100px);
  }
  .container .side_left02 {
    transform-origin: top left;
    transform: scale(0.8, 0.8) translateX(-100px);
  }
  .container .side_left03 {
    transform-origin: top left;
    transform: scale(0.8, 0.8);
  }
  .container .side_left04 {
    transform-origin: top left;
    transform: scale(0.8, 0.8) translateX(-100px);
  }
  .container .side_right01 {
    transform-origin: top right;
    transform: scale(0.8, 0.8) translateX(100px);
  }
  .container .side_right02 {
    transform-origin: top right;
    transform: scale(0.8, 0.8) translateX(100px);
  }
  .container .side_right03 {
    transform-origin: top right;
    transform: scale(0.8, 0.8) translateX(100px);
  }
  .container .side_right04 {
    transform-origin: top right;
    transform: scale(0.8, 0.8) translateX(100px);
  }
}
@media only screen and (max-width: 1500px) {
  .container .side_left01 {
    transform-origin: top left;
    transform: scale(0.6, 0.6) translateX(-150px);
  }
  .container .side_left02 {
    transform-origin: top left;
    transform: scale(0.6, 0.6) translateX(-150px);
  }
  .container .side_left03 {
    transform-origin: top left;
    transform: scale(0.6, 0.6);
  }
  .container .side_left04 {
    transform-origin: top left;
    transform: scale(0.6, 0.6) translateX(-150px);
  }
  .container .side_right01 {
    transform-origin: top right;
    transform: scale(0.6, 0.6) translateX(150px);
  }
  .container .side_right02 {
    transform-origin: top right;
    transform: scale(0.6, 0.6) translateX(150px);
  }
  .container .side_right03 {
    transform-origin: top right;
    transform: scale(0.6, 0.6) translateX(150px);
  }
  .container .side_right04 {
    transform-origin: top right;
    transform: scale(0.6, 0.6) translateX(150px);
  }
}
@media only screen and (max-width: 1200px) {
  .container .side_left01 {
    transform-origin: top left;
    transform: scale(0.6, 0.6) translateX(-300px);
  }
  .container .side_left02 {
    transform-origin: top left;
    transform: scale(0.6, 0.6) translateX(-300px);
  }
  .container .side_left03 {
    transform-origin: top left;
    transform: scale(0.6, 0.6);
  }
  .container .side_left04 {
    transform-origin: top left;
    transform: scale(0.6, 0.6) translateX(-300px);
  }
  .container .side_right01 {
    transform-origin: top right;
    transform: scale(0.5, 0.5) translateX(200px);
  }
  .container .side_right02 {
    transform-origin: top right;
    transform: scale(0.5, 0.5) translateX(200px);
  }
  .container .side_right03 {
    transform-origin: top right;
    transform: scale(0.5, 0.5) translateX(200px);
  }
  .container .side_right04 {
    transform-origin: top right;
    transform: scale(0.5, 0.5) translateX(200px);
  }
}

.container .sec-maintitle .inner {
  position: relative;
}
/* 神様 横から */
.container .sec-rec-job .gods_a {
  left: -120px;
  top: 1400px;
  font-size: 1px;
  line-height: 1px;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 300px;
  overflow: hidden;
  transition-property: all;
  transition: 0.3s linear;
}
.container .sec-rec-job .gods_a img {
  width: 100%;
}
.container .sec-rec-job .gods_a:hover {
  left: -50px;
}
.container .sec-maintitle .gods_b {
  right: -150px;
  top: 100px;
  font-size: 1px;
  line-height: 1px;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 300px;
  height: 350px;
  overflow: hidden;
  transition-property: all;
  transition: 0.3s linear;
}

.container .sec-maintitle .gods_b img {
  width: 100%;
}
.container .sec-maintitle .gods_b:hover {
  top: 50px;
}

/* 神様 上から下へ */
footer .footer-wrapper {
  position: relative;
}
footer .gods_c {
  left: -250px !important;
  top: 0 !important;
  font-size: 1px;
  line-height: 1px;
  margin: 0;
  padding: 0;
  position: absolute;
  height: 200px;
  width: 400px;
  overflow: hidden;
  transition-property: all;
  transition: 0.3s linear;
}
footer .gods_c img {
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: auto;
}

footer .gods_c:hover {
  height: 300px !important;
}

.buruburu {
   -webkit-animation: buruburu 0.1s infinite linear alternate;
   animation: buruburu 0.1s infinite linear alternate;
}
@keyframes buruburu {
  0% {
    transform: translate(0, 0) rotate(-3deg);
  }
  50% {
    transform: translate(0, -1px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(3deg);
  }
}
@media only screen and (max-width: 1024px) {
  .container .sec-rec-job .gods_d {
    right: 0;
    top: -5vw;
    font-size: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 29.296vw;
    height: 32.296vw;
    overflow: hidden;
    transition-property: all;
    transition: 0.3s linear;
  }

  .container .sec-rec-job .gods_d img {
    position: absolute;
    right: -15vw;
    width: 100%;
    transition-property: all;
    transition: 0.3s linear;
  }
  .container .sec-rec-job .gods_d img:hover {
    right: -5vw;
  }
}
@media only screen and (max-width: 1024px) {
  .container .sec-rec-treatment .gods_a {
    left: -10.666vw;
    top: -6.533vw;
    font-size: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 32vw;
    overflow: hidden;
    transition-property: all;
    transition: 0.3s linear;
  }
  .container .sec-rec-treatment .gods_a:hover {
    left: -5.666vw;
  }
  footer .gods_c {
    left: inherit !important;
    right: 5vw !important;
    top: -15.055vw !important;
    font-size: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
    position: absolute;
    height: 15vw;
    width: 30vw;
    overflow: hidden;
  }
  footer .gods_c img {
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: auto;
  }
  footer .gods_c:hover {
    height: 25vw !important;
  }
}
