@charset "utf-8";


/*È¸»ç°³¿ä*/
.company .company_bg {	display:flex;align-items:center;justify-content:center;width:100%; height:350px;background: url("../../pages/images/company_bg.jpg") no-repeat center;margin-bottom:5.0rem;}
.company .company_bg .bg_txt{font-size:4.8rem;color:#fff;font-weight:bold;}
.company .company_logo{margin-bottom:1.0rem;}
.company .company_info {display:flex; flex-wrap:wrap; border-top:3px solid #000;}
.company .company_info .company_box {width:50%; display:flex; align-items:center; padding:3.5rem; border-bottom:1px solid #ddd;}
.company .company_info .company_box span {width:12.0rem;}
.company .company_info .company_box span img{width:35%}
.company .company_info .company_box h4 {width:10.0rem; font-size:2.0rem; font-weight:bold;}
.company .company_info .company_box p {font-size:1.8rem; color:#4e4e4e; line-height:1.65;}
.company .company_info .company_box:last-child{width:100%}
.mobile_only{display:none}

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

}
@media screen and (max-width: 1024px){
.company .company_bg{text-align:center}
.company .company_info .company_box{width:100%;}
.mobile_only{display:block}

}
@media screen and (max-width: 768px){
.company {padding:0 10px;}
.company .company_bg .bg_txt{font-size:3.2rem}

.company .company_info .company_box{display:block;text-align:center}
.company .company_info .company_box span img{width:auto}
.company .company_info .company_box h4{width:100%;text-align:center;padding:30px 0 10px 0;}
}

/*ÀÎ»ç¸»*/
.message .message_bg {width:100%; height:350px;background: url("../../pages/images/message_bg.jpg") no-repeat center;margin-bottom:5.0rem;}
.message .message_cont{display:flex}
.message .message_cont .left{width:400px;font-size:3.4rem;font-weight:bold;}
.message .message_cont .right{width:calc(100% - 400px)}
.message .message_cont .right .right_txt{font-size:2.0rem;color:#666666}
.message .message_cont .right .right_txt p{line-height:1.4;margin-bottom:30px;}
.message .message_cont .right .ceo_name{font-weight:bold;text-align:right;color:#000000}

@media screen and (max-width: 1200px){
.message .message_cont .left{width:300px;}
.message .message_cont .right{width:calc(100% - 300px)}
.message{padding:0 10px;}


}

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


}

@media screen and (max-width: 768px){
.message .message_bg{background-position:center center}

.message .message_cont{display:block;}
.message .message_cont .left{width:100%;margin-bottom:10px;}
.message .message_cont .right{width:100%;}
.message .message_cont .right .right_txt p{margin-bottom:15px;}
}


/*¾ÈÀü¸ñÇ¥ ¹× ¾ÈÀüº¸°Ç¹æÄ§*/
.safety{}
.safety .safety_bg{background: url("../../pages/images/safety_bg.jpg") no-repeat center;height:400px;display:flex; align-items: center;justify-content: center;}
.safety .safety_bg .safety_bg_tit h1{font-size:4.0rem;text-align:center;font-weight:bold;color:#ffffff;line-height:1.5}

.safety_cont {}
.safety_cont .cont_tit{font-size:4.0rem;font-weight:bold;text-align:center;padding:50px 0;line-height:1.5}
.safety_cont .cont_tit02{font-size:3.0rem;font-weight:600;text-align:center;padding:100px 0;line-height:1.5}


.safety_cont{}
.safety_cont .cont .sub{display:flex; justify-content: space-between;flex-wrap:wrap;}
.safety_cont .cont .sub .sub_wrap{width:32%;border:1px solid #ddd;padding:50px 30px;text-align:center}
.safety_cont .cont .sub .sub_wrap .subtop{}
.safety_cont .cont .sub .sub_wrap .subbot{/* display:flex; */}
.safety_cont .cont .sub .sub_wrap .subbot .icon{margin-bottom:30px;}
.safety_cont .cont .sub .sub_wrap .subbot h1{font-size:2.6rem;font-weight:bold;color:#0e4a8e;padding-bottom:15px;}
.safety_cont .cont .sub .sub_wrap .subbot .txt{font-size:1.8rem;color:#5d5d5d}
.safety_cont .cont .sub .sub_wrap .subbot .txt li{padding-bottom:7px;/* list-style-type: decimal;margin-left:20px; */}

.safety_cont .cont02{background:#ededed; padding:70px;margin-top:60px;}
.safety_cont .cont02 h1{font-size:4.0rem;border-bottom:1px solid #000;padding-bottom:20px;}
.safety_cont .cont02 .tit01{color:#5d5d5d;padding:35px 0;line-height:2;font-size:1.8rem;} 
.safety_cont .cont02 .txtbox li{color:#5d5d5d;list-style-type: decimal;margin-left:20px;line-height:2;font-size:1.8rem;}
.safety_cont .cont02 .ceo_txt{text-align:right;margin-top:40px;}


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


}

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

.safety_cont .cont .sub{flex-wrap:wrap;}
.safety_cont .cont .sub .sub_wrap{width:60%;margin-bottom:50px;}

}

@media screen and (max-width: 1024px){
.safety_cont .cont .sub{display:block;}
.safety_cont .cont .sub .sub_wrap{}
.safety_cont .cont .sub .sub_wrap{margin:0 auto 30px auto}
.safety{padding:0 10px;}
.safety .safety_bg{height:300px;}
}

@media screen and (max-width: 768px){
.safety .safety_bg{height:250px;}
.safety_cont .cont .sub .sub_wrap{width:90%}
.safety_cont .cont02{padding:50px 20px;}
.safety .safety_bg .safety_bg_tit h1{font-size:3.0rem;}
}


/*ÆÄÆ®³Ê*/
.partner{}
.partner .partner_cont{display:flex;flex-wrap:wrap;}
.partner .partner_cont li{width:25%;height: 130px;padding:10px;display:flex;/* text-align:center; */}
.partner .partner_cont li .cont{border:1px solid #ddd;width:100%;display: flex;align-items: center;justify-content: center;}
.partner .partner_cont li .cont p{font-size:1.9rem;}

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


}

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


}

@media screen and (max-width: 768px){
.partner .partner_cont li{width:50%}

}

/*È¸»ç¿¬Çõ*/
.history {}
.history:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.history .his_top {width: 100%; height: 450px; background: url(../../pages/images/history_bg01.jpg); margin-bottom: 8.5rem; position: relative;}
.history .his_top .txt {font-size:4.2rem; color:#fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.history .his_top .txt span {font-weight:bold;}
.history .his_btm {}
.history .his_btm:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.history .his_btm .his_year_big {float:left;width: 60rem;font-size: 4.0rem;color: #000;font-weight: bold;padding-right:4rem;}
.history .his_btm .his_year_big .history_img{margin-top:30px;}
.history .his_btm .his_content {float:left;width: calc(100% - 60rem);}
.history .his_btm .his_content .his_sec {padding-left: 12.5rem;position: relative;padding-bottom: 4rem;}
.history .his_btm .his_content .his_sec:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.history .his_btm .his_content .his_sec:before {display:block;content:"";width:1px;height:100%;background:#dddddd;position: absolute;top: 16px;left: 0;}
.history .his_btm .his_content .his_sec:last-child:before {width:0; height:0;}
.history .his_btm .his_content .his_sec .his_year {width:100%; font-size: 2.8rem; color: #0e4a8e; font-weight: bold; position: relative; padding-bottom: 0.6rem;  }
.history .his_btm .his_content .his_sec .his_year:before {display:block;content:"";width:10px;height:10px;background:#0e4a8e;position: absolute;top: 16px;left: -12.9rem;border-radius: 100%;}
.history .his_btm .his_content .his_sec .his_year:after {display:block;content:"";width:30px;height:30px;border:solid 1px #dddddd;position: absolute;top: 6px;left: -13.9rem;border-radius: 100%;}
.history .his_btm .his_content .his_sec .his_dl { width:100%; }
.history .his_btm .his_content .his_sec .his_dt {float:left; width: 6.0rem; font-size: 1.8rem; color: #333333; line-height:4.0rem; font-weight: bold;}
.history .his_btm .his_content .his_sec .his_dd {float:left; width: calc(100% - 6.0rem); font-size: 1.8rem; line-height:4.0rem; color: #777777; }


@media screen and (max-width: 1200px){
.history .his_btm .his_year_big{width:45rem}
.history .his_btm .his_content{width:calc(100% - 45rem)}
}

@media screen and (max-width: 1024px){
.history{padding:0 10px;}
.history .his_btm .his_content .his_sec{padding-left:6rem}
.history .his_btm .his_content .his_sec .his_year:after{left:-7.5rem}
.history .his_btm .his_content .his_sec .his_year:before{left:-6.4rem}

}

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

.history .his_btm .his_content{width:100%;padding-left:10px;padding-top:30px;}
.history .his_btm .his_year_big{width:100%;padding-right:0}

.history .his_btm .his_content .his_sec .his_dt{width:4rem;}
.history .his_btm .his_content .his_sec .his_dd{width:calc(100% - 4.0rem);}


}



/*Á¶Á÷µµ*/
.organization{text-align:center}


/*ÀÎÁõ¼­*/
.tech_wrap {display:flex;  flex-wrap: wrap;  margin:3.0rem -35px 0 0;}
.tech_wrap .tech_box {width:calc(25% - 35px); margin-right:35px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:35px;}
.tech_wrap .tech_box .tech_img {background:#fafafa; border:1px solid #e5e5e5; padding:5.0rem 2.0rem; }
.tech_wrap .tech_box .tech_img img {width:100%; max-width:218px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.tech_wrap .tech_box .tech_txt {color:#777; padding:3.0rem 0; font-size:1.8rem; font-weight:600; } 

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


}

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


}

@media screen and (max-width: 768px){
.tech_wrap .tech_box{width:50%;margin-right:0;padding:0 10px;}
.tech_wrap {margin: 3.0rem 0 0 0;}
}

@media screen and (max-width: 400px){
.tech_wrap .tech_box{width:100%}
.tech_wrap {margin: 3.0rem 0 0 0;}
}


/*¿À½Ã´Â±æ*/
.location{}
.location .location_wrap{margin-bottom:10.0rem}
.location .location_wrap .map_loc{width:100%}

.location .location_wrap .location_txt {margin-top:3.0rem; }
.location .location_wrap .location_title {display:flex;  justify-content: space-between; padding-bottom:2.0rem; }
.location .location_wrap .location_title h4 {font-size:3.0rem; font-weight:600;}

.location .location_wrap .location_contents {border-top:1px solid #222;   }
.location .location_wrap .location_contents ul {display:flex; flex-wrap:wrap;}
.location .location_wrap .location_contents ul li {padding:2.5rem 4.5rem; display:flex;align-items: center;font-size:1.8rem; width:50%; border-bottom:1px solid #ddd; }
.location .location_wrap .location_contents ul li:nth-child(1) {width:100%; }
.location .location_wrap .location_contents ul li:nth-child(2) {border-right:1px solid #ddd; }
.location .location_wrap .location_contents ul li .loc_txt1 {width:150px; font-weight:600; display:flex;align-items: center; gap:20px;}
.location .location_wrap .location_contents ul li .loc_txt1 span{color:#0e4a8e;}
.location .location_wrap .location_contents ul li .loc_txt2 {color:#2c2c2c}
.location .location_wrap .location_contents ul li .material-icons {font-size:2.2rem; color:#0e4a8e; }


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


}

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


}

@media screen and (max-width: 768px){
.location .location_wrap .location_contents ul li{width:100%}
.location .location_wrap .location_contents ul li:nth-child(2){border-right:0}
.location .location_wrap .location_contents ul li .loc_txt1{width:60%}
.location .location_wrap .location_contents ul li .loc_txt2{width:100%}
.location .location_wrap .location_contents ul li{padding:2.5rem}

}

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


}



/*»ç¾÷*/
.business .business_wrap01{background:#f8f9fb}
.business .business_wrap01 .businesscont{width:1400px;margin:0 auto;padding:80px;}
.business .business_wrap01 .businesscont .businessImg{display:flex;align-items: center;}

.business .business_wrap01 .businesscont .businessImg .txtbox02{width:50%}
.business .business_wrap01 .businesscont .businessImg .txtbox03{width:50%;padding:0px 0 0px 120px}
.business .business_wrap01 .businesscont .businessImg .txtbox03 .txt01{font-size:3.2rem;color:#0e4a8e;font-weight:bold}
.business .business_wrap01 .businesscont .businessImg .txtbox03 .txt02{font-size:1.8rem;color:#333333;font-weight:bold;padding:30px 0 22px 0;}
.business .business_wrap01 .businesscont .businessImg .txtbox03 .txt03{font-size:1.6rem;color:#666666;line-height:32px}

.business .business_wrap02{}
.business .business_wrap02 .business_cont{width:1400px;margin:0 auto;padding:80px;}
.business .business_wrap02 .business_cont .businessImg{display:flex; align-items: center;}
.business .business_wrap02 .business_cont .businessImg .txtbox02{width:50%;order:2}
.business .business_wrap02 .business_cont .businessImg .txtbox03{width:50%;padding:0 120px 0px 0; }
.business .business_wrap02 .business_cont .businessImg .txtbox03 .txt01{font-size:3.2rem;color:#0e4a8e;font-weight:bold}
.business .business_wrap02 .business_cont .businessImg .txtbox03 .txt02{font-size:1.8rem;color:#333333;font-weight:bold;padding:30px 0 22px 0;}


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

.business .business_wrap01 .businesscont{width:100%;}
.business .business_wrap02 .business_cont{width:100%;}
}


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


}

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

.business .business_wrap01 .businesscont .businessImg .txtbox03 .txt01{font-size:2.4rem;}
.business .business_wrap01 .businesscont .businessImg .txtbox03{padding:0 0 40px 40px}
.business .business_wrap02 .business_cont .businessImg .txtbox03 .txt01{font-size:2.4rem;}
.business .business_wrap02 .business_cont .businessImg .txtbox03{padding:0 40px 40px 0}
}

@media screen and (max-width: 768px){
.business .business_wrap01 .businesscont{padding:40px;}
.business .business_wrap01 .businesscont .businessImg{display:block;}
.business .business_wrap01 .businesscont .businessImg .txtbox02{width:100%;}
.business .business_wrap01 .businesscont .businessImg .txtbox03{width:100%;}
.business .business_wrap01 .businesscont .businessImg .txtbox03{padding:30px 0 0 0}
.business .business_wrap01 .businesscont .businessImg .txtbox03 .txt02{padding:10px 0 0 0}


.business .business_wrap02 .business_cont{padding:40px;}
.business .business_wrap02 .business_cont .businessImg{display:block;}
.business .business_wrap02 .business_cont .businessImg .txtbox02{width:100%;}
.business .business_wrap02 .business_cont .businessImg .txtbox03{width:100%;}
.business .business_wrap02 .business_cont .businessImg .txtbox03{padding:30px 0 0 0}
.business .business_wrap02 .business_cont .businessImg .txtbox03 .txt02{padding:10px 0 0 0}
.business .business_wrap02 .business_cont .businessImg .txtbox02{order:0;}

}

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


}
