@media (min-width:0px) and (max-width:1600px){
  .bannerbox3 .banner3_innerbox{
    padding: 5% 2%;
  }
  .bannerbox3 .banner3_innerbox > span:nth-of-type(2){
    font-size: 5vw;
  }
  .ul_wrap .ul{
    gap: 3vw;
    padding: 0 20px;
    font-size: 2rem;
  }
  .title1_txt{
    width: 90%;
  }
  .ul_wrap .first{
    font-size: 2.7rem;
  }
}
@media (min-width:0px) and (max-width:1280px){
  .banner1_inner{
    width: 100%;
    top: 22%;
  }
  .bannerbox3 .banner3_innerbox{
    padding: 4% 2%;
  }
  
  .bannerbox3 .banner3_innerbox >div{
    font-size: 3vw;
  }
  .bannerbox2 > div > span:nth-of-type(1){
    font-size: 6.5em;
  }
  .way_txt{
    font-size: 2.5vw;
  }
  .way_bottom::before{
    width: 230px;
  }
  .way_text>div{
    gap: 2vw;
  }
  .way_text>div{
    display: block;
  }
  .doc_right{
    padding: 3rem;
  }
  .title2_tab ul > li{
    font-size: 2.9rem;
  }
  .title2_bot span img{
    display: block;
    width: 6vw;
  }
  .title2_bg_wrap .title2_bot > div{
    font-size: 3vw;
  }
}
@media (min-width:0px) and (max-width:1080px){
  .main_before {
    height: 80px;
    width: 100%;
  }
  .main_station .swiper-slide{
    height: calc(100vh - 80px);
  }
  .banner1_inner{
    top: 23%;
  }
  .bannerbox2 > div > span:nth-of-type(1){
    font-size: 4em;
  }
  
  .bannerbox3 .banner3_innerbox >div, .title1_tab ul > li{
    font-size: 3em;
  }
  .banner1_inner p, .bannerbox2 > div > span:nth-of-type(2), .bannerbox3 .banner3_innerbox > span:nth-of-type(1){
    font-size: 2em;
  }
  .intro_txt_wrap>div>div:nth-of-type(1), .intro_txt_wrap>div>div i{
    font-size: 3.8rem;
  }
  .txt{
    font-size: 2.7rem;
  }
  .way_text span, .way_text>div.except span{
    width: 20vw;
    margin-right: 5px;
  }
  .way_ul_first li{
    gap: 18vw;
  }
  .way_txt{
    font-size: 3vw;
  }
  .banner1_inner img{
    margin-bottom: 20px;
  }
  .banner1_inner > span:nth-of-type(1){
    margin-bottom: 0rem;
  }
  .banner1_inner > span:nth-of-type(1){
    font-size: 5rem;
  }
  .s7 .ul > div:first-child{
    width: 150px;
  }
  .ul_wrap .ul{
    gap: 1.5vw;
  }
  .title1_bot > div{
    height: 250px;
  }
  .title1_bg_wrap{
    padding-top: 80px;
  }
  .title2_tab ul > li{
    font-size: 2.4rem;
  }

   
}
@media (min-width:0px) and (max-width:1024px){
  .doc_left.short{
    height: auto;
  }
   .doc_wrap{
    flex-direction: column;
  }
  .doc_left{
    display: flex;
    justify-content: center;
  }
   .doc_left img{
    position: static;
    width: 60vw;
  }
}
@media (min-width:0px) and (max-width:900px){
  .bannerbox1>img:nth-of-type(1), .bannerbox3>img:nth-of-type(1){
    min-height: 600px;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    object-position: center;
  }
  .way_label{
    width: 30px;
  }
  .way_ul_first li{
    gap: 25vw;
  }
  .doc_right .first > div:nth-child(1){
    font-size: 2.8rem;
  }
  .doc_right .first > div:nth-child(1) i,
  .doc_right .second > div:nth-child(1), .doc_right .third > div:nth-child(1), .doc_right .forth > div:nth-child(1){
    font-size: 2rem;
  }

  .ul_wrap .ul{
    height: 70px;
  }
  .ul_wrap .ul > div{
    white-space: inherit;
  }
}
@media (min-width:0px) and (max-width:768px){
  .bannerbox3 .banner3_innerbox{
    top: 30%;
    padding: 3%;
    height: 280px;
  }
  .txt{
    font-size: 2rem;
    line-height: 3rem;
  }
  .intro_left_span ,.intro_right_span{
    width: 30px;
    border-top:8px solid #fff;
    border-bottom:8px solid #fff;
  }
  .intro_left_span{
    border-left: 8px solid #fff;
  }
  .intro_right_span{
    border-right: 8px solid #fff;
  }
  .way_text span, .way_text>div.except span{
    width: 17vw;
    height: auto;
  }
  .way_bottom::before{
    width: 29vw;
  }
  .way_small {
    font-size: 1.8rem;
  }
  .bannerbox3 .banner3_innerbox > span:nth-of-type(1), .bannerbox3 .banner3_innerbox > span:nth-of-type(2) {
    margin-bottom: 0rem;
  }
  .banner1_inner > span:nth-of-type(1){
    font-size: 5rem;
  }
  .banner2_inner > span:not(:nth-of-type(1)), .banner1_inner > span:not(:nth-of-type(1)){
    font-size: 2.5rem;
  }
  .banner1_inner p, .bannerbox2 > div > span:nth-of-type(2), .bannerbox3 .banner3_innerbox > span:nth-of-type(1) {
    font-size: 1.5em;
  }
  .title1_tab ul, .title2_tab ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0px;
    width: fit-content;
    margin: 0 auto;
  }
  .title1_tab ul li, .title2_tab ul li {
    flex: 1 0 calc(25% - 10px);
    text-align: center;
    padding: 5px 40px;
    background: #eee;
    font-size: 2.7rem;
  }
  .ul_wrap{
    flex-direction: column;
  }
  .title1_wrap .ul_wrap>div:first-child{
    width: 180px;
    position: static;
    border-radius: 100px 100px 0px 0px;
    padding: 5px;
  }
  .ul_wrap .ul > div:first-child{
    display: none;
  }
  .title1_bot, .title2_bot{
    flex-wrap: wrap;
    gap: 15px;
  }
  .title1_bot > div, .title2_bot > div{
    flex: 0 0 calc(50% - 10px);
    text-align: center;
  }
  .title1_bot > div:nth-child(1), .title1_bot.s2> div:nth-child(1), .title1_bot.s3> div:nth-child(1), .title1_bot.s4> div:nth-child(1), .title1_bot.s5> div:nth-child(1), .title1_bot.s6> div:nth-child(1), .title1_bot.s7> div:nth-child(1){
    border-radius: 30px 0px 0px 0px;
  }
  .title1_bot > div:nth-child(2), .title1_bot.s2> div:nth-child(2), .title1_bot.s3> div:nth-child(2), .title1_bot.s4> div:nth-child(2), .title1_bot.s5> div:nth-child(2), .title1_bot.s6> div:nth-child(2), .title1_bot.s7> div:nth-child(2){
    border-radius: 0px 30px 0px 0px;
  }
  .title1_bot > div:nth-child(3), .title1_bot.s2> div:nth-child(3), .title1_bot.s3> div:nth-child(3), .title1_bot.s4> div:nth-child(3), .title1_bot.s5> div:nth-child(3), .title1_bot.s6> div:nth-child(3), .title1_bot.s7> div:nth-child(3){
    border-radius: 0px 0px 0px 30px;
  }
  .title1_bot > div:nth-child(4), .title1_bot.s2> div:nth-child(4), .title1_bot.s3> div:nth-child(4), .title1_bot.s4> div:nth-child(4), .title1_bot.s5> div:nth-child(4), .title1_bot.s6> div:nth-child(4), .title1_bot.s7> div:nth-child(4){
    border-radius: 0px 0px 20px 0px;
  }
  .title2_bg_wrap .title2_bot > div{
    border-radius: 50%;
  }
  .title2_bg_wrap .title2_bot > div{
    font-size: 5.5vw;
  }
  .title2_bot span img{
    width: 11vw;
  }

 
}
@media (min-width:0px) and (max-width:550px){
  
  .banner1_inner img{
    max-width: 100px;
    max-height: 100px;
    margin-bottom: 15px;
  }
  .banner1_inner{
    width: 100%;
    top: 33%;
  }
  .banner2_inner{
    top: 25%;
  }
  .bannerbox3 .banner3_innerbox{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 400px;
  }
  .bannerbox3 .banner3_innerbox > span:nth-of-type(1){
    margin-bottom: 0.5rem;
    font-size: 1.5em;
  }
  
  .bannerbox3 .banner3_innerbox >div, .title1_txt>div:nth-child(2){
    font-size: 2.5em;
  }
  .bannerbox3 .banner3_innerbox > span:nth-of-type(2), .title1_bot > div {
    font-size: 2.5em;
  }
  .txt{
    font-size: 4.5vw;
  }
  .intro_left_span ,.intro_right_span{
    width: 20px;
  }
  .place .intro_span_wrap{
    margin-bottom: 15rem;
  }
  .intro_left_span, .intro_right_span{
    top: 50%;
    transform: translateY(-50%);
  }
  .intro_txt_wrap>div>div:nth-of-type(1), .intro_txt_wrap>div>div i{
    line-height: 1.3;
  }
  .intro_txt_wrap>div>div:nth-of-type(1){
    font-size: 7vw;
  }
   .title1_txt>div:nth-child(1){
    font-size: 10vw;
  }
  .txt{
    font-size: 4.5vw;
    line-height: 1.4;
  }
  .way_small {
    font-size: 3.5vw;
  }
  .way_ul_first li{
    gap: 25vw;
  }
  .way_label {
    gap: 2vw;
    width: 5vw;
  }
  .way_txt {
    font-size: 4.5vw;
  }
  .way_text span, .way_text>div.except span{
    width: 22vw;
  }
  .main_tit::before{
    font-size: 4vw;
  }
  .main_tit{
    font-size: 8vw;
  }
  .banner2_inner > span:not(:nth-of-type(1)), .banner1_inner > span:not(:nth-of-type(1)){
    font-size: 5vw;
  }
  .intro_txt_inner > p{
    font-size: 3.5vw;
  }
 
 
  .doc2_w .forth, .doc3_w .forth{
    margin-bottom: 0px;
  }
  .ul_wrap .ul{
    flex-wrap: wrap;
    height: auto;
    padding: 10px;
    padding-left: 5rem;
  }
  .ul_wrap .ul>div{
    flex: 0 0 calc(50% - 40px);
    justify-content: flex-start;
  }
  .title1_bot > div{
    height: 170px;
  }
  .title1_bot, .title2_bot{
    gap: 10px;
  }
  .title2_bg_wrap .bg-image{
    height: 60%;
  }
  .bannerbox3 .banner3_innerbox{
    width: 100%;
  }
  .title1_tab ul li, .title2_tab ul li{
    font-size: 1.3rem;
  }
  .title1_bg_wrap, .title2_bg_wrap{
    padding-top: 80px;
  }
  .way_flex_c > div, .way_text .except{
    display: flex;
    flex-direction: column;
  }
  .way_text>div{
    align-items: start;
  }
  .txt_b, .title1_txt>div:nth-child(2){
    font-size: 2.2rem;
  }
    .ul_wrap .ul{
    width: 75vw;
    border-radius: 30px;
    padding-left: 6vw;
    align-items: flex-start;
    flex-direction: column;
  }
    .ul_wrap .ul>div{
    margin-left: 20px;
  }
  .ul_wrap .ul > div::before{
    width: 18px;
    height: 18px;
  }
  .ul_wrap .ul>div:first-child{
    display: none;
  }
   .doc_left img{
    width: inherit;
   }
}
@media (min-width:0px) and (max-width:420px){
  
  .bannerbox3 .banner3_innerbox > span:nth-of-type(2){
    font-size: 6.8vw;
  }
  .bannerbox3 .banner3_innerbox >div{
    font-size: 7vw;
  }
  .bannerbox3 .banner3_innerbox > span:nth-of-type(1),.banner1_inner p{
    font-size: 4vw;
  }
  .way_label{
    width: 5vw;
  }
  .way_txt {
    font-size: 4vw;
  }
  .way_bottom{
    padding: 10px;
  }
  .way_bottom::before {
    width: 30vw;
  }
  .way_ul_first li{
    gap: 25vw;
  }
  .way_small {
    font-size: 4.5vw;
  }
  .banner2_inner > span:not(:nth-of-type(1)), .banner1_inner > span:not(:nth-of-type(1)){
    font-size: 5vw;
  }
  .txt_b{
    font-size: 4vw;
  }
  .banner1_inner{
    width: 95%;
    top: 29%;
  }
  .banner1_inner > span:nth-of-type(1){
    font-size: 11vw;
  }
  .banner2_inner {
    width: 95%;
    top: 24%;
  }
  .doc_right .second > div:not(:nth-child(1)), .doc_right .third > div:not(:nth-child(1)),  .doc_right .first > div:nth-child(2){
    font-size: 1.5rem;
  }
  .doc_right{
    padding: 1rem;
  }
  .title1_tab ul, .ul_wrap .ul, .title2_tab ul, .ul_wrap .ul{
    
    width: auto;
  }

  .title1_txt>div:nth-child(1){
    font-size: 10vw;
  }
  .title1_txt>div:nth-child(2){
    font-size: 5vw;
  }
  .place::after{
    font-size: 8rem;
  }
  .title1_txt>div:nth-child(2) >div >div{
    flex-direction: column;
    gap: 10px;
  }
  .way_text span, .way_text>div.except span{
    padding: 0px 8px;
    margin-left: 0;
    margin-right: 0;
    
  }
  .way_text>div.except span{
    margin-right: 5px;
  }
   .ul_wrap .ul{
    width: 70vw;
   }
     .doc_right .second > div:not(:nth-child(1)), .doc_right .third > div:not(:nth-child(1)),
  .doc_right .forth > div:not(:nth-child(1)),
  .doc_right .first > div:nth-child(2){
    font-size: 1.3rem;
  }

}
@media (min-width:0px) and (max-width:300px){
  .ul_wrap .ul{
    width: 90vw;
   }
}