@media only screen and (max-width: 766px) {
a.arrowWrap {
  top: 450px!important;
  right: 0px!important;
}
#wrkppl a.jobs .img {
  width: 100%;
}

.ftr_cntnt li {
  width: 100%!important;
  margin: 30px;
  display: inline-flex;
}
#recruit-info .contents-wrap .box {
  width: 100%!important;
}
}

      .ftr_cntnt li a:hover .ftr_img img {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1 !important;
      }

      #wrkppl a {
        position: relative;
        display: block;
        color: #333333;
        z-index: 1;
        transition: all .4s;
      }

      #wrkppl a:hover {
        opacity: 1 !important;
      }

      #wrkppl a .cntnt {
        display: flex;
        flex-wrap: wrap;
      }

      #wrkppl a.jobs .img {
        width: 60%;
        height: auto;
        overflow: hidden;
      }

      #wrkppl a .img img {
        width: 100%;
        height: auto;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
      }

      #wrkppl a:hover .img img {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1 !important;
      }

      .ftr_cntnt li {
        width: 45%;
        margin: 30px;
        display: inline-flex;
      }

      #message p {
        font-size: 18px;
      }

      .toppage_title {
        opacity: 1 !important;
      }

      a.arrowWrap {
        z-index: 2;
        position: absolute;
        display: block;
        margin-left: -20px;
        top: 600px;
        right: 50px;
        cursor: pointer;
      }

      .arrowInner p.en {
        display: block;
        color: #fff;
        font-size: 1.2rem;
        font-weight: 400;
        letter-spacing: .2rem;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        transition: all .4s;
      }

      .arrow {
        width: 2px;
        height: 70px;
        margin: 20px auto 0px;
        background-color: #eee;
        position: relative;
        overflow: hidden;
      }

      .arrow::before {
        content: '';
        width: 4px;
        height: 70px;
        margin: 50px auto 0;
        background-color: #008486;
        position: absolute;
        top: -150px;
        left: 0;
        -webkit-animation: arrow 3.5s ease 0s infinite normal;
        animation: arrow 3.5s ease 0s infinite normal;
      }

      .toppage_title p {
        font-size: 1.5rem;
        line-height: 1;
        letter-spacing: .1rem;
        font-weight: 500;
        margin-top: 38px;
      }

      #wrkppl .content03 a {
        width: 100%;
        background-color: #008486;
        color: #fff;
      }

      #message {
        padding: 80px 0;
      }

      .txt_area h3 {
        position: relative;
        display: block;
        font-size: 3.1rem;
        line-height: 1.2;
        margin-bottom: 20px;
      }

      .txt_area p.txt {
        font-size: 1.6rem;
        line-height: 2;
      }

      .txt_area h3 span.wbg {
        display: inline-block;
        padding: 5px 15px 5px;
        background-color: #fff;
      }

      .sec_title h2 {
        font-size: 6rem;
        line-height: 1;
        font-weight: 500;
      }

      .sec_title p {
        font-size: 1.4em;
        line-height: 1;
        margin-top: 12px;
        font-weight: 500;
      }

      .txt_area h3:after {
        display: contents !important;
      }

      #wrkppl a .txt_cntnt .ttl h3 {
        font-size: 3rem;
      }

      #wrkppl a .txt_cntnt .ttl .en_wt {
        font-size: 1.5rem;
      }

      #wrkppl a .txt_cntnt .txt {
        font-size: 1.6rem;
        line-height: 2;
        letter-spacing: 0.01rem;
        margin-top: 18px;
      }

      #wrkppl a .txt_cntnt:after {
        display: contents !important;
      }

      #workstyle h2 {
        margin-bottom: 10px !important;
      }

      #recruit-info h2 {
        margin-bottom: 10px !important;
      }

      #workstyle .box .text p {
        font-size: 16px;
      }

      #recruit-info .contents-wrap .box {
        position: relative;
        display: block;
        width: 30%;
        background-color: #249DA4;
        color: #fff;
        text-align: center;
        padding: 50px 0;
        margin-bottom: 30px;
        transition: opacity .2s ease-in-out;
      }

      #message .copy {
        color: #008486;
        line-height: 0.7;
      }

      .toppage_title h1 {
        width: 100%;
        font-size: 4rem;
        line-height: 5.2rem;
        font-weight: 900;
        letter-spacing: .1rem;
        color: #fff;
      }
	  
	  .cntnt_f {
		 margin-top: 230px!important; 
		  
	  }