@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
.hamburger {
  display:block;
}
body{
  padding-top:0;
}

header#header2025{
  padding:0;
  padding-right:100px;
  background:none;
  position:static;
}

header#header2025.headerfixed{
  position:fixed;
  top:0;
  left:0;
  right:0;
  padding:0;
  z-index:99;
}

body.admin-bar header#header2025.headerfixed{
  top:32px;
}
header#header2025.headerfixed .container-fluid{
  padding-right:120px;
}

#logo_interview{
  height:110px;
}



body.scrolled header#header2025{
  position:static;
}



.hamburger{
  background:#333333;
  width: 110px;
  height: 110px;
}

header.headerfixed .hamburger{
  background:none;
}

body.scrolled .hamburger{
  background:#333333;
}

.hamburger__line{
  left:35px;
}

.hamburger__line:nth-of-type(1) {
  width: 46px;
  top: 42px;
}

.hamburger__line:nth-of-type(2) {
  width: 40px;
  top: 51px;
}

.hamburger__line:nth-of-type(3) {
  width: 34px;
  top: 60px;
}




#spmenubottom{
  display:block;
/*
  background:#263238;
*/
  padding:10px;
}
#spmenubottom a{
  display:block;
  text-align:center;
  padding:10px 0px;
/*
  background:#0288D1;
*/
  color:#FFF;
}
/* 採用トップページページヘッダー削除 */
.page-id-35039 .pageheader{
  display:none;
}

/* 採用トップメッセージページヘッダー削除 */
.page-id-34948 .pageheader{
  display:none;
}


/* recruit top */
.page-id-35039{

}
 
#recruitmain{
  position:relative;
  text-align:center;
  color:#FFF;
}

#recruitmain #recruitmain_inner{
  position:absolute;
  bottom:10%;
  left: 50%;
  -webkit-transform: translateX(-50%); /* Safari用 */
  transform: translateX(-50%);
  width:60vw;
}

#recruitmain #recruitmain_catch{
  font-size:95px;
  font-weight:bold;
  width:100%;
}

#recruitmain #recruitmain_txt{
  font-size:20px;
  font-weight:bold;
  line-height:2;
  margin-top:40px;
}


#recruitbtns{
  position:relative;
  height:3000px;
  background-image:url("/wp-content/themes/rentcorporation/2025/img/recruit/env_back.webp");
  background-repeat:no-repeat;
  background-position:100% 0px;
  background-size:cover;
  overflow:hidden;

}

#recruitbtns #btn1,
#recruitbtns #btn6{
	position: absolute;
  display:block;
  width:354px;
}

#recruitbtns #btn2,
#recruitbtns #btn3,
#recruitbtns #btn4,
#recruitbtns #btn5{
	position: absolute;
  display:block;
  width:800px;
}

#recruitbtns #btn1{
  top:0;
  left:50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

#recruitbtns #btn2{
  top:300px;
  left:50%;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

#recruitbtns #btn3{
  top:700px;
  left:50%;
  -webkit-transform: translateX(5%);
  transform: translateX(5%);
}

#recruitbtns #btn4{
  top:1200px;
  left:50%;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

#recruitbtns #btn5{
  top:1700px;
  left:50%;
  -webkit-transform: translateX(5%);
  transform: translateX(5%);
}


#recruitbtns #btn6{
  top:2200px;
  left:50%;
  -webkit-transform: translateX(-150%);
  transform: translateX(-150%);
}

/* invention */

#invention{
  background-image:url("/wp-content/themes/rentcorporation/2025/img/recruit/invention_back.png");
  background-repeat:repeat;
  padding:40px;
  overflow:hidden;
}

#invention #inventionSwiper1{
  margin-bottom:30px;
}

#recruit_top_message{
  position:relative;
}

#recruit_top_message_txt{
  position:absolute;
  left:0;
  bottom:30%;
  font-size:33px;
  font-weight:bold;
  color:#FFF;
  line-height:2;
  padding:40px;
  background: #0090D2;
  background: linear-gradient(90deg,rgba(0, 144, 210, 0.8) 0%, rgba(27, 20, 100, 0.8) 100%);
}

.page-id-34824 .main,
.page-id-34759 .main,
.page-id-34804 .main,
.page-id-34831 .main,
.page-id-34848 .main,
.page-id-34958 .main,
.page-id-34816 .main,
.page-id-34842 .main,
.page-id-34837 .main,
.page-id-34809 .main,
.page-id-34853 .main,
.page-id-34858 .main{
  padding:0 !important;
}


.page-id-34948 .main,
.page-id-35039 .main{
  padding:0;
}

.page-id-34963 .main,
.page-id-35001 .main{
  background-image: url("/wp-content/themes/rentcorporation/2025/img/recruit/env_back.webp");
  background-repeat:no-repeat;
  background-size:cover;
}

#interviewtab{
  display:flex;
  justify-content:center;
  margin-bottom:20px;
}

#interviewtab > .nav{
  border:none;
  min-width:700px;
  background:rgba(0,0,0,.1);
  padding:10px;
  border-radius:30px;
}

#interviewtab .nav-tabs{
  display:flex;
  justify-content:center;
}

#interviewtab .nav-tabs .nav-link{
  padding:0;
  padding:5px;
  display:block;
  width:50%;
  border-radius:20px;
  color:#999;
}

#interviewtab .nav-tabs .nav-link.active{
  background:#0090d2;
  color:#FFF;
}

/* recruit number */
.page-id-35098 .main{
  padding-top:0;
}
.page-id-35098 .main_inner{
  position:relative;
  padding-top:100px;
}

.page-id-35098 .main_inner:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-200px;
  width:100%;
  height:calc(100% + 200px);
  z-index:-2;
  background-image: url("/wp-content/themes/rentcorporation/2025/img/recruit_number/back.png");
  background-repeat:repeat;
  background-size:auto;
  background-position:0 0;
}

#recruit_number_header{
  position: relative;
  font-size:68px;
  font-weight:bold;
  color:#FFF;
}

#recruit_number_header:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0090d2;
    transform: skewY(-7deg);
    z-index: -1;
}

#recruit_number_header .col2{
  background-image: url("/wp-content/themes/rentcorporation/2025/img/recruit_number/header2.webp");
  background-repeat:no-repeat;
  background-size:80% auto;
  background-position:0 100%;
}

.numgrayback{
  position:relative;
  padding:30px 0px;
}

.numgrayback:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(230,230,230,0.3);
    transform: skewY(-7deg);
    z-index: -1;
}

/*
header#header2025 .headernav ul{
  display:block !important;
}
*/

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 991px) {
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 576px) {
  header#header2025 .headernav {
    width: 70%;
  }
}

  header#header2025 .headernav {
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    height: 100vh;
    background:#e6e6e6;
    box-shadow: 2px 0 4px rgba(0,0,0,.1);
    transform: translateX(100%);
    transition: transform .4s;
    z-index: 90;
    overflow:scroll;
    padding:20px 10px 10px 10px;
  }
  header#header2025 .headernav #logo{
    margin-bottom:20px;
  }
  body.admin-bar .headernav{
    top:46px;
  }
  header#header2025 .headernav > ul{
    margin:0;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between !important;
  }
  header#header2025 .headernav > ul > li{
    padding:0 !important;
    margin-bottom:10px;
    width:100%;
  }
  header#header2025 .headernav > ul > li a{
    background:#fff;
    display:block;
    color:#0090d2;
    padding:20px;
    position:relative;
    font-weight:bold;
  }
  header#header2025 .headernav > ul > li a span{
    display:block;
    margin:20px 0px;
  }
  header#header2025 .headernav > ul > li:nth-child(1),
  header#header2025 .headernav > ul > li:nth-child(2){
    width:49%;
    text-align:center;
    min-height:100px;
    padding-bottom:50px;
  }


  header#header2025 .headernav > ul > li a:before{
    background-image:url("/wp-content/themes/rentcorporation/2025/img/arrow_sp_nav.svg");
    background-size:cover;
    display:block;
    content:"";
    width:18px;
    height:18px;
    position:absolute;
    right:10px;
    top: 50%;
    -webkit-transform: translateY(-50%); /* Safari用 */
    transform: translateY(-50%);
  }

  header#header2025 .headernav > ul > li:nth-child(1) a:before,
  header#header2025 .headernav > ul > li:nth-child(2) a:before{
    right:auto;
    top:auto;
    bottom:10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

  }





  header#header2025 .headernav > ul > li:nth-last-child(2),
  header#header2025 .headernav > ul > li:last-child{
    display:none;
  }

  header#header2025 #search{
    display:block;
  }
  header#header2025 #search i{
    display:none;
  }
  header#header2025 #search form{
    display:block;
    position:static;
    width:initial;
    width:auto;
    width:100%;
    opacity:1;
    background:#263238;
    border-radius: 0;
  }




.interview_title{
  font-size:52px;
  font-weight:bold;
  color:#0090d2;
  position:relative;
  display:inline-block;
  padding:0px 65px;
}


.interview_title:before, .interview_title:after {
  content: '';
  position: absolute;
  display: inline-block;
  width:57px;
  height:51px;
}
.interview_title:before {
  top:16px;
  left:0;
  content:"";
  background-image: url("/wp-content/themes/rentcorporation/2025/img/interview/icon1.svg");
  background-repeat:no-repeat;
}
.interview_title:after {
  bottom:12px;
  right:0;
  content:"";
  background-image: url("/wp-content/themes/rentcorporation/2025/img/interview/icon2.svg");
  background-repeat:no-repeat;
}

.interview_subtitle{
  font-size:24px;
  font-weight:bold;
  color:#333333;
  text-decoration:underline;
  margin-bottom:30px;
}

.interview_comment{
  font-size:18px;
  color:#333333;
  line-height:2;
}

.interview_img{
  text-align:center;
}

.interview_img img{
  max-width:1400px;
}
@media screen and (max-width: 1400px) {
  .interview_img img{
    max-width:100%;
  }
}

.interview_catch{
  text-align:center;
  position:relative;
}

.interview_catch_txt{
  width:100%;
  font-size:43px;
  font-weight:bold;
  color:#FFF;
  position:absolute;
  left:50%;
  top: 55%;
  -webkit-transform: translateX(-50%); /* Safari用 */
  transform: translateX(-50%);

}

.interview_catch_txt span.bottomline{
  border-bottom:10px solid #0090d2;
}

.interview_flow_title{
  font-size:47px;
  font-weight:bold;
  text-align:center;
}

.interview_footer{
  padding-top:100px;
}

#interviewSwiper{
  margin:60px 0px;
}
#interviewSwiper .swiper-slide{
  text-align:center;
}
#interviewSwiper .swiper-slide img{
  margin-bottom:20px;
}

#interviewSwiper .swiper-slide-prev{
  opacity:0.5;
}

#interviewSwiper .swiper-slide-prev img:last-child{
  opacity:0;
}

#interviewSwiper .swiper-slide-next{
  opacity:0.5;
}

#interviewSwiper .swiper-slide-next img:last-child{
  opacity:0;
}


.swiper-button-prev-interview,
.swiper-button-next-interview {
  height: 50px !important;
  width: 50px !important;
  content:"";
}

.swiper-button-prev-interview::after,
.swiper-button-next-interview::after {
  background-repeat: no-repeat;
  background-size: contain;
  height: 150px;
  margin: auto;
  width: 150px;
  text-indent: 100%;
  white-space: nowrap;
  overflow:hidden;
}
.swiper-button-prev-interview::after {
  background-image: url("/wp-content/themes/rentcorporation/2025/img/swiper_prev.svg");
}
.swiper-button-next-interview::after {
  background-image: url("/wp-content/themes/rentcorporation/2025/img/swiper_next.svg");
}



.swiper-button-prev-interview,
.swiper-button-next-interview {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev-interview.swiper-button-disabled,
.swiper-button-next-interview.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev-interview.swiper-button-hidden,
.swiper-button-next-interview.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev-interview,
.swiper-navigation-disabled .swiper-button-next-interview {
  display: none !important;
}
.swiper-button-prev-interview svg,
.swiper-button-next-interview svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev-interview svg,
.swiper-rtl .swiper-button-next-interview svg {
  transform: rotate(180deg);
}
.swiper-button-prev-interview,
.swiper-rtl .swiper-button-next-interview {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next-interview,
.swiper-rtl .swiper-button-prev-interview {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev-interview:after,
.swiper-button-next-interview:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev-interview:after,
.swiper-rtl .swiper-button-next-interview:after {
  content: 'prev';
}
.swiper-button-next-interview,
.swiper-rtl .swiper-button-prev-interview {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next-interview:after,
.swiper-rtl .swiper-button-prev-interview:after {
  content: 'next';
}

.rentworkbox{
  background: #0090D2;
  background: linear-gradient(90deg,rgba(0, 144, 210, 0.07) 0%, rgba(27, 20, 100, 0.07) 100%);
  padding:90px 50px;
  position:relative;
}

.rentworkbox:before{
  display:block;
  background-image: url("/wp-content/themes/rentcorporation/2025/img/rentwork/boxtop.webp");
  background-size: cover;
  content:"";
  width:100%;
  height:0;
  padding-top:9.68%;
  position:absolute;
  left:-10px;
  top:-45px;
}

.rentworkbox:after{
  display:block;
  background-image: url("/wp-content/themes/rentcorporation/2025/img/rentwork/boxunder.webp");
  background-size: cover;
  content:"";
  width:100%;
  height:0;
  padding-top:9.68%;
  position:absolute;
  left:-15px;
  bottom:-22px;
}

.rentwork_title{
  text-align:center;
  color:#333333;
  font-size:48px;
  font-weight:bold;
  margin-bottom:100px;
}

.rentwork_title span{
  position:relative;
  display:inline-block;
}

.rentwork_title span:before{
  content:"";
  position:absolute;
  bottom:-10px;
  left: 50%;
  -webkit-transform: translateX(-50%); /* Safari用 */
  transform: translateX(-50%);
  width:82%;
  height:40px;
  background:rgba(0,144,210,0.2);
  rotate: -1deg;
}

.rentworkbox .row{
  line-height:2;
}

#rentfield{
  position: relative;
}

#rentfield_inner{
  position: absolute;
  top:15%;
  left:0;
  right:0;
  text-align:center;
}


.rentwork_balloon {
  position: relative;
  display: inline-block;
  background: #0090D2;
  background: linear-gradient(90deg,rgba(0, 144, 210, 1) 0%, rgba(27, 20, 100, 1) 100%);
  border-radius: 30px;
  padding: 10px 16px;
  font-weight: bold;
  color: #fff;
  margin-bottom:40px;
}

.rentwork_balloon:before {
  content: "";
  /* borderで三角形を作る */
  border-width: 10px;
  border-style: solid;
  border-color: #0e4f99 transparent transparent transparent;
  /* 配置する */
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}


.rentwork_catch{
  font-size:48px;
  font-weight:bold;
  color:#fff;
}


#rentservice{
  position: relative;
}

#rentservice_inner{
  position: absolute;
  top:15%;
  left:50%;
  width:50%;
}


.rentstrong{
  position:relative;
  padding:0px 40px;
  color:#0090d2;
  font-size:33px;
  font-weight:bold;
}
.rentstrong:before, .rentstrong:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 34px;
  height: 3px;
  background-color: #518ece;
}
.rentstrong:before {
  left:0;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.rentstrong:after {
  right: 0;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}


#rentcsr{
  position: relative;
}

#rentcsr_inner{
  position: absolute;
  top:15%;
  left:0;
  right:0;
  width:100%;
}

.swiper-slide a{
  display:block;
}

.swiper-button-disabled{
  display:none !important;
}


#renttown{
  position:relative;
}

#renttown #place_roof{
  position:absolute;
  width:23.25%;
  left: 19.2%;
  top: 47.3%;
}

#renttown #place_tunnel{
  position:absolute;
  width:49.59%;
  right: 0.5%;
  top: 4.8%;
}

#renttown #workbtn1{
  left: 54%;
  top: 65.5%;
}

#renttown #workbtn2{
  left: 15.5%;
  top: 19.5%;
}

#renttown #workbtn3{
  left: 40%;
  top: 10.5%;
}

#renttown #workbtn4{
  left: 65%;
  top: 17%;
}

#renttown #workbtn5{
  left: 84.3%;
  top: 3.5%;
}

#renttown #workbtn6{
  left: 9%;
  top: 42.5%;
}

#renttown #workbtn7{
  left: 24%;
  top: 42%;
}

#renttown #workbtn8{
  left: 52.5%;
  top: 36.5%;
}

#renttown #workbtn1,
#renttown #workbtn2,
#renttown #workbtn3,
#renttown #workbtn4,
#renttown #workbtn5,
#renttown #workbtn6,
#renttown #workbtn7,
#renttown #workbtn8{
  position:absolute;
  width:9.16%;
  display:block;
}

.workmodal .modal-content{
  background:none;
  border:0;
}

.workmodal .modal-header{
  border:none;
}

.workmodal .modal-body{
  background:#fff;
  padding:0;
}

.workmodal .modal-header .btn-close{
  color:#FFF !important;
}


.workbox{
  background:#FFF;
  padding:0px 50px 50px 50px;
}

.workbox .prevmodal,
.workbox .nextmodal{
  border: 2px solid #FFF;
  border-radius: 20px;
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  color:#FFF;
  font-size:20px;
  background:none;
}

.workbox .prevmodal{
  left:-50px;
}

.workbox .nextmodal{
  right:-50px;
}

.workboximg{
  padding-top:90px;
}

.workbox_title{
  font-size:30px;
  font-weight:bold;
  margin-top:80px;
}

.workbox_subtitle{
  font-size:17px;
  font-weight:bold;
  color:#0090d2;
  min-height:80px;
}

.workbox_content{
}

.lity-close{
  position:absolute;
  top:-30px;
}

#spmenutop{
  display:block;
  padding:10px;
}
#spmenutop_btn{
  text-align:center;
  font-weight:bold;
  display:block;
  color:#0288D1;
  background:#FFF;
  padding:5px;
  margin-top:10px;
  border-radius:30px;
}
#spmenubottom{
  display:block;
  margin-top:60px;
}
#spmenubottom #spmenubottom_btn{
  background:#fff;
  display:block;
  color:#0090d2;
  padding:20px;
  position:relative;
  font-weight:bold;
}
#spmenubottom #spmenubottom_btn:before{
  background-image:url("/wp-content/themes/rentcorporation/2025/img/arrow_sp_nav.svg");
  background-size:cover;
  display:block;
  content:"";
  width:18px;
  height:18px;
  position:absolute;
  right:10px;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
}

#spmenusns{
  margin-top:40px;
  display:flex;
  align-items:center;
  list-style:none;
  padding:0;
  justify-content:center;
}


#aimg1,
#aimg2,
#aimg3,
#aimg4,
#aimg5,
#aimg6,
#aimg7,
#aimg8{
  display:inline-block;
  position:relative;
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

#aimg1 .countupitem,
#aimg2 .countupitem,
#aimg3 .countupitem,
#aimg4 .countupitem,
#aimg5 .countupitem,
#aimg6 .countupitem,
#aimg7 .countupitem,
#aimg8 .countupitem {
  position:absolute;
}

#aimg1 .countupitem {
  font-size:80px;
  color:#0090d2;
  right: 12.5%;
  top: 17%;
}

#aimg2 .countupitem {
  font-size:95px;
}

#aimg2 #num1 {
  color:#abb1be;
  left: 7%;
  top: 30%;
}

#aimg2 #num2 {
  color:#0090d2;
  left: 26%;
  top: 30%;
}

#aimg3 .countupitem {
  font-size:85px;
}

#aimg3 #num1 {
  color:#abb1be;
  right: 66%;
  top: 22%;
}

#aimg3 #num2 {
  color:#0090d2;
  right: 17%;
  top: 22%;
}

#aimg4 .countupitem {
  font-size:75px;
  color:#FFF;
  right: 50%;
  top: 26%;
}

#aimg5 .countupitem {
  font-size:85px;
  color:#0090d2;
  right: 70%;
  top: 28%;
}

#aimg6 .countupitem {
  font-size:65px;
  color:#0090d2;
}

#aimg6 #num1 {
  right: 62%;
  top: 22%;
  letter-spacing: -3px;
}

#aimg6 #num2 {
  right: 62%;
  top: 37%;
  letter-spacing: -3px;
}

#aimg6 #num3 {
  right: 62%;
  top: 51%;
  letter-spacing: -3px;
}

#aimg6 #num4 {
  right: 62%;
  top: 66%;
  letter-spacing: -3px;
}

#aimg6 #num5 {
  right: 62%;
  top: 80%;
  letter-spacing: -3px;
}

#aimg7 .countupitem {
  font-size: 100px;
  color: #0090d2;
  right: 44%;
  top: 35%;
}



#aimg8 .countupitem {
  font-size:85px;
  color:#0090d2;
}

#aimg8 #num1 {
  right: 57%;
  top: 53%;
  letter-spacing: -3px;
}

#aimg8 #num2 {
  right: 13%;
  top: 53%;
  letter-spacing: -3px;
}


@media screen and (max-width: 576px) {
  #aimg1 .countupitem{
    font-size: 13vw;
  }
  #aimg2 .countupitem{
    font-size: 16vw;
  }
  #aimg3 .countupitem{
    font-size: 13.5vw;
  }
  #aimg4 .countupitem{
    font-size: 12vw;
  }
  #aimg5 .countupitem{
    font-size: 14vw;
  }
  #aimg6 .countupitem{
    font-size: 11vw;
  }
  #aimg7 .countupitem{
    font-size: 16vw;
  }
  #aimg8 .countupitem{
    font-size: 14vw;
  }
}

@media screen and (max-width: 1300px) {
  #recruitmain #recruitmain_catch{
    font-size:70px;
  }
  #recruit_top_message_txt{
    font-size:26px;
  }
}

@media screen and (max-width: 1280px) {
  #recruitmain #recruitmain_inner{
    bottom:5%;
  }
  #recruitmain #recruitmain_catch{
    font-size:65px;
  }
  #recruit_top_message_txt{
    font-size:22px;
  }
  #recruitbtns #btn2, #recruitbtns #btn3, #recruitbtns #btn4, #recruitbtns #btn5 {
    position: absolute;
    display: block;
    width: 650px;
  }
}

@media screen and (max-width: 1200px) {
}

/* md ≥768px */
@media screen and (max-width: 991px) {
  .interview_title{
    font-size:42px;
    padding: 0px 70px;
  }
  .interview_catch_txt{
    font-size:33px;
  }
  .interview_flow_title{
    font-size:37px;
  }
  #recruit_top_message_txt{
    bottom:10%;
    padding:20px;
  }
  .rentwork_title{
    font-size:30px;
  }
  .rentworkbox{
    padding:45px 25px;
  }
  .rentwork_title span::before{
    height:25px;
  }
  .rentwork_catch{
    font-size:38px;
  }
  #recruitmain #recruitmain_inner{
    width:100%;
    bottom:3%;
  }
  #recruitmain #recruitmain_catch{
    font-size:45px;
  }
  #recruitmain #recruitmain_txt{
    font-size:18px;
    line-height:1.5;
  }
  #recruitbtns #btn2, #recruitbtns #btn3, #recruitbtns #btn4, #recruitbtns #btn5 {
    position: absolute;
    display: block;
    width: 50%;
  }
  #recruitbtns #btn1{
    width:35%;
  }
  #recruitbtns #btn6{
    width:35%;
  }
  #recruitbtns{
    height:2500px;
  }
  #tocorporate{
    display:none;
  }
}

/* sm ≥576px */
@media screen and (max-width: 767px) {
  #interviewtab > .nav{
    min-width:initial;
    min-width:auto;
    width:100%;
  }
  .rentwork_catch{
    font-size:28px;
  }
  #recruitmain #recruitmain_catch{
    font-size:35px;
  }
  #recruitmain #recruitmain_txt{
    font-size:16px;
    line-height:1.5;
  }
  #recruitbtns{
    height:200vw;
  }
  #recruitbtns #btn2{
    top:15%;
  }
  #recruitbtns #btn3{
    top:30%;
  }
  #recruitbtns #btn4{
    top:45%;
  }
  #recruitbtns #btn5{
    top:60%;
  }
  #recruitbtns #btn6{
    top:80%;
  }
}

/* xs <576px */
@media screen and (max-width: 576px) {
  #logo_interview {
    height: 40px;
  }
  .interview_title{
    font-size:22px;
    padding: 0px 35px;
  }
  .interview_title::before{
    top:3px;
  }
  .interview_title::after{
    bottom:3px;
  }
  .interview_title::before, .interview_title::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 26px;
  }
  .interview_subtitle{
    font-size:20px;
  }
  .interview_catch_txt{
    font-size:18px;
  }
  .interview_flow_title {
    font-size: 27px;
  }
  .interview_catch_txt span.bottomline{
    border-bottom: 5px solid #0090d2;
  }
  #other_interview{
    max-width:80%;
  }
  #interviewSwiper{
    padding-left:50px;
    padding-right:50px;
  }
  #otherSwiper{
    padding-left:50px;
    padding-right:50px;
  }
  #recruit_top_message_txt{
    font-size:16px;
    padding:10px;
    bottom:5%;
  }
  .rentwork_balloon{
    margin-bottom:10px;
  }
  .rentwork_catch{
    font-size:18px;
  }
  .rentwork_title{
    font-size:20px;
  }

  #recruit_number_header{
    font-size:40px;
  }
  #recruitmain #recruitmain_catch{
    font-size:20px;
  }
  #recruitmain #recruitmain_txt{
    margin-top:20px;
    font-size:10px;
  }

}