@charset "utf-8";

.top_banner{height:11.8rem;text-align:center;}
.banner_page01{background:url(../img/introduce_m/img_top_banner01.jpg) no-repeat;background-size:cover;background-position:50%;}
.banner_page02{background:url(../img/introduce_m/img_top_banner02.jpg) no-repeat;background-size:cover;background-position:50%;}

.top_banner .title_text{font-size:1.125em;line-height:1.3em;color:#fff;padding:4rem 0 0.4rem;}
.top_banner .sub_text{font-size:0.8em;line-height:1.4em;color:#fff;}

.contents{padding:20px 12px;}
.contents .top_text{font-size:0.85em;line-height:1.45em;}

.contents h3{margin:30px 0 14px;}


/* 회사 소개 */
.con_introduce_brand{}
.con_introduce_brand ul{}
.con_introduce_brand ul li{margin-bottom:8px;border:1px solid #ddd;}
.con_introduce_brand ul li .img_area{height:7.4rem;}
.con_introduce_brand ul li .img_area{color:#fff;text-align:center;padding-top:1.8rem;}
.con_introduce_brand ul li .img_area .icon{width:26px;height:30px;margin:0 auto 3px;}
.con_introduce_brand ul li .img_area .text{font-size:1.325em;line-height:1em;}
.con_introduce_brand ul li.list01 .img_area{background:url(../img/introduce_m/img_introduce_brand01.jpg) no-repeat;background-size:cover;background-position:50%;}
.con_introduce_brand ul li.list01 .img_area .icon{background:url(../img/introduce_m/icon_brand01.png) no-repeat;background-size:26px 30px;}
.con_introduce_brand ul li.list02 .img_area{background:url(../img/introduce_m/img_introduce_brand02.jpg) no-repeat;background-size:cover;background-position:50%;}
.con_introduce_brand ul li.list02 .img_area .icon{background:url(../img/introduce_m/icon_brand02.png) no-repeat;background-size:26px 30px;}
.con_introduce_brand ul li.list03 .img_area{background:url(../img/introduce_m/img_introduce_brand03.jpg) no-repeat;background-size:cover;background-position:50%;}
.con_introduce_brand ul li.list03 .img_area .icon{background:url(../img/introduce_m/icon_brand03.png) no-repeat;background-size:26px 30px;}
.con_introduce_brand ul li.list04 .img_area{background:url(../img/introduce_m/img_introduce_brand04.jpg) no-repeat;background-size:cover;background-position:50%;}
.con_introduce_brand ul li.list04 .img_area .icon{background:url(../img/introduce_m/icon_brand04.png) no-repeat;background-size:26px 30px;}
.con_introduce_brand ul li.list05 .img_area{background:url(../img/introduce_m/img_introduce_brand05.jpg) no-repeat;background-size:cover;background-position:50%;}
.con_introduce_brand ul li.list05 .img_area .icon{background:url(../img/introduce_m/icon_brand05.png) no-repeat;background-size:26px 30px;}

.con_global_sales .img_area{width:100%;margin:1.2rem 0 0 0;text-align:center;height:21rem;text-align:center;background:url(../img/introduce_m/img_global_lineup.png) no-repeat 50%;background-size:auto 17rem;border:2px dashed #ddd;border-radius:0.5rem;}
.con_global_sales .img_area .title{position:relative;display:inline-block;padding-top:0.8rem;font-size:1em;line-height:1em;color:#222;text-align:center;background:#fff;font-weight:500;}

.con_introduce_brand ul li .text_area{font-size:0.8em;line-height:1.45em;text-align:center;padding:0.8rem 0;}

/* 회사 문화 */
.con_value ul li{padding:9px 0;}
.con_value ul li .img_area{float:left;width:33%;text-align:center;}
.con_value ul li img{width:5.2rem;height:3.75rem;}
.con_value ul li .text_area{float:left;width:67%;box-sizing:border-box;padding:2px 0 0 12px;}
.con_value ul li .text_area .title{padding-bottom:4px;font-size:1em;line-height:1em;color:#222;}
.con_value ul li .text_area .sub01{font-size:0.85em;line-height:1.45em;color:#555;word-break:keep-all;}

.con_humanity ul li{padding:9px 0;}
.con_humanity ul li .img_area{float:left;width:35%;text-align:center;}
.con_humanity ul li img{width:5.2rem;height:3.75rem;}
.con_humanity ul li .text_area{float:left;width:65%;box-sizing:border-box;padding:17px 0 0 12px;}
.con_humanity ul li .text_area .title{padding-bottom:4px;font-size:1em;line-height:1em;color:#222;}
.con_humanity ul li .text_area .sub02{font-size:0.95em;line-height:1.35em;color:#555;word-break:keep-all;}

.con_welfare ul{}
.con_welfare ul li{margin-bottom:0.5rem;}
.con_welfare ul li .img_area{float:left;width:41%;height:7.8rem;}
.con_welfare ul li .text_area{float:left;width:59%;box-sizing:border-box;padding:1.2rem 0 0 0;}
.con_welfare ul li.list01 .img_area{background:url(../img/introduce_m/img_recruit_list01.jpg) no-repeat;background-size:cover;}
.con_welfare ul li.list02 .img_area{background:url(../img/introduce_m/img_recruit_list02.jpg) no-repeat;background-size:cover;}
.con_welfare ul li.list03 .img_area{background:url(../img/introduce_m/img_recruit_list03.jpg) no-repeat;background-size:cover;}
.con_welfare ul li.list04 .img_area{background:url(../img/introduce_m/img_recruit_list04.jpg) no-repeat;background-size:cover;}

.con_welfare ul li.list01 .text_area{border-top:2px solid #43b8c0;}
.con_welfare ul li.list02 .text_area{border-top:2px solid #599edf;}
.con_welfare ul li.list03 .text_area{border-top:2px solid #f96836;}
.con_welfare ul li.list04 .text_area{border-top:2px solid #f68a2f;}
.con_welfare ul li .text_area .title{position:relative;margin-left:0.8rem;padding-top:0.6rem;font-size:1em;line-height:1em;color:#222;}
.con_welfare ul li .text_area .sub{padding:0.4rem 0 0.8rem 0.8rem;font-size:0.8em;line-height:1.3em;color:#555;word-break:keep-all;}

.con_welfare_etc{margin-top:1.8rem;}
.con_welfare_etc ul{width:100%;}
.con_welfare_etc ul li{float:left;width:33.3333333333%;padding:8px 0;min-height:2.5rem;}
.con_welfare_etc ul li img{width:1.4rem;height:1.5rem;vertical-align:middle;}
.con_welfare_etc ul li p{display:inline-block;font-size:0.75em;line-height:1.3em;vertical-align:middle;padding:0.2rem;}
.text_welfare_block{display:block;}


.bottom_banner{margin-top:30px;}
.bottom_banner a{display:block;width:100%;height:4.3rem;background:url(../img/introduce_m/img_banner_bottom01.jpg) no-repeat;background-size:cover;box-sizing:border-box;}
.bottom_banner a .title{position:relative;display:inline-block;float:left;padding-top:0.4rem;margin:0.8rem 0 0 0.8rem;font-size:0.85em;line-height:1.3em;color:#fff;}
.bottom_banner a .btn_go{display:inline-block;float:right;border:1px solid #fff;font-size:0.8em;line-height:1em;color:#fff;padding:0.4rem 0.4rem 0.4rem 1.2rem;margin:1.4rem 0.9rem 0 0;background:url(../img/common_m/btn_rw_arrow.png) no-repeat 0.4rem;background-size:0.4rem 0.6rem;}


/* media query */
@media(min-width:360px){

}

@media(min-width:480px){
.con_global_sales .img_area img{max-width:480px;}
.con_welfare_etc ul{width:90%;margin:0 auto;}
.con_welfare_etc ul li p{font-size:0.8em;line-height:1.3em;}
}

@media (min-width:680px){
.text_welfare_block{display:inline;}
}

@media (min-width:768px){
.contents{padding:20px 20px;}
.con_global_sales .img_area{width:96%;margin:1.2rem auto 0;background-size:auto 22rem;border:2px dashed #ddd;border-radius:0.5rem;height:25rem;}
.con_global_sales .img_area .title{position:relative;display:inline-block;padding-top:1.2rem;font-size:1em;line-height:1em;color:#222;text-align:center;background:#fff;font-weight:500;}

}