@charset "UTF-8";
/******************
 * リセット
 ******************/
/*!
 YUI 3.18.1 (build f7e7bcb)
 Copyright 2014 Yahoo! Inc. All rights reserved.
 Licensed under the BSD License.
 http://yuilibrary.com/license/
 */
/*************************************************/
/*背景表示の後、文字が表示される動き*/
/*isPlay.js*/
/*トップページ*/
/* 1つ目*/
.box-tesuto-top {
    width: 87%;
	height: auto;
	overflow: hidden;
}
@media screen and (max-width:991px) {
.box-tesuto-top {
	margin: 30px 0 0 0px;
    width: 80%;
}
}
@media screen and (max-width:767px) {
.box-tesuto-top {
    width: 100%;
	margin: 20px 0 0 0px;
}
}
@media screen and (max-width:320px) {
.box-tesuto-top {
    width: 100%;
}
}
/* 2つ目*/
.box-tesuto-top1 {
	width: 71%;
    height: auto;
	overflow: hidden;
}
@media screen and (max-width:1366px) {
.box-tesuto-top1 {
	width: 67%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto-top1 {
    width: 72%;
}
}
@media screen and (max-width:991px) {
.box-tesuto-top1 {
    width: 67%;
}
}
@media screen and (max-width:767px) {
.box-tesuto-top1 {
	width: 85%;
    margin: 0px;
}
}
@media screen and (max-width:320px) {
.box-tesuto-top1 {
    width: 100%;
}
}

.box-tesuto-top .boxInner1,.box-tesuto-top1 .boxInner1{
	width: 100%;
    color: #000;
    background: #ffaa23;
	font-size: 1.7vw;
	line-height: 1.943;
    padding: 0 10px;
}
@media screen and (max-width:991px) {
.box-tesuto-top .boxInner1,.box-tesuto-top1 .boxInner1{
	font-size: 17px;
}
}
@media screen and (max-width:767px) {
.box-tesuto-top .boxInner1,.box-tesuto-top1 .boxInner1{
	font-size: 44px;
    background: #ffcd1f;
}
}
@media screen and (max-width:576px) {
.box-tesuto-top .boxInner1,.box-tesuto-top1 .boxInner1{
	font-size: 32px;
}
}
@media screen and (max-width:425px) {
.box-tesuto-top .boxInner1,.box-tesuto-top1 .boxInner1{
	font-size: 22px;
}
}
@media screen and (max-width:411px) {
.box-tesuto-top .boxInner1,.box-tesuto-top1 .boxInner1{
	font-size: 20px;
}
}
@media screen and (max-width:375px) {
.box-tesuto-top .boxInner1,.box-tesuto-top1 .boxInner1{
	font-size: 18px;
}
}
@media screen and (max-width:320px) {
.box-tesuto-top .boxInner1,.box-tesuto-top1 .boxInner1{
	font-size: 15px;
}
}
.isPlay1 {
  animation-name: play;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  position: relative;
  opacity: 1 !important;
}
  
.isPlay1:before {
  animation-name: maskOut;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #ffaa23;
}
@media screen and (max-width:767px) {
.isPlay1:before {
  background:#ffcd1f;
}
}

@keyframes play {
  from {
    transform: translateX(-100%);
  }
  
  to {
    transform: translateX(0);
  }
}

@keyframes maskOut {
  from {
    transform: translateX(0);
  }
  
  to {
    transform: translateX(100%);
  }
}
/*ブロードバンド事業*/
/* 1つ目*/
.box-tesuto {
	width: 60%;
    height: auto;
	margin-left: -4%;
	overflow: hidden;
}
@media screen and (max-width:1750px) {
.box-tesuto {
	width: 63%;
	margin-left: -4%;
}
}
@media screen and (max-width:1440px) {
.box-tesuto {
    margin-left: -9%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto {
	width: 67%;
    margin-left: -12%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto {
    width: 72%;
    margin-left: -15%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto {
    width: 63%;
    margin-left: -15%;
}
}
@media screen and (max-width:991px) {
.box-tesuto {
	margin: 30px 0 0 68px;
    width: 47%;
}
}
@media screen and (max-width:767px) {
.box-tesuto {
    width: 73%;
    margin: 20px 0 0 0px;
}
}
@media screen and (max-width:375px) {
.box-tesuto {
    width: 80%;
}
}
@media screen and (max-width:320px) {
.box-tesuto {
    width: 100%;
}
}
.box-tesuto .boxInner,.box-tesuto2 .boxInner,.box-tesuto3 .boxInner,.box-tesuto4 .boxInner,.box-tesuto5 .boxInner,.box-tesuto6 .boxInner,.box-tesuto7 .boxInner,.box-tesuto8 .boxInner{
	width: 100%;
    color: #ffffff;
    background: #ff6000;
    font-size: 1.47vw;
    line-height: 1.943;
    padding: 0 10px;
}
@media screen and (max-width:991px) {
.box-tesuto .boxInner,.box-tesuto2 .boxInner,.box-tesuto3 .boxInner,.box-tesuto4 .boxInner,.box-tesuto5 .boxInner,.box-tesuto6 .boxInner,.box-tesuto7 .boxInner,.box-tesuto8 .boxInner{
    font-size: 18px;
}
}
@media screen and (max-width:576px) {
.box-tesuto .boxInner,.box-tesuto2 .boxInner,.box-tesuto3 .boxInner,.box-tesuto4 .boxInner,.box-tesuto5 .boxInner,.box-tesuto6 .boxInner,.box-tesuto7 .boxInner,.box-tesuto8 .boxInner{
    font-size: 17px;
}
}
@media screen and (max-width:425px) {
.box-tesuto .boxInner,.box-tesuto2 .boxInner,.box-tesuto3 .boxInner,.box-tesuto4 .boxInner,.box-tesuto5 .boxInner,.box-tesuto6 .boxInner,.box-tesuto7 .boxInner,.box-tesuto8 .boxInner{
    font-size: 15px;
}
}
@media screen and (max-width:375px) {
.box-tesuto .boxInner,.box-tesuto2 .boxInner,.box-tesuto3 .boxInner,.box-tesuto4 .boxInner,.box-tesuto5 .boxInner,.box-tesuto6 .boxInner,.box-tesuto7 .boxInner,.box-tesuto8 .boxInner{
    font-size: 14px;
}
}
@media screen and (max-width:767px) {
.box-tesuto .boxInner,.box-tesuto2 .boxInner,.box-tesuto3 .boxInner,.box-tesuto4 .boxInner,.box-tesuto5 .boxInner,.box-tesuto6 .boxInner,.box-tesuto7 .boxInner,.box-tesuto8 .boxInner{
    margin-top: 33px;
}
}
@media screen and (max-width:425px) {
.box-tesuto .boxInner,.box-tesuto3 .boxInner,.box-tesuto5 .boxInner,.box-tesuto7 .boxInner{
    margin-top: 0px;
}
}
@media screen and (max-width:425px) {
.box-tesuto2 .boxInner,.box-tesuto4 .boxInner,.box-tesuto6 .boxInner,.box-tesuto8 .boxInner{
    margin-top: 33px;
}
}
.isPlay {
  animation-name: play;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  position: relative;
  opacity: 1 !important;
}
  
.isPlay:before {
  animation-name: maskOut;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #ff6000;
}
@media screen and (max-width:767px) {
.isPlay:before {
  background:#ff6000;
}
}

@keyframes play {
  from {
    transform: translateX(-100%);
  }
  
  to {
    transform: translateX(0);
  }
}

@keyframes maskOut {
  from {
    transform: translateX(0);
  }
  
  to {
    transform: translateX(100%);
  }
}

/*２つ目*/
.box-tesuto2 {
	width: 100%;
    height: auto;
	margin-left: -4%;
    overflow: hidden;
    margin-right: -4%;
}
@media screen and (max-width:1565px) {
.box-tesuto2 {
    width: 105%;
	margin-left: -9%;
    margin-right: 0%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto2 {
	width: 114%;
    margin-left: -12%;
	margin-right: 0%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto2 {
	width: 120%;
    margin-right: -7%;
    margin-left: -15%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto2 {
	width: 102%;
    margin-right: 0%;
}
}
@media screen and (max-width:991px) {
.box-tesuto2 {
	width: 80%;
    margin-right: 0%;
    margin-left: 66px;
}
}
@media screen and (max-width:767px) {
.box-tesuto2 {
	width: 95%;
    margin: -36px 0 0 0;
}
}
@media screen and (max-width:375px) {
.box-tesuto2 {
	width: 100%;
}
}

/*WEBクリエイティブ事業*/
/*1つ目*/
.box-tesuto3 {
	width: 71%;
    height: auto;
	margin-left: -4%;
    overflow: hidden;
    margin-right: -4%;
}
@media screen and (max-width:1750px) {
.box-tesuto3 {
    width: 74%;
    margin-right: 0%;
}
}
@media screen and (max-width:1565px) {
.box-tesuto3 {
    width: 76%;
	margin-left: -9%;
    margin-right: 0%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto3 {
	width: 80%;
    margin-left: -12%;
	margin-right: 0%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto3 {
	width: 85%;
    margin-right: -7%;
    margin-left: -15%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto3 {
	width: 73%;
    margin-right: 0%;
}
}
@media screen and (max-width:991px) {
.box-tesuto3 {
    width: 56%;
	margin: 30px 0 0 66px;
}
}
@media screen and (max-width:767px) {
.box-tesuto3 {
	width: 85%;
    margin: 20px 0 0 0;
}
}
@media screen and (max-width:375px) {
.box-tesuto3 {
	width: 100%;
}
}

/*２つ目*/
.box-tesuto4 {
	width: 81%;
    height: auto;
	margin-left: -4%;
    overflow: hidden;
    margin-right: -4%;
}
@media screen and (max-width:1750px) {
.box-tesuto4 {
    width: 82%;
    margin-right: 0%;
}
}
@media screen and (max-width:1565px) {
.box-tesuto4 {
    width: 85%;
	margin-left: -9%;
    margin-right: 0%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto4 {
	width: 90%;
    margin-left: -12%;
	margin-right: 0%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto4 {
	width: 95%;
    margin-right: -7%;
    margin-left: -15%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto4 {
	width: 82%;
    margin-right: 0%;
}
}
@media screen and (max-width:991px) {
.box-tesuto4 {
    width: 64%;
	margin-right: 0%;
    margin-left: 66px;
}
}
@media screen and (max-width:767px) {
.box-tesuto4 {
	width: 95%;
    margin: -36px 0 0 0;
}
}
@media screen and (max-width:375px) {
.box-tesuto4 {
	width: 100%;
}
}

/*法人事業*/
/*1つ目*/
.box-tesuto5 {
	width: 74%;
    height: auto;
	margin-left: -4%;
    overflow: hidden;
    margin-right: -4%;
}
@media screen and (max-width:1565px) {
.box-tesuto5 {
    width: 78%;
    margin-right: 0%;
}
}
@media screen and (max-width:1440px) {
.box-tesuto5 {
	width: 74%;
	margin-right: 0%;
    margin-left: -9%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto5 {
	width: 85%;
    margin-left: -12%;
	margin-right: 0%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto5 {
	width: 90%;
    margin-right: -7%;
    margin-left: -15%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto5 {
	width: 80%;
    margin-right: 0%;
}
}
@media screen and (max-width:991px) {
.box-tesuto5 {
    width: 61%;
	margin: 30px 0 0 66px;
}
}
@media screen and (max-width:767px) {
.box-tesuto5 {
    width: 90%;
	margin: 20px 0 0 0;
}
}
@media screen and (max-width:375px) {
.box-tesuto5 {
	width: 100%;
}
}

/*２つ目*/
.box-tesuto6 {
	width: 74%;
    height: auto;
	margin-left: -4%;
    overflow: hidden;
    margin-right: -4%;
}
@media screen and (max-width:1440px) {
.box-tesuto6 {
    margin-left: -9%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto6 {
	width: 90%;
    margin-left: -12%;
	margin-right: 0%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto6 {
	width: 90%;
    margin-right: -7%;
    margin-left: -15%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto6 {
	width: 82%;
    margin-right: 0%;
}
}
@media screen and (max-width:991px) {
.box-tesuto6 {
    width: 64%;
	margin-right: 0%;
    margin-left: 66px;
}
}
@media screen and (max-width:767px) {
.box-tesuto6 {
	width: 95%;
    margin: -36px 0 0 0;
}
}
@media screen and (max-width:375px) {
.box-tesuto6 {
	width: 100%;
}
}
/*アライアンス事業*/
/*1つ目*/
.box-tesuto7 {
    width: 74%;
	height: auto;
	margin-left: -4%;
    overflow: hidden;
    margin-right: -4%;
}
@media screen and (max-width:1565px) {
.box-tesuto7 {
    width: 76%;
	margin-right: 0%;
}
}
@media screen and (max-width:1440px) {
.box-tesuto7 {
    width: 68%;
	margin-right: 0%;
    margin-left: -9%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto7 {
    width: 80%;
	margin-left: -12%;
	margin-right: 0%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto7 {
	width: 85%;
	margin-right: -7%;
    margin-left: -15%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto7 {
    width: 71%;
	margin-right: 0%;
}
}
@media screen and (max-width:991px) {
.box-tesuto7 {
    width: 56%;
	margin: 30px 0 0 66px;
}
}
@media screen and (max-width:767px) {
.box-tesuto7 {
    width: 88%;
	margin: 20px 0 0 0;
}
}
@media screen and (max-width:375px) {
.box-tesuto7 {
    width: 90%;
}
}
@media screen and (max-width:320px) {
.box-tesuto7 {
    width: 104%;
}
}
/*２つ目*/
.box-tesuto8 {
    width: 62%;
	height: auto;
	margin-left: -4%;
    overflow: hidden;
    margin-right: -4%;
}
@media screen and (max-width:1565px) {
.box-tesuto8 {
    width: 66%;
}
}
@media screen and (max-width:1440px) {
.box-tesuto8 {
    margin-left: -9%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto8 {
    width: 68%;
	margin-left: -12%;
	margin-right: 0%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto8 {
    width: 73%;
	margin-right: -7%;
    margin-left: -15%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto8 {
    width: 62%;
	margin-right: 0%;
}
}
@media screen and (max-width:991px) {
.box-tesuto8 {
    width: 48%;
	margin-right: 0%;
    margin-left: 66px;
}
}
@media screen and (max-width:767px) {
.box-tesuto8 {
    width: 74%;
	margin: -36px 0 0 0;
}
}
@media screen and (max-width:375px) {
.box-tesuto8 {
    width: 76%;
}
}
@media screen and (max-width:320px) {
.box-tesuto8 {
    width: 90%;
}
}

/*採用情報＞求める人物像*/
/*1つ目*/
.box-tesuto9 {
    width: 78%;
	height: auto;
    margin-left: 32%;
    overflow: hidden;
    margin-right: 0%;
}
@media screen and (max-width:1440px) {
.box-tesuto9 {
	width: 84%;
    margin-left: 28%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto9 {
	width: 100%;
    margin-left: 19%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto9 {
	width: 100%;
    margin-left: 13%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto9 {
	width: 111%;
    margin-left: 13%;
}
}
@media screen and (max-width:991px) {
.box-tesuto9 {
    width: 70%;
    margin: 400px 0 0 66px;
}
}
@media screen and (max-width:767px) {
.box-tesuto9 {
	width: 100%;
    margin: 300px 0 0 0px;
}
}
@media screen and (max-width:375px) {
.box-tesuto9 {
    margin: 260px 0 0 0px;
}
}
@media screen and (max-width:320px) {
.box-tesuto9 {
    margin: 220px 0 0 0px;
}
}
/*２つ目*/
.box-tesuto10 {
	width: 55%;
    height: auto;
    margin-left: 32%;
    overflow: hidden;
    margin-right: 0%;
}
@media screen and (max-width:1565px) {
.box-tesuto10 {
    width: 60%;
}
}
@media screen and (max-width:1440px) {
.box-tesuto10 {
    margin-left: 28%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto10 {
	width: 66%;
    margin-left: 19%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto10 {
    width: 58%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto10 {
    width: 82%;
}
}
@media screen and (max-width:991px) {
.box-tesuto10 {
    width: 55%;
	margin-right: 0%;
    margin-left: 66px;
}
}
@media screen and (max-width:767px) {
.box-tesuto10 {
	width: 75%;
	margin: 0;
	margin-top: -10px;
}
}
@media screen and (max-width:375px) {
.box-tesuto10 {
    width: 80%;
}
}
.box-tesuto9 .boxInner2{
	width: 100%;
    color: #000;
    background: #ff6000;
    font-size: 1.47vw;
    line-height: 1.943;
    padding: 0 10px;
}
.box-tesuto10 .boxInner2{
	width: 100%;
    color: #000;
    background: #ff6000;
    font-size: 1.47vw;
    line-height: 1.943;
    padding: 0 10px;
}
@media screen and (max-width:1024px) {
.box-tesuto9 .boxInner2,.box-tesuto10 .boxInner2{
    font-size: 22px;
}
}
@media screen and (max-width:767px) {
.box-tesuto9 .boxInner2,.box-tesuto10 .boxInner2{
    font-size: 17px;
}
}
@media screen and (max-width:375px) {
.box-tesuto9 .boxInner2,.box-tesuto10 .boxInner2{
    font-size: 16px;
}
}
@media screen and (max-width:320px) {
.box-tesuto9 .boxInner2,.box-tesuto10 .boxInner2{
    font-size: 14px;
}
}
.isPlay2 {
  animation-name: play;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  position: relative;
  opacity: 1 !important;
}
  
.isPlay2:before {
  animation-name: maskOut;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #ff6000;
}
@media screen and (max-width:767px) {
.isPlay2:before {
  background:#ff6000;
}
}

@keyframes play {
  from {
    transform: translateX(-100%);
  }
  
  to {
    transform: translateX(0);
  }
}

@keyframes maskOut {
  from {
    transform: translateX(0);
  }
  
  to {
    transform: translateX(100%);
  }
}

/*採用情報＞社員の声＞各個人ページ*/
/*t*/
/*1つ目*/
.container111 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 40px 0;
}
.container112 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 40px 0;
}
.box-tesuto33 {
	width: 68%;
    height: auto;
    margin: -4% 0 0% 31%;
	overflow: hidden;
    position: absolute!important;
    z-index: 90!important;
}
@media screen and (max-width:1750px) {
.box-tesuto33 {
    margin: -4% 0 0% 29%;
    width: 72%;
}
}
@media screen and (max-width:1565px) {
.box-tesuto33 {
	margin: -4% 0 0% 25%;
    width: 74%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto33 {
	margin: -4% 0 0% 17%;
    width: 79%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto33 {
	margin: -4% 0 0% 11%;
    width: 84%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto33 {
    width: 74%;
}
}
@media screen and (max-width:991px) {
.box-tesuto33 {
    width: 87%;
	margin: -10% 0 0% 11%;
}
}
@media screen and (max-width:425px) {
.box-tesuto33 {
    width: 70%;
	margin: 56% 0 0% 0%;
}
}
@media screen and (max-width:375px) {
.box-tesuto33 {
    width: 79%;
}
}
.box-tesuto33 .boxInner33 {
	width: 100%;
    height: inherit;
    color: #000;
    background: #ff6000;
    padding: 0px 30px 0 30px;
	font-size: 1.75vw;
    line-height: 1.943;
    letter-spacing: 0.1rem;
}
@media screen and (max-width:991px) {
.box-tesuto33 .boxInner33 {
	font-size: 17px;
    padding: 0px 15px 0 15px;
}
}
@media screen and (max-width:425px) {
.box-tesuto33 .boxInner33 {
	font-size: 15px;
}
}
@media screen and (max-width:320px) {
.box-tesuto33 .boxInner33 {
	font-size: 13px;
}
}
/*２つ目*/
.box-tesuto34 {
	width: 72%;
    height: auto;
    margin: -4% 0 0% 31%;
	overflow: hidden;
    position: absolute!important;
    z-index: 90!important;
}
@media screen and (max-width:1750px) {
.box-tesuto34 {
    margin: -4% 0 0% 29%;
    width: 77%;
}
}
@media screen and (max-width:1565px) {
.box-tesuto34 {
	width: 80%;
    margin: -4% 0 0% 25%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto34 {
	width: 83%;
    margin: -7% 0 0% 17%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto34 {
	width: 90%;
    margin: -7% 0 0% 11%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto34 {
    width: 80%;
	margin: -12% 0 0% 11%;
}
}
@media screen and (max-width:991px) {
.box-tesuto34 {
    width: 93%;
	margin: -22% 0 0% 11%;
}
}
@media screen and (max-width:767px) {
.box-tesuto34 {
    width: 73%;
	margin: 46% 0 0% 0%;
}
}
@media screen and (max-width:375px) {
.box-tesuto34 {
	width: 90%;
}
}
@media screen and (max-width:320px) {
.box-tesuto34 {
    margin: 42% 0 0% 0%;
}
}
.box-tesuto34 .boxInner33 {
	width: 100%;
    height: inherit;
    color: #000;
    background: #ff6000;
    padding: 0px 30px 0 30px;
	font-size: 1.75vw;
    line-height: 1.943;
    letter-spacing: 0.1rem;
}
@media screen and (max-width:991px) {
.box-tesuto34 .boxInner33 {
    padding: 0px 15px 0 15px;
	font-size: 17px;
}
}
@media screen and (max-width:425px) {
.box-tesuto34 .boxInner33 {
	font-size: 15px;
}
}@media screen and (max-width:320px) {
.box-tesuto34 .boxInner33 {
	font-size: 13px;
}
}
.isPlay33 {
    animation-name: play;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.8,0,.5,1);
    position: relative;
    opacity: 1 !important;
}
.isPlay33:before {
    animation-name: maskOut;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.8,0,.5,1);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  background:#ff6000;
}
.li-right {
    width: 40%;
    position: relative;
    left: 57%;
    z-index: 1;
}
img.feature-c2-1img {
    width: 93%;
}
/*u*/
/*1つ目*/
.box-tesuto35 {
    width: 73%;
	height: auto;
    margin: -4% 0 0% 31%;
	overflow: hidden;
    position: absolute!important;
    z-index: 90!important;
}
@media screen and (max-width:1750px) {
.box-tesuto35 {
    margin: -4% 0 0% 29%;
    width: 72%;
}
}
@media screen and (max-width:1565px) {
.box-tesuto35 {
	margin: -4% 0 0% 25%;
    width: 78%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto35 {
	margin: -4% 0 0% 17%;
    width: 83%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto35 {
	margin: -4% 0 0% 11%;
    width: 88%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto35 {
    width: 78%;
}
}
@media screen and (max-width:991px) {
.box-tesuto35 {
    width: 90%;
	margin: -10% 0 0% 11%;
}
}
@media screen and (max-width:425px) {
.box-tesuto35 {
    width: 70%;
	margin: 56% 0 0% 0%;
}
}
@media screen and (max-width:375px) {
.box-tesuto35 {
    width: 79%;
}
}
@media screen and (max-width:320px) {
.box-tesuto35 {
    width: 82%;
}
}
.box-tesuto35 .boxInner33 {
	width: 100%;
    height: inherit;
    color: #000;
    background: #ff6000;
    padding: 0px 30px 0 30px;
	font-size: 1.75vw;
    line-height: 1.943;
    letter-spacing: 0.1rem;
}
@media screen and (max-width:991px) {
.box-tesuto35 .boxInner33 {
	font-size: 17px;
    padding: 0px 15px 0 15px;
}
}
@media screen and (max-width:425px) {
.box-tesuto35 .boxInner33 {
	font-size: 15px;
}
}
@media screen and (max-width:320px) {
.box-tesuto35 .boxInner33 {
	font-size: 13px;
}
}
/*２つ目*/
.box-tesuto36 {
    width: 83%;
	height: auto;
    margin: -4% 0 0% 31%;
	overflow: hidden;
    position: absolute!important;
    z-index: 90!important;
}
@media screen and (max-width:1750px) {
.box-tesuto36 {
    margin: -4% 0 0% 29%;
    width: 86%;
}
}
@media screen and (max-width:1565px) {
.box-tesuto36 {
    width: 90%;
	margin: -4% 0 0% 25%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto36 {
    width: 97%;
	margin: -7% 0 0% 17%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto36 {
    width: 102%;
	margin: -7% 0 0% 11%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto36 {
    width: 90%;
	margin: -12% 0 0% 11%;
}
}
@media screen and (max-width:991px) {
.box-tesuto36 {
    width: 98%;
	margin: -22% 0 0% 11%;
}
}
@media screen and (max-width:767px) {
.box-tesuto36 {
	width: 83%;
	margin: 46% 0 0% 0%;
}
}
@media screen and (max-width:375px) {
.box-tesuto36 {
	width: 90%;
}
}
@media screen and (max-width:320px) {
.box-tesuto36 {
    margin: 42% 0 0% 0%;
    width: 93%;
}
}
.box-tesuto36 .boxInner33 {
	width: 100%;
    height: inherit;
    color: #000;
    background: #ff6000;
    padding: 0px 30px 0 30px;
	font-size: 1.75vw;
    line-height: 1.943;
    letter-spacing: 0.1rem;
}
@media screen and (max-width:991px) {
.box-tesuto36 .boxInner33 {
	padding: 0px 10px 0 10px;
    font-size: 16px;
}
}
@media screen and (max-width:425px) {
.box-tesuto36 .boxInner33 {
	font-size: 15px;
}
}@media screen and (max-width:320px) {
.box-tesuto36 .boxInner33 {
	font-size: 13px;
}
}
/*a*/
/*1つ目*/
.box-tesuto37 {
    width: 65%;
	height: auto;
    margin: -4% 0 0% 31%;
	overflow: hidden;
    position: absolute!important;
    z-index: 90!important;
}
@media screen and (max-width:1750px) {
.box-tesuto37 {
    margin: -4% 0 0% 29%;
    width: 67%;
}
}
@media screen and (max-width:1565px) {
.box-tesuto37 {
	margin: -4% 0 0% 25%;
    width: 69%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto37 {
	margin: -4% 0 0% 17%;
    width: 75%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto37 {
	margin: -4% 0 0% 11%;
    width: 80%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto37 {
	width: 71%;
}
}
@media screen and (max-width:991px) {
.box-tesuto37 {
    width: 81%;
	margin: -10% 0 0% 11%;
}
}
@media screen and (max-width:425px) {
.box-tesuto37 {
	width: 66%;
    margin: 57% 0 0% 0%;
}
}
@media screen and (max-width:375px) {
.box-tesuto37 {
	width: 72%;
    margin: 60% 0 0% 0%;
}
}
@media screen and (max-width:320px) {
.box-tesuto37 {
    margin: 70% 0 0% 0%;
    width: 75%;
}
}
.box-tesuto37 .boxInner33 {
	width: 100%;
    height: inherit;
    color: #000;
    background: #ff6000;
    padding: 0px 30px 0 30px;
	font-size: 1.75vw;
    line-height: 1.943;
    letter-spacing: 0.1rem;
}
@media screen and (max-width:991px) {
.box-tesuto37 .boxInner33 {
	font-size: 17px;
    padding: 0px 15px 0 15px;
}
}
@media screen and (max-width:425px) {
.box-tesuto37 .boxInner33 {
	font-size: 15px;
}
}
@media screen and (max-width:320px) {
.box-tesuto37 .boxInner33 {
	font-size: 13px;
}
}
/*２つ目*/
.box-tesuto38 {
    width: 74%;
	height: auto;
    margin: -4% 0 0% 31%;
	overflow: hidden;
    position: absolute!important;
    z-index: 90!important;
}
@media screen and (max-width:1750px) {
.box-tesuto38 {
    margin: -4% 0 0% 29%;
    width: 75%;
}
}
@media screen and (max-width:1565px) {
.box-tesuto38 {
    width: 80%;
	margin: -4% 0 0% 25%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto38 {
    width: 83%;
	margin: -7% 0 0% 17%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto38 {
	width: 91%;
    margin: -10% 0 0% 11%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto38 {
    width: 80%;
	margin: -12% 0 0% 11%;
}
}
@media screen and (max-width:991px) {
.box-tesuto38 {
	width: 87%;
	margin: -22% 0 0% 11%;
}
}
@media screen and (max-width:767px) {
.box-tesuto38 {
	width: 73%;
    margin: 47% 0 0% 0%;
}
}
@media screen and (max-width:375px) {
.box-tesuto38 {
	width: 79%;
    margin: 49% 0 0% 0%;
}
}
@media screen and (max-width:320px) {
.box-tesuto38 {
	margin: 55% 0 0% 0%;
    width: 84%;
}
}
.box-tesuto38 .boxInner33 {
	width: 100%;
    height: inherit;
    color: #000;
    background: #ff6000;
    padding: 0px 30px 0 30px;
	font-size: 1.75vw;
    line-height: 1.943;
    letter-spacing: 0.1rem;
}
@media screen and (max-width:991px) {
.box-tesuto38 .boxInner33 {
	padding: 0px 10px 0 10px;
    font-size: 16px;
}
}
@media screen and (max-width:425px) {
.box-tesuto38 .boxInner33 {
	font-size: 15px;
}
}@media screen and (max-width:320px) {
.box-tesuto38 .boxInner33 {
	font-size: 13px;
}
}
/*3つ目*/
.box-tesuto39 {
    width: 51%;
	height: auto;
    margin: -4% 0 0% 31%;
	overflow: hidden;
    position: absolute!important;
    z-index: 90!important;
}
@media screen and (max-width:1750px) {
.box-tesuto39 {
    margin: -4% 0 0% 29%;
    width: 54%;
}
}
@media screen and (max-width:1565px) {
.box-tesuto39 {
    width: 56%;
	margin: -4% 0 0% 25%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto39 {
	width: 61%;
    margin: -10% 0 0% 17%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto39 {
	width: 65%;
    margin: -16% 0 0% 11%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto39 {
	width: 57%;
    margin: -20% 0 0% 11%;
}
}
@media screen and (max-width:991px) {
.box-tesuto39 {
	width: 60%;
    margin: -34% 0 0% 11%;
}
}
@media screen and (max-width:767px) {
.box-tesuto39 {
	width: 50%;
    margin: 37% 0 0% 0%;
}
}
@media screen and (max-width:375px) {
.box-tesuto39 {
	width: 57%;
    margin: 38% 0 0% 0%;
}
}
@media screen and (max-width:320px) {
.box-tesuto39 {
    width: 58%;
    margin: 41% 0 0% 0%;
}
}
.box-tesuto39 .boxInner33 {
	width: 100%;
    height: inherit;
    color: #000;
    background: #ff6000;
    padding: 0px 30px 0 30px;
	font-size: 1.75vw;
    line-height: 1.943;
    letter-spacing: 0.1rem;
}
@media screen and (max-width:991px) {
.box-tesuto39 .boxInner33 {
	padding: 0px 10px 0 10px;
    font-size: 16px;
}
}
@media screen and (max-width:425px) {
.box-tesuto39 .boxInner33 {
	font-size: 15px;
}
}@media screen and (max-width:320px) {
.box-tesuto39 .boxInner33 {
	font-size: 13px;
}
}
/*y*/
/*1つ目*/
.box-tesuto40 {
    width: 65%;
	height: auto;
    margin: -4% 0 0% 31%;
	overflow: hidden;
    position: absolute!important;
    z-index: 90!important;
}
@media screen and (max-width:1750px) {
.box-tesuto40 {
    margin: -4% 0 0% 29%;
    width: 67%;
}
}
@media screen and (max-width:1565px) {
.box-tesuto40 {
	margin: -4% 0 0% 25%;
    width: 69%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto40 {
	margin: -4% 0 0% 17%;
    width: 75%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto40 {
	margin: -4% 0 0% 11%;
    width: 80%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto40 {
	width: 71%;
}
}
@media screen and (max-width:991px) {
.box-tesuto40 {
    width: 81%;
	margin: -10% 0 0% 11%;
}
}
@media screen and (max-width:425px) {
.box-tesuto40 {
	width: 66%;
    margin: 57% 0 0% 0%;
}
}
@media screen and (max-width:375px) {
.box-tesuto40 {
	width: 74%;
    margin: 60% 0 0% 0%;
}
}
@media screen and (max-width:320px) {
.box-tesuto40 {
    margin: 55% 0 0% 0%;
	width: 76%;
}
}
.box-tesuto40 .boxInner33 {
	width: 100%;
    height: inherit;
    color: #000;
    background: #ff6000;
    padding: 0px 30px 0 30px;
	font-size: 1.75vw;
    line-height: 1.943;
    letter-spacing: 0.1rem;
}
@media screen and (max-width:991px) {
.box-tesuto40 .boxInner33 {
	font-size: 17px;
    padding: 0px 15px 0 15px;
}
}
@media screen and (max-width:425px) {
.box-tesuto40 .boxInner33 {
	font-size: 15px;
}
}
@media screen and (max-width:320px) {
.box-tesuto40 .boxInner33 {
	font-size: 13px;
}
}
/*２つ目*/
.box-tesuto41 {
    width: 52%;
	height: auto;
    margin: -4% 0 0% 31%;
	overflow: hidden;
    position: absolute!important;
    z-index: 90!important;
}
@media screen and (max-width:1750px) {
.box-tesuto41 {
    margin: -4% 0 0% 29%;
    width: 53%;
}
}
@media screen and (max-width:1565px) {
.box-tesuto41 {
    width: 56%;
	margin: -4% 0 0% 25%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto41 {
    width: 60%;
	margin: -7% 0 0% 17%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto41 {
    width: 66%;
	margin: -10% 0 0% 11%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto41 {
    width: 58%;
	margin: -12% 0 0% 11%;
}
}
@media screen and (max-width:991px) {
.box-tesuto41 {
    width: 60%;
	margin: -22% 0 0% 11%;
}
}
@media screen and (max-width:767px) {
.box-tesuto41 {
    width: 50%;
	margin: 47% 0 0% 0%;
}
}
@media screen and (max-width:375px) {
.box-tesuto41 {
    width: 56%;
	margin: 49% 0 0% 0%;
}
}
@media screen and (max-width:320px) {
.box-tesuto41 {
    margin: 42% 0 0% 0%;
	width: 84%;
}
}
.box-tesuto41 .boxInner33 {
	width: 100%;
    height: inherit;
    color: #000;
    background: #ff6000;
    padding: 0px 30px 0 30px;
	font-size: 1.75vw;
    line-height: 1.943;
    letter-spacing: 0.1rem;
}
@media screen and (max-width:991px) {
.box-tesuto41 .boxInner33 {
	padding: 0px 10px 0 10px;
    font-size: 16px;
}
}
@media screen and (max-width:425px) {
.box-tesuto41 .boxInner33 {
	font-size: 15px;
}
}@media screen and (max-width:320px) {
.box-tesuto41 .boxInner33 {
	font-size: 13px;
}
}
/*募集職種＞コールセンター*/
/*1つ目*/
.box-tesuto42 {
	width: 68%;
	height: auto;
    margin: -4% 0 0% 31%;
	overflow: hidden;
    position: absolute!important;
    z-index: 90!important;
}
@media screen and (max-width:1750px) {
.box-tesuto42 {
    margin: -4% 0 0% 29%;
    width: 71%;
}
}
@media screen and (max-width:1565px) {
.box-tesuto42 {
	margin: -4% 0 0% 25%;
    width: 74%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto42 {
	margin: -4% 0 0% 17%;
    width: 80%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto42 {
	margin: -4% 0 0% 11%;
    width: 85%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto42 {
    width: 77%;
}
}
@media screen and (max-width:991px) {
.box-tesuto42 {
    width: 90%;
	margin: -10% 0 0% 11%;
}
}
@media screen and (max-width:425px) {
.box-tesuto42 {
    width: 70%;
	margin: 57% 0 0% 0%;
}
}
@media screen and (max-width:375px) {
.box-tesuto42 {
    width: 78%;
	margin: 60% 0 0% 0%;
}
}
@media screen and (max-width:320px) {
.box-tesuto42 {
    margin: 55% 0 0% 0%;
    width: 81%;
}
}
.box-tesuto42 .boxInner33 {
	width: 100%;
    height: inherit;
    color: #000;
    background: #ff6000;
    padding: 0px 30px 0 30px;
	font-size: 1.75vw;
    line-height: 1.943;
    letter-spacing: 0.1rem;
}
@media screen and (max-width:991px) {
.box-tesuto42 .boxInner33 {
	font-size: 17px;
    padding: 0px 15px 0 15px;
}
}
@media screen and (max-width:425px) {
.box-tesuto42 .boxInner33 {
	font-size: 15px;
}
}
@media screen and (max-width:320px) {
.box-tesuto42 .boxInner33 {
	font-size: 13px;
}
}
/*２つ目*/
.box-tesuto43 {
    width: 60%;
	height: auto;
    margin: -4% 0 0% 31%;
	overflow: hidden;
    position: absolute!important;
    z-index: 90!important;
}
@media screen and (max-width:1750px) {
.box-tesuto43 {
    margin: -4% 0 0% 29%;
    width: 62%;
}
}
@media screen and (max-width:1565px) {
.box-tesuto43 {
	width: 61%;
	margin: -4% 0 0% 25%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto43 {
    width: 70%;
	margin: -7% 0 0% 17%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto43 {
    width: 75%;
	margin: -10% 0 0% 11%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto43 {
    width: 66%;
	margin: -12% 0 0% 11%;
}
}
@media screen and (max-width:991px) {
.box-tesuto43 {
    width: 72%;
	margin: -22% 0 0% 11%;
}
}
@media screen and (max-width:767px) {
.box-tesuto43 {
    width: 60%;
	margin: 47% 0 0% 0%;
}
}
@media screen and (max-width:375px) {
.box-tesuto43 {
    width: 65%;
	margin: 49% 0 0% 0%;
}
}
@media screen and (max-width:320px) {
.box-tesuto43 {
    margin: 42% 0 0% 0%;
    width: 71%;
}
}
.box-tesuto43 .boxInner33 {
	width: 100%;
    height: inherit;
    color: #000;
    background: #ff6000;
    padding: 0px 30px 0 30px;
	font-size: 1.75vw;
    line-height: 1.943;
    letter-spacing: 0.1rem;
}
@media screen and (max-width:991px) {
.box-tesuto43 .boxInner33 {
	padding: 0px 10px 0 10px;
    font-size: 16px;
}
}
@media screen and (max-width:425px) {
.box-tesuto43 .boxInner33 {
	font-size: 15px;
}
}@media screen and (max-width:320px) {
.box-tesuto43 .boxInner33 {
	font-size: 13px;
}
}
/*募集職種＞Webデザイナー*/
/*1つ目*/
.box-tesuto44 {
    width: 60%;
	height: auto;
    margin: -4% 0 0% 31%;
	overflow: hidden;
    position: absolute!important;
    z-index: 90!important;
}
@media screen and (max-width:1750px) {
.box-tesuto44 {
    margin: -4% 0 0% 29%;
    width: 63%;
}
}
@media screen and (max-width:1565px) {
.box-tesuto44 {
	margin: -4% 0 0% 25%;
    width: 66%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto44 {
	margin: -4% 0 0% 17%;
    width: 72%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto44 {
	margin: -4% 0 0% 11%;
    width: 75%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto44 {
    width: 67%;
}
}
@media screen and (max-width:991px) {
.box-tesuto44 {
    width: 81%;
	margin: -10% 0 0% 11%;
}
}
@media screen and (max-width:425px) {
.box-tesuto44 {
    width: 63%;
	margin: 57% 0 0% 0%;
}
}
@media screen and (max-width:375px) {
.box-tesuto44 {
    width: 68%;
	margin: 60% 0 0% 0%;
}
}
@media screen and (max-width:320px) {
.box-tesuto44 {
    margin: 55% 0 0% 0%;
    width: 72%;
}
}
.box-tesuto44 .boxInner33 {
	width: 100%;
    height: inherit;
    color: #000;
    background: #ff6000;
    padding: 0px 30px 0 30px;
	font-size: 1.75vw;
    line-height: 1.943;
    letter-spacing: 0.1rem;
}
@media screen and (max-width:991px) {
.box-tesuto44 .boxInner33 {
	font-size: 17px;
    padding: 0px 15px 0 15px;
}
}
@media screen and (max-width:425px) {
.box-tesuto44 .boxInner33 {
	font-size: 15px;
}
}
@media screen and (max-width:320px) {
.box-tesuto44 .boxInner33 {
	font-size: 13px;
}
}
/*２つ目*/
.box-tesuto45 {
    width: 52%;
	height: auto;
    margin: -4% 0 0% 31%;
	overflow: hidden;
    position: absolute!important;
    z-index: 90!important;
}
@media screen and (max-width:1750px) {
.box-tesuto45 {
    margin: -4% 0 0% 29%;
    width: 54%;
}
}
@media screen and (max-width:1565px) {
.box-tesuto45 {
    width: 57%;
	margin: -4% 0 0% 25%;
}
}
@media screen and (max-width:1366px) {
.box-tesuto45 {
    width: 60%;
	margin: -7% 0 0% 17%;
}
}
@media screen and (max-width:1199px) {
.box-tesuto45 {
    width: 65%;
	margin: -10% 0 0% 11%;
}
}
@media screen and (max-width:1024px) {
.box-tesuto45 {
    width: 57%;
	margin: -12% 0 0% 11%;
}
}
@media screen and (max-width:991px) {
.box-tesuto45 {
    width: 62%;
	margin: -22% 0 0% 11%;
}
}
@media screen and (max-width:767px) {
.box-tesuto45 {
    width: 51%;
	margin: 47% 0 0% 0%;
}
}
@media screen and (max-width:375px) {
.box-tesuto45 {
    width: 54%;
	margin: 49% 0 0% 0%;
}
}
@media screen and (max-width:320px) {
.box-tesuto45 {
    margin: 42% 0 0% 0%;
	width: 58%;
}
}
.box-tesuto45 .boxInner33 {
	width: 100%;
    height: inherit;
    color: #000;
    background: #ff6000;
    padding: 0px 30px 0 30px;
	font-size: 1.75vw;
    line-height: 1.943;
    letter-spacing: 0.1rem;
}
@media screen and (max-width:991px) {
.box-tesuto45 .boxInner33 {
	padding: 0px 10px 0 10px;
    font-size: 16px;
}
}
@media screen and (max-width:425px) {
.box-tesuto45 .boxInner33 {
	font-size: 15px;
}
}@media screen and (max-width:320px) {
.box-tesuto45 .boxInner33 {
	font-size: 13px;
}
}