@charset 'UTF-8';

/*  */
/* 貨物ハンドリング業務 */
/*  */

.topMv.uq_2.sec-handling .topMv-message {
  width: 500px;
  left: 1060px;
  padding: 75px 40px 75px 50px;
  background-position: 50px 0px;
}

@media screen and (max-width: 1560px) {
  .topMv.uq_2.sec-handling .topMv-message {
    left: auto;
    right: 0;
    width: 35%;
  }
}
@media screen and (max-width: 1024px) {

  .topMv.uq_2.sec-handling .topMv-message {
    left: 5%;
    right: auto;
    width: 90%;
    top: 82vw;
    height: auto;
    bottom: auto;
  }
	


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

  .route-page .page-title-nav li,
  .ground-page .page-title-nav li {
    width: 100%;
  }

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


/* ------------------------------------------------------------ */
/* 業務サポート（旅客・ランプ・貨物 */
/* ------------------------------------------------------------ */
@media screen and (min-width: 1025px) {
  .topMv-message.indirect_dept_3 {

    padding: 75px 100px 75px 80px;
    background-position: 80px 0px;
  }
}




/* --------------------------------------- */
/* passenger-page */
/* --------------------------------------- */

@media screen and (max-width: 1024px){
  .passenger-page .topMv.uq_2 {
          height: 1425px;
  }
  /* .passenger-page .topMv.sec2.uq_2 {
    height: 1368px;
  } */
  .passenger-page .topMv.sec4.uq_2 {
    height: 1450px;
  }
}
@media screen and (max-width: 768px){
  .passenger-page .topMv.uq_2 {
          height: 1230px;
  }
  /* .passenger-page .topMv.sec2.uq_2 {
    height: 1188px;
  } */
  .passenger-page .topMv.sec4.uq_2 {
    height: 1310px;
  }
}

@media screen and (max-width: 414px){
  .passenger-page .topMv.uq_2 {
    height: 210vw;
  }
  /* .passenger-page .topMv.sec2.uq_2 {
    height: 205vw;
  } */
  .passenger-page .topMv.sec3.uq_2 {
    height: 220vw;
  }
  .passenger-page .topMv.sec4.uq_2 {
    height: 236vw;
  }
}
@media screen and (max-width: 375px){
  .passenger-page .topMv.uq_2 {
    height: 230vw;
  }
  /* .passenger-page .topMv.sec2.uq_2 {
    height: 220vw;
  } */
  .passenger-page .topMv.sec3.uq_2 {
    height: 230vw;
  }
  .passenger-page .topMv.sec4.uq_2 {
    height: 245vw;
  }
}
@media screen and (max-width: 320px){
  .passenger-page .topMv.uq_2 {
    height: 240vw;
  }
  .passenger-page .topMv.sec2.uq_2 {
    height: 255vw;
  }
  .passenger-page .topMv.sec3.uq_2 {
    height: 250vw;
  }
  .passenger-page .topMv.sec4.uq_2 {
    height: 275vw;
  }
}







/* --------------------------------------- */
/* route-page */
/* --------------------------------------- */

@media screen and (max-width: 1024px){
  .route-page .topMv.uq_2 {
          height: 1425px;
  }
  .route-page .topMv.sec2.uq_2 {
    height: 1368px;
  }
}
@media screen and (max-width: 768px){
  .route-page .topMv.uq_2 {
          height: 1230px;
  }
  .route-page .topMv.sec2.uq_2 {
    height: 1188px;
  }
}

@media screen and (max-width: 414px){
  .route-page .topMv.uq_2 {
    height: 225vw;
  }
  .route-page .topMv.sec2.uq_2 {
    height: 205vw;
  }
}
@media screen and (max-width: 375px){
  .route-page .topMv.uq_2 {
    height: 240vw;
  }
  .route-page .topMv.sec2.uq_2 {
    height: 220vw;
  }
}
@media screen and (max-width: 320px){
  .route-page .topMv.uq_2 {
    height: 270vw;
  }
  .route-page .topMv.sec2.uq_2 {
    height: 245vw;
  }
}


/* --------------------------------------- */
/* ground-page */
/* --------------------------------------- */

@media screen and (max-width: 1024px){
  .ground-page .topMv.uq_2{
    height: 1420px;
  }
  .ground-page .topMv.uq_2.sec-handling {
    height: 1510px;
  }
  .ground-page .topMv.sec4.uq_2 {
    height: 1510px;
  }
  
}
@media screen and (max-width: 768px){
  .ground-page .topMv.uq_2{
    height: 1240px;
  }
  .ground-page .topMv.uq_2.sec-handling {
    height: 1320px;
  }
  .ground-page .topMv.sec4.uq_2 {
    height: 1320px;
  }
}

@media screen and (max-width: 414px){
  .ground-page .topMv.uq_2{
    height: 220vw;
  }
  .ground-page .topMv.uq_2.sec-handling {
    height: 290vw;
  }
  .ground-page .topMv.sec4.uq_2 {
    height: 290vw;
  }
  
}
@media screen and (max-width: 375px){
  .ground-page .topMv.uq_2{
    height: 235vw;
  }
  .ground-page .topMv.uq_2.sec-handling {
    height: 330vw;
  }
  .ground-page .topMv.sec4.uq_2 {
    height: 330vw;
  }
  
}
@media screen and (max-width: 320px){
  .ground-page .topMv.uq_2{
    height: 270vw;
  }
  .ground-page .topMv.uq_2.sec-handling {
    height: 405vw;
  }
  .ground-page .topMv.sec4.uq_2 {
    height: 405vw;
  }
 
}


/* --------------------------------------- */
/* indirect_dept-page */
/* --------------------------------------- */

@media screen and (max-width: 1024px){
  .indirect_dept-page .topMv.uq_2 {
    height: 1500px;
  }
  .indirect_dept-page .topMv.uq_2.sec2 {
    height: 1430px;
  }
  .indirect_dept-page .topMv.uq_2.sec3 {
    height: 1430px;
  }
  
}
@media screen and (max-width: 768px){
  .indirect_dept-page .topMv.uq_2 {
    height: 1290px;
  }
  .indirect_dept-page .topMv.uq_2.sec2 {
    height: 1240px;
  }
  .indirect_dept-page .topMv.uq_2.sec3 {
    height: 1240px;
  }
  
}

@media screen and (max-width: 414px){
  .indirect_dept-page .topMv.uq_2 {
    height: 220vw;
  }
  .indirect_dept-page .topMv.uq_2.sec2 {
    height: 230vw;
  }
  .indirect_dept-page .topMv.uq_2.sec3 {
    height: 220vw;
  }
  
}
@media screen and (max-width: 375px){
  .indirect_dept-page .topMv.uq_2 {
    height: 240vw;
  }
  .indirect_dept-page .topMv.uq_2.sec2 {
    height: 250vw;
  }
  .indirect_dept-page .topMv.uq_2.sec3 {
    height: 240vw;
  }
  

}
@media screen and (max-width: 320px){
  .indirect_dept-page .topMv.uq_2 {
    height: 266vw;
  }
  .indirect_dept-page .topMv.uq_2.sec2 {
    height: 270vw;
  }
  .indirect_dept-page .topMv.uq_2.sec3 {
    height: 260vw;
  }
  
 
}

/* --------------------------------------- */
/* parts */
/* --------------------------------------- */

/* button link */
.btnLink {
  border-width: 1px;
  border-style: solid;
  padding: 8px 10px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-align: center;
}
.btnLink + .btnLink {
  margin-left: 10px;
}
.btnLink:hover {
  color: #fff;
}
.btnLink.btnLink--normal {
  border-color: #000;
}
.btnLink.btnLink--normal:hover {
  background-color: #000;
}
.btnLink.btnLink--red:hover {
  background-color: #cc0000;
}
@media screen and (max-width: 768px) {
  .btnLink {
    display: block;
    max-width: 60%;
    margin-inline: auto;
  }
  .btnLink + .btnLink {
    margin-inline: auto;
    margin-top: 10px;
  }
}

/* --------------------------------------- */
/* module */
/* --------------------------------------- */

/* textAndImage-wrap--flex */
.textAndImage-wrap--flex {
  display: flex
}
.textAndImage-wrap--flex .textAndImage_image,
.textAndImage-wrap--flex .textAndImage_text {
  float: none;
}
.textAndImage-wrap--flex.uq_img-right .textAndImage_image {
  order: 2;
}
.textAndImage-wrap--flex.uq_img-right .textAndImage_text {
  order: 1;
}
.textAndImage-wrap--flex .textAndImage_image {
  padding-left: 25px;
  padding-bottom: 40px;
  background-position: left 40px;
  width: auto;
  max-width: 625px;
  min-width: 425px;
}
.textAndImage-wrap--flex.uq_img-right .textAndImage_image {
  padding-right: 25px;
  padding-left: 0;
  background-position: right 40px;
}
.textAndImage-wrap--flex .textAndImage_text {
  width: auto;
  max-width: 695px;
}
@media screen and (max-width: 1024px){
  .textAndImage-wrap--flex {
  }
}
@media screen and (max-width: 768px) { 
  .textAndImage-wrap--flex {
    flex-direction: column;
    gap: 5vw;
  }
  .textAndImage-wrap--flex .textAndImage_image {
    padding-bottom: 0 !important;
    min-width: unset;
  }
  .textAndImage-wrap--flex.uq_img-right .textAndImage_image {
    order: 1;
  }
  .textAndImage-wrap--flex.uq_img-right .textAndImage_text {
    order: 2;
  }
}