 /*============================================================
  AIエージェント
==============================================================*/
.ai-agent{
  padding-top: 140px;
}
.ai-agent .ai_agent_fv{
  padding-top: 67px;
  margin-bottom: 80px;
}
.ai-agent .ai_agent_fv .fv_flex{
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.ai-agent .ai_agent_fv .fv_flex .flex_left{
  width: 48%;
}
.ai-agent .ai_agent_fv .fv_flex .flex_left .titele_sub{
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 4px;
}
.ai-agent .ai_agent_fv .fv_flex .flex_left .ai_agent_title{
  margin-bottom: 30px;
  font-size: 48px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 3px;
  white-space: nowrap;
  position: relative;
}
.ai-agent .ai_agent_fv .fv_flex .flex_left .ai_agent_title:after{
  content: '';
  width: 94%;
  height: 3px;
  background: #00CC99;
  border-radius: 50px;
  position: absolute;
  bottom: -4px;
  left: 0;
}
.ai-agent .ai_agent_fv .fv_flex .flex_left .title_line{
  margin-top: -15px;
  margin-bottom: 30px;
}
.ai-agent .ai_agent_fv .fv_flex .flex_left .fv_txt{
  margin-bottom: 50px;
  font-size: 17px;
  line-height: 200%;
  letter-spacing: 2%;
}
.ai-agent .ai_agent_fv .fv_flex .flex_left .fv_btn{
  margin-bottom: 15px;
}
.ai-agent .ai_agent_fv .fv_flex .flex_left .fv_btn .btn_balloon{
  max-width: 213px;
  background: #F6F6F6;
}
.ai-agent .ai_agent_fv .fv_flex .flex_left .fv_btn .btn_balloon:after{
  border-color: #F6F6F6 transparent transparent transparent;
}
.ai-agent .ai_agent_fv .fv_flex .flex_left .fv_txt_link{
  margin-top: 10px;
  padding-left: 40px;
}
.ai-agent .ai_agent_fv .fv_flex .flex_left .fv_txt_link a{
  font-size: 14px;
  text-decoration: underline;
  letter-spacing: 2px;
  transition: 0.7s;
}
.ai-agent .ai_agent_fv .fv_flex .flex_left .fv_txt_link a:hover{
  opacity: 0.7;
}
.ai-agent .ai_agent_fv .fv_flex .flex_right{
  width: 52%;
}
.ai-agent .ai_agent_fv .fv_flex .flex_right .ai_img{
  max-width: 508px;
}
.ai-agent .ai_agent_fv .fv_flex .flex_right .ai_img img{
  width: 100%;
  height: auto;
}
.ai-agent .ai_agent_about{
	margin-bottom: 120px;
}
.ai-agent .ai_agent_about .ai_txt{
	margin-bottom: 30px;
	letter-spacing: 10%;
	line-height: 200%;
	text-align: center;
}
.ai-agent .ai_agent_about .about_content{
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.ai-agent .ai_agent_about .about_content img{
  width: 100%;
  height: auto;
}
.ai-agent .ai_agent_sv{
  max-width: 1000px;
  margin: 0 auto 150px;
}
.ai-agent .ai_agent_sv .sv_content.top{
  padding: 0 0 0 45px;
  margin-bottom: 77px;
  background: linear-gradient(90deg, #EDF7F8, #D1FCFA);
}
.ai-agent .ai_agent_sv .sv_content.bottom{
  padding: 0 45px;
  background: linear-gradient(90deg, #D1FCFA, #EDF7F8);
}
.ai-agent .ai_agent_sv .sv_content .sv_content_flex{
  height: 309px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ai-agent .ai_agent_sv .sv_content .sv_content_flex .sv_sub{
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
}
.ai-agent .ai_agent_sv .sv_content .sv_content_flex .sv_txt{
  line-height: 180%;
}
.ai-agent .ai_agent_sv .sv_content.top .sv_content_flex .flex_left{
  width: 50%;
}
.ai-agent .ai_agent_sv .sv_content.bottom .sv_content_flex .flex_left{
  width: 50%;
}
.ai-agent .ai_agent_sv .sv_content.top .sv_content_flex .flex_right{
  width: 48%;
}
.ai-agent .ai_agent_sv .sv_content.bottom .sv_content_flex .flex_right{
  width: 50%;
}
.ai-agent .ai_agent_sv .sv_content.top .sv_content_flex .flex_right .sv_img{
  max-width: 450px;
  margin-top: -20px;
}
.ai-agent .ai_agent_sv .sv_content.bottom .sv_content_flex .flex_left .sv_img{
  max-width: 440px;
  margin-left: -20px;
}
.ai-agent .ai_agent_sv .sv_content.top .sv_content_flex .flex_right .sv_img img{
  width: 100%;
  height: auto;
  margin-left: 20px;
}
.ai-agent .ai_agent_sv .sv_content.bottom .sv_content_flex .flex_left .sv_img img{
  width: 100%;
  height: auto;
}
.ai-agent .ai_agent_tv{
  max-width: 1000px;
  margin: 0 auto 80px;
}
.ai-agent .ai_agent_tv .ai_agent_cards{
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ai-agent .ai_agent_tv .ai_agent_cards .card_item{
  width: 49%;
  margin-bottom: 18px;
}
.ai-agent .ai_agent_tv .ai_agent_cards .card_item.item_link{
  display: inline-block;
  transition: 0.4s;
}
.ai-agent .ai_agent_tv .ai_agent_cards .card_item.item_link:hover{
   margin-top: -4px;
   filter: brightness(0.98);
}
.ai-agent .sub_flex{
  margin-bottom: 18px;
}
.ai-agent .ai_agent_subheading{
  display: inline-block;
  margin-left: 6px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #008D97;
}
.ai-agent .sub_flex .sub_line{
  margin-bottom: 2px;
}
.ai-agent .ai_agent_subheading .txt_s{
  font-size: 16px;
  font-weight: 300;
}
@media screen and (max-width:1080px) {
  .ai-agent .ai_agent_fv{
    padding-top: 0;
  }
  .ai-agent .ai_agent_fv .fv_flex{
    padding: 0 15px;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left .ai_agent_title{
    font-size: 4.8vw;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left .ai_agent_title:after{
    width: 100%;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_right .ai_img{
    margin-top: 0;
  }
  .ai-agent .ai_agent_about{
    padding: 0 15px;
  }
  .ai-agent .ai_agent_sv{
    padding: 0 15px;
  }
  .ai-agent .ai_agent_tv{
    padding: 0 15px;
  }
  .ai-agent .cta_common01 .cta_flex .btn_white_or{
    margin-top: 0;
  }
  .ai-agent .cta_common01 .cta_flex .tokium_button{
    margin-bottom: 16px;
  }
}

@media screen and (max-width:768px) {
  .ai-agent .ai_agent_fv{
    margin-bottom: 50px;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left{
    width: 68%;
    margin: 0 auto;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left .fv_txt{
    margin-bottom: 0;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left .ai_img{
    max-width: 280px;
    margin: 0 auto 50px;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left .ai_img img{
    width: 100%;
    height: auto;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left .ai_agent_title{
    font-size: 5.5vw;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left .fv_txt_link{
    padding-left: inherit;
    text-align: center;
    font-size: 12px;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left .fv_btn{
    text-align: center;
  }
  .ai-agent .ai_agent_about{
    margin-bottom: 60px;
  }
  .ai-agent .ai_agent_about .about_content{
    max-width: 400px;
  }
  .ai-agent .ai_agent_sv{
        margin: 0 auto 60px;
  }
  .ai-agent .ai_agent_sv .sv_content{
    padding-left: 15px;
  }
  .ai-agent .ai_agent_sv .sv_content.top{
    margin-bottom: 40px;
    padding: 0 15px;
  }
  .ai-agent .ai_agent_sv .sv_content.bottom{
    padding: 0 15px;
  }
  .ai-agent .ai_agent_sv .sv_content .sv_content_flex{
    height: inherit;
    padding: 30px;
    flex-wrap: wrap;
  }
  .ai-agent .ai_agent_sv .sv_content.bottom .sv_content_flex{
    flex-direction: column-reverse; 
  }
  .ai-agent .ai_agent_sv .sv_content .sv_content_flex .sv_sub{
    text-align: center;
  }
  .ai-agent .ai_agent_sv .sv_content.top .sv_content_flex .flex_left{
    width: 100%;
    margin-bottom: 20px;
  }
  .ai-agent .ai_agent_sv .sv_content.bottom .sv_content_flex .flex_left{
    width: 100%;
  }
  .ai-agent .ai_agent_sv .sv_content.bottom .sv_content_flex .sv_txt{
    margin-bottom: 20px;
  }
  .ai-agent .ai_agent_sv .sv_content.top .sv_content_flex .flex_right{
    width: 100%;
  }
  .ai-agent .ai_agent_sv .sv_content.bottom .sv_content_flex .flex_right{
    width: 100%;
  }
  .ai-agent .ai_agent_sv .sv_content.top .sv_content_flex .flex_right .sv_img{
    max-width: 380px;
    margin: 0 auto;
  }
  .ai-agent .ai_agent_sv .sv_content.top .sv_content_flex .flex_right .sv_img img{
    margin-left: inherit;
  }
  .ai-agent .ai_agent_sv .sv_content.bottom .sv_content_flex .flex_left .sv_img{
    max-width: 350px;
    margin: 0 auto;
  }
  .ai-agent .sub_flex{
    text-align: center;
  }
  
}
@media screen and (max-width:500px) {
  .ai-agent{
    padding-top: 120px;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left{
    width: 100%;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left .titele_sub{
    font-size: 4vw; 
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left .ai_agent_title{
    font-size: 9vw;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left .ai_agent_title:after{
    width: 94%;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left .fv_txt{
    font-size: 16px;
    margin-bottom: 30px;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left .ai_img{
    max-width: 220px;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left .fv_btn .btn_common{
    font-size: 18px;
    padding: 24px 0;
  }
  .ai-agent .ai_agent_fv .fv_flex .flex_left .fv_btn .btn_balloon{
    max-width: 200px;
    font-size: 14px;
  }
  .ai-agent .ai_agent_sv{
    padding: 0;
  }
  .ai-agent .ai_agent_sv .sv_content .sv_content_flex .sv_sub{
    font-size: 22px;
  }
  .ai-agent .ai_agent_sv .sv_content .sv_content_flex{
    padding: 30px 15px;
  }
  .ai-agent .ai_agent_tv{
    margin: 0 auto 50px;
  }
  .ai-agent .ai_agent_tv .ai_agent_cards .card_item{
    width: 100%;
  }
  .ai-agent .ai_agent_subheading .txt_s{
    font-size: 10px;
  }
  .ai-agent .cta_common01{
    padding: 60px 15px 80px;
  }
  .ai-agent .cta_common01 .cta_subheading{
    font-size: 17px;
  }
}
 /*============================================================
  出張手配エージェント（LPベース）
==============================================================*/
.business_trip{
  margin-top: 0;
  padding-top: 0;
}
.business_trip .business_trip_fv{
  height: 518px;
  background: linear-gradient(90deg, #BCFBF5,#F8FFFD);
}
.business_trip .business_trip_fv .fv_flex{
  width: 1000px;
  height: 518px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.business_trip .business_trip_fv .fv_flex .flex_left {
  margin-right: 44px;
}
.business_trip .business_trip_fv .fv_flex .flex_left .ai_agent_title{
  margin-bottom: 20px;
  font-size: 46px;
  line-height: 130%;
  position: relative;
  white-space: nowrap;
}
.business_trip .business_trip_fv .fv_flex .flex_left .ai_agent_title .title_icon{
  width: 65px;
  position: absolute;
  top: 0;
  left: -80px;
}
.business_trip .business_trip_fv .fv_flex .flex_left .ai_agent_title .title_icon img{
  width: 100%;
  height: auto;
}
.business_trip .business_trip_fv .fv_flex .flex_left .fv_txt{
  margin-bottom: 40px;
  line-height: 170%;
  white-space: nowrap;
}
.business_trip .business_trip_fv .fv_flex .flex_left .fv_btn .btn_common{
  max-width: 330px;
  font-size: 18px;
  padding: 29px 0;
}
.business_trip .business_trip_fv .fv_flex .flex_left .fv_btn .btn_common:before{
  display: none;
}
.business_trip .business_trip_fv .fv_flex .flex_right{
  max-width: 544px;
  width: 55%;
  text-align: center;
}
.business_trip .business_trip_fv .fv_flex .flex_right .movie_box{ 
  margin-bottom: 50px;
  position: relative;
  z-index: 100;
}
.business_trip .business_trip_fv .fv_flex .flex_right .movie_box video{
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.business_trip .business_trip_fv .fv_flex .flex_right .movie_box .shadow{
	width: 396px;
	position: absolute;
	bottom: -30px;
	left: 50%;
    transform: translateX(-50%);
}
.business_trip .business_trip_fv .fv_flex .flex_right .movie_box .agent_icon{
	width: 160px;
	position: absolute;
	top: 10px;
    right: -110px;
    z-index: -100;
}
.business_trip .business_trip_fv .fv_flex .flex_right .movie_box .agent_icon .sp_icon{
  display: none
}
.business_trip .business_trip_fv .fv_flex .flex_right .movie_box small{
  font-size: 10px;
}
.business_trip .business_trip_fv .fv_btn.sp{
  display: none;
}
.business_trip .sec_usual_issues{
  padding-top: 60px;
  margin-bottom: 80px;
}
.business_trip .sec_usual_issues .sub_ja{
  margin-bottom: 40px;
}
.business_trip .sec_usual_issues .usual_flex{
  max-width: 1000px;
  margin: 0 auto 25px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.business_trip .sec_usual_issues .usual_flex.flex2{
  justify-content: center;
}
.business_trip .sec_usual_issues .usual_flex .usual_item{
  background: #45B3BA;
  padding: 13.5px 23.5px;
  border-radius: 50px;
  color: #fff;
  font-size: 19.5px;
  letter-spacing: 1px;
}
.business_trip .sec_usual_issues .usual_flex.flex2 .usual_item{
  margin: 0 10px;
}
.business_trip .sec_advantages{
  max-width: 1000px;
  margin: 0 auto 80px;
}
.business_trip .sec_advantages .advantages_content{
  max-width: 957px;
  margin-top: 40px;
}
.business_trip .sec_advantages .advantages_content img{
  width: 100%;
  height: auto;
}
.business_trip .sec_features{
  max-width: 1000px;
  margin: 0 auto;
}
.business_trip .sec_features .features_content .features_item{
  position: relative;
  margin-bottom: 60px;
}
.business_trip .sec_features .features_content .features_item  .item_no{
  width: 60px;
  position: absolute;
  top: -15px;
  left: -20px;
}
.business_trip .sec_features .features_content .features_item  .item_no img{
  width: 100%;
  height: auto;
}
.business_trip .sec_features .features_content .features_item .features_item_flex{
  height: 322px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.business_trip .sec_features .features_content .features_item .features_item_flex .item_left{
  width: 52.8%;
  height: 322px;
  padding: 30px 56px;
  background: #008D97;
  color: #fff;
  border-radius: 8px 0  0 8px;
  margin: auto;
}
.business_trip .sec_features .features_content .features_item .features_item_flex .item_left .item_title{
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 1px;
}
.business_trip .sec_features .features_content .features_item .features_item_flex .item_left .item_txt{
  line-height:  180%;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
}
.business_trip .sec_features .features_content .features_item .features_item_flex .item_right{
  width: 47.2%;
}
.business_trip .sec_features .features_content .features_item .features_item_flex .item_right img{
  width: 100%;
  height: auto;
}
.business_trip .sec_features .features_content .features_item small{
  display: block;
  margin-top: 20px;
  font-size: 12px;
}
.business_trip .sec_cta{
  margin-bottom: 80px;
  background: linear-gradient(90deg, #F8FFFD, #BCFBF5);
}
.business_trip .sec_cta .cta_flex{
  max-width: 1000px;
  margin: 0 auto;
  padding: 68px 0 43px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.business_trip .sec_cta .cta_flex .flex_left .cta_title{
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 160%;
}
.business_trip .sec_cta .cta_flex .flex_left .cta_txt{
  margin-bottom: 20px;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 160%;
}
.business_trip .sec_cta .cta_flex .flex_left .btn_common{
  max-width: 330px;
  font-size: 18px;
  padding: 29px 0;
}
.business_trip .sec_cta .cta_flex .flex_left .btn_common:before{
  display: none;
}
.business_trip .sec_cta .cta_flex .flex_right{
  max-width: 497px;
  width: 49.7%;
}
@media screen and (max-width:1180px) {
  .business_trip .business_trip_fv{
    padding-top: 30px;
  }
  .business_trip .business_trip_fv .fv_flex .flex_left .ai_agent_title .title_icon{
    top: -70px;
    left: 0;
  }
  .business_trip .business_trip_fv .fv_flex .flex_right .movie_box .agent_icon{
	  width: 100px;
      position: absolute;
      top: -90px;
      right: 20px;
    }
    .business_trip .business_trip_fv .fv_flex .flex_right .movie_box .agent_icon .pc_icon{
      display: none;
    }
    .business_trip .business_trip_fv .fv_flex .flex_right .movie_box .agent_icon .sp_icon{
      display: block;
    }
}
@media screen and (max-width:1000px){
  .business_trip .business_trip_fv{
    height: 800px;
    padding-top: 0;
  }
   .business_trip .business_trip_fv .fv_flex{
     width: 100%;
     height: 800px;
     flex-wrap: wrap;
   }
   .business_trip .business_trip_fv .fv_flex .flex_left{
     width: 50%;
     margin: 0 auto;
   }
   .business_trip .business_trip_fv .fv_flex .flex_left .fv_btn .btn_common{
     display: none;
   }
   .business_trip .business_trip_fv .fv_flex .flex_left .ai_agent_title .title_icon{
     width: 40px;
   }
   .business_trip .business_trip_fv .fv_flex .flex_right .movie_box{
     margin-top: -100px;
   }
   .business_trip .business_trip_fv .fv_btn.sp{
      margin-top: -37px;
      display: block;
      text-align: center;
    }
    .business_trip .business_trip_fv .fv_btn.sp .btn_common{
      max-width: 315px;
      font-size: 18px;
      padding: 27px 0;
    }
    .business_trip .business_trip_fv .fv_btn.sp .btn_common:before{
      display: none;
    }
    .business_trip .sec_usual_issues{
      padding-top: 100px;
    }
    .business_trip .sec_usual_issues .usual_flex .usual_item{
      font-size: 1.75vw;
    }
    .business_trip .sec_advantages{
      padding: 0 15px;
    }
    .business_trip .sec_features{
      width: 100%;
    }
    .business_trip .sec_features .features_content {
      margin-top: 100px;
    }
    .business_trip .sec_features .features_content .features_item{
      max-width: 500px;
      margin: 0 auto 80px;
    }
    .business_trip .sec_features .features_content .features_item .item_no{
     top: -45px;
	 left: 50%;
     transform: translateX(-50%);
    }
    .business_trip .sec_features .features_content .features_item .features_item_flex{
      flex-direction: column-reverse;
      height: inherit;
    }
    .business_trip .sec_features .features_content .features_item .features_item_flex .item_left{
      width: 100%;
      height: inherit;
      border-radius: 0 0 8px 8px;
    }
    .business_trip .sec_features .features_content .features_item .features_item_flex .item_right{
      width: 100%;
      background: #ebf7f9;
      border-radius: 8px 8px 0 0 ;
    }
     .business_trip .sec_features .features_content .features_item .features_item_flex .item_right img{
      border-radius: 8px 8px 0 0 ;
     }
     .business_trip .sec_cta .cta_flex{
       padding: 68px 15px 43px 15px;
     }
}
@media screen and (max-width:768px){
  .business_trip .business_trip_fv{
    height: 645px;
    padding-top: 5px;
  }
   .business_trip .business_trip_fv .fv_flex{
     height: 640px;
   }
   .business_trip .business_trip_fv .fv_flex .flex_left .ai_agent_title{
    margin-bottom: 10px;
     font-size: 28px;
   }
   .business_trip .business_trip_fv .fv_flex .flex_left .ai_agent_title .title_icon{
     top: -40px;
   }
   .business_trip .business_trip_fv .fv_flex .flex_left .fv_txt{
     font-size: 14px;
     text-align: justify;
     text-justify: inter-ideograph;
   }
   .business_trip .business_trip_fv .fv_flex .flex_right .movie_box{
     margin-top: -150px;
     margin-bottom: 30px;
   }
   .business_trip .business_trip_fv .fv_flex .flex_right .movie_box .agent_icon{
     width: 60px;
   }
   .business_trip .business_trip_fv .fv_flex .flex_right .movie_box .agent_icon{
     top: -55px;
   }
   .business_trip .business_trip_fv .fv_flex .flex_right .movie_box .shadow{
     width: 190px;
     bottom: -20px;
   }
   .business_trip .business_trip_fv .fv_flex .flex_right small{
     font-size: 10px;
   }
   .business_trip .sec_usual_issues .usual_flex{
     display: block;
     margin: 0;
   }
   .business_trip .sec_usual_issues .usual_flex .usual_item{
     max-width: 320px;
     width: 100%;
     margin: 0 auto 30px;
     text-align: center;
     font-size: 18px;
   }
   .business_trip .sec_usual_issues .usual_flex.flex2 .usual_item{
     margin: 0 auto 30px;
   }
  .business_trip .sec_advantages .advantages_content{
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
  }
  .business_trip .sec_features .features_content{
    padding: 0 15px;
  }
  .business_trip .sec_features .features_content .features_item .features_item_flex .item_left .item_title{
    font-size: 19px;
  }
  .business_trip .sec_features .features_content .features_item .features_item_flex .item_left{
    padding: 30px;
  }
  .business_trip .sec_cta .cta_flex{
    flex-direction: column-reverse;
  }
  .business_trip .sec_cta .cta_flex .flex_right{
    max-width: 400px;
    width: 100%;
    margin-bottom: 20px;
  }
  .business_trip .sec_cta .cta_flex .flex_left .cta_title{
    font-size: 18px;
  }
  .business_trip .sec_cta .cta_flex .flex_left .btn_common{
    width: 100%;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width:468px){
  .business_trip .business_trip_fv{
    height: 604px;
  }
   .business_trip .business_trip_fv .fv_flex{
     height: 604px;
   }
  .business_trip .business_trip_fv .fv_flex .flex_left {
    display: block;
    width: max-content;
    margin: auto;
  }
  .business_trip .business_trip_fv .fv_flex .flex_right{
    max-width: 320px;
    width: 100%;
    text-align: left;
  }
  .business_trip .business_trip_fv .fv_flex .flex_right .movie_box{
    margin-top: -60px;
  }
  .business_trip .sec_usual_issues{
    margin-top: 100px;
    padding: 0 15px;
  }
  .business_trip .sec_advantages .advantages_content{
    max-width: 304px;
  }
}
 /*============================================================
  経費承認エージェント
==============================================================*/
.expense-approval .business_trip_fv .fv_flex .flex_right .movie_box .agent_icon{
  top: -110px;
  right: inherit;
  left: 50%;
  transform: translateX(-50%); 
}
.expense-approval .business_trip_fv .fv_flex .flex_left .fv_txt{
  margin-bottom: 20px;
}
.expense-approval .business_trip_fv .fv_flex .flex_right{
  margin-top: 50px;
}
.expense-approval .business_trip_fv .fv_flex .flex_right .movie_box{
  margin-bottom: 20px;
}
.expense-approval .sec_usual_issues .usual_flex .usual_item .txt_y{
  color: #FBE69E;
  font-weight: 500;
}
.expense-approval .sec_usual_issues .usual_flex{
  max-width: 1080px;
  flex-wrap: nowrap;
  justify-content: center;
}
.expense-approval .sec_usual_issues .usual_flex .usual_item{
  margin: 0 10px;
}
.expense-approval .sec_features .features_content .features_item .features_item_flex .item_left{
  padding: 40px 50px;
}
@media screen and (max-width: 1180px){
  .expense-approval .business_trip_fv .fv_flex .flex_right .movie_box .agent_icon{
    top: -80px;
  }
}
@media screen and (max-width: 1000px){
  .expense-approval .business_trip_fv{
    height: 880px;
  }
  .expense-approval .business_trip_fv .fv_flex{
    height: 880px;
  }
}
@media screen and (max-width: 768px){
  .expense-approval .business_trip_fv{
    height: 640px;
  }
  .expense-approval .business_trip_fv .fv_flex{
    height: 640px;
  }
  .expense-approval .business_trip_fv .fv_flex .flex_left .fv_txt{
    white-space: inherit;
  }
  .expense-approval .business_trip_fv .fv_flex .flex_right .movie_box .agent_icon{
    top: -55px;
    left: initial;
    right: 10px;
  }
  .expense-approval .sec_usual_issues .usual_flex .usual_item{
    margin: 0 auto 30px;
    line-height: 150%;
    border-radius: 20px;
  }
  .expense-approval .sec_features .features_content .features_item .features_item_flex .item_left{
    padding: 30px 24px;
  }
}
@media screen and (max-width: 468px){
  .expense-approval .business_trip_fv .fv_flex .flex_left{
    padding: 0 24px;
  }
  .expense-approval .business_trip_fv .fv_flex .flex_right{
    margin-top: inherit;
  }
}
 /*============================================================
  共通パーツ
==============================================================*/
.ai-agent .sub_en{
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 600;
	font-family: "Neuzeit Grotesk", sans-serif;
	color: #008D97;
    text-align: center;
	position: relative;
}
.ai-agent .sub_en:after{
	content: '';
	width: 80px;
	height: 3px;
	background: #00CC99;
	border-radius: 10px;
	position: absolute;
	bottom: -8px;
	left: 50%;
    transform: translateX(-50%);
}
.ai-agent .sub_ja{
	margin-bottom: 50px;
	font-size: 30px;
	font-weight: 500;
    line-height: 160%;
	letter-spacing: 2px;
    text-align: center;
}
.ai-agent .f_noto{
    font-family: "Noto Sans JP", sans-serif !important;
}

@media screen and (max-width:768px){
  .ai-agent .fixedDownloadDocuments--sp{
    display: flex;
    justify-content: center;
  }
  .ai-agent .fixedDownloadDocuments--sp .button{
    width: 50%;
  }
}
@media screen and (max-width:500px){
    .ai-agent .sub_ja{
      font-size: 19px;
    }
}