@charset "utf-8";

/*フォント適用*/
@font-face {
  font-family: "Meddon";
  font-style: normal;
  font-weight: 200;
  src:  url('../fonts/Meddon.ttf') format('ttf');
  font-display:swap;
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 200;
  src:  url('../fonts/NotoSansJP-Light.otf') format('woff'),
    url('../fonts/NotoSansCJKjp-Light.otf') format('opentype');
  font-display:swap;
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 300;
  src:  url('../fonts/NotoSansJP-Regular.otf') format('woff'),
    url('../fonts/NotoSansCJKjp-Regular.otf') format('opentype');
  font-display:swap;
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 400;
  src:  url('../fonts/NotoSansJP-Medium.otf') format('woff'),
    url('../fonts/NotoSansCJKjp-Medium.otf') format('opentype');
  font-display:swap;
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 500;
  src:  url('../fonts/NotoSansJP-Bold.otf') format('woff'),
    url('../fonts/NotoSansCJKjp-Bold.otf') format('opentype');
  font-display:swap;
}
/*終了*/

body{
  margin: 0;
}

*{
  font-family: "Noto Sans Japanese";
  box-sizing: border-box;
}

header .underHead{
  margin-top: 25px;
  margin-left: 30px;
  display: inline-block;
}

.aform-header{
  display: none;
}

/*ハンバーガーメニュー*/
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

.menu-triggerunder,
.menu-triggerunder span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

header{
  background-color: #fff;
}

header.smaller{
  width: 100%;
  background-color: #fff;
}

header.smaller .menu-trigger{
  width: 100px;
  height: 90px;
}

header.smaller .menu-trigger span {
  position: absolute;
  z-index: 999999;
  left: 20%;
  width: 63px;
  height: 10px;
  background-color: #000;
  border-radius: 4px;
}

header.smaller .menu-trigger span:nth-of-type(1) {
  top: 20px;
}

header.smaller .menu-trigger span:nth-of-type(2) {
  top: 40px;
}

header.smaller .menu-trigger span:nth-of-type(3) {
  bottom: 20px;
}

header.smaller .menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(9px) rotate(-46deg);
}

header.smaller .menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}

header.smaller .menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-30px) rotate(46deg);
}

header.smaller .menu-trigger2 {
  display: none;
}

header.smaller .menu-trigger3 {
  display: none;
}

header.smaller .menu-trigger4 img{
  display: none;
}

header .active{
  background-color: rgba(255,0,0,0);
}

header .active:hover{
 background-color: rgba(255,0,0,0); 
}

header.smaller .active:hover{
 background-color: rgba(255,0,0,0); 
}

header .active span{
  background-color: #fff;
}

header.smaller .active span{
  background-color: #fff;
}


.menu-trigger {
  position: fixed;
  /*bottom: 20px;
  right: 20px;*/
  right: 1px;
  width: 237px;
  height: 153px;
  z-index: 999999;
  background-color: #fff;
}

.menu-trigger2 {
  position: fixed;
  /*bottom: 20px;
  right: 20px;*/
  right: 1px;
  width: 237px;
  height: 153px;
  z-index: 9997;
  background:#222651;
  margin-top: 153px;
  color: #fff;
  text-decoration: none;
  font-size: 1.125rem;
  font-weight: bold;
}

.menu-trigger2 a{
  width: 237px;
  height: 153px;
  display: block;
  margin: 0 auto;
  color: #fff;
  text-decoration: none;
  padding:55px 20px;
}

.menu-trigger2 i{
  font-size: 3.5rem;
  display: block;
  float: left;
  margin-right: 15px;
}

.menu-trigger3 {
  position: fixed;
  /*bottom: 20px;
  right: 20px;*/
  right: 1px;
  width: 237px;
  height: 153px;
  z-index: 9997;
  background:#801e1e;
  margin-top: 306px;
  color: #fff;
  text-decoration: none;
  font-size: 1.125rem;
  font-weight: bold;
}

.menu-trigger3 a{
  width: 237px;
  height: 153px;
  display: block;
  margin: 0 auto;
  color: #fff;
  text-decoration: none;
  padding: 55px 25px;
}

.menu-trigger3 i{
  font-size: 3.5rem;
  display: block;
  float: left;
  margin-right: 15px;
}

.menu-trigger4 {
  position: fixed;
  /*bottom: 20px;
  right: 20px;*/
  left: 1px;
  z-index: 9999;
  color: #fff;
  margin-top: 25px;
  margin-left: 30px;
}

/*下層用ハンバーガーメニュー*/
.menu-triggerunder {
  position: fixed;
  /*bottom: 20px;
  right: 20px;*/
  right: 1px;
  width: 70px;
  height: 60px;
  z-index: 999999;
  background:#fff;
}

.menu-triggerunder span {
  position: absolute;
  z-index: 999999;
  left: 5%;
  width: 63px;
  height: 10px;
  background-color: #000;
  border-radius: 4px;
}

.menu-triggerunder span:nth-of-type(1) {
  top: 10px;
}

.menu-triggerunder span:nth-of-type(2) {
  top: 25px;
}

.menu-triggerunder span:nth-of-type(3) {
  bottom: 10px;
}

.menu-triggerunder.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-46deg);
}

.menu-triggerunder.active span:nth-of-type(2) {
  opacity: 0;
}

.menu-triggerunder.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-10px) rotate(46deg);
}
/*終了*/

.menu-trigger span {
  position: absolute;
  z-index: 999999;
  left: 37%;
  width: 63px;
  height: 10px;
  background-color: #000;
  border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
  top: 50px;
}

.menu-trigger span:nth-of-type(2) {
  top: 71px;
}

.menu-trigger span:nth-of-type(3) {
  bottom: 50px;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(9px) rotate(-46deg);
}

.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-35px) rotate(46deg);
}
#overlay{
  display: none;
  width: 100%;
  height:100%;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 999999;
  background: rgba(255,255,255,1);
  box-sizing: border-box;
  overflow-y: auto;

}
#overlay ul{
  padding-left: 0px;
  overflow-y: auto;
}
#overlay ul li{
  padding-left: 0px;
  list-style-type: none;
}
#overlay ul li a{
  color: #1779da;
  font-family: MyFont;
  display: block;
  text-decoration: none;
  padding: 20px 0;
  font-size: 1.5rem;
  border-bottom: 1px dotted #cdcdcd;
  text-align: left;
}

#overlay ul li a:before{
  position: absolute;
  left:95%;
  content: '\f105';
  color: #1779da;
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

div.menuHun{
  width: 100%;
}

div.menuHun .Gohome{
  width: 100%;
}

div.menuHun .Gohome a{
  color:#fff;
  text-decoration: none;
  font-size: 2rem;
  display: block;
  padding: 50px 0;
  background-color: #44454F;
}

div.menuHun .Gohome a i{
  margin-right: 25px;
}

div.menuHun .menuHunLeft{
  width: 50%;
  background-color: #222651;
  float: left;
  padding: 50px 0;
}

div.menuHun .menuHunLeft h2{
  color: #fff;
}

div.menuHun .menuHunLeft a{
  position: relative;
  width: 300px;
  display: block;
  border:2px solid #fff;
  color: #fff;
  text-decoration: none;
  padding: 15px 0;
  text-align: center;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: bold;
}

div.menuHun .menuHunLeft a:hover{
  color: #222651;
  background-color: #fff;
}

div.menuHun .menuHunLeft a:before{
  position: absolute;
  left:90%;
  top: 40%;
  content: '\f105';
  color: #fff;
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

div.menuHun .menuHunLeft a:hover:before{
  color: #222651;
}

div.menuHun .menuHunRight{
  width: 50%;
  background-color: #801e1e;
  float: left;
  padding: 50px 0;
}

div.menuHun .menuHunRight h2{
  color: #fff;
}


div.menuHun .menuHunRight a{
  position: relative;
  width: 300px;
  display: block;
  border:2px solid #fff;
  color: #fff;
  padding: 15px 0;
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: bold;
}

div.menuHun .menuHunRight a:hover{
  color: #801e1e;
  background-color: #fff;
}

div.menuHun .menuHunRight a:before{
  position: absolute;
  left:90%;
  top: 40%;
  content: '\f105';
  color: #fff;
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

div.menuHun .menuHunRight a:hover:before{
  color: #801e1e;
}

div.menuHun .menuHunLeft02{
  width: 50%;
  background-color: #fff;
  float: left;
  padding: 50px 0;
}

div.menuHun .menuHunLeft02 h2{
  color: #222651;
}

div.menuHun .menuHunLeft02 a{
  position: relative;
  width: 300px;
  display: block;
  border:2px solid #222651;
  color: #222651;
  text-decoration: none;
  padding: 15px 0;
  text-align: center;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: bold;
}

div.menuHun .menuHunLeft02 a:hover{
  color: #fff;
  background-color: #222651;
}

div.menuHun .menuHunLeft02 a:before{
  position: absolute;
  left:90%;
  top: 40%;
  content: '\f105';
  color: #222651;
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

div.menuHun .menuHunLeft02 a:hover:before{
  color: #fff;
}

div.menuHun .menuHunRight02{
  width: 50%;
  background-color: #fff;
  float: left;
  padding: 50px 0;
}

div.menuHun .menuHunRight02 h2{
  color: #222651;
}


div.menuHun .menuHunRight02 a{
  position: relative;
  width: 300px;
  display: block;
  border:2px solid #222651;
  color: #222651;
  padding: 15px 0;
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: bold;
}

div.menuHun .menuHunRight02 a:hover{
  color: #fff;
  background-color: #222651;
}

div.menuHun .menuHunRight02 a:before{
  position: absolute;
  left:90%;
  top: 40%;
  content: '\f105';
  color: #222651;
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

div.menuHun .menuHunRight02 a:hover:before{
  color: #fff;
}
/*ハンバーガーメニュー終了*/

/*メインビジュアル*/
section img{
  max-width: 1920px;
  max-height: 951px;
  width: 100%!important/*slider-proのcssと競合するため*/;
  height:100%!important/*slider-proのcssと競合するため*/;
  margin-top: 0!important/*slider-proのcssと競合するため*/;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
  cursor: default;
}

.sp-slide{
  position: relative;
}


.sp-layer{
  height: 100vh!important/*slider-proのcssと競合するため*/;
  margin: 0!important/*slider-proのcssと競合するため*/;
}

.layer{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  font-size: 6rem!important/*slider-proのcssと競合するため*/;
  color: #fff;
  z-index: 9999;
  font-family: 'Exo', sans-serif;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

/*スマホ対応メインビジュアル文言(1500px)*/
@media screen and (max-width: 1500px) {
  .layer{
    font-size: 5rem!important;
  }
}

.layer span{
  font-size: 2rem!important/*slider-proのcssと競合するため*/;
  display: block;
  text-align: center;
}

.layer02{
  position: absolute;
  top: 20%;
  left: 15%;
  font-size: 5rem!important/*slider-proのcssと競合するため*/;
  color: #fff;
  text-align: center;
  z-index: 9999;
  font-family: 'Meddon', sans-serif;
  font-weight: bold;
  font-style: italic;
  opacity: 0.2;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  letter-spacing: 0.07em;
}

.sp-slide p{
  font-family: 'Exo', sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 6rem!important/*slider-proのcssと競合するため*/;
  text-align: center;
  cursor: default;
}

.sp-slide p span{
  font-size: 2rem!important/*slider-proのcssと競合するため*/;
  display: block;
}

.sp-slide p img.pattern{
  width: 100vw!important/*slider-proのcssと競合するため*/;
  height: 100%!important/*slider-proのcssと競合するため*/;
  opacity: 0.2;
  z-index: 9998;
}



/*メインビジュアル下コンテンツ*/
.LeftRight{
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.LeftRight h2{
  position: relative;
  font-size: 3rem;
  padding-top: 100px;
  font-weight: normal;
  margin: 0;
}

.LeftRight p{
  margin-top: 100px;
}

.LeftContent a{
  position: relative;
  width: 300px;
  border:2px solid #fff;
  color: #fff;
  text-decoration: none;
  display: block;
  margin: 150px auto 100px auto;
  padding: 20px 0;
  z-index: 9999;
  font-size: 1.4rem;
  font-weight: bold;
}

.RightContent a{
  position: relative;
  width: 300px;
  border:2px solid #fff;
  color: #fff;
  text-decoration: none;
  display: block;
  margin: 150px auto 100px auto;
  padding: 20px 0;
  z-index: 9999;
  font-size: 1.4rem;
  font-weight: bold;
}

.LeftContent a:before{
  position: absolute;
  left:90%;
  top: 40%;
  content: '\f105';
  color: #fff;
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

.RightContent a:before{
  position: absolute;
  left:90%;
  top: 40%;
  content: '\f105';
  color: #fff;
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

.LeftContent a:hover{
  background-color: #fff;
  color: #222651;
}

.RightContent a:hover{
  background-color: #fff;
  color: #801e1e;
}

.LeftContent a:hover:before{
  color: #222651;
}

.RightContent a:hover:before{
  color: #801e1e;
}

.LeftContent{
  position: relative;
  width: 50%;
  background-color: #222651;
  color: #fff;
  float: left;
}

.LeftContent span{
  position: absolute;
  top: 40%;
  left: 5%;
  font-size: 5rem;
  font-family: 'Meddon', sans-serif;
  font-weight: bold;
  font-style: italic;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  z-index: 9998;
  pointer-events: none;
  color: #4e5174;
}

.RightContent{
  position: relative;
  width: 50%;
  background-color: #801e1e;
  color: #fff;
  float: left;
}

.RightContent span{
  position: absolute;
  top: 40%;
  left: 5%;
  font-size: 5rem;
  font-family: 'Meddon', sans-serif;
  font-weight: bold;
  font-style: italic;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  z-index: 9998;
  pointer-events: none;
  color: #994b4b;
}
/*終了*/

/*新着求人*/
.newJob{
  width: 100%;
  position: relative;
  padding-top: 84px;
  display: block;
  overflow: hidden;
}

.newJob h3{
  font-size: 1.875rem;
  text-align: center;
  margin-bottom: 100px;
  color: #1e2380;
}

.newJob span.deco{
  position: absolute;
  top: 10%;
  left: 50%;
  text-align: center;
  font-family: 'Meddon', sans-serif;
  font-weight: bold;
  font-style: italic;
  opacity: 0.2;
  font-size: 4.5rem;
  color: #1e2380;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  z-index: 9998;
  pointer-events: none;
  display: block;
}

div.newjob{
  width: 80%;
}

div.job_list ul{
  width: 80%;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0;
  list-style: none;
  flex-flow: wrap;
  list-style-type: none;
}

div.job_list ul::after{
  content:"";
  display: block;
  width:32%;
}

div.job_list ul li{
  width: 23%;
  margin-bottom: 45px;
  background-color: #d5eefb;
  list-style-type: none;
  position: relative;
}

article.archive div.job_list ul li{
  width: 32%;
  background-color: #d5eefb;
  list-style-type: none;
  position: relative;
}

div.job_list ul li h4{
  width: 100%;
  border-bottom: 1px solid #fff;
  font-size: 1.25rem;
  color: #1e2380;
  text-align: center;
  padding: 0 20px 30px 20px;
}

div.job_list ul li p{
  font-size: 1.125rem;
  width: 80%;
  margin: 0 auto 35px auto;
}

div.job_list ul li span{
  font-size: 0.875rem;
  width: 80%;
  margin: 0 auto 35px auto;
  display: block;
  line-height: 25px;
}

div.job_list ul li span i{
  margin-right:10px; 
}

div.job_list ul li a{
  width: 100%;
  display: block;
  position: absolute;
  bottom: -10%;
  font-size: 0.875rem;
  background-color: #1e2380;
  border:2px solid #1e2380;
  color: #fff;
  padding:10px 0;
  text-align: center;
  text-decoration: none;
  margin: 0;
  box-sizing: border-box;
}

div#main article.archive div.job_list ul li a{
  position: absolute;
  bottom: -10%;
  background-color: #1e2380;
  border: 2px solid #1e2380;
}

div.job_list ul li a:before{
  position: absolute;
  left:95%;
  top: 35%;
  content: '\f105';
  color: #fff;
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

div.job_list ul li a:hover{
  background-color: #fff;
  color: #1e2380;
  border:2px solid #1e2380;
  box-sizing: border-box;
}

div.job_list ul li a:hover:before{
  color: #1e2380;
}

div.job_list a{
  width: 300px;
  position: relative;
  border:#1e2380 2px solid;
  text-decoration: none;
  background-color: #fff;
  color: #1e2380;
  display: block;
  padding: 10px 0;
  margin: 100px auto 0 auto;
  text-align: center;
  font-size: 1rem;
}

div.job_list a:before{
  position: absolute;
  left:95%;
  top: 35%;
  content: '\f105';
  color: #1e2380;
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

div.job_list a:hover{
  color: #fff;
  background-color: #1e2380;
}

div.job_list a:hover:before{
  color: #fff;
}

/*終了*/

/*私たちについて*/
.about_us{
  width: 100%;
  position: relative;
  margin-top: 100px;
  background-color: #f0fff6;
  background-image: url('../img/aboutus_back.jpg');
  padding: 100px 0;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}

.about_us h3{
  font-size: 1.875rem;
  text-align: center;
  margin-bottom: 100px;
  display: block;
  color: #1e2380;
}

.about_us span.deco{
  position: absolute;
  top: 5%;
  left: 30%;
  text-align: center;
  font-family: 'Meddon', sans-serif;
  font-weight: bold;
  font-style: italic;
  opacity: 0.2;
  font-size: 4.5rem;
  color: #1e2380;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  z-index: 9998;
  pointer-events: none;
  display: block;
  opacity: 0.2;
}

.about_us p{
  text-align: center;
  line-height: 47px;
  font-size: 1.25rem;
}

.about_us a{
  width: 300px;
  position: relative;
  border:#1e2380 2px solid;
  text-decoration: none;
  background-color: #f0fff6;
  color: #1e2380;
  display: block;
  padding: 10px 0;
  margin: 100px auto 0 auto;
  text-align: center;
  font-size: 1rem;
}

.about_us a:before{
  position: absolute;
  left:95%;
  top: 35%;
  content: '\f105';
  color: #1e2380;
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

.about_us a:hover{
  background-color: #1e2380;
  color: #fff;
}

.about_us a:hover:before{
  color: #fff;
}

.about_us h4{
  text-align: center;
  font-size: 1.75rem;
  width: 100%;
  border-bottom: 1px solid #fff;
}

.about_us ul{
  width: 90%;
  margin: 0 auto;
  list-style-type: none;
  padding: 0;
  display: block;
}

.about_us ul li{
  width: 100%;
  display: block;
  border:1px solid #cdcdcd;
  padding: 10px;
  margin-bottom: 15px;
  text-align: center;
  font-size: 1.25rem;
  background-color: #3366ff;
}

.about_us ul:nth-of-type(1){
  display: flex;
}

.about_us ul:nth-of-type(1) li{
  border: none;
  padding: 0;
  background-color: unset;
}

.about_us ul:nth-of-type(1) li img{
  width: 100%;
  height: 100%;
}

.about_us ul li:last-child{
  margin-right: 0;
}
/*終了*/


/*新着情報*/
.news{
  width: 80%;
  margin: 100px auto 0 auto;
}

.news dl{
  width: 100%;
  position: relative;
  margin: 0 auto;
  display: table;
}

.news dl dt{
  width: 30%;
  vertical-align: middle;
  display: table-cell;
}

.news dl dt h3{
  font-size: 1.875rem;
  text-align: center;
  display: block;
  color: #1e2380;
  margin: 0;
}

.news dl dt span.deco{
  position: absolute;
  top: -10%;
  left: 0%;
  text-align: center;
  font-family: 'Meddon', sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 3.5rem;
  color: #1e2380;
  opacity: 0.2;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  z-index: 9998;
  pointer-events: none;
  display: block;
}

.news dl dd{
  width: 50%;
  display: table-cell;
}

.news dl dd ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.news dl dd ul li{
  padding: 20px 0;
  border-bottom:1px solid #e7e9ff;
  display: block;
}

.news dl dd ul li time{
  font-size: 1.125rem;
  font-weight: bold;
}

.news dl dd ul li time{
  font-size: 1.125rem;
  font-weight: bold;
  margin-right: 20px;
}

.news dl dd ul li span{
  margin-right: 30px;
}

.news dl dd ul li a{
  color: #000;
  display: block;
}

.news dl dd ul li span{
  width: 135px;
  padding: 10px 0;
  text-decoration: none;
  font-size: 0.75rem;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.news dl dd ul li span.category01 a{
  background-color: #1e2380;
}

.news dl dd ul li span.category01 a:hover{
  text-decoration: none;
}

.news dl dd ul li span.category02 a{
  background-color: #276fa6;
}

.news dl dd ul li span.category02 a:hover{
  text-decoration: none;
}

.news dl dd ul li span.category03 a{
  background-color: #44a9d8;
}

.news dl dd ul li span.category03 a:hover{
  text-decoration: none;
}

.news dl dd ul li a{
  text-decoration: none;
  font-size: 1.25rem;
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}

.news dl dd ul li a:hover{
  text-decoration: underline;
}

.news a.all{
  width: 200px;
  position: relative;
  border:#1e2380 2px solid;
  text-decoration: none;
  background-color: #fff;
  color: #1e2380;
  display: block;
  padding: 10px 0;
  margin-top: 25px;
  margin-left: auto;
  margin-right: 0px;
  text-align: center;
  font-size: 1rem;
}

.news a.all:before{
  position: absolute;
  left:90%;
  top: 35%;
  content: '\f105';
  color: #1e2380;
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

.news a.all:hover{
  background-color: #1e2380;
  color: #fff;
}

.news a.all:hover:before{
  color: #fff;
}
/*終了*/

/*下層ページ新着情報*/
.newsUnder{
  width: 80%;
  margin: 100px auto 100px auto;
}

.newsUnder ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.newsUnder ul li{
  padding: 20px 0;
  border-bottom:1px solid #e7e9ff;
  display: -webkit-box;
}

.newsUnder ul li time{
  font-size: 1.125rem;
  font-weight: bold;
}

.newsUnder ul li time{
  font-size: 1.125rem;
  font-weight: bold;
  margin-right: 20px;
}

.newsUnder ul li span{
  margin-right: 30px;
}

.newsUnder ul li a{
  color: #000;
  display: block;
}

.newsUnder ul li span{
  width: 135px;
  padding: 10px 0;
  text-decoration: none;
  font-size: 0.75rem;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.newsUnder ul li a{
  text-decoration: none;
}

.newsUnder ul li a:hover{
  text-decoration: underline;
}

.newsUnder div a{
  width: 300px;
  position: relative;
  border: #1e2380 2px solid;
  text-decoration: none;
  background-color: #fff;
  color: #1e2380;
  display: block;
  padding: 10px 0;
  margin: 100px auto 0 auto;
  text-align: center;
  font-size: 1rem;
}

.newsUnder div a:hover{
  background-color: #1e2380;
  color: #fff;
}

.newsUnder div a:before{
    position: absolute;
    left: 95%;
    top: 35%;
    content: '\f105';
    color: #1e2380;
    font-family: 'Font Awesome 5 Free';
    font-size: 15px;
    z-index: 1;
    font-style: normal;
    font-weight: 900;
}

.newsUnder div a:hover:before{
    position: absolute;
    left: 95%;
    top: 35%;
    content: '\f105';
    color: #fff;
    font-family: 'Font Awesome 5 Free';
    font-size: 15px;
    z-index: 1;
    font-style: normal;
    font-weight: 900;
}

.newsUnder p{
  font-size: 1.25rem;
}

.newsUnder h2{
  color: #1e2380;
  font-size: 1.875rem;
  text-align: center;
  margin: 70px auto 100px auto;
}
/*下層ページ新着情報*/



/*エントリー*/
.entry{
  width: 100%;
  background-image: url('../img/entryback.png');
  margin-top: 45px;
  padding: 130px 0 0 0;
  text-align: center;
  color: #1e2380;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.entry h3{
  font-family: 'Franklin Gothic Heavy', sans-serif;
  font-size: 3.75rem;
  color: #1e2380;
  margin: 0 0 77px 0;
}

.entry a{
  width: 300px;
  position: relative;
  border:#1e2380 2px solid;
  text-decoration: none;
  background-color: rgba(255,0,0,0);
  color: #1e2380;
  display: block;
  padding: 10px 0;
  margin: 68px auto 0 auto;
  text-align: center;
  font-size: 1rem;
}

.entry a:before{
  position: absolute;
  left:90%;
  top: 35%;
  content: '\f105';
  color: #1e2380;
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

.entry a:hover{
  background-color: #1e2380;
  color: #fff;
}

.entry a:hover:before{
  color: #fff;
}

.entry span img{
  padding-top: 120px;
}
/*終了*/

/*footer*/
#footerSP{
  display: none/*スマホ用フッターメニュー打ち消し*/;
}

footer{
  position: relative;
  width: 100%;
  background-color: #070a4b;
  color: #fff;
  text-align: center;
  padding: 25px 0 16px 0;
  overflow: hidden;
}

footer a{
  text-align: center;
  color: #fff;
  text-decoration: none;
}

footer p{
  font-size: 0.75rem;
  margin-top: 55px;
  margin-bottom: 0;
}

.top {
  position: absolute;
  background-color: #edefff;
  float: right;
  cursor: pointer;
  right: 0.5%;
  top: 60%;
}

.top a{
  width: 50px;
  padding: 12px 0px;
  display: block;
}

.top i{
  color: #070a4b;
  font-size: 1.5rem;
}
/*終了*/



/*下層ページ（お仕事をお探しのお客様）*/
div#main div.Heading{
  position: relative;
  background-image: url('../img/underMain02.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

div#main div.Heading h1{
  font-size: 2.5rem;
  color: #fff;
  text-align: center;
  padding: 133px 0;
}

div#main div.Heading span{
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  font-family: 'Meddon', sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 4.5rem;
  color: #dfdfe9;
  opacity: 0.2;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  z-index: 9998;
  pointer-events: none;
  display: block;

}

article.underList{
  position: relative;
  margin-bottom: 100px;
}

article.underList h2{
  color: #1e2380;
  font-size: 1.875rem;
  text-align: center;
  margin: 70px auto 100px auto;
}

article.underList span{
  position: absolute;
  top: 0%;
  left: 40%;
  text-align: center;
  font-family: 'Meddon', sans-serif;
  font-weight: bold;
  font-style: italic;
  opacity: 0.5;
  font-size: 4.5rem;
  color: #dfdfe9;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  z-index: 9998;
  pointer-events: none;
  display: block;
}

article.underList ul{
  width: 80%;
  margin: 0 auto;
  list-style-type: none;
  padding: 0;
}

article.underList ul li{
  position: relative;
  background-color: #d5eefb;
  margin-bottom: 50px;
}

article.underList ul li:hover{
  background-color: #1e2380;
  transition: 0.8s;
}


article.underList ul li:last-child{
  margin-bottom: 0;
}

article.underList ul li a{
  width: 90%;
  padding: 40px 0 40px 20px;
  text-align: left;
  position: relative;
  font-size: 1.25rem;
  color: #000;
  text-decoration: none;
  display: inline-block;
  border:none;
  margin: 0;
}

article.underList ul li a:before{
  position: absolute;
  left:110%;
  top: 40%;
  content: none;
  color: #000;
  font-family: 'Font Awesome 5 Free';
  font-size: 1.125rem;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
  transition: 0.8s;
}

article.underList ul li:before{
  position: absolute;
  left:98%;
  top: 40%;
  content: '\f105';
  color: #000;
  font-family: 'Font Awesome 5 Free';
  font-size: 1.125rem;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

article.underList ul li:hover:before{
  color: #fff;
}

article.underList ul li p{
  width: 90px;
  display: inline-block;
  background-color: #1e2380;
  color: #fff;
  font-size: 0.875rem;
  padding:4px 0;
  text-align: center;
  margin-right: 50px;
}

article.underList a{
  width: 300px;
  position: relative;
  color: #1e2380;
  text-decoration: none;
  font-size: 1.125rem;
  border:2px solid #1e2380;
  text-align: center;
  display: block;
  margin: 100px auto 150px auto;
  padding: 14px 0;
}

/*
article.underList a:hover{
  background-color: #1e2380;
  color: #fff;
}
*/

article.underList ul li:hover a{
  color: #fff;
}


article.underList a:before{
  position: absolute;
  left:90%;
  top: 35%;
  content: '\f105';
  color: #1e2380;
  font-family: 'Font Awesome 5 Free';
  font-size: 1.125rem;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

article.underList a:hover:before{
  background-color: #1e2380;
  color: #fff;
}


/**/
article.underListIndustry{
  position: relative;
  margin-top: 150px;
}

article.underListIndustry h2{
  color: #1e2380;
  font-size: 1.875rem;
  text-align: center;
  margin: 70px auto 100px auto;
}

article.underListIndustry span.anno{
  position: absolute;
  top: 0%;
  left: 40%;
  text-align: center;
  font-family: 'Meddon', sans-serif;
  font-weight: bold;
  font-style: italic;
  opacity: 0.5;
  font-size: 4.5rem;
  color: #dfdfe9;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  z-index: 9998;
  pointer-events: none;
  display: block;
}

article.underListIndustry ul{
  width: 80%;
  margin: 0 auto;
  list-style-type: none;
  padding:0; 
}

article.underListIndustry ul li{
  background-color: #d5eefb;
  margin-bottom: 50px;
}

article.underListIndustry ul li:last-child{
  margin-bottom: 0;
}

article.underListIndustry ul li a{
  width: 100%;
  padding: 40px 0 40px 20px;
  text-align: left;
  position: relative;
  font-size: 1.5rem;
  color: #000;
  text-decoration: none;
  display: inline-block;
  border:none;
  margin: 0;
}

article.underListIndustry ul li a:before{
  position: absolute;
  left:98%;
  top: 40%;
  content: '\f105';
  color: #000;
  font-family: 'Font Awesome 5 Free';
  font-size: 1.125rem;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

article.underListIndustry ul li p{
  width: 90px;
  display: inline-block;
  background-color: #cbaf38;
  color: #fff;
  font-size: 0.875rem;
  padding:4px 0;
  text-align: center;
  margin-right: 50px;
}

article.underListIndustry a{
  width: 300px;
  position: relative;
  color: #1e2380;
  text-decoration: none;
  font-size: 1.125rem;
  border:2px solid #1e2380;
  text-align: center;
  display: block;
  margin: 100px auto 150px auto;
  padding: 14px 0;
}

article.underListIndustry a:hover{
  background-color: #1e2380;
  transition: 0.8s;
  color: #fff;
}

article.underListIndustry a:before{
  position: absolute;
  left:90%;
  top: 35%;
  content: '\f105';
  color: #1e2380;
  font-family: 'Font Awesome 5 Free';
  font-size: 1.125rem;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

article.underListIndustry a:hover:before{
  color: #fff;
}

article.underListIndustry a span{
  color: #1e2380;
  font-size: 1rem;
  margin-left: 20px;
}

article.underListIndustry a:hover span{
  color: #fff;
  transition: 0.8s;
}

div#main article.newJob{
  background-color: #f3f3f3;
  padding-bottom: 100px;
}

div#main .newJob span.deco{
  color: 
}

div#main div.job_list ul li a{
  background-color: #1e2380;
}

div#main div.job_list ul li a:hover{
  color: #1e2380;
  background-color: #fff;
}

div#main div.job_list a{
  background-color: rgba(255,0,0,0);
}

div#main div.job_list a:hover{
  color: #fff;
  background-color: #1e2380;
}
/*終了*/

/*お仕事をお探しのお客様詳細ページCSS*/
article.detailSeeker{
  position: relative;
  width: 80%;
  margin: 0 auto 150px auto;
  overflow: hidden;
}

article.detailSeeker h2{
  color: #1e2380;
  font-size: 1.875rem;
  text-align: center;
  margin: 70px auto 100px auto;
}

#main02 article.detailSeeker h2{
  color: #801e1e;
}

article.detailSeeker span.anno{
  position: absolute;
  top: 5%;
  left: 40%;
  text-align: center;
  font-family: 'Meddon', sans-serif;
  font-weight: bold;
  font-style: italic;
  opacity: 0.5;
  font-size: 4.5rem;
  color: #dfdfe9;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  z-index: 9998;
  pointer-events: none;
  display: block;
  letter-spacing: 0.07em;
}

article.detailSeeker p{
  font-size: 1.125rem;
  margin-bottom: 0px;
  margin-top: 10px;
}

article.detailSeeker h3{
  border-left: 5px solid #1e2380;
  font-size: 1.5rem;
  padding: 10px 0 10px 10px;
  margin-top: 50px;
}

#main02 article.detailSeeker h3{
  border-left: 5px solid #801e1e;
}

article.detailSeeker table{
  width: 100%;
  margin-bottom: 80px;
}

article.detailSeeker table tr th{
  width: 15%;
  border-bottom: 1px solid #eeeeee;
  padding: 15px 0;
  text-align: left;
  font-weight: normal;
  font-size: 1.125rem;
}

article.detailSeeker table tr td:nth-child(1){
  width: 15%;
  border-bottom: 1px solid #eeeeee;
  padding: 15px 0;
  text-align: left;
  font-weight: normal;
  font-size: 1.125rem;
}

article.detailSeeker table tr td{
  width: 85%;
  border-bottom: 1px solid #eeeeee;
  padding: 15px 0;
  font-size: 1.125rem;
}

article.detailSeeker table tr td span{
  font-size: 0.75rem;
  border:1px solid #aaaaaa;
  background-color: #eeeeee;
  padding: 5px;
  margin-right: 20px;
  display: inline-block;
}

article.detailSeeker table tr td span:last-child{
  margin-right: 0;
}

article.detailSeeker a{
  position: relative;
  width: 100%;
  border:2px solid #1e2380;
  text-align: center;
  color: #1e2380;
  text-decoration: none;
  display: block;
  padding: 20px 0;
  font-size: 1.5rem;
  font-weight: bold;
}

article.detailSeeker p a{
  position: static;
  border:none;
  text-align: left;
  padding: 0;
  width: auto;
  display: inline-block;
}
article.detailSeeker p a:hover{
  position: static;
  border:none;
  text-align: left;
  padding: 0;
  width: auto;
  background-color: #fff;
  color: #1e2380;
}

article.detailSeeker p a:before{
  content: none;
}
#main02 article.detailSeeker #aform_result a{
    border: 2px solid #801e1e;
    color: #801e1e;
}

#main02 article.detailSeeker #aform_result a:before{
    position: absolute;
    left: 98%;
    top: 30%;
    content: '\f105';
    color: #801e1e;
    font-family: 'Font Awesome 5 Free';
    font-size: 1.125rem;
    z-index: 1;
    font-style: normal;
    font-weight: 900;
    background-color: #801e1e;
}

#main02 article.detailSeeker #aform_result a:hover{
  background-color: #801e1e;
  color: #fff;
}

article.detailSeeker a:hover{
  color: #fff;
  background-color: #1e2380;
}

article.detailSeeker a:before{
  position: absolute;
  left:98%;
  top: 35%;
  content: '\f105';
  color: #1e2380;
  font-family: 'Font Awesome 5 Free';
  font-size: 1.125rem;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

article.detailSeeker a:hover:before{
  color: #fff;
  background-color: #1e2380;
}

article.detailSeeker iframe{
  width:100%;
}

article.detailSeeker table tbody tr th a{
  position: static;
  width: 100%;
  border: none;
  text-align: left;
  color: #1e2380;
  text-decoration: none;
  display: block;
  padding: 0;
}

article.detailSeeker table tbody tr th a:before{
  content: none;
}

article.detailSeeker table tbody tr th a:hover{
  text-decoration: underline;
  background-color: unset;
  color: #1e2380;
}
/*終了*/

/*エントリーフォームCSS*/
article.entryform{
  position: relative;
  width: 80%;
  margin: 0 auto 150px auto;
}

article.entryform h2{
  color: #1e2380;
  font-size: 1.875rem;
  text-align: center;
  margin: 70px auto 100px auto;
}

article.entryform span.anno{
  position: absolute;
  top: 0%;
  left: 40%;
  text-align: center;
  font-family: 'Meddon', sans-serif;
  font-weight: bold;
  font-style: italic;
  opacity: 0.5;
  font-size: 4.5rem;
  color: #dfdfe9;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  z-index: 9998;
  pointer-events: none;
  display: block;
}

article.entryform p{
  font-size: 1.125rem;
  margin-bottom: 50px;
  text-align: center;
  color: #1e2380;
}

article.entryform h3{
  border-left: 5px solid #801e1e;
  font-size: 1.5rem;
  padding: 10px 0 10px 10px;
}

article.entryform table{
  width: 100%;
  margin-bottom: 80px;
}

article.entryform dl dt{
  width: 20%;
  padding: 15px 0;
  text-align: left;
  font-weight: normal;
  font-size: 1.125rem;
}

article.entryform dl dd{
  width: 80%;
  padding: 18px 0;
}

article.entryform dl dd input[type="text"]{
  width: 100%;
}

article.entryform dl dd input[type="tel"]{
  width: 100%;
}

article.entryform dl dd input[type="email"]{
  width: 100%;
}

article.entryform dl dd textarea{
  width: 100%;
}



article.entryform dl dt span:last-child{
  margin-right: 0;
}


/*企業担当者向けお問い合わせ*/
article.detailSeeker dl dt{
  width: 20%;
  padding: 15px 0;
  text-align: left;
  font-weight: normal;
  font-size: 1.125rem;
}

article.detailSeeker dl dd{
  width: 80%;
  padding: 15px 0;
}

article.detailSeeker dl dd input[type="text"]{
  width: 100%;
}

article.detailSeeker dl dd input[type="email"]{
  width: 100%;
}

article.detailSeeker dl dd textarea{
  width: 100%;
}

article.detailSeeker dl dt span:last-child{
  margin-right: 0;
}


article.entryform a{
  position: relative;
  width: 100%;
  border:2px solid #1e2380;
  text-align: center;
  color: #1e2380;
  text-decoration: none;
  display: block;
  padding: 10px 0;
}

article.entryform a:hover{
  color: #fff;
  background-color: #1e2380;
}

/*フォーム内個人情報へのリンク*/
article.entryform dl dt span a{
  position: static;
  border:none;
  float: none;
  text-align: left;
  display: inline;
}

article.entryform dl dt span a:before{
  content: none;
}

article.entryform dl dt span a:hover{
  background-color: #fff;
  text-decoration: underline;
  color: #1e2380;
}

article.detailSeeker dl dt span a{
  position: static;
  border:none;
  float: none;
  text-align: left;
  display: inline; 
}

article.detailSeeker dl dt span a:hover{
  background-color: #fff;
  text-decoration: underline;
  color: #1e2380;
}

article.detailSeeker dl dt span a:before{
  content: none;
}
/*フォーム内個人情報へのリンク終了*/


article.entryform a:before{
  position: absolute;
  left:98%;
  top: 30%;
  content: '\f105';
  color: #1e2380;
  font-family: 'Font Awesome 5 Free';
  font-size: 1.125rem;
  z-index: 1;
  font-style: normal;
  font-weight: 900;
}

article.entryform a:hover:before{
  color: #fff;
  background-color: #1e2380;
}
/*終了*/

/*お仕事一覧ページ*/
article.archive{
  position: relative;
  width: 80%;
  margin: 0 auto 150px auto;
}
article.archive h2{
  color: #1e2380;
  font-size: 1.875rem;
  text-align: center;
  margin: 70px auto 100px auto;
}

article.archive span.anno{
  position: absolute;
  top: 0%;
  left: 40%;
  text-align: center;
  font-family: 'Meddon', sans-serif;
  font-weight: bold;
  font-style: italic;
  opacity: 0.5;
  font-size: 4.5rem;
  color: #dfdfe9;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  z-index: 9998;
  pointer-events: none;
  display: block;
}

article.archive .job_list ul{
  width: 100%;
}

article.archive .job_list ul li{
  position: relative;
  margin-bottom: 50px;
  background-color: #d5eefb;

}

article.archive div.job_list ul li h4{
  color: #1e2380;
}

div#main article.archive div.job_list ul li a{
  position: absolute;
  bottom: -10%;
  background-color: #1e2380;
  border: 2px solid #1e2380;
}

div#main article.archive div.job_list ul li a:hover{
  background-color: #fff;
  color: #1e2380;
}

div#main article.archive div.job_list ul li a:hover:before{
  color: #1e2380;
}

.pageNate {
    font-size: 1rem;
    margin: 0 auto;
    text-align: center;
}

.pageNate .currentPage {
    background-color: #1e2380;
    color: #fff;
    padding: 8px 16px;
    border: 1px solid #ddd;
    display: inline-block;
}

.pageNate a {
    padding: 8px 16px;
    text-decoration: none;
    background-color: #d5eefb;
    color: #000;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
    display: inline-block;
}
/*終了*/

/*企業のご担当者様*/
div#main02 div.Heading{
  position: relative;
  background-image: url('../img/underMain.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

div#main02 div.Heading h1{
  color: #fff;
  text-align: center;
  padding: 133px 0;
  font-size: 2.5rem;
}

div#main02 div.Heading span{
  position: absolute;
  top: 30%;
  left: 50%;
  text-align: center;
  font-family: 'Meddon', sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 4.5rem;
  opacity: 0.2;
  color: #dfdfe9;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  z-index: 9998;
  pointer-events: none;
  display: block;

}

div#main02 article.underListIndustry{
  padding:0 0 150px 0;
}

div#main02 article.underListIndustry ul li{
  background-color: #fbd5d5;
}

div#main02 article.underListIndustry ul li a:hover{
  background-color: #801e1e;
}

div#main02 article.underListIndustry ul li a{

}

div#main02 article.underListIndustry ul li a:hover:before{
  color: #fff;
}

div#main02 article.underListIndustry a span{
  color: #801e1e;
  transition: 0.8s;
}

div#main02 article.underListIndustry a:hover span{
  color: #fff;
}
/*終了*/

/*サービスのご案内*/
article.casestudy{
  position: relative;
  width: 80%;
  margin: 0 auto 150px auto;
}

article.casestudy h2 {
  color: #801e1e;
  font-size: 1.875rem;
  text-align: center;
  margin: 70px auto 100px auto;
}

article.casestudy span.anno {
  position: absolute;
  top: 0%;
  left: 40%;
  text-align: center;
  font-family: 'Meddon', sans-serif;
  font-weight: bold;
  font-style: italic;
  opacity: 0.5;
  font-size: 4.5rem;
  color: #dfdfe9;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  z-index: 9998;
  pointer-events: none;
  display: block;
}

article.casestudy h3{
  font-size: 1.5rem;
  text-align: center;
  color: #801e1e;
  margin-top: 100px;
}

article.casestudy .job_list ul{
  width: 80%;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0;
  list-style: none;
  flex-flow: wrap;
  list-style-type: none;
}

article.casestudy .job_list ul li{
  width: 32%;
  background-color: #fbd5d5;
  list-style-type: none;
}

article.casestudy .job_list ul li h4{
  width: 100%;
  border-bottom: 1px solid #fff;
  font-size: 1.25rem;
  text-align: center;
  padding-bottom: 30px;
  color: #801e1e;
}

article.casestudy div.job_list ul li p {
    font-size: 1rem;
    width: 80%;
    margin: 0 auto 35px auto;
}

#main02 article.detailSeeker h4{
  width: 100%;
  font-size: 1.25rem;
  text-align: left;
  color: #801e1e;
}
/*終了*/

/*活用事例*/
/*終了*/

/*お問い合わせ（企業担当者向け）*/
/*終了*/


/*AForm用CSS*/
.aform-content dl{
  width: 100%;
  overflow: hidden;
  border-bottom: 1px dotted #eeeeee;
  padding: 15px 0;
  margin: 0;
}

#aform-confirm-form dl.dl_etcTxt{
  display: none;
}

#aform-form-5 dl.dl_etcTxtText{
  position: absolute;
  top: 100%;
  opacity: 0;
}

#aform-confirm-form dl.dl_etcTxt{
  display: none;
}

#aform-form-2 dl.dl_etcTxtText{
  position: absolute;
  top: 100%;
  opacity: 0;
}


.aform-content dl dt{
  width: 20%;
  float: left;
}

.aform-content dl dt span.aform-required{
      font-size: 0.75rem;
    border: 1px solid #e60012;
    background-color: #e60012;
    padding: 5px 10px;
    margin-right: 20px;
    display: inline-block;
    color: #fff;
    margin-left: 10px;
}

.aform-content dl dd{
  width: 80%;
  margin:0;
  float: left;
}
.aform-content dl dd ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.aform-content dl dd ul.aform-checkbox-ul li{
  margin-right: 20px;
}

.aform-content dl dd ul li{
}

.aform-twice-note{
  display: block;
}

.aform-button-area input[type="submit"]{
  position: relative;
    width: 100%;
    border: 2px solid #1e2380;
    background-color: #fff;
    text-align: center;
    color: #1e2380;
    text-decoration: none;
    display: block;
    padding: 20px 0;
    font-size: 1rem;
    margin-top: 50px;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: bold;
}

.aform-button-area input[type="submit"]:before{
      position: absolute;
    left: 98%;
    top: 30%;
    content: '\f105';
    color: #1e2380;
    font-family: 'Font Awesome 5 Free';
    font-size: 1.125rem;
    z-index: 1;
    font-style: normal;
    font-weight: 900;
}

.aform-button-area{
  overflow: hidden;
}

#aform_btn_back{
  position: relative;
    width: 45%;
    border: 2px solid #1e2380;
    background-color: #fff;
    text-align: center;
    color: #1e2380;
    text-decoration: none;
    display: block;
    padding: 20px 0;
    font-size: 1rem;
    margin-top: 50px;
    margin-right: 5%;
    cursor: pointer;
    float: left;
}

#aform_btn_back:hover{
  color: #fff;
  background-color: #1e2380;
}

#aform_btn_submit{
  width: 45%;
}

.detailSeeker #aform_btn_back{
  position: relative;
    width: 45%;
    border: 2px solid #801e1e;
    background-color: #fff;
    text-align: center;
    color: #801e1e;
    text-decoration: none;
    display: block;
    padding: 10px 0;
    font-size: 1rem;
    margin-top: 50px;
    margin-right: 5%;
    cursor: pointer;
    float: left;
}

.detailSeeker #aform_btn_back:hover{
  color: #fff;
  background-color: #801e1e;
}

.aform-button-area input[type="submit"]:hover{
  color: #fff;
  background-color: #1e2380;
}

.aform-button-area input[type="submit"]:hover:before{
  color: #fff;
  background-color: #1e2380;
}

/**/
article.detailSeeker .aform-button-area input[type="submit"]{
  position: relative;
    width: 100%;
    border: 2px solid #801e1e;
    background-color: #fff;
    text-align: center;
    color: #801e1e;
    text-decoration: none;
    display: block;
    padding: 20px 0;
    font-size: 1rem;
    margin-top: 50px;
    cursor: pointer;
}

article.detailSeeker .aform-button-area input[type="submit"]:before{
      position: absolute;
    left: 98%;
    top: 30%;
    content: '\f105';
    color: #801e1e;
    font-family: 'Font Awesome 5 Free';
    font-size: 1.125rem;
    z-index: 1;
    font-style: normal;
    font-weight: 900;
}

article.detailSeeker .aform-button-area input[type="submit"]:hover{
  color: #fff;
  background-color: #801e1e;
}

article.detailSeeker .aform-button-area input[type="submit"]:hover:before{
  color: #fff;
  background-color: #801e1e;
}

/*エラーメッセージ*/
.validation-advice{
  color: #f00;
  display: block;
}

/*AForm用CSS終了*/

/*企業担当者*/
article.detailSeeker .merit{
  width: 45%;
  float: left;
  background-color: #fbd5d5;
  margin-bottom: 50px;
  padding: 20px 20px 30px 20px;
}

article.detailSeeker .merit:nth-child(odd){
  margin-right: 5%;
}
/*企業担当者終了*/

/*事業案内*/

article.detailSeeker .merit01{
  width: 45%;
  float: left;
  background-color: #d5eefb;
  margin-bottom: 50px;
  padding: 20px 20px 30px 20px;
}

article.detailSeeker .merit01:nth-child(odd){
  margin-left: 5%;
}

/*事業案内終了*/


/*活用事例*/
.caseDetail{

}

/*活用事例終了*/
.chartImg img{
  width: 70%;
}
/*会社概要*/
/*会社概要終了*/

/*プライバシーポリシー*/
article.detailSeeker div.reTop{
  margin-top: 50px;
}

/*プライバシーポリシー終了*/

/*スマホ対応　1200px*/
@media screen and (max-width: 1200px) {

  article.archive span.anno{
    font-size: 3rem;
    left: 5%;
  }

  article.detailSeeker span.anno{
    font-size: 3rem;
    left: 5%;
  }
  .chartImg img{
  width: 100%;
}

.menu-trigger2 {
  display: none;
}
.menu-trigger3 {
  display: none;
}


header{
  width: 100%;
  background-color: #fff;
}

header .menu-trigger{
  width: 70px;
  height: 60px;
}

header .menu-trigger span {
  position: absolute;
  z-index: 999999;
  left: 5%;
  width: 63px;
  height: 10px;
  background-color: #000;
  border-radius: 4px;
}

header .menu-trigger span:nth-of-type(1) {
  top: 10px;
}

header .menu-trigger span:nth-of-type(2) {
  top: 40px;
}

header .menu-trigger span:nth-of-type(3) {
  bottom: 25px;
}

header .menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(10px) rotate(-46deg);
}

header .menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}

header .menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-5px) rotate(46deg);
}

header .menu-trigger2 {
  display: none;
}

header .menu-trigger3 {
  display: none;
}

header .menu-trigger4 img{
  display: none;
}

header .active{
  background-color: rgba(255,0,0,0);
}

header .active:hover{
 background-color: rgba(255,0,0,0); 
}

header .active:hover{
 background-color: rgba(255,0,0,0); 
}

header .active span{
  background-color: #fff;
}

header .active span{
  background-color: #fff;
}

/*smaller対策*/
header.smaller{
  width: 100%;
  background-color: #fff;
}

header.smaller .menu-trigger{
  width: 70px;
  height: 60px;
}

header.smaller .menu-trigger span {
  position: absolute;
  z-index: 999999;
  left: 5%;
  width: 63px;
  height: 10px;
  background-color: #000;
  border-radius: 4px;
}

header.smaller .menu-trigger span:nth-of-type(1) {
  top: 10px;
}

header.smaller .menu-trigger span:nth-of-type(2) {
  top: 40px;
}

header.smaller .menu-trigger span:nth-of-type(3) {
  bottom: 25px;
}

header.smaller .menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(10px) rotate(-46deg);
}

header.smaller .menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}

header.smaller .menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-5px) rotate(46deg);
}

header.smaller .menu-trigger2 {
  display: none;
}

header.smaller .menu-trigger3 {
  display: none;
}

header.smaller .menu-trigger4 img{
  display: none;
}

header.smaller .active{
  background-color: rgba(255,0,0,0);
}

header.smaller .active:hover{
 background-color: rgba(255,0,0,0); 
}

header.smaller .active:hover{
 background-color: rgba(255,0,0,0); 
}

header.smaller .active span{
  background-color: #fff;
}

header.smaller .active span{
  background-color: #fff;
}
/*smaller対策終了*/


article.detailSeeker table tr th{
  width: 100%;
  display: block;
  border-bottom: none;
  font-size: 1.25rem;
  font-weight: bold;
}

article.detailSeeker table tr td:nth-child(1){
  width: 100%;
  display: block;
  border-bottom: none;
  font-size: 1.25rem;
  font-weight: bold;
}

article.detailSeeker table tr td{
  width: 100%;
  display: block;
  padding: 0 0 15px 0;
}

article.detailSeeker a:before {
  left: 90%;
}

.aform-content dl dt{
  width: 100%;
  float: none;
}

article.detailSeeker dl dt{
  width: 100%;
}

article.entryform dl dt{
  width: 100%;
  float: none;
}

article.detailSeeker .aform-content dl dd{
  width: 100%;
}

.about_us ul{
  display: block;
}

.about_us ul li{
  width: 100%;
  margin-bottom: 25px;
}

article.underListIndustry ul li a:before{
  left: 90%;
}

/*企業担当者*/
article.detailSeeker .merit{
  width: 100%;
  float: left;
  background-color: #fbd5d5;
  margin-bottom: 50px;
  padding: 20px;
}

article.detailSeeker .merit:nth-child(odd){
  margin-right: 0;
}
/*企業担当者終了*/

/*企業担当者*/
article.detailSeeker .merit01{
  width: 100%;
  float: left;
  background-color: #d5eefb;
  margin-bottom: 50px;
  padding: 20px;
}

article.detailSeeker .merit01:nth-child(odd){
  margin-left: 0;
}
/*企業担当者終了*/


article.underList ul{
  width: 100%;
}

article.underListIndustry ul{
  width: 100%;
}

article.underListIndustry ul li{
  width: 90%;
  margin: 0 auto 25px auto;
}

article.underList ul li{
  width: 90%;
  margin: 0 auto 25px auto;
}

article.underList ul li:before{
  left: 95%;
}

article.underList span{
  position: absolute;
  top: 0%;
  left: 10%;
  text-align: center;
  font-family: 'Meddon', sans-serif;
  font-weight: bold;
  font-style: italic;
  opacity: 0.5;
  font-size: 3rem;
  color: #dfdfe9;
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  z-index: 9998;
  pointer-events: none;
  display: block;
}

div#main02 div.Heading span{
  font-size: 3rem;
  top: 40%;
  left: 20%;
}

article.underListIndustry span.anno {
    position: absolute;
    top: 0%;
    left: 20%;
    text-align: center;
    font-family: 'Meddon', sans-serif;
    font-weight: bold;
    font-style: italic;
    opacity: 0.5;
    font-size: 3rem;
    color: #dfdfe9;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    z-index: 9998;
    pointer-events: none;
    display: block;
}

div#main div.Heading span{
  font-size: 3rem;
      top: 50%;
    left: 30%;
}

div#main02 article.underListIndustry a span{
  display: none;
}

div.job_list ul{
  width: 95%;
}

div.job_list ul li {
  width: 45%;
  margin-bottom: 50px;
}

footer{
  padding-top: 0;
}

footer #footerSP #footerButton{
  padding: 20px 0;
  background-color: #414444;
}

.LeftContent span{
  font-size: 4.5rem;
}

.RightContent span{
  font-size: 4.5rem;
}

}
/*終了*/


/*スマホ対応　1100px*/
@media screen and (max-width: 1100px) {
  .LeftRight h2{
    font-size: 2.5rem;
  }
  .LeftContent span{
    font-size: 4rem;
  }

  .RightContent span{
    font-size: 4rem;
  }

  .news dl dt span.deco{
    font-size: 2.5rem;
  }
}




/*スマホ対応　1000px*/
@media screen and (max-width: 1000px) {

  /*ハンバーガーメニュー*/
  .menu-trigger{
    width: 80px;
    height: 70px;
  }

  .menu-trigger span{
    width: 70%;
    left: 15%;
  }

  .menu-trigger span:nth-of-type(1){
    top: 15px;
  }

  .menu-trigger span:nth-of-type(2){
    top: 30px;
  }

  .menu-trigger span:nth-of-type(3){
    bottom: 15px;
  }

  .menu-trigger.active span:nth-of-type(1){
    -webkit-transform: translateY(20px) rotate(-45deg);
    transform: translateY(9px) rotate(-46deg);
  }

  .menu-trigger.active span:nth-of-type(3){
    -webkit-transform: translateY(-20px) rotate(45deg);
    transform: translateY(-21px) rotate(46deg);
  }

  header.smaller .menu-trigger.active span:nth-of-type(3){
    -webkit-transform: translateY(-20px) rotate(45deg);
    transform: translateY(-30px) rotate(46deg);
  }
  /*終了*/

  section img{
    height: 100%!important;
  }

  .sp-slide p img.pattern{
    width: 100%!important/*slider-proと競合するため*/;
  }

  .layer{
    font-size: 3rem!important/*slider-proと競合するため*/;
  }

  .layer span{
    font-size: 1rem!important/*slider-proと競合するため*/;
  }

  .layer02{
    font-size: 2.5rem!important/*slider-proと競合するため*/;
  }

  .LeftContent{
    width: 100%;
  }
  .RightContent{
    width: 100%;
  }

  div.job_list ul li{
    width: 45%;
    margin-bottom: 50px;
  }

  div.job_list ul li a{
    width: 100%;
  }

  .about_us{
    background-size: contain;
  }

  .news dl dt{
    width: 100%;
    display: block;
  }

  .news dl dd{
    width: 100%;
    display: block;
    margin-left: 0;
  }

  .news dl dd ul li{
    display: block;
  }

  .news dl dd ul li a{
    width: 50%;
    display: inline-block;
    vertical-align: text-top;
  }

  /*footerスマホメニュー*/
  footer p{
    margin-top: 20px;
  }
  footer #footerPC{
    display: none;
  }

  footer #footerSP{
    display: block;
  }

  footer #footerSP #footerButton{
    margin: 0;
  }

  footer #footerSP #footerButton .title div{
    cursor: pointer;
  }

  footer #footerSP #footerButton .title div i{
    margin-left: 10px;
  }

  footer #footerSP #footerButton .detail{
    margin: 0;
  }

  footer #footerSP #footerButton .detail ul{
    list-style-type: none;
    padding: 0;
  }

  footer #footerSP #footerButton .detail ul li{
    padding: 10px 0;
  }

  .about_us span.deco{
    top:3%; 
  }
}

/*スマホ対応(768px)*/
@media screen and (max-width: 768px) {
  .newJob span.deco{
    font-size:3rem; 
  }

}

/*スマホ対応(750px)*/
@media screen and (max-width: 750px) {
  .menu-trigger4 img{
    width: 150px;
  }
  .layer{
    width: 90%;
    font-size: 2rem!important/*slider-proのCSSと競合するため*/;
    text-align: center;
  }

  div.menuHun .menuHunLeft{
    width: 100%;
  }

  div.menuHun .menuHunRight{
    width: 100%;
  }

  div.menuHun .menuHunLeft02{
    width: 100%;
  }

  div.menuHun .menuHunRight02{
    width: 100%;
  }

  .LeftRight h2{
    font-size: 2rem;
    padding-top: 0;
  }

  .LeftRight p{
    padding: 0 20px;
  }

  .LeftContent{
    height: auto;
    padding: 50px 0;
  }

  .LeftContent span{
    font-size: 5rem;
    top: 20%;
  }

  .RightContent{
    height: auto;
    padding: 50px 0;
  }

  .RightContent span{
    font-size: 5rem;
    top: 20%;
  }

  .newJob span.deco {
    font-size: 3rem;
    top: 10%;
    left: 15%;
    opacity: 0.2;
  }

  div.job_list ul li{
    width: 100%;
  }

  .about_us p{
    padding: 0 20px;
  }

  .about_us span.deco{
    font-size: 2.5rem;
  }

  .news dl dt span.deco{
    font-size: 2.5rem;
  }

  .news dl dd ul li span{
    display: block;
    width: 100%;
  }

  .news dl dd ul li span a{
    width: 100%;
    text-align: left;
    padding-left: 20px;
    margin-top: 0px;
  }

  .news dl dd ul li a{
    width: 100%;
    margin-top: 20px;
  }

  div#main div.Heading span{
    font-size: 2.5rem;
    top: 50%;
    left: 0%;
  }

  article.underListIndustry ul li a {
    font-size: 1.25rem;
  }


}

/*スマホ対応(550px)*/
@media screen and (max-width: 550px) {
  .entry span img{
    width: 50%;
  }

  .LeftContent span{
    font-size: 3rem;
  }

  .RightContent span{
    font-size: 3rem;
  }
}

/*スマホ対応(420px)*/
@media screen and (max-width: 420px) {
}

/*スマホ対応(375px)*/
@media screen and (max-width: 375px) {
  .LeftContent span{
    font-size: 2.5rem;
    top: 60%;
  }

  .RightContent span{
    font-size: 2.5rem;
    top: 60%;
  }

  .about_us span.deco{
    font-size: 2rem;
  }

  .news dl dt span.deco{
    font-size: 2rem;
  }
}