@charset "UTF-8";
/* laptop */
@media screen and (max-width:1520px){
    .vision .sub_wrap iconify-icon{margin: 0 4.72% 10% 4.72%;}
}
@media screen and (max-width:1470px){
    header h1{margin-left: 15px;}
    header #burger_menu{margin-right: 15px;}
    #section1 .text_box{margin-right: 15px;text-align: right;vertical-align: right;}
    #section2 .text_box{padding-left: 15px; width: auto;}
    #section1 .text_box p{width: auto;}
    #section3 .text_box{margin-left: 15px;}
    #section3 .text_box a{margin-right: 15px;}
    #section4 h3{margin-left: 15px;}
    footer .text_box{margin-left: 15px;}
    footer .text_box .family_box{margin-right: 15px;}


    #sub_sect .text_box{margin-left: 15px;}
    .greeting_box div article{margin-top: 30px;font-size: 1.8rem;line-height: 3.6rem;}
    .greeting_box div article span{font-size: 2.4rem;}
    .greeting_box div em{font-size: 1.8rem;margin-top: 35px;}
    .greeting_box div em span{font-size: 2.4rem;}
    #visual_sub .visual_text_box .tit_box{margin-left: 15px;}
    .p_box{width: 96%;margin: 0 auto 20px auto;}
    .dev_box .btn_box{margin-left: 15px;}
    .dev_box{margin-left: 15px;margin-right: 15px;}

    .board{margin-left: 15px;margin-right: 15px;}

}
@media screen and (max-width:1334px){
    .ben_box{text-align: center;}
    .ben_box div{margin-right: 3%;height: 368px;}
    .ben_box div span{right: 0;}
    .ben_box div span img{width: 80%;}
    .ben_box div h4,
    .ben_box div p{margin-left: 20px;text-align: left;}
  
}
@media screen and (max-width:1346px){
    .dev_dtl .text_box .list_btn{margin-right: 15px;}
    .dev_dtl .dtl_box .txt_box h4{margin-top: 20px;}
    .dev_dtl .dtl_box .txt_box ul{margin-top: 30px;border-top: 1px solid #ccc;}
    .dev_dtl .dtl_box .txt_box ul li{line-height: 3rem;}
    .dev_dtl .dtl_box .txt_box ul li span{display: block;line-height: 5rem;width: 100%;}
    .dev_dtl .dtl_box .txt_box ul li b{display: block;margin-left: 0;margin-bottom: 10px;}
    .call_box .wrap{margin-left: 15px;margin-right: 15px;}

    .recruit_box h4{margin-left: 15px;}
    .ball_box{margin-right: 15px;}
    .recruit_box em{margin-left: 15px;width: 100%;display: block;}
    .ben_box{margin-left: 15px;margin-right: 15px;}
}
@media screen and (max-width:1293px){
    .r_box{width: 32%;}
    .rental_box .r_box ul li b{margin-left: 0;}
}
@media screen and (max-width:1225px){
    /* #sub_sect.call .snb_box ul li, 
    #sub_sect.recruit .snb_box ul li
    #sub_sect.notice .snb_box ul li{width: 30.5%;} */
    .ball_box{width: 35%;height: 411px;float: none;display: inline-block;margin-left: 15%;}
    .ball_box span p{line-height: 3rem;margin-top: 90px;font-size: 1.8rem;}
    .ball_box span{}
}

/* pad---------------------------------------------------*/
@media screen and (max-width:1206px){
    .fnb_box .fnb_wrap .txt_box ul,
    .fnb_box .fnb_wrap_2 .txt_box ul{width: 94%;}
    .fnb_box .fnb_wrap .txt_box,
    .fnb_box .fnb_wrap_2 .txt_box{width: 38.21%;}
    .fnb_box .fnb_wrap_2 .txt_box{margin-left: 30px;}


}
@media screen and (max-width:1200px){
    #fp-nav{display: none;}
    #section1 .img_box img{max-height: 100%;width: 100%;}
    #section4 ul {margin:0 15px 0 15px;}
    #section4 ul li{height: 360px;}
    #section4 div li .text_box iconify-icon{left: 30%}
      
    
    .visual_text_box {margin-left: 15px;}
    .visual_text_box .tit_box h2{font-size: 3.8rem;}

    #sub_sect .text_box{margin-left: 15px;}              

    .vision .sub_wrap{margin-left: 15px;margin-right: 15px;}
    .vision .sub_wrap iconify-icon{display: none;}
    .vision_box .sub_wrap .icon_box{width: 30%;margin-right: 30px;}
    .vision_box .sub_wrap .icon_box.last{margin-right: 0;}
    /* .vision .sub_wrap iconify-icon{display: none;}
    .vision_box .sub_wrap .icon_box{width: 30%;}
    .vision_box .sub_wrap .icon_box.first{margin-left: 15px;}
    .vision_box .sub_wrap .icon_box.second{position: absolute;left: 50%;transform: translate(-50%);}
    .vision_box .sub_wrap .icon_box.last{margin-right: 15px;float: right;} */

    .rental_box{margin-left: 15px;margin-right: 15px;}
    .rental_box .r_box ul li{height: auto;}
    .rental_box .r_box ul li span{height: auto;}
    .r_box {width: 48%;}
    .r_box:nth-child(even){float: right;}
    .r_box{margin: 0;}
    .rental_box .r_box ul{margin-bottom: 57px;}
     
    .d_box a span {visibility: hidden;}

    
    }
@media screen and (max-width:1148px) {
    tbody{text-align: left;}
    .board_list  tr{width: 31.9%;}
    .list_footer .btnArea{top: -822px;}
    .board_list  tr:nth-child(4n){margin-right: 2.1%;}
    .board_list  tr:nth-child(3n){margin-right: 0%;}

}

@media screen and (max-width:1067px){
    .p_box ul li{margin-right: 15px;}
    .p_box ul li a{display: block;word-break: keep-all;}
    .p_box ul li a img{max-width: 80%;}
    }
@media screen and (max-width:1052px){
    .ball_box{margin-right: 0;}
    .recruit_box h4{font-size: 3rem;line-height: 5rem;}
}
@media screen and (max-width:1036px){
    .greeting_box div article{margin-top: 30px;font-size: 1.8rem;line-height: 3rem;}
    .greeting_box div em{font-size: 1.8rem;margin-top: 20px;}
    
    .recruit_box .wrap .txt_box{width: 100%;display: block;position: relative;text-align: center;}
    .recruit_box em{position: absolute;top: 57px;font-size: 1.8rem;margin-left: 0;}
    .recruit_box h4{width: 31%;display: inline-block;margin-top: 150px;margin-left: 0;}
    .recruit_box h4 span{width: 15px;height: 15px;margin-left: 0;}
    .ball_box{width: calc(100% - 30px);margin-left: 15px;margin-right: 15px;text-align: center;}
    .ball_box span{width: 240px;height: 240px;}
    .ball_box span:nth-child(2),
    .ball_box span:nth-child(3){top: 0;}

    .ben_box div{width: 30%;height: 330px;}
    .ben_box div{margin-bottom: 58px;}
    .ben_box div > span{margin-right: 10px;}

    }
@media screen and (max-width:965px){
    #section1 .text_box{width: 36%;}
    #section1 .text_box p{width: 320px;}

    .dev_dtl .dtl_box .img_box{width: 50%;margin-top: 100px;}
    .dev_dtl .dtl_box .txt_box{width: 48%;}

    #sub_sect.call .snb_box ul li a,
    #sub_sect.recruit .snb_box ul li a,
    #sub_sect.notice .snb_box ul li a,
    #sub_sect.rental .snb_box ul li a,
    #sub_sect.dev .snb_box ul li a,
    #sub_sect.fnb .snb_box ul li a{padding: 0 4.6%;word-break: keep-all;}

    .ben_box div{height: 400px;}
}
@media screen and (max-width:945px){
    .recruit_box h4{font-size: 2.4rem;margin-top: 200px;}
}

@media screen and (max-width:935px){
    .r_box h4{display: block;line-height: 5rem;}
    .rental_box .r_box h4 span{font-size: 1.4rem;line-height: 2rem;display: block;}
}

@media screen and (max-width:930px){
    .p_box >img{margin: 50px 20px 0 20px;}
    .p_box span{margin: 51px 20px 0 20px;}
    }
    
    
    /* phone--------------------------------------------------*/
    
@media screen and (max-width:915px){
    .cursor {display: none;}
    header .gnb{display: none;}
    .fp-tableCell{height:auto;}
    
    
    .sideBox {position: fixed; top:-200vh; right: 0; width: 100%; height: 100vh; z-index: 7;display: block; transition: .5s; background: #fff;}
    .sideBox.on {top:0;}
    .sideMenu {position: fixed; right: 0; width: 100%; height: auto; display: flex; justify-content: center; align-items: flex-start; transition: 1s; padding-top: 80px;}
    .sideMenu h1{display: block;position: absolute;top: 0;left: 0;}
    .sideMenu .gnb {width: 100%; height:auto; display:block; background: #fff;margin: 0;text-align: left;}
    .sideMenu .gnb > li {width: 100%; height: auto; text-align: left; font-size: 2rem; line-height: 80px; transition: 0.5s;}
    .sideMenu .gnb > li a {color:#333; display: block;padding-left: 15px;}
    .sideMenu .gnb li .lnb {text-align: left;padding: 15px 0 15px 0;display: block;background: #f7f7f7;}
    .sideMenu .gnb li .lnb li{height: 40px;line-height: 40px;display: block;}
    .sideMenu .gnb li .lnb li:first-child{margin-top: 0;}
    .sideMenu .gnb li .lnb li a{display: block;font-size: 1.8rem;}
    #burger_menu .btn_close {display: none;}
    
    .swiper-slide .visual_title{width: 90%;top: 20%;}
    .swiper-slide h2 {font-size: 5.4rem;left: 15px;}
    .swiper-slide em {font-size: 2rem;}
    #section1{height: auto;}
    #section1 .field_box{margin: 0 auto;}
    #section1 .text_box{display: block;width: 100%;height: 100%;}
    #section1 .text_box .title{margin-top: -70px;}
    #section1 .text_box .title strong{font-size: 1.8rem;margin-top: 27px;}
    #section1 .text_box .title h3{font-size: 3rem;}
    #section1 .text_box p{margin-top: 15px;font-size: 2rem;line-height: 2.4rem;width: 48%;}
    #section1 .img_box{display: block;width: 80%;top: 50%;max-height: 400px;}
    #section1 .text_box .more{bottom: -70px;font-size: 1.6rem;}
    
    #section2{height: auto;}
    #section2 .field_box {height:auto;margin-top: 57px;}
    #section2 .text_box strong{font-size: 1.8rem;}
    #section2 .text_box h3{font-size: 3rem;}
    #section2 .img_box ul{width: auto;margin-left: 15px;display: block;height:auto}
    #section2 .img_box ul li{width: 60%; max-height:400px; margin-left: 0px;margin-top: 15px;display: block; }
    #section2 .img_box ul li:nth-child(1){border-radius: 60px;}
    #section2 .img_box ul li:nth-child(2){border-radius: 60px;margin-left: calc(40% - 15px);}
    #section2 .img_box ul li:nth-child(3){border-radius: 60px;margin-bottom: 57px;}
    #section2 .img_box ul li:hover{width: 60%;transform: scale(1);}
    
    #section2 .img_box ul li .on{display: block !important;background: none;width: 100%;height: auto;text-align: right;left: 60%;}
    #section2 .img_box ul li:nth-child(1) .on{border-radius: 60px;}
    #section2 .img_box ul li:nth-child(2) .on{border-radius: 60px;text-align: left;left: -60%;}
    #section2 .img_box ul li:nth-child(3) .on{border-radius: 60px;}
    #section2 .img_box ul li .on strong{color: #333;padding-top: 30%;}
    #section2 .img_box ul li .on span{color: #555;}
    
    #section3 .text_box strong{font-size: 1.8rem;}
    #section3 .text_box h3{font-size: 3rem;}
    #section3 .text_box .more{font-size: 1.6rem;}
    .swiper2{margin-top: 0;}
    
    
    #section4 h3{padding-top: 57px;font-size: 3rem;}
    #section4 ul li{width: 48%;margin-right:4%;margin-bottom: 0;background: #fff}
    #section4 ul li:nth-child(even){margin-right: 0;}
    #section4 ul li:nth-child(3),
    #section4 ul li:nth-child(4){margin-top: 15px;margin-bottom: 57px;}
    #section4 div li .text_box{height: auto;}
    #section4 div li .text_box strong{color: var(--mainColor);font-size: 1.8rem;}
    #section4 div li .text_box h4{color: #333;font-size: 3rem;}
    #section4 div li .text_box iconify-icon{color: var(--mainColor)!important;width: auto;margin-left: 70px;}

    footer{margin-top: 0;}    
    footer .text_box span{padding-right: 10px;margin-right: 10px;}
    footer .text_box .family_box{margin-top: 45px;}


    /* subpage common------------------------------------ */
    #sub_sect .snb_box ul li{font-size: 2rem;}
    #sub_sect .text_box strong{font-size: 1.8rem;}
    #sub_sect .text_box h3{font-size: 3rem;}
    
    /* .vision_box{height: auto;} */
    .vision_box .sub_wrap .tit_box strong{font-size: 1.8rem;}
    .vision_box .sub_wrap .tit_box h4{font-size: 3rem;}
    .vision_box .sub_wrap .icon_box strong{font-size: 2rem;}
    .vision_box .sub_wrap .icon_box .i_box em{font-size: 1.8rem;}

    .p_box ul li a img{max-width: 70%;}

    .call_box .wrap .txt_box iconify-icon{margin-left: 33%;margin-top: 33%;}
    .call_box .wrap .txt_box p{font-size: 2rem;}
    .call_box .wrap .txt_box strong{font-size: 3.8rem;}
    
    .read_header h1{font-size: 3rem;}
    
    }
@media screen and (max-width:884px) {
    .d_box{margin-top: 77px;text-align: center;}
    .d_box a{margin: 0;width: 50%;margin-bottom: 15px;}
    .dev_box .btn_box{width: auto;}
    .dev_box .btn_box ul{float: none;margin-top: 10px;}
    .d_box a strong{font-size: 1.8rem;}

    .board_list td.time{top: 25px;left: 25px;}
    .board_list td.title a{margin-left: 25px;}

    .ben_box div{width: 80%;height: 280px;margin-bottom: 20px;}
    .ben_box div h4{margin-bottom: 28px;}
    .ben_box div > span{margin-top: 60px;margin-right: 20px;}
    .ben_box div > span img{width: 90%;}
    .ben_box .go_btn{border-radius: 40px;width: 80%;}
}    
    
@media screen and (max-width:850px){
    #sub_sect .text_box{margin-top: 57px;}
    .greeting_box .greeting_txt.on{height: 600px;}
    .greeting_box .greeting_img.on{height: 600px;}

    .history_box .year{font-size: 3rem;height: 120px;line-height: 120px;}
    .history_box .dtl ul li{font-size: 1.8rem;}
    .p_box{height: 330px;}
    .p_box >img{display: block;position: absolute;left: 50%; transform: translate(-50%);margin: 15px 0 0 0;}
    .p_box strong{text-align: center;width: 100%;display: block;line-height: 3rem;margin-top: 100px;}
    .p_box span{display: none;}
    .p_box ul{margin: 140px auto 0 auto;width: 100%;height: auto;text-align: center;}
    .p_box.last{margin-bottom: 200px;}
    /* .p_box ul li{text-align: center;} */
}
@media screen and (max-width:807px){
    .r_box h4{font-size: 1.8rem;}
    .rental_box .r_box ul li{font-size: 1.4rem;}
}
@media screen and (max-width:779px){
    .fnb_box{text-align: center;}
    .fnb_box .fnb_wrap .img_box, 
    .fnb_box .fnb_wrap_2 .img_box{height: 290px;width: 80%;border-radius: 30px 30px 0 0;margin: 0;}
    .fnb_box .fnb_wrap .txt_box, 
    .fnb_box .fnb_wrap_2 .txt_box{height: 420px;width: 80%;border-radius: 0 0 30px 30px;border: none;box-shadow: 0 5px 10px rgba(0,0,0,0.03)}
    .fnb_box .fnb_wrap_2 .img_box{float: none;margin-top: 57px;}
    .fnb_box .fnb_wrap_2 .txt_box{float: none;margin: 0 auto;}
    .fnb_box .fnb_wrap .txt_box{height: 350px;}

    .call_box .wrap .img_box{width: 100%;height: 300px;border-radius: 30px 30px 0 0;}
    .call_box .wrap .img_box img{width: 100%;}
    .call_box .wrap .txt_box{width: 100%;float: none;height: 300px;border-radius: 0 0 30px 30px;margin-bottom: 200px;}
    .call_box .wrap .txt_box iconify-icon{margin-top: 0;font-size: 9.3rem;margin-left: 43%;padding-top: 20px;}
    .call_box .wrap .txt_box p{margin: 30px 0;}

    .recruit_box h4{font-size: 2.2rem;margin-top: 200px;}
    .recruit_box h4 span{width: 10px;height: 10px;display: inline-block;}    

    .vision_box .sub_wrap .icon_box{margin-top: 57px;margin-right: 15px;width: 31%;}
    .vision_box .sub_wrap .icon_box.first,
    .vision_box .sub_wrap .icon_box.second,
    .vision_box .sub_wrap .icon_box.last{width: 80%;display: block;margin:60px auto 0 auto;}
    .vision_box .sub_wrap .icon_box.second{position: relative;left: 0;transform: translate(0);}
    .vision_box .sub_wrap .icon_box.last{float: none; }
}
@media screen and (max-width:764px) {
    #sub_sect.call .snb_box ul li,
    #sub_sect.recruit .snb_box ul li,
    #sub_sect.notice .snb_box ul li,
    #sub_sect.rental .snb_box ul li,
    #sub_sect.dev .snb_box ul li,
    #sub_sect.fnb .snb_box ul li{width: 31%;}
    #sub_sect.call .snb_box ul li a,
    #sub_sect.recruit .snb_box ul li a,
    #sub_sect.notice .snb_box ul li a,
    #sub_sect.rental .snb_box ul li a,
    #sub_sect.dev .snb_box ul li a,
    #sub_sect.fnb .snb_box ul li a{padding: 0 3.3%;word-break: keep-all;}

    tbody{text-align: center;}
    .board_list  tr{width: 43.9%;}
    .list_footer .btnArea{top: -822px;}
    .board_list  tr:nth-child(odd){margin-right: 5.1%;}
    .board_list  tr:nth-child(even){margin-right: 0%;}
}
@media screen and (max-width:732px){
    /* .dev_dtl .dtl_box .img_box{width: 100%;display: block;} */
    .dev_dtl .dtl_box .img_box{width: 100%;display: block;margin-top: 0px;height: auto;}
    .dev_dtl .dtl_box .txt_box{width: 100%;margin-top: 0;float: none;}
}
@media screen and (max-width:716px){
    .visual_text_box .tit_box h2{font-size: 2.8rem;line-height: 4rem;}

    .history_box .dtl{width: 93%;height: 310px;}
    .history_box .year.on{width: 40%;font-size: 2.8rem;}
    .history_box .dtl{height: 340px;}
    .history_box .dtl.past{margin-top: 20%;}
    .history_box .dtl ul{margin-left: 20px;margin-top: 27px;}
    .history_box .dtl ul li{line-height: 4rem;text-align: right;margin-right: 15px;}
    .history_box .dtl ul li b{display: block;width: 100%;}
    .history_box .dtl ul li p{margin-left: 0;width: 68%;}
    .history_box .year.past{top: 479px;}
    .history_box .dtl ul li p span{display: none;}
    .d_box a{width: 45%;}
    .d_box a:nth-child(odd){margin-right: 15px;}

    .recruit_box h4{font-size: 2.2rem;margin-top: 0;display: block;margin-bottom: 0;line-height: 3rem;width: 100%;text-align: center;}
    .recruit_box h4.creative{padding-top: 180px;}
    .recruit_box h4.challenge{padding-bottom: 40px;}

    .ben_box .go_btn{height: 70px;line-height: 7rem;}
    .ben_box div{border-radius: 0 30px 30px 30px;}
    .ben_box div p{font-size: 1.8rem;}
    .ben_box div span img{width: 70%;}
    }
@media screen  and (max-width:690px){
    .location_box {height: auto;}
    .location_box .btn_box ul li{padding: 0 4.05%;}
    .location_box .map_no{position: relative;}
    .location_box .map_box {position: relative; height: auto;margin-bottom: 0;}
    .location_box .map_box .map_text_box{width: 100%;float: none;display: block;height: auto;}
    .location_box .map_box .map_img{width: 100%;float: none; height: auto;}
    .location_box .map_box.map2{position: absolute;top: 0;margin-top: 0;}
    .location_box .map_box.map3{position: absolute;top: 0;margin-top: 0;}
    .map_text_box .m_box{height: auto;text-align: center;}
    .map_text_box .m_box p{margin: 3.57% auto 0px auto;width: 80%;display: block;}
    .map_text_box .m_box span{width: 80%;position: relative;margin-top: 30px;}
    .map_text_box .m_box strong{margin-top: 30px;}
    .map_text_box .m_box.last{padding-bottom: 57px;}
    .read_header h1{font-size: 3rem;width: 100%;}


    }
    /* ************font 1.4,1.8 ********* */
@media screen and (max-width:676px){
    header h1 img{width: 80%;margin-top: 5px;}
    .swiper-slide .visual_title{top: 30%;}
    .swiper-slide h2{font-size: 4rem;}        
    .swiper-slide em{display: none;}
    #section1 .img_box{top: 50%;}
    footer{margin-top: 0;}    
    #section1 .text_box .more{bottom: 4%;}
    #section2 .img_box ul li .on{width: 50%;left: 110%;top: 25%;}
    /* #section3 .pr_img_box .pr_img{height: 120%;} */
    footer .text_box {font-size: 1.4rem;}
    footer .text_box span{padding-right: 40px;margin-right: 40px;}
    footer .text_box .family_box{margin-top: 15px;font-size: 1.4rem;}
    footer .text_box .copy{margin-top: 20px;}



    /* #sub_sect .snb_box .snb li a{padding: 0;} */
    section.greeting{height: 1120px;}
    .greeting_box .greeting_txt.on{display: block;width: 90%;height: 500px;margin-top: 270px;}
    .greeting_box .greeting_img.on{width: 80%;top: 57px;height: 257px;display: block;}
    /* .greeting_box .greeting_img.on img{max-width: 100%;} */
    .greeting_box div article{width: calc(100% - 30px);margin-left: 20px;font-size: 1.4rem;margin-top: 20%;}
    .greeting_box div article span{font-size: 1.8rem;}
    .greeting_box div em{font-size: 1.4rem;}
    .greeting_box div em span{font-size: 1.8rem;}

    /* .vision_box .sub_wrap .icon_box{margin-top: 57px;}
    .vision_box .sub_wrap .icon_box.first,
    .vision_box .sub_wrap .icon_box.second,
    .vision_box .sub_wrap .icon_box.last{width: 80%;display: block;margin:60px auto 0 auto;}
    .vision_box .sub_wrap .icon_box.second{position: relative;left: 0;transform: translate(0);}
    .vision_box .sub_wrap .icon_box.last{float: none; } */

    .location_box .btn_box ul li{font-size: 1.8rem;line-height: 5rem;}
    .map_text_box .m_box strong{font-size: 2rem;}
    .map_text_box .m_box p{font-size: 1.6rem;}
    section.rental{margin-bottom: 100px;}
    /* .r_box h4{height: 60px;line-height: 6rem;} */
    .rental_box .r_box h4 span{text-align: right;}

    .d_box a strong{font-size: 1.6rem;word-break: keep-all;}

    .dev_dtl .dtl_box .txt_box h4{font-size: 2rem;}
    .dev_dtl .dtl_box .txt_box ul li{font-size: 1.6rem;}
    .dev_dtl .text_box .list_btn{width: 61px;height: 49px;}
    .dev_dtl .text_box .list_btn iconify-icon{margin-left: 12px;font-size: 3.8rem;}
    #sub_sect.dev_dtl .text_box{margin-top: 0;}

    .fnb_box .fnb_wrap .txt_box li,
    .fnb_box .fnb_wrap_2 .txt_box li{font-size: 1.6rem;}

    .ball_box span{height: 200px;width: 200px;}
    .ball_box span p{font-size: 1.6rem; line-height: 2rem;width: 166px;margin-top: 80px;}

    }
@media screen and (max-width:620px){
    .rental_box{text-align: center;margin-top: 57px;}
    .r_box{width: 80%;text-align: left;}
    .r_box:nth-child(even){float: none;}
    /* #sub_sect.rental .snb_box ul li{width: 18.5%;}
    #sub_sect.dev .snb_box ul li{width: 18.5%;}
    #sub_sect.fnb .snb_box ul li{width: 18.5%;} */
}
/* @media screen and (max-width:598px){
    .ben_box div{width: 80%;height: 220px;margin-bottom: 20px;}
    .ben_box div > span{margin-top: 30px;margin-right: 20px;}
    .ben_box div > span img{width: 90%;}
    .ben_box .go_btn{border-radius: 40px;width: 80%;}
} */
@media screen and (max-width:580px){
    .history_box .dtl{height: 390px;}
    /* .p_box ul li a img{max-width: 0%;} */
    .p_box ul li{margin-right: 0;text-align: center;width: 135px;}
    .p_box ul li a{font-size: 1.6rem;word-break: keep-all;}

    .call_box .wrap .img_box{height: 250px;}


    .recruit_box .wrap .txt_box{display: inline-block;width: calc(60% - 15px);text-align: left;margin-left: 15px;}
    .recruit_box em{width: 78%;}
    .recruit_box h4{text-align: left;line-height: 9rem;}
    .recruit_box h4.creative{padding-top: 240px;}
    .ball_box{width: 160px;margin-left: 0;height: auto;text-align: center;align-items: center;margin-right: 15px;}
    .ball_box span{display: block;position: relative;width: 160px;height: 160px;}
    .ball_box span p{margin-top: 30px;padding-top: 60px;font-size: 1.4rem;width: 90%;}
    .ball_box span.creative{position: relative;margin: 0;left:0;transform: translate(0);}

    /* tbody{text-align: center;} */
    .board_list  tr{width: 80%;}
    .board_list td.title{height: 262px;}
    .list_footer .btnArea{display: none;}
    .board_list  tr:nth-child(odd){margin-right: 0%;}

    }
@media screen and (max-width:520px){
    .ben_box div > span{margin-top: 0px;margin-right: 20px;}    
}
@media screen and (max-width:513px){

    #section3 .swiper2 a span{font-size: 1.4rem;width: auto;}
    #section4 ul li{max-height: 260px;border-radius: 0 25px 25px 25px;}
    #section4 div li .text_box{margin-top: 20px;margin-left: 20px;}
    #section4 div li .text_box iconify-icon{margin-left: 50px;margin-bottom: -30px;font-size: 9rem;}
    /* footer .text_box .family_box{width: auto;} */
    footer .text_box .family_box{text-indent: 10px;width: 120px;}
    footer .family_box ul{width: 120px;top: 40px;}
    footer .family_box ul li{text-indent: 8px;font-size: 1.2rem;}
    footer .family_box iconify-icon{margin-right: 10px;}
    footer .text_box{font-size: 1.4rem;}

    .location_box .btn_box{height: auto;}
    .location_box .btn_box{text-align: center;}
    .location_box .btn_box ul{width: auto;text-align: center;margin-left: 15px;margin-right: 15px;}
    .location_box .btn_box ul li{display: block;margin-bottom: 7px;line-height: 6rem;}

    

    }
@media screen and (max-width:493px){
    footer .text_box {width: 48%;line-height: 3rem;}
    footer .text_box .family_box{position: absolute;right: 0;}
    footer .text_box span{display: none;}
    footer .text_box .copy{font-size: 1.2rem;width: 100%;}
    #sub_sect .snb_box ul li{font-size: 1.6rem;}
    .visual_text_box .tit_box h2{font-size: 2.4rem;line-height: 2.8rem;}

    .history_box .year.on{font-size: 2rem;height: 90px;line-height: 90px;width: 50%;}
    .history_box .dtl ul li b{font-size: 1.8rem;}
    .history_box .dtl ul li p{font-size: 1.4rem;}
    .dev_box .btn_box ul{width: 100%;}
    .dev_box .btn_box ul li{font-size: 1.6rem;}
    .d_box a{height: 280px;}
    .d_box a strong{font-size: 1.4rem;}

    .call_box .wrap .img_box{height: 180px;width: 80%;}
    .call_box .wrap .img_box img{max-height: 100%;width: auto;}
    .call_box .wrap .img_box{border-radius: 30px;}
    .call_box .wrap .txt_box{border-radius: 30px;margin-top: 20px;width: 80%;float: right;}
    .call_box .wrap .txt_box iconify-icon{margin-left: 40%;}
    }
@media screen and (max-width:462px) {
    .recruit_box{height: auto;padding-bottom: 57px;}
    .recruit_box .wrap .txt_box{width: calc(100% - 30px);}
    .recruit_box em{width: 100%;top: 20px;}
    .recruit_box h4{text-align: center;line-height: 3.4rem;}
    .recruit_box h4.creative{padding-top: 160px;}
    .ball_box{left: 50%;margin-top: 0;transform: translate(-50%);}
    .ball_box span{width: 180px;height: 180px;display: block;}
    .ball_box span p{padding-top: 70px;}
    .ball_box span p:hover{font-size: 1.4rem;transition: 0s;}

    .ben_box div{width: 90%;}  
}
@media screen and (max-width:455px) {
    #section1 .text_box{margin-top: -20px;}
    #section1 .text_box p{width: 80%;}
    #section1 .text_box .more{top: 47%;right: 0;}
}
@media screen and (max-width:438px){
    .p_box{height: 270px;}
    .p_box strong{font-size: 2rem;}
    #section3 .swiper2 a span{font-size: 1.3rem;}
    #section4 div li .text_box iconify-icon{margin-left: 10%;}
    .p_box ul li{width: 100px;vertical-align: top;}
    .p_box ul li a img{max-width: 90%;}
    .p_box ul li a{font-size: 0;}
    .p_box.last li a{font-size: 1.6rem;margin-top: 20px;line-height: 2.4rem;}

    /* .call_box .wrap .img_box img{max-height: 100%;width: auto;} */
    .call_box .wrap .txt_box{height: 220px;}
    .call_box .wrap .txt_box iconify-icon{font-size: 6.3rem;margin-left: 42%;}
    .call_box .wrap .txt_box p{font-size: 1.4rem;}
    .call_box .wrap .txt_box strong{font-size: 2rem;}

    .recruit_box h4.creative{padding-top: 190px;}
    }
@media screen and (max-width:427px) {
    .r_box h4{word-break: keep-all;}
    .r_box.long h4{width: 75%;line-height: 3rem;}
    .r_box.long h4 span{line-height: 3rem;float: right;}
    .r_box{width: 100%;}
    /* #sub_sect.rental .snb_box ul li,
    #sub_sect.dev .snb_box ul li,
    #sub_sect.fnb .snb_box ul li{width: 32.5%;} */
    .ben_box div h4{margin-left: 20px;margin-top: 20px;margin-bottom: 58px;}
    .ben_box div > span{margin-right: 0px;margin-top: -20px;}
    .ben_box div span img{width: 70%;}


}
@media screen and (max-width:397px){
    .swiper-slide h2{font-size: 3rem;}
    #section1 .field_box{margin: 0 auto;}
    #section1 .text_box .title strong{font-size: 1.4rem}
    #section1 .text_box .title h3{font-size: 2rem;}
    #section1 .text_box p{font-size: 1.8rem;width: 80%;}
    #section1 .img_box{top: 40%;max-height: 340px;border-radius: 0 40px 40px 0;}
    #section1 .text_box .more{display: none;}
    #section2 .field_box{margin: 0 auto;}
    #section2 .text_box strong{font-size: 1.4rem}
    #section2 .text_box h3{font-size: 2rem;}
    #section2 .img_box ul li{max-height: 250px;}
    #section2 .img_box ul li .on {top: 20%;}
    #section2 .img_box ul li .on strong{font-size: 2rem;}
    #section2 .img_box ul li .on span{font-size: 1.6rem;}
    #section3 .text_box strong{font-size: 1.4rem}
    #section3 .text_box h3{font-size: 2rem;}
    #section3 .text_box .more{display: none;}
    #section4 h3{font-size: 2rem;}
    #section4 ul li{max-height: 190px;}
    #section4 div li .text_box strong{font-size: 1.4rem;}
    #section4 div li .text_box h4{font-size: 2rem;}
    #section4 div li .text_box iconify-icon{font-size: 7rem;margin-left: 15%;}
    #sub_sect .text_box strong{font-size: 1.4rem;}
    #sub_sect .text_box h3{font-size: 2rem;}
    #sub_sect .snb_box .active{width: 12px;height: 12px;}
    #sub_sect .snb_box ul li{font-size: 1.6rem;}

    .vision_box .sub_wrap .tit_box strong{font-size: 1.4rem;}
    .vision_box .sub_wrap .tit_box h4{font-size: 2rem;line-height: 4rem;}
    .vision_box .sub_wrap .icon_box strong{font-size: 1.8rem;}
    .vision_box .sub_wrap .icon_box .i_box em{font-size: 1.6rem;}

    .ben_box div{width: 90%;}

}
@media screen and (max-width:390px) {
    #sub_sect.call .snb_box ul li,
    #sub_sect.recruit .snb_box ul li,
    #sub_sect.notice .snb_box ul li,
    #sub_sect.rental .snb_box ul li,
    #sub_sect.dev .snb_box ul li,
    #sub_sect.fnb .snb_box ul li{height: auto;}

    #sub_sect .snb_box ul li{vertical-align: top;}
    #sub_sect .snb_box ul .long{height: auto;}
    #sub_sect .snb_box ul .long a{line-height: 3rem;margin-top: 20px;}

    .visual_text_box .tit_box iconify-icon{font-size: 1.4rem;}
    .visual_text_box .tit_box a{font-size: 1.2rem;padding: 0 4px;}

}
@media screen and (max-width:384px) {
    .ben_box div{height: 330px;}
}
@media screen and (max-width:371px) {
    .visual_txt_01 h3.on{bottom: -25%;}
}
@media screen and (max-width:332px){
    .rental_box .r_box ul{height: auto;}
    .rental_box .r_box ul li span{width: 100%;display: block;}
}

@media screen and (max-width:329px){
    .greeting_box .greeting_txt.on{height: 550px;}
    /* .p_box ul li a img{max-width: 80%;} */
    .p_box ul li{width: 90px;}
    
}
@media screen and (max-width:320px){
    .history_box .dtl{float: none;}
    .fnb_box .fnb_wrap .img_box, .fnb_box .fnb_wrap_2 .img_box{height: 200px;}
}