@charset "utf-8";

/* visual area */
.con_visual_area{position:relative;width:100%;}
ul.con_slide li{position:relative;}

ul.con_slide li .bg_area{width:100%;height:18.7rem;text-align:center;background:#171e2e;max-height:750px;overflow:hidden;}
ul.con_slide li .bg_area img{width:100%;}

ul.con_slide li .text_area{position:absolute;top:0;left:0;width:100%;text-align:center;margin-top:5.5rem;}
ul.con_slide li .text_area span.large{font-size:1.625em;line-height:1em;color:#fff;display:block;}
ul.con_slide li .text_area span.large_2line{font-size:1.4em;line-height:1.2em;color:#fff;display:block;}
ul.con_slide li .text_area span.small{font-size:1.125em;line-height:1em;color:#fff;display:block;margin-top:0.2rem;}
ul.con_slide li .text_area p{font-size:0.8em;line-height:1.5em;color:#fff;display:block;margin-top:0.7rem;}

ul.con_slide li .text_area .btn_go{display:inline-block;font-size:0.8em;line-height:1em;color:#fff;padding:8px 10px;border:2px solid #fff;margin-top:0.8rem;}

.slide_navi_area{position:absolute;top:0;left:0;width:100%;text-align:center;margin-top:3.6rem;}

ul.slide_navi{display:inline-block;}
ul.slide_navi li{float:left;padding:0 2px;}
ul.slide_navi li a{display:block;text-indent:-9999px;overflow:hidden;width:10px;height:10px;border-radius:12px;border:2px solid #fff;background:transparent;}
ul.slide_navi li.active a{background:#fff;}

/* contents */
.contents{}
.contents h3{text-align:center;margin:2.5rem 0 0.8rem;}
.contents h3 img{height:35px;}

ul.con_service{width:100%;}
ul.con_service li{float:left;width:50%;box-sizing:border-box;}
ul.con_service li a{display:block;border:1px solid #ddd;margin:2px 12px 2px 2px;}
ul.con_service li.left a{margin:2px 2px 2px 12px !important;}
ul.con_service li.full{width:100%;}
ul.con_service li.full a{margin:2px 12px !important;}

ul.con_service li a .text_area01{height:6.2rem;text-align:center;padding-top:1.2rem;}
ul.con_service li a .text_area02{height:6.2rem;text-align:center;padding-top:1.2rem;}
ul.con_service li a .text_area03{height:4.7rem;text-align:center;padding-top:1.2rem;}
ul.con_service li a .small_text01{font-size:0.76em;line-height:1.3em;color:#555;}
ul.con_service li a .small_text02{font-size:0.55em;line-height:1em;color:#555;padding:3px 0;}
ul.con_service li a .title{font-size:1em;line-height:1em;color:#222;padding-top:6px;}
ul.con_service li a .img_area{height:3.5rem;background-size:cover;background-position:center;background-repeat:no-repeat;}
ul.con_service li a .img01{background-image:url(../img/main_m/img_brand01.jpg);}
ul.con_service li a .img02{background-image:url(../img/main_m/img_brand02.jpg);}
ul.con_service li a .img03{background-image:url(../img/main_m/img_brand03.jpg);}
ul.con_service li a .img04{background-image:url(../img/main_m/img_brand04.jpg);}
ul.con_service li a .img05{background-image:url(../img/main_m/img_brand05.jpg);}

ul.con_recruit{margin:2px 12px;}
ul.con_recruit li{float:left;}
ul.con_recruit li a{display:block;padding:1.2rem 1rem 0;min-height:10.1rem;}
ul.con_recruit li.left{width:58%;}
ul.con_recruit li.left a{background:url(../img/main_m/img_recruit01.jpg) no-repeat;background-size:cover;}
ul.con_recruit li.right{width:42%;}
ul.con_recruit li.right a{background:#11adb9;}

ul.con_recruit li .tltle{position:relative;padding-top:10px;color:#fff;font-size:0.85em;line-height:1.4em;word-break:keep-all;}
ul.con_recruit li .text_underline{text-decoration:underline;padding-top:1.5rem;font-size:0.8em;line-height:1.4em;margin-bottom:10px;color:#fff;}

ul.con_recruit li.right a{display:block;}
ul.con_recruit li.right .btn_go{display:inline-block;border:1px solid #fff;font-size:0.8em;line-height:1em;color:#fff;padding:5px 5px 5px 18px;margin-top:10px;background:url(../img/common_m/btn_rw_arrow.png) no-repeat 6px 50%;background-size:5px 8px;}

ul.con_media{border-top:1px solid #ddd;margin:2px 12px;}
ul.con_media li{border-bottom:1px solid #ddd;cursor:pointer;padding:8px 4px;}
ul.con_media li .title{font-size:0.9em;line-height:1em;color:#222;padding:8px 0 6px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:700;}
ul.con_media li .text{font-size:0.85em;line-height:1.5em;color:#555;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;}
ul.con_media li .sns_info{position:relative;padding:10px 0 8px;}
ul.con_media li .sns_info .text01{font-size:0.76em;line-height:1em;color:#767676;padding-right:6px;}
ul.con_media li .sns_info .text02{font-size:0.76em;line-height:1em;color:#767676;padding-left:8px;background:url(../img/common_m/img_bar.png) no-repeat;background-size:1px 12px;}
ul.con_media li .sns_info .btn_facebook{position:absolute;bottom:8px;right:4px;display:inline-block;border:1px solid #4460ae;font-size:0.8em;line-height:1.1em;color:#4460ae;padding:4px 8px 4px 26px;margin-top:10px;background:url(../img/common_m/btn_facebook_32x32.png) no-repeat 7px 4px;background-size:14px 14px;}

ul.con_media li .sns_info .btn_more{position:absolute;bottom:10px;right:4px;display:inline-block;border:1px solid #949494;font-size:0.8em;line-height:1.1em;color:#555;padding:4px 8px 4px 22px;margin-top:10px;background:url(../img/common_m/btn_listicon_plus.png) no-repeat 8px 5px;background-size:10px 10px;}

.wrap_con_insta{padding:20px 12px;}
ul.con_insta{width:100%;}
ul.con_insta li{float:left;width:25%;}
ul.con_insta li a{display:block;text-indent:-9999px;overflow:hidden;height:4.5rem;margin:0 2px;background-size:cover;}

.wrap_con_sns{padding:0 6px 25px;}
ul.con_sns{width:100%;}
ul.con_sns li{float:left;width:25%;}
ul.con_sns li a{display:block;text-indent:-9999px;overflow:hidden;min-height:2rem;margin:0 2px;border:1px solid #ddd;}

ul.con_sns li.list01 a{background:url(../img/main_m/btn_b_main_blog.png) no-repeat 50%;background-size:auto 0.8rem;}
ul.con_sns li.list02 a{background:url(../img/main_m/btn_b_main_facebook.png) no-repeat 50%;background-size:auto 0.8rem;}
ul.con_sns li.list03 a{background:url(../img/main_m/btn_b_main_insta.png) no-repeat 50%;background-size:auto 0.8rem;}
ul.con_sns li.list04 a{background:url(../img/main_m/btn_b_main_contact.png) no-repeat 50%;background-size:auto 0.8rem;}





/* media query */
@media(min-width:360px){
ul.con_slide li .text_area{margin-top:5.3rem;}
.slide_navi_area{margin-top:4rem;}
}

@media(min-width:480px){
ul.con_slide li .text_area{margin-top:5.2rem;}
ul.con_slide li .bg_area{height:18.7rem;}
.slide_navi_area{margin-top:3.2rem;}
ul.con_insta li a{height:4.7rem;}
ul.con_recruit li a{display:block;padding:1.2rem 1rem 0;min-height:9rem;}
}
@media (min-width:768px){
ul.con_service li a{display:block;border:1px solid #ddd;margin:5px 20px 5px 5px;}
ul.con_service li.left a{margin:5px 5px 5px 20px !important;}
ul.con_service li.full a{margin:2px 20px !important;}
ul.con_media{margin:2px 20px;}
ul.con_recruit{margin:2px 20px;}
.wrap_con_insta{padding:20px 20px;}
.wrap_con_sns{padding:0 20px 25px;}
ul.con_sns li.list01 a{background-size:auto 0.9rem;}
ul.con_sns li.list02 a{background-size:auto 0.9rem;}
ul.con_sns li.list03 a{background-size:auto 0.9rem;}
ul.con_sns li.list04 a{background-size:auto 0.9rem;}
}