@charset "utf-8";


/*ȸ»ç°³¿ä*/
.company {}    
.company .company_wrap {}
.company .company_wrap .company_bg{background:url(../../pages/images/company_bg.jpg);width:100%;height:400px;margin-bottom:200px;}
.company .company_wrap .company_bg .bg_txt {display:flex;flex-direction: column;color:#ffffff;align-items: center;justify-content: center;height: 100%;}
.company .company_wrap .company_bg .bg_txt .txt01{font-size:4.8rem;font-family: var(--point-font);}
.company .company_wrap .company_bg .bg_txt .txt02{font-size:2.4rem}

.company_vision {text-align:center;padding-bottom:200px;}
.company_vision .vision_tit{font-size:3.6rem;font-family: var(--point-font);margin-bottom:20px;}
.company_vision .vision_txt{font-size:2.7rem;line-height:1.5}
.company_vision .vision_txt .weight{font-weight:bold;}

.company_vision .org_img{margin-top:50px;}

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


}


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

}


@media screen and (max-width: 1024px){
.company .company_wrap .company_bg{background-position:center}
}

@media screen and (max-width: 768px){
.company .company_wrap .company_bg .bg_txt .txt01{text-align:center;line-height:1.2;margin-bottom:10px;}
.company .company_wrap .company_bg .bg_txt .txt02{font-size:1.9rem}


.company_vision .vision_txt{font-size:2.1rem;}
.company .company_wrap .company_bg{margin-bottom:50px;}
.company_vision{padding-bottom:100px;}

}

/*¼­ºñ½º*/
.ser_other {padding:80px 0;}
.ser_other .ser_other_wrap {width:1400px;margin:0 auto}
.ser_other .ser_other_wrap .txt01{font-size: 3.2rem;color:var(--main-color); font-weight: bold;margin-bottom: 20px;}

.ser_other .ser_other_wrap .cont{display:flex;flex-wrap:wrap;}
.ser_other .ser_other_wrap .cont .cont01{width:32%;margin-right:2%;margin-bottom:2%;overflow:hidden;position:relative}
.ser_other .ser_other_wrap .cont .cont01:nth-child(3n){margin-right:0}


.ser_other .ser_other_wrap .cont .cont01 .img {width:100%;height:350px;position:relative;display:flex;align-items: center;justify-content: center;transition:.5s}
.ser_other .ser_other_wrap .cont .cont01 .img:after{width:100%;height:350px;content:"";display:block;background:rgba(0,0,0,.5);position:absolute;top:0;left:0}
.ser_other .ser_other_wrap .cont .cont01:hover .img{transform: scale(1.1);}
.ser_other .ser_other_wrap .cont .cont01 .tit{position:absolute;z-index:999;font-size:2.8rem;color:#fff;font-weight:600;text-align:center;top: 50%;left: 50%; transform: translate(-50%, -50%);}
.ser_other .ser_other_wrap .cont .cont01 .img01{background:url(../../pages/images/ser_others_img01.jpg);}
.ser_other .ser_other_wrap .cont .cont01 .img02{background:url(../../pages/images/ser_others_img02.jpg);}
.ser_other .ser_other_wrap .cont .cont01 .img03{background:url(../../pages/images/ser_others_img03.jpg);}
.ser_other .ser_other_wrap .cont .cont01 .img04{background:url(../../pages/images/ser_others_img04.jpg);}
.ser_other .ser_other_wrap .cont .cont01 .img05{background:url(../../pages/images/ser_others_img05.jpg);}

.ser .title{width:1400px;margin:0 auto;font-size:4.0rem;font-weight:bold;padding-bottom:90px}
.ser .ser_wrap01{background:#f8f9fb}
.ser .ser_wrap01 .ser_cont{width:1400px;margin:0 auto;padding:80px 0;}
.ser .ser_wrap01 .ser_cont .joyImg{}
.ser .ser_wrap01 .ser_cont .joyImg:after{content:"";display:block;clear:both}
.ser .ser_wrap01 .ser_cont .joyImg .txtbox01{float:left;writing-mode:vertical-lr;font-family:'Syncopate-Bold';padding-right:15px;color:#aaaaaa}
.ser .ser_wrap01 .ser_cont .joyImg .txtbox02{float:left;width:45.8%}
.ser .ser_wrap01 .ser_cont .joyImg .txtbox03{float:left;width:50%;padding:90px 0 0 120px}
.ser .ser_wrap01 .ser_cont .joyImg .txtbox03 .txt01{font-size:3.2rem;color:var(--main-color);font-weight:bold;margin-bottom:20px;}
.ser .ser_wrap01 .ser_cont .joyImg .txtbox03 .txt02{font-size:1.8rem;color:#333333;font-weight:bold;padding-bottom:15px;position:relative;padding-left:13px;}
.ser .ser_wrap01 .ser_cont .joyImg .txtbox03 .txt02:after{content:"";display:block;width:6px;height:2px;background:#333333;position:absolute;top:10px;left:0}



.ser .ser_wrap01 .ser_cont .joyImg .txtbox03 .txt03{font-size:1.6rem;color:#666666;line-height:32px}

.ser .ser_wrap02{}
.ser .ser_wrap02 .ser_cont{width:1400px;margin:0 auto;padding:80px 0;}
.ser .ser_wrap02 .ser_cont .joyImg{}
.ser .ser_wrap02 .ser_cont .joyImg:after{content:"";display:block;clear:both}
.ser .ser_wrap02 .ser_cont .joyImg .txtbox01{float:right;writing-mode:vertical-lr;font-family:'Syncopate-Bold';padding-left:15px;color:#aaaaaa}
.ser .ser_wrap02 .ser_cont .joyImg .txtbox02{float:right;width:45.8%}
.ser .ser_wrap02 .ser_cont .joyImg .txtbox03{float:right;width:50%;padding:70px 63px 0 0; }
.ser .ser_wrap02 .ser_cont .joyImg .txtbox03 .txt01{font-size:3.2rem;color:var(--main-color);font-weight:bold;margin-bottom:20px;}
.ser .ser_wrap02 .ser_cont .joyImg .txtbox03 .txt02{font-size:1.8rem;color:#333333;font-weight:bold;padding-bottom:15px;position:relative;padding-left:13px;}
.ser .ser_wrap02 .ser_cont .joyImg .txtbox03 .txt02:after{content:"";display:block;width:6px;height:2px;background:#333333;position:absolute;top:10px;left:0}

.ser .ser_wrap02 .ser_cont .joyImg .txtbox03 .txt03{font-size:1.6rem;color:#666666;line-height:32px}




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


}

@media screen and (max-width: 1400px){
.ser_other .ser_other_wrap{width:100%;}
.ser .title{width:100%}
.ser .ser_wrap01 .ser_cont .joyImg .txtbox02 img{width:100%}
.ser .ser_wrap02 .ser_cont .joyImg .txtbox02 img{width:100%}
.ser .ser_wrap01 .ser_cont{width:100%}
.ser .ser_wrap01 .ser_cont .joyImg .txtbox03{padding:0 0 0 120px;}
.ser .ser_wrap02 .ser_cont{width:100%}
.ser .ser_wrap02 .ser_cont .joyImg .txtbox03{padding:0 120px 0 0px}
}

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


}


@media screen and (max-width: 1024px){
.ser{margin-top:70px;padding:5px;}
.ser .ser_wrap01 .ser_cont .joyImg .txtbox01{float:none;writing-mode:rl;}
.ser .ser_wrap01 .ser_cont .joyImg .txtbox02{width:100%}
.ser .ser_wrap01 .ser_cont .joyImg .txtbox03{width:100%;padding:30px 70px;}

.ser .ser_wrap02 .ser_cont .joyImg .txtbox01{float:none;writing-mode:rl;}
.ser .ser_wrap02 .ser_cont .joyImg .txtbox02{float:none;width:100%}
.ser .ser_wrap02 .ser_cont .joyImg .txtbox03{width:100%;padding:30px 70px;}


}

@media screen and (max-width: 768px){
.ser .title{font-size:2.6rem}
.ser .ser_wrap02 .ser_cont .joyImg .txtbox03{padding:30px 20px;}
.ser .ser_wrap01 .ser_cont .joyImg .txtbox03{padding:30px 20px;}
.ser_other .ser_other_wrap .cont .cont01{width:100%;margin-right:0}
}

/*¿À½Ã´Â±æ*/

.location {}    
.location .company_wrap {}
.location .company_wrap .company_bg{background:url(../../pages/images/location_bg.jpg);width:100%;height:300px;}
.location .company_wrap .company_bg .bg_txt {display:flex;flex-direction: column;color:#ffffff;align-items: center;justify-content: center;height: 100%;}
.location .company_wrap .company_bg .bg_txt .txt01{font-size:4.8rem;font-family: var(--point-font);}

.inquiry{display:flex;align-items: center;margin-top:100px}
.inquiry .in_left{width:50%}
.inquiry .in_left img{width:100%}

.maill_contacts {width:50%; }
.maill_contacts ul {}
.maill_contacts ul li { padding:0 0 35px 0px; display:flex; gap:3.0rem; font-size:18px; align-items: center;}
.maill_contacts ul li:last-child{padding-bottom:0}
.maill_contacts ul li > span {padding:20px; background:rgba(0, 60, 139, 0.7); color:#fff;  border-radius:5.0rem;}
.maill_contacts ul li .material-icons { font-size:3.0rem;}
.maill_contacts ul li > div {}
.maill_contacts ul li p {font-size:2.0rem; }
.maill_contacts ul li strong {display:block;font-size:1.8rem;margin-top:3px;font-weight: 500;letter-spacing: 0.7px;}


@media all and (max-width:1024px){

.inquiry{display:block;}
.inquiry .in_left{width:100%}
.maill_contacts{width:100%}


.maill_contacts ul {flex-wrap:wrap;}
.maill_contacts ul li {width:100%; margin-bottom:20px;padding:20px 0 0 30px }
}

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

.maill_contacts ul li strong{font-size:15px;}
.maill_contacts ul li{font-size:15px}

}


.maill_contacts ul li .icon{width:60px;height:60px;background:#ffffff;border:1px solid #ddd;text-align:center;border-radius:50%;padding-top:13px;}
.contact_title {font-weight:bold;margin-bottom:20px;font-size:21px;font-weight:bold}
.maill_contacts ul li > div{font-size:17px;font-weight:bold;}
.maill_contacts ul li > div  .txt01{color:#003c8b;font-family:var(--point-font);font-weight: 600;font-size: 1.8rem;}

.maill_contacts .contact_btn{display:flex;/* width:225px; */margin-top:45px;/* background:#003c8b; border:1px solid #ddd;*/border-radius:10px;}
.maill_contacts .cont_btn{background:#003c8b;margin-right:20px;border-radius:10px;}
.maill_contacts .cont_btn a{display:block;font-size:16px;text-align:center;display:block;padding:10px 60px;position:relative;z-index:5;transition:all 0.4s;color:#fff}
.maill_contacts .cont_btn a:after{content:"";width:0%;height:100%;top:0;position:absolute;left:0;transition:all 0.4s;background: #003c8b;}

.inquiry .in_left .location1 .location_map{width:100%}
@media all and (max-width:1200px){

.contact_us .cont{padding:0 50px;width:100%}
.contact_inquiry02{width:100%}


.inquiry{padding:0 10px;}

}


@media all and (max-width:1024px){



}


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

.maill_contacts ul li{ padding: 20px 0 0 0px;}
.inquiry .in_left .location1 {margin-top:50px;}

.contact_us .cont{padding:0 10px;}
.contact_us .cont .txt01{font-size:21px;}
.contact_us .cont .txt02{font-size:16px;}
.contact_us .cont{display:block;}
.contact_us .cont .txt_box{width:100%}
.contact_us .cont .txt_box .contact_btn{display:block;}
.contact_us .cont .txt_box .contact_btn .cont_btn{width:100%;margin-bottom:20px;}
.contact_us .cont .box_bg{width:100%}

.contact_us .cont .txt_box .contact_btn .cont_btn a{font-size:15px}
.contact_inquiry02{padding:20px 20px}
.inquiry02 .inquiry02_cont{display:block;}
.inquiry02 .inquiry02_cont .cont_img{width:100%;}
.inquiry02 .inquiry02_cont .cont_txtbox{width:100%}
.contact_inquiry02 .inquiry02_title p{font-size:16px;}
}



.ne_loc{display:flex;     gap: 2.0rem; align-items: center;margin-top:20px;}
.ne_loc  .icon{width:60px;height:60px;background:#ffffff;border:1px solid #ddd;text-align:center;border-radius:50%;padding-top:13px;}
.loc_ad .txt01{display:block;font-size:2.4rem;margin-bottom:8px;}
.loc_ad .txt02{font-size:1.8rem;color:#777777;line-height:1.2}

.networks_bg{text-align:center;margin-bottom:100px;}



.networks_wrap {width:100%;display:flex;flex-wrap:wrap;justify-content: space-between;}
.networks_list{border-top:1px solid #000;width:49%;margin-bottom:30px;}

.networks_list .pro_btn .pro_btn_ar {font-size:4.0rem;border-radius:50%}
.networks_list .pro_btn .pro_btn_ar.active{background:var(--main-color);color:#ffffff}
.networks_list .pro_btn:hover .pro_btn_ar{background:var(--main-color);color:#ffffff}
.networks_list .pro_btn {display:flex; justify-content: space-between; align-items: center; transition: all 0.5s; cursor:pointer; padding:2.0rem 3.0rem;border-bottom:1px solid #ddd;}
.networks_list .pro_btn > h3 {font-size:2.3rem;}
.networks_list .pro_btn > h3 span{font-size:1.9rem;}
.pro_btn_ar {transform: rotate(0deg); transition: all 0.6s;}
.pro_btn_ar.active {transform: rotate(180deg);  transition: all 0.6s;}
.networks_list .pro_cont2 {display:flex; flex-direction: column; padding:3.0rem;  display:none; background:#fff; }

@media( max-width:1600px ) {


}

@media( max-width:1200px ) {
.networks_list{width:100%}

}


@media( max-width:1024px ) {
.business .business_wrap .right .application_top .sub{width:100%}
.explain_list .pro_cont3 .pro_cont3_cont .sub{width:100%}
.explain_list .pro_cont3 .pro_cont3_cont .sub .sub01{width:100%}
.explain_list .pro_cont2 .pro_top_cont{justify-content: center;}
.explain_list .pro_cont2{padding:3.0rem 0}

.ne_loc .icon{border:0}

}

@media( max-width:768px ) {
.explain_list .pro_cont4 .sub{width:calc(calc(100% /2))}
.explain_list .pro_cont2 .pro_top_cont{flex-wrap:wrap;}
.explain_list .pro_cont2 .pro_top_cont .pro_top{width:100%}
.explain_list .pro_cont2 .pro_top_cont .pro_top02{padding:50px 0}
.explain_list .pro_cont2 .pro_top_cont .pro_top .pro_top_txt{text-align:center}
.explain_list .pro_cont3 .pro_cont3_cont .sub .sub01{text-align:center}
}


/*³×Æ®¿öÅ©*/
.products_bg{background:url(../../pages/images/networks_bg01_01.png) no-repeat;height:787px;width:1000px;margin:0 auto;position:relative}
.products_bg01_01{border:1px solid #ddd;background:#fff url(../../pages/images/networks_bg01_new.png) no-repeat;height:500px;width:1400px;margin:0 auto;position:relative;background-size:contain}
.networks_wrap {margin-top:50px;}
.M_content_wrap{overflow:auto}


.networks .net_flex .btn_box{display:flex;align-items:center}
.networks .net_btn .btn_box .i_txt{font-size:1.8rem;font-weight:bold;}

.networks .net_btn{position:absolute;}
.networks .net_btn .icon{width:9px;height:9px;border-radius:50%;background:#078079;margin:5px auto}

.networks .net_btn01{top: 17%;left: 47%;}
.networks .net_btn:hover .i_txt{color:red}
.networks .net_btn:hover .icon{background:red}

.networks .net_btn02{top: 39%;left: 38.5%;}
.networks .net_btn03{top: 50%;left: 35%;}
.networks .net_btn04{top: 63.5%;left: 34.5%;}
.networks .net_btn05{top: 45.5%;left: 29%;}
.networks .net_btn05 a .pin{order:1;}

.networks .net_btn02 .i_txt{margin-left: 10px;}
.networks .net_btn05 .i_txt{margin-right: 10px;}

/*Æ˾÷â*/
.networks .ADpopup_wrap{width:430px;position: absolute;border: 1px solid #cacaca;background: #fff;top: 50%;left: 50%;padding:30px;transform: translate(-50%, -50%);}
.networks .ADpopup_wrap.modal1{top:41%;left:68%}
.networks .ADpopup_wrap.modal2{top:84%;left:61%}
.networks .ADpopup_wrap.modal3{top:84%;left:58%}
.networks .ADpopup_wrap.modal4{top:93%;left:58%}
.networks .ADpopup_wrap.modal5{top:70%;left:53%}

.networks .AD_info{}
.networks .close_btn{cursor: pointer;padding: 5px 10px; color: #fff; background: #003666; font-size: 1.8rem; border-radius: 5px;margin:20px auto 0 auto;width:100%;}

.AD_info .net_pop{}
.AD_info .net_pop .pop_wrap{display:flex;    align-items: center;border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:20px;}
.AD_info .net_pop .pop_wrap .tit{margin-left:35px;}
.AD_info .net_pop .pop_wrap .tit strong{font-size:2.4rem;}
.AD_info .net_pop .pop_wrap .tit p{font-size:1.8rem;margin-bottom:5px;color:#078079}
.AD_info .net_pop .pop_wrap .tit_img{width:100px;/* height:80px; */}
.AD_info .net_pop .pop_wrap .tit_img img{width:100%;border:1px solid #ddd}
.AD_info .net_pop .txt{color:#777777;line-height:1.5;font-size:1.8rem;}
.AD_info .net_pop .subbox .vi_txt{font-size:2.1rem;font-weight:700}
.AD_info .net_pop .subbox01{margin-bottom:30px;}

.AD_info .net_pop .page{margin-top:10px;color:#777777}
.AD_info .net_pop .page a{color:#777777}

.mobile_map{display:none}
.pc_map{display:block;position:relative;z-index:999}

@media( max-width:1600px ) {


}

@media( max-width:1200px ) {

.networks .ADpopup_wrap.modal1{top:50%;left:50%}
.networks .ADpopup_wrap.modal2{top:50%;left:50%}
.networks .ADpopup_wrap.modal3{top:50%;left:50%}
.networks .ADpopup_wrap.modal4{top:50%;left:50%}
.networks .ADpopup_wrap.modal5{top:50%;left:50%}
}


@media( max-width:1024px ) {


.networks_bg{margin-bottom:50px}

.mobile_map{display:none;padding:0 10px;}
.pc_map{display:block;position:relative;z-index:999}

}

@media( max-width:768px ) {
.products_bg01_01{height:230px;width:600px;}

.networks .net_btn .btn_box .i_txt{font-size:1.6rem}
.networks .net_btn01{top: 16%;left: 48%;}
.networks .net_btn02{top: 39%;left: 41.5%;}
.networks .net_btn03{top: 50%;left: 35%;}
.networks .net_btn04{top: 63.5%;left: 34.5%;}
.networks .net_btn05{top: 45%;left: 24.5%;}
.networks .net_btn .icon{    margin: 1px auto;}

.AD_info .net_pop .pop_wrap .tit strong{font-size:2.1rem}

.networks .ADpopup_wrap{width:90%}
.AD_info .net_pop .pop_wrap{display:block;}
.AD_info .net_pop .pop_wrap .tit_img{margin:0 auto}
.AD_info .net_pop .pop_wrap .tit{margin-left:0;text-align:center;margin-top:10px;}
}


@media( max-width:500px ) {
/*
.products_bg01_01{height:230px;width:600px;}

.networks .net_btn .btn_box .i_txt{font-size:1.6rem}
.networks .net_btn01{top: 16%;left: 48%;}
.networks .net_btn02{top: 39%;left: 41.5%;}
.networks .net_btn03{top: 50%;left: 35%;}
.networks .net_btn04{top: 63.5%;left: 34.5%;}
.networks .net_btn05{top: 45%;left: 24.5%;}
.networks .net_btn .icon{    margin: 1px auto;}
*/
}